#main-content.kingly-socks-design {
    --socks-gutter: var(--rt-ds-gutter);
    --socks-section-space: var(--rt-ds-section-space);
    --socks-gap: var(--rt-ds-component-grid-gap);
    --socks-card-inset: var(--rt-ui-space-lg);
    --socks-border: var(--rt-ds-border-width) solid var(--rt-ds-border);
    padding: 0;
    color: var(--rt-ui-text);
    background: var(--rt-ui-canvas);
}

.kingly-socks-design #content {
    padding: 0;
    margin: 0;
}

.kingly-socks-design :is([id="content"], [id="form"], section[id]) {
    scroll-margin-block-start: var(--rt-ui-space-lg);
}

#main-content.kingly-socks-design .elementor > section.e-con {
    --width: 100%;
    --gap: var(--rt-ui-space-xl);
    --align-items: stretch;
    padding: var(--socks-section-space) max(var(--socks-gutter), calc((100% - var(--rt-ds-wide)) / 2));
}

#main-content.kingly-socks-design :is(.kingly-socks-hero, .kingly-socks-products, .kingly-socks-comparison, .kingly-socks-quote) {
    background: var(--rt-ds-paper);
}

#main-content.kingly-socks-design .elementor > .kingly-socks-proof {
    padding-block: var(--rt-ui-space-md);
    background: var(--rt-ui-text);
    color: var(--rt-ui-surface);
}

#main-content.kingly-socks-design :is(.kingly-socks-proof, .kingly-socks-hero, .kingly-socks-benefits,
    .kingly-socks-product-grid, .kingly-socks-credentials, .kingly-socks-metrics, .kingly-socks-comparison-body,
    .kingly-socks-process-grid) {
    display: grid;
    grid-template-columns: repeat(var(--socks-columns, 2), minmax(0, 1fr));
    gap: var(--socks-gap);
    min-width: 0;
    align-items: stretch;
}

.kingly-socks-proof { --socks-columns: 7; }
.kingly-socks-product-grid, .kingly-socks-metrics { --socks-columns: 4; }
.kingly-socks-credentials, .kingly-socks-process-grid { --socks-columns: 5; }

#main-content.kingly-socks-design .kingly-socks-hero {
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: var(--rt-ds-space-2xl);
    align-items: start;
}

#main-content.kingly-socks-design :is(.kingly-socks-hero-copy, .kingly-socks-sustainability-body, .kingly-socks-intro) {
    --gap: var(--rt-ui-space-lg);
    min-width: 0;
}

#main-content.kingly-socks-design .kingly-socks-intro {
    --gap: var(--rt-ui-space-sm);
    max-width: var(--rt-ds-article-width);
    align-items: flex-start;
}

#main-content.kingly-socks-design :is(.kingly-socks-badge-card, .kingly-socks-benefit-card, .kingly-socks-credential-card,
    .kingly-socks-metric-card, .kingly-socks-process-card) {
    --gap: var(--rt-ui-space-sm);
    min-width: 0;
    margin: 0;
}

#main-content.kingly-socks-design :is(.kingly-socks-benefit-card, .kingly-socks-credential-card, .kingly-socks-metric-card,
    .kingly-socks-process-card, .kingly-socks-form-panel) {
    padding: var(--socks-card-inset);
    background: var(--rt-ui-surface);
    border: var(--socks-border);
    border-radius: var(--rt-ds-radius);
}

#main-content.kingly-socks-design :is(.kingly-socks-benefit-card, .kingly-socks-process-card) {
    border-inline-start: var(--rt-ds-focus-width) solid var(--rt-ui-brand);
}

#main-content.kingly-socks-design .kingly-socks-metric-card {
    background: var(--rt-ds-olive-dark);
    border-color: var(--rt-ds-olive-dark);
    color: var(--rt-ui-surface);
}

#main-content.kingly-socks-design :is(.kingly-socks-badge-card, .kingly-socks-credential-card,
    .kingly-socks-metric-card, .kingly-socks-process-card) img {
    width: 100%;
    max-width: var(--rt-ds-space-6xl);
    height: var(--rt-ds-icon-size);
    object-fit: contain;
    object-position: left center;
}

#main-content.kingly-socks-design .kingly-socks-credential-card img {
    height: var(--rt-ds-space-4xl);
}

#main-content.kingly-socks-design .kingly-socks-badge-card p {
    font-size: var(--rt-ds-type-small);
    line-height: var(--rt-ds-leading-body);
}

#main-content.kingly-socks-design .kingly-socks-comparison-body {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.8fr);
}

#main-content.kingly-socks-design .kingly-socks-comparison-table table {
    width: 100%;
    margin: 0;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: var(--rt-ds-type-body);
    line-height: var(--rt-ds-leading-body);
}

#main-content.kingly-socks-design .kingly-socks-comparison-table :is(th, td) {
    padding: var(--rt-ui-space-sm) var(--rt-ui-space-md);
    border: var(--socks-border);
    text-align: start;
    vertical-align: top;
    overflow-wrap: anywhere;
}

#main-content.kingly-socks-design .kingly-socks-comparison-table th {
    background: var(--rt-ds-olive-dark);
    color: var(--rt-ui-surface);
    font-family: var(--rt-ui-heading), sans-serif;
}

#main-content.kingly-socks-design .kingly-socks-comparison-table td { background: var(--rt-ui-surface); }
#main-content.kingly-socks-design .kingly-socks-comparison-table td:first-child { background: var(--rt-ds-olive-soft); }

#main-content.kingly-socks-design .kingly-socks-form-panel {
    width: min(100%, var(--rt-ds-article-width));
}

#main-content.kingly-socks-design .kingly-socks-form .elementor-form {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#main-content.kingly-socks-design .kingly-socks-form .elementor-field-label {
    font-size: var(--rt-ds-type-small);
    font-weight: 700;
    color: var(--rt-ui-text);
}

#main-content.kingly-socks-design .kingly-socks-form .elementor-field-textual {
    min-height: var(--rt-ds-control-height);
    border: var(--rt-ds-border-width) solid var(--rt-ui-muted);
    border-radius: var(--rt-ds-radius);
    background: var(--rt-ui-surface);
    color: var(--rt-ui-text);
    font-size: var(--rt-ds-type-body);
}

#main-content.kingly-socks-design .kingly-socks-form .elementor-button {
    min-height: var(--rt-ds-control-height);
    padding: var(--rt-ds-control-inset-block) var(--rt-ds-control-inset-inline);
    border: var(--rt-ds-border-width) solid var(--rt-ui-text);
    border-radius: var(--rt-ds-radius);
    background: var(--rt-ui-text);
    color: var(--rt-ui-surface);
    font-size: var(--rt-ds-type-small);
    line-height: var(--rt-ds-leading-card);
}

#main-content.kingly-socks-design .kingly-socks-form .e-form__buttons__wrapper__button-previous {
    background: var(--rt-ui-surface);
    color: var(--rt-ui-text);
}

#main-content.kingly-socks-design .kingly-socks-form .elementor-button:hover {
    background: var(--rt-ds-olive-dark);
    color: var(--rt-ui-surface);
}

#main-content.kingly-socks-design .kingly-socks-form .e-form__indicators__indicator--state-active {
    --e-form-steps-indicator-active-primary-color: var(--rt-ds-olive-dark);
    --e-form-steps-indicator-active-secondary-color: var(--rt-ui-surface);
}

#main-content.kingly-socks-design :is(a, button, input, select, textarea):focus-visible {
    outline: var(--rt-ds-focus-width) solid var(--rt-ui-focus);
    outline-offset: var(--rt-ds-focus-offset);
}

@media (max-width: 1024px) {
    #main-content.kingly-socks-design {
        --socks-gutter: var(--rt-ds-gutter-tablet);
        --socks-section-space: var(--rt-ds-section-space-tablet);
    }

    .kingly-socks-proof { --socks-columns: 4; }
    .kingly-socks-product-grid, .kingly-socks-metrics { --socks-columns: 2; }
    .kingly-socks-credentials, .kingly-socks-process-grid { --socks-columns: 3; }
}

@media (max-width: 767px) {
    #main-content.kingly-socks-design {
        --socks-gutter: var(--rt-ds-gutter-mobile);
        --socks-section-space: var(--rt-ds-section-space-mobile);
        --socks-gap: var(--rt-ui-space-md);
        --socks-card-inset: var(--rt-ui-space-md);
    }

    .kingly-socks-proof, .kingly-socks-credentials, .kingly-socks-process-grid { --socks-columns: 2; }
    .kingly-socks-benefits, .kingly-socks-product-grid { --socks-columns: 1; }

    #main-content.kingly-socks-design :is(.kingly-socks-hero, .kingly-socks-comparison-body) {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--rt-ui-space-lg);
    }

    #main-content.kingly-socks-design .kingly-socks-comparison-table :is(th, td) {
        padding: var(--rt-ui-space-sm);
        font-size: var(--rt-ds-type-small);
    }
}