.custom-design-page {
    max-width: var(--mc-content-width);
    margin: 0 auto;
    padding: 34px var(--mc-page-gutter) 96px;
}

.custom-design-page p {
    color: #66717d;
    line-height: 1.75;
}

.custom-design-eyebrow {
    margin: 0 0 12px;
    color: var(--mc-color-blue) !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.custom-design-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(320px, .98fr);
    gap: clamp(28px, 5vw, 68px);
    align-items: center;
    padding: 32px 0 58px;
}

.custom-design-hero h1,
.custom-design-section h2,
.custom-design-cta h2 {
    margin: 0;
    color: #202327;
    line-height: 1.08;
}

.custom-design-hero h1 {
    max-width: 820px;
    font-size: clamp(38px, 5vw, 66px);
}

.custom-design-hero p {
    max-width: 760px;
    margin: 22px 0 0;
    font-size: 19px;
}

.custom-design-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 30px;
}

.custom-design-proof {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 30px 0 0;
}

.custom-design-proof div {
    border: 1px solid #d8e4f5;
    border-radius: 8px;
    background: #f7fbff;
    padding: 14px;
}

.custom-design-proof dt,
.custom-design-proof dd {
    margin: 0;
}

.custom-design-proof dt {
    color: #66717d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.custom-design-proof dd {
    margin-top: 6px;
    color: #202327;
    font-size: 20px;
    font-weight: 900;
}

.custom-design-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--mc-color-blue);
    border-radius: 999px;
    background: var(--mc-color-blue);
    color: #fff;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.custom-design-button:hover {
    border-color: var(--mc-color-blue-dark);
    background: var(--mc-color-blue-dark);
}

.custom-design-button--secondary {
    background: #fff;
    color: var(--mc-color-blue);
}

.custom-design-button--secondary:hover {
    color: #fff;
}

.custom-design-hero__media,
.custom-design-media-tile {
    position: relative;
    min-height: 440px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #d9e2ef;
    background:
        linear-gradient(135deg, rgba(63, 126, 219, .92), rgba(32, 35, 39, .74)),
        repeating-linear-gradient(45deg, rgba(255, 255, 255, .16) 0, rgba(255, 255, 255, .16) 1px, transparent 1px, transparent 18px);
}

.custom-design-hero__media::before,
.custom-design-hero__media::after {
    position: absolute;
    content: "";
    border-radius: 999px 999px 58px 58px;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
}

.custom-design-hero__media--image::before,
.custom-design-hero__media--image::after {
    display: none;
}

.custom-design-hero__media--image img,
.custom-design-media-tile--image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.custom-design-hero__media--image::after,
.custom-design-media-tile--image::after {
    position: absolute;
    inset: auto 0 0;
    display: block;
    width: 100%;
    height: 42%;
    border-radius: 0;
    background: linear-gradient(transparent, rgba(15, 24, 34, .72));
    box-shadow: none;
    content: "";
    opacity: 1;
    transform: none;
}

.custom-design-hero__media::before {
    width: 48%;
    height: 34%;
    right: 10%;
    bottom: 20%;
    transform: rotate(-8deg);
}

.custom-design-hero__media::after {
    width: 38%;
    height: 28%;
    left: 11%;
    top: 22%;
    transform: rotate(7deg);
    opacity: .88;
}

.custom-design-hero__media span,
.custom-design-media-tile span {
    position: absolute;
    right: 22px;
    bottom: 22px;
    left: 22px;
    z-index: 2;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.4;
}

.custom-design-section {
    border-top: 1px solid var(--mc-color-border);
    padding: 56px 0;
}

.custom-design-section__header {
    max-width: 900px;
}

.custom-design-section h2,
.custom-design-cta h2 {
    max-width: 880px;
    font-size: clamp(30px, 3.6vw, 50px);
}

.custom-design-section__header > p:last-child,
.custom-design-split > div > p:last-child,
.custom-design-cta p {
    max-width: 850px;
    margin: 18px 0 0;
    font-size: 18px;
}

.custom-design-card-grid {
    display: grid;
    gap: 18px;
    margin-top: 34px;
}

.custom-design-card-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.custom-design-card-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.custom-design-card-grid article,
.custom-design-feature-list article,
.custom-design-materials article,
.custom-design-steps li,
.custom-design-faq details {
    border: 1px solid var(--mc-color-border);
    border-radius: 8px;
    background: #fff;
    padding: 24px;
}

.custom-design-card-grid h3,
.custom-design-feature-list h3 {
    margin: 0;
    color: #202327;
    font-size: 21px;
}

.custom-design-card-grid p,
.custom-design-feature-list p {
    margin: 10px 0 0;
}

.custom-design-split {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(300px, 1fr);
    gap: clamp(28px, 5vw, 70px);
    align-items: start;
}

.custom-design-split--reverse {
    grid-template-columns: minmax(300px, .9fr) minmax(0, 1fr);
    align-items: center;
}

.custom-design-feature-list {
    display: grid;
    gap: 16px;
}

.custom-design-materials {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 34px;
}

.custom-design-materials strong {
    display: block;
    color: #202327;
    font-size: 20px;
}

.custom-design-materials span {
    display: block;
    margin-top: 10px;
    color: #66717d;
    line-height: 1.65;
}

.custom-design-media-tile {
    min-height: 360px;
    background:
        linear-gradient(135deg, rgba(32, 35, 39, .86), rgba(63, 126, 219, .76)),
        radial-gradient(circle at 28% 28%, rgba(255, 255, 255, .24), transparent 32%);
}

.custom-design-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}

.custom-design-tag-list span {
    border: 1px solid #d8e4f5;
    border-radius: 999px;
    background: #f7fbff;
    color: #2f5d9f;
    padding: 9px 14px;
    font-size: 14px;
    font-weight: 800;
}

.custom-design-steps {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 34px 0 0;
    padding: 0;
    counter-reset: custom-design-step;
    list-style: none;
}

.custom-design-steps li {
    position: relative;
    padding-top: 68px;
    counter-increment: custom-design-step;
}

.custom-design-steps li::before {
    position: absolute;
    top: 22px;
    left: 24px;
    color: var(--mc-color-blue);
    content: counter(custom-design-step, decimal-leading-zero);
    font-size: 22px;
    font-weight: 900;
}

.custom-design-steps strong {
    display: block;
    color: #202327;
    font-size: 20px;
}

.custom-design-steps span {
    display: block;
    margin-top: 10px;
    color: #66717d;
    line-height: 1.65;
}

.custom-design-moq {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
    gap: clamp(24px, 4vw, 54px);
    align-items: start;
}

.custom-design-moq__panel {
    border-radius: 8px;
    background: #202327;
    color: #fff;
    padding: 28px;
}

.custom-design-moq__panel strong {
    display: block;
    font-size: 22px;
}

.custom-design-moq__panel ul {
    display: grid;
    gap: 12px;
    margin: 18px 0 0;
    padding-left: 20px;
}

.custom-design-moq__panel li {
    color: #d8e4f5;
    line-height: 1.6;
}

.custom-design-faq__list {
    display: grid;
    gap: 14px;
    max-width: 980px;
    margin-top: 30px;
}

.custom-design-faq summary {
    cursor: pointer;
    color: #202327;
    font-size: 18px;
    font-weight: 800;
}

.custom-design-faq details p {
    margin: 14px 0 0;
}

.custom-design-cta {
    border-radius: 8px;
    background: #f4f8fe;
    padding: clamp(32px, 5vw, 58px);
}

.custom-design-cta .custom-design-button {
    margin-top: 28px;
}

.custom-design-quote {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(420px, 1fr);
    gap: clamp(28px, 5vw, 64px);
    align-items: start;
    border-radius: 8px;
    background: #f4f8fe;
    padding: clamp(30px, 5vw, 58px);
}

.custom-design-quote h2 {
    max-width: 720px;
    margin: 0;
    color: #202327;
    font-size: clamp(30px, 3.8vw, 52px);
    line-height: 1.08;
}

.custom-design-quote__content p {
    max-width: 680px;
    margin: 18px 0 0;
    font-size: 18px;
}

.custom-design-quote__trust {
    display: grid;
    gap: 12px;
    margin: 26px 0 0;
    padding: 0;
    list-style: none;
}

.custom-design-quote__trust li {
    position: relative;
    padding-left: 24px;
    color: #202327;
    font-weight: 800;
    line-height: 1.5;
}

.custom-design-quote__trust li::before {
    position: absolute;
    top: .35em;
    left: 0;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--mc-color-blue);
    content: "";
}

.custom-design-quote__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    border: 1px solid #d8e4f5;
    border-radius: 8px;
    background: #fff;
    padding: 24px;
}

.custom-design-quote__form > br,
.custom-design-quote__form > p:empty {
    display: none;
}

.custom-design-quote__field {
    display: grid;
    gap: 8px;
}

.custom-design-quote__field--wide,
.custom-design-quote__submit {
    grid-column: 1 / -1;
}

.custom-design-quote__honeypot {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}

.custom-design-quote__notice {
    grid-column: 1 / -1;
    margin: 0;
    border-left: 4px solid #3478d4;
    background: #eef5ff;
    color: #24354a !important;
    padding: 13px 15px;
    font-size: 14px !important;
}

.custom-design-quote__notice--success {
    border-color: #2b7d4f;
    background: #edf8f1;
}

.custom-design-quote__notice--error {
    border-color: #b54848;
    background: #fff1f1;
}

.custom-design-quote__field label {
    color: #202327;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.custom-design-quote__field input,
.custom-design-quote__field textarea {
    width: 100%;
    border: 1px solid var(--mc-color-border);
    border-radius: 8px;
    background: #fff;
    color: #202327;
    font: inherit;
    padding: 13px 14px;
}

.custom-design-quote__field input:focus,
.custom-design-quote__field textarea:focus {
    border-color: var(--mc-color-blue);
    outline: none;
    box-shadow: 0 0 0 3px rgba(63, 126, 219, .14);
}

.custom-design-quote__field textarea {
    resize: vertical;
}

.custom-design-quote__field small {
    color: #66717d;
    font-size: 12px;
    line-height: 1.5;
}

.custom-design-quote__submit {
    min-height: 50px;
    border: 0;
    border-radius: 999px;
    background: var(--mc-color-blue);
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.custom-design-quote__submit:hover,
.custom-design-quote__submit:focus {
    background: var(--mc-color-blue-dark);
}

@media (max-width: 1100px) {
    .custom-design-card-grid--four,
    .custom-design-card-grid--three,
    .custom-design-materials,
    .custom-design-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .custom-design-hero,
    .custom-design-split,
    .custom-design-split--reverse,
    .custom-design-moq,
    .custom-design-quote {
        grid-template-columns: 1fr;
    }

    .custom-design-hero__media,
    .custom-design-media-tile {
        min-height: 320px;
    }
}

@media (max-width: 640px) {
    .custom-design-page {
        padding-bottom: 72px;
    }

    .custom-design-hero {
        padding-top: 22px;
    }

    .custom-design-section {
        padding: 42px 0;
    }

    .custom-design-card-grid--four,
    .custom-design-card-grid--three,
    .custom-design-materials,
    .custom-design-steps {
        grid-template-columns: 1fr;
    }

    .custom-design-proof,
    .custom-design-quote__form {
        grid-template-columns: 1fr;
    }

    .custom-design-button {
        width: 100%;
    }
}
.custom-legacy-page {
    box-sizing: border-box;
    width: calc(100% - 32px);
    max-width: 1400px;
    margin: 0 auto;
    padding: 25px 0 72px;
    color: #747474;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.custom-legacy-page > h1 {
    margin: 0 0 20px;
    color: #427ed1;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.custom-legacy-page__wide-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.custom-legacy-page__detail {
    margin: 40px 0 0;
}

.custom-legacy-page__detail h2 {
    margin: 0 0 20px;
    color: #427ed1;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
}

.custom-legacy-page__copy {
    max-width: 1120px;
    margin: 54px auto 0;
    padding-top: 36px;
    border-top: 1px solid #e4e6e8;
}

.custom-legacy-page__copy h2 {
    margin: 0 0 16px;
    color: #333333;
    font-size: 30px;
    line-height: 1.3;
}

.custom-legacy-page__copy > p {
    max-width: 900px;
    margin: 0 0 28px;
    font-size: 16px;
    line-height: 1.8;
}

.custom-legacy-page__copy-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.custom-legacy-page__copy-grid article {
    padding: 24px;
    border: 1px solid #e4e6e8;
}

.custom-legacy-page__copy-grid h3 {
    margin: 0 0 10px;
    color: #333333;
    font-size: 18px;
}

.custom-legacy-page__copy-grid p {
    margin: 0;
    line-height: 1.7;
}

@media (max-width: 767px) {
    .custom-legacy-page {
        width: calc(100% - 32px);
        padding: 24px 0 52px;
    }

    .custom-legacy-page__copy-grid {
        grid-template-columns: 1fr;
    }
}

/* Legacy Order Process ----------------------------------------------------- */
.legacy-order-process {
    box-sizing: border-box;
    width: calc(100% - 60.73px);
    max-width: 1400px;
    margin: 0 auto;
    padding: 69px 0 90px;
}

.legacy-order-process > h1 {
    margin: 0;
    color: #427ed1;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 47.88px;
    text-align: center;
}

.legacy-order-section {
    display: grid;
    grid-template-columns: 429.4px minmax(0, 1fr);
    grid-template-areas:
        ". title"
        "media copy";
    column-gap: 55.9px;
    align-items: start;
    margin-top: 90px;
    scroll-margin-top: 24px;
}

.legacy-order-section--how {
    margin-top: 65px;
}

#ourmoq {
    margin-top: 39.7px;
}

#ourleadtime {
    margin-top: 28px;
}

#ourpaymentterms {
    margin-top: 71px;
}

#qualitycontrol {
    margin-top: 116.5px;
}

#shipping {
    margin-top: 71.4px;
}

.legacy-order-section > h2 {
    grid-area: title;
    margin: 0 0 35px;
    color: #427ed1;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 47.88px;
}

.legacy-order-section--how > h2 {
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.legacy-order-section__media {
    grid-area: media;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.legacy-order-section__media img {
    display: block;
    width: 100%;
    height: auto;
}

.legacy-order-section__copy {
    grid-area: copy;
    min-width: 0;
    transform: translateY(10px);
}

.legacy-order-section__copy h3 {
    margin: 0 0 20px;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 45.36px;
}

.legacy-order-section__copy p {
    margin: 0 0 10px;
    color: #747474;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 33.66px;
}

.legacy-order-section__copy p + h3 {
    margin-top: 10px;
}

.legacy-order-steps h3 {
    margin: 0 0 20px;
    color: #747474;
    font-size: 18px;
    font-weight: 700;
    line-height: 33.66px;
}

.legacy-order-steps p {
    margin-bottom: 20px;
    font-size: 17.5px;
    line-height: 32.6px;
}

@media (max-width: 900px) {
    .legacy-order-process {
        width: calc(100% - 40px);
        padding-top: 32px;
    }

    .legacy-order-section {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "copy"
            "media";
        gap: 0;
        margin-top: 64px;
    }

    #ourmoq,
    #ourleadtime,
    #ourpaymentterms,
    #qualitycontrol,
    #shipping {
        margin-top: 64px;
    }

    .legacy-order-section > h2 {
        margin-bottom: 30px;
    }

    .legacy-order-section__media {
        margin-top: 28px;
    }
}

@media (max-width: 599px) {
    .legacy-order-process {
        width: calc(100% - 32px);
    }

    .legacy-order-process > h1,
    .legacy-order-section > h2 {
        font-size: 30px;
        line-height: 39px;
    }

    .legacy-order-section__copy h3 {
        font-size: 25px;
        line-height: 34px;
    }
}

/* Legacy How to Custom Design --------------------------------------------- */
.legacy-how-custom {
    box-sizing: border-box;
    width: min(1400px, calc(100% - 60px));
    max-width: 1400px;
    margin: 0 auto;
    padding: 32px 0 35.2px;
    color: #747474;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.legacy-how-custom * {
    box-sizing: border-box;
}

.legacy-how-overview {
    margin: 0;
}

.legacy-how-overview img {
    display: block;
    width: 100%;
    height: auto;
}

.legacy-how-intro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
    margin-top: 32px;
}

.legacy-how-intro p {
    min-height: 21.7px;
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
}

.legacy-how-intro p.legacy-how-intro__lead {
    min-height: 20px;
    font-size: 19px;
}

.legacy-how-intro__column:nth-child(2) > p:nth-of-type(2) {
    min-height: 43.3px;
}

.legacy-how-intro__column:nth-child(2) > p:nth-of-type(5) {
    min-height: 100px;
}

.legacy-how-intro strong {
    color: #555555;
    font-weight: 700;
}

.legacy-how-approval {
    margin-top: 0;
    font-size: 15px;
    line-height: 20px;
}

.legacy-how-approval strong {
    display: block;
    min-height: 21.7px;
}

.legacy-how-approval img {
    display: block;
    width: 100%;
    height: auto;
}

.legacy-how-section {
    margin-top: 40px;
}

.legacy-how-fit {
    margin-top: 24.2px;
}

.legacy-how-section > h2 {
    margin: 0;
    color: #427ed1;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 42px;
}

.legacy-how-custom .legacy-fit-grid {
    width: calc(100% + 27.94px);
    margin-top: 30px;
    row-gap: 53.27px;
}

.legacy-how-wide {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 21.2px;
}

.legacy-how-grid {
    display: grid;
    width: calc(100% + 55.9px);
    margin: 30px 0 0 -27.95px;
}

.legacy-how-grid > a,
.legacy-how-grid > figure {
    display: block;
    min-width: 0;
    margin: 0;
    color: #333333;
    text-align: center;
    text-decoration: none;
}

.legacy-how-grid img {
    display: block;
    aspect-ratio: 1;
    margin: 0 auto;
    object-fit: cover;
}

.legacy-how-grid span,
.legacy-how-grid figcaption {
    display: block;
    margin-top: 10px;
    color: #333333;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

.legacy-how-grid a span::before {
    content: "›";
    display: inline-block;
    margin-right: 7px;
    color: #427ed1;
    font-size: 19px;
}

.legacy-how-grid--four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 32.3px;
}

.legacy-how-grid--four img {
    width: 250px;
}

.legacy-how-grid--five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.legacy-how-grid--five img {
    width: 235.3px;
}

.legacy-how-grid--five figcaption {
    line-height: 20px;
}

.legacy-how-grid--three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.legacy-how-grid--three img {
    width: 300px;
}

.legacy-how-grid--three figcaption {
    line-height: 20px;
}

.legacy-how-full > img {
    display: block;
    width: 100%;
    height: auto;
}

.legacy-how-section[aria-labelledby="how-material-title"] {
    margin-top: 30px;
}

.legacy-how-section[aria-labelledby="how-button-title"] {
    margin-top: 42.4px;
}

.legacy-how-section[aria-labelledby="how-seam-title"],
.legacy-how-section[aria-labelledby="how-sweatband-title"],
.legacy-how-section[aria-labelledby="how-closure-title"] {
    margin-top: 30px;
}

.legacy-how-section[aria-labelledby="how-size-title"] > img {
    margin-top: 30px;
}

.legacy-how-section[aria-labelledby="how-decoration-title"] {
    margin-top: 39.3px;
}

.legacy-how-section[aria-labelledby="how-package-title"] {
    margin-top: 42.4px;
}

.legacy-how-grid--package {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 20px;
}

.legacy-how-grid--package img {
    width: 300px;
}

.legacy-how-grid--package figcaption {
    line-height: 20px;
}

.legacy-how-care {
    margin-top: 51.7px;
}

.legacy-how-care > h2 {
    margin: 0;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
}

.legacy-how-care p {
    color: #747474;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 31.79px;
}

.legacy-how-care__copy {
    width: 970.7px;
    max-width: 100%;
    margin: 35px auto 0;
}

.legacy-how-care__copy p {
    margin: 0 0 20px;
}

.legacy-how-care__copy p:last-child {
    margin-bottom: 0;
}

.legacy-how-care > img {
    display: block;
    width: 557px;
    max-width: 100%;
    height: auto;
    margin: 50px auto 70px;
}

.legacy-how-care .legacy-how-care__notice {
    width: 970.7px;
    max-width: 100%;
    margin: 0 auto;
    color: #333333;
    font-size: 17px;
    font-weight: 500;
    line-height: 20.4px;
    text-align: center;
}

@media (max-width: 1100px) {
    .legacy-how-custom .legacy-fit-grid {
        width: 100%;
    }

    .legacy-how-grid {
        width: 100%;
        margin-left: 0;
    }

    .legacy-how-grid--four,
    .legacy-how-grid--package {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .legacy-how-grid--five {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
    }
}

@media (max-width: 767px) {
    .legacy-how-custom {
        width: calc(100% - 32px);
    }

    .legacy-how-intro {
        grid-template-columns: 1fr;
        margin-top: 24px;
    }

    .legacy-how-section > h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .legacy-how-grid--four,
    .legacy-how-grid--five,
    .legacy-how-grid--three,
    .legacy-how-grid--package {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }

    .legacy-how-grid img {
        width: 100%;
    }

    .legacy-how-care > h2 {
        font-size: 34px;
        line-height: 1.25;
    }
}

@media (max-width: 420px) {
    .legacy-how-grid--four,
    .legacy-how-grid--five,
    .legacy-how-grid--three,
    .legacy-how-grid--package {
        grid-template-columns: 1fr;
    }
}

/* Legacy Cap Details landing ---------------------------------------------- */
.legacy-cap-details {
    box-sizing: border-box;
    width: calc(100% - 60.73px);
    margin: -8px auto 0;
    padding: 0 0 40px;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.legacy-cap-details section {
    margin: 0;
}

.legacy-cap-details section + section {
    margin-top: 40px;
}

.legacy-cap-details h1,
.legacy-cap-details h2 {
    margin: 0 0 20px;
    color: #427ed1;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 30px;
}

.legacy-cap-details img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .legacy-cap-details {
        width: calc(100% - 32px);
        margin-top: 28px;
    }

    .legacy-cap-details h1,
    .legacy-cap-details h2 {
        font-size: 22px;
        line-height: 28px;
    }
}

/* Legacy Design Templates -------------------------------------------------- */
.legacy-design-templates {
    box-sizing: border-box;
    width: calc(100% - 60.73px);
    max-width: 1400px;
    margin: 0 auto;
    padding: 44px 0 72px;
}

.legacy-design-templates > h1 {
    margin: 0 0 70px;
    color: #427ed1;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 60px;
    text-align: center;
}

.legacy-template-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 55.9px;
    row-gap: 40px;
}

.legacy-template-card {
    min-width: 0;
    margin: 0;
    text-align: center;
}

.legacy-template-card h2 {
    margin: 0 0 20px;
    color: #333333;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 24px;
}

.legacy-template-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 740 / 528;
    object-fit: cover;
}

.legacy-template-card a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(239.8px, calc(100% - 24px));
    height: 36px;
    margin: 10px auto 0;
    border: 0;
    border-radius: 1px;
    background: #427ed1;
    color: #ffffff;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 16px;
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease;
}

.legacy-template-card a:hover,
.legacy-template-card a:focus-visible {
    background: #ffffff;
    color: #427ed1;
}

@media (max-width: 1023px) {
    .legacy-design-templates {
        width: calc(100% - 40px);
    }

    .legacy-template-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 40px 32px;
    }
}

@media (max-width: 599px) {
    .legacy-design-templates {
        width: calc(100% - 32px);
        padding-top: 28px;
    }

    .legacy-design-templates > h1 {
        margin-bottom: 42px;
        font-size: 34px;
        line-height: 42px;
    }

    .legacy-template-grid {
        grid-template-columns: 1fr;
    }
}

/* Legacy E-catalog --------------------------------------------------------- */
.legacy-e-catalog {
    box-sizing: border-box;
    width: min(1461px, calc(100% - 60px));
    max-width: 1461px;
    margin: -1px auto 0;
    padding: 35px 0 25px;
}

.legacy-e-catalog > h1 {
    margin: 0 0 35px;
    color: #427ed1;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 45px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 54px;
    text-align: center;
}

.legacy-e-catalog__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: calc(100% - 4.8px);
    margin: 0 auto;
}

.legacy-e-catalog__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 0;
    margin: 0;
}

.legacy-e-catalog__card h2 {
    margin: 0 0 35px;
    color: #333333;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 33.6px;
}

.legacy-e-catalog__card img {
    display: block;
    width: auto;
    height: 300px;
    max-width: calc(100% - 32px);
    object-fit: contain;
}

.legacy-e-catalog__card:first-child img {
    height: 300.4px;
}

.legacy-e-catalog__card a {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 238.4px;
    max-width: calc(100% - 32px);
    height: 36px;
    margin: 10px 0;
    border: 0;
    border-radius: 1px;
    background: #427ed1;
    color: #ffffff;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 16px;
    text-decoration: none;
    transition: background-color 180ms ease, color 180ms ease;
}

.legacy-e-catalog__card a:hover,
.legacy-e-catalog__card a:focus-visible {
    background: #ffffff;
    color: #427ed1;
}

@media (max-width: 767px) {
    .legacy-e-catalog {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        padding: 30px 16px 56px;
    }

    .legacy-e-catalog > h1 {
        margin-bottom: 42px;
        font-size: 36px;
        line-height: 44px;
    }

    .legacy-e-catalog__grid {
        grid-template-columns: 1fr;
        width: 100%;
        gap: 54px;
    }
}

/* Shared legacy typography for the remaining custom-design templates. */
.custom-order-page,
.custom-size-page,
.custom-care-page,
.custom-shape-fit-page,
.custom-design-templates-page,
.custom-catalog-page {
    max-width: none;
    padding: 44px 30px 72px;
}

.custom-order-page > .mastercap-breadcrumb,
.custom-size-page > .mastercap-breadcrumb,
.custom-care-page > .mastercap-breadcrumb,
.custom-shape-fit-page > .mastercap-breadcrumb,
.custom-design-templates-page > .mastercap-breadcrumb,
.custom-catalog-page > .mastercap-breadcrumb,
.custom-order-page .custom-child-sidebar,
.custom-size-page .custom-child-sidebar,
.custom-care-page .custom-child-sidebar,
.custom-shape-fit-page .custom-child-sidebar,
.custom-design-templates-page .custom-child-sidebar,
.custom-catalog-page .custom-child-sidebar {
    display: none;
}

.custom-order-page .custom-child-layout,
.custom-size-page .custom-child-layout,
.custom-care-page .custom-child-layout,
.custom-shape-fit-page .custom-child-layout,
.custom-design-templates-page .custom-child-layout,
.custom-catalog-page .custom-child-layout {
    display: block;
}

.custom-order-page .custom-child-content,
.custom-size-page .custom-child-content,
.custom-care-page .custom-child-content {
    width: min(970.65px, 100%);
    margin: 0 auto;
}

.custom-order-page .custom-child-hero,
.custom-size-page .custom-child-hero,
.custom-care-page .custom-child-hero,
.custom-shape-fit-page .custom-child-hero,
.custom-design-templates-page .custom-child-hero,
.custom-catalog-page .custom-child-hero {
    display: block;
    padding: 0 0 46px;
}

.custom-order-page .custom-child-media,
.custom-design-templates-page .custom-child-media,
.custom-catalog-page .custom-child-media {
    display: none;
}

.custom-order-page .custom-child-eyebrow {
    margin: 0 0 28px;
    color: #427ed1 !important;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 47.88px;
    text-transform: uppercase;
}

.custom-order-page .custom-child-hero h1 {
    margin: 0 0 24px;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 38px;
    font-weight: 400;
    line-height: 47.88px;
}

.custom-order-page .custom-child-hero p:not(.custom-child-eyebrow),
.custom-order-page .custom-child-section p,
.custom-order-page .custom-child-list li {
    color: #747474;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 33.66px;
}

.custom-order-page .custom-child-section {
    padding: 42px 0;
}

.custom-order-page .custom-child-section h2 {
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 45.36px;
}

.custom-order-page .custom-child-card,
.custom-order-page .custom-child-proof,
.custom-order-page .custom-child-link-card {
    border: 0;
    border-radius: 0;
}

.custom-size-page .custom-child-eyebrow,
.custom-care-page .custom-child-eyebrow {
    display: none;
}

.custom-size-page .custom-child-hero h1,
.custom-care-page .custom-child-hero h1 {
    margin: 0 0 28px;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.87;
}

.custom-size-page .custom-child-hero p,
.custom-care-page .custom-child-hero p {
    color: #747474;
    font-size: 17px;
    line-height: 31.79px;
}

.custom-size-page .custom-child-section h2,
.custom-care-page .custom-child-section h2 {
    color: #333333;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
}

.custom-shape-fit-page .custom-child-hero h1 {
    color: #333333;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 63px;
    text-align: center;
    text-transform: uppercase;
}

.custom-shape-fit-page .custom-child-eyebrow {
    display: none;
}

.custom-shape-fit-page .custom-child-content > .custom-child-section > h2 {
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
}

.custom-design-templates-page .custom-child-hero h1,
.custom-catalog-page .custom-child-hero h1 {
    color: #427ed1;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    text-align: center;
}

.custom-design-templates-page .custom-child-eyebrow,
.custom-catalog-page .custom-child-eyebrow {
    display: none;
}

.custom-design-templates-page .custom-child-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.custom-design-templates-page .custom-child-card h3,
.custom-design-templates-page .custom-child-link-card h3 {
    color: #333333;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}

.custom-design-templates-page .custom-child-button,
.custom-design-templates-page .wp-element-button {
    color: #ffffff;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
}

@media (max-width: 767px) {
    .custom-order-page,
    .custom-size-page,
    .custom-care-page,
    .custom-shape-fit-page,
    .custom-design-templates-page,
    .custom-catalog-page {
        padding: 30px 16px 52px;
    }

    .custom-design-templates-page .custom-child-grid {
        grid-template-columns: 1fr;
    }

    .custom-size-page .custom-child-hero h1,
    .custom-care-page .custom-child-hero h1,
    .custom-shape-fit-page .custom-child-hero h1,
    .custom-design-templates-page .custom-child-hero h1,
    .custom-catalog-page .custom-child-hero h1 {
        font-size: 34px;
        line-height: 1.2;
    }
}

/* Exact, lightweight reconstruction of the legacy Size Chart and Care Guide. */
.legacy-size-guide,
.legacy-care-guide {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    color: #747474;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 17px;
    line-height: 31.79px;
}

.legacy-size-guide *,
.legacy-care-guide * {
    box-sizing: border-box;
}

.legacy-guide-intro,
.legacy-care-inner {
    width: min(970.65px, calc(100% - 60px));
    margin-inline: auto;
}

.legacy-size-guide {
    padding: 54px 0 72px;
}

.legacy-guide-mark {
    display: block;
    width: 300px;
    height: auto;
    margin: 0 auto 25px;
}

.legacy-size-guide h1,
.legacy-care-guide h1 {
    margin: 0;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.87;
}

.legacy-size-guide h1 {
    font-weight: 900;
    text-align: center;
}

.legacy-size-guide h2 {
    font-weight: 900;
}

.legacy-care-inner > p:first-of-type {
    margin-bottom: 45px;
}

.legacy-size-guide h2,
.legacy-care-guide h2 {
    margin: 0 0 20px;
    color: #333333;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
}

.legacy-guide-intro > section > h2 {
    margin-top: 40px;
}

.legacy-size-guide p,
.legacy-care-guide p,
.legacy-care-list {
    margin: 0 0 20px;
    color: #747474;
    font: 400 17px/31.79px Inter, Arial, Helvetica, sans-serif;
}

.legacy-measure-image {
    display: block;
    width: 429.44px;
    max-width: 100%;
    height: auto;
    margin: 50px auto 40px;
}

.legacy-size-wide {
    width: 100%;
    margin-inline: auto;
}

.legacy-size-wide > h2 {
    margin-bottom: 20px;
}

.legacy-table-scroll {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.legacy-size-table {
    width: 100%;
    min-width: 960px;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
    color: #747474;
    font: 400 16px/29.92px Inter, Arial, Helvetica, sans-serif;
}

.legacy-size-table th,
.legacy-size-table td {
    height: 29.92px;
    padding: 0;
    border: 0.833333px inset #e0dede;
    background: #f2f2f2;
    color: #747474;
    font: inherit;
    text-align: center;
    vertical-align: middle;
}

.legacy-cap-table th,
.legacy-cap-table td {
    padding: 0.6px;
}

.legacy-knit-table tr.legacy-headband-row {
    height: 40.7px;
}

.legacy-size-table th {
    font-weight: 400;
}

.legacy-size-table thead th,
.legacy-size-table .legacy-item-head th {
    font-weight: 700;
}

.legacy-cap-table th:first-child {
    width: 18%;
}

.legacy-cap-table th span {
    white-space: nowrap;
}

.legacy-knit-table th:nth-child(1) { width: 4%; }
.legacy-knit-table th:nth-child(2) { width: 10%; }
.legacy-knit-table th:nth-child(3) { width: 24%; }

.legacy-knit-table img {
    display: block;
    width: auto;
    max-width: 94%;
    height: auto;
    max-height: 255px;
    margin: 0 auto;
    object-fit: contain;
}

.legacy-knit-table td[rowspan] {
    height: 255px;
}

.legacy-size-note {
    margin: 20px 0 60px !important;
    font-size: 15px !important;
    line-height: 28.05px !important;
}

.legacy-size-wide .legacy-size-note:last-child {
    margin-bottom: 0 !important;
    font-size: 16px !important;
    line-height: 29.92px !important;
}

.legacy-care-guide {
    padding: 86px 0 72px;
}

.legacy-care-guide h1 {
    margin-bottom: 30px;
    line-height: 60px;
    text-align: center;
}

.legacy-care-guide section > h2 {
    margin-top: 20px;
}

.legacy-care-list {
    padding: 0;
    list-style: none;
}

.legacy-care-list li {
    margin: 0 0 20px;
}

.legacy-care-list li::before {
    content: "• ";
}

.legacy-care-highlight {
    color: #427ed1 !important;
}

.legacy-care-storage {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: start;
    gap: 0;
    min-height: 144px;
    margin: 50px 0 20px;
}

.legacy-care-storage img {
    display: block;
    max-width: none;
    height: auto;
    max-height: none;
    margin: 0 auto;
    object-fit: contain;
}

.legacy-care-storage img:nth-child(1) { width: 140px; }
.legacy-care-storage img:nth-child(2) { width: 186.8px; }
.legacy-care-storage img:nth-child(3) { width: 150px; }
.legacy-care-storage img:nth-child(4) {
    width: 150px;
    transform: translateX(-18.4px);
}

.legacy-care-label {
    display: block;
    width: 557px;
    max-width: 100%;
    height: auto;
    margin: 50px auto 70px;
}

.legacy-care-disclaimer {
    margin: 0 !important;
    color: #333333 !important;
    font: 600 17px/20.4px Inter, Arial, Helvetica, sans-serif !important;
}

@media (max-width: 767px) {
    .legacy-size-guide {
        padding-top: 24px;
    }

    .legacy-guide-intro > section > h2 {
        margin-top: 40px;
    }

    .legacy-care-guide {
        padding-top: 50px;
    }

    .legacy-guide-intro,
    .legacy-care-inner {
        width: calc(100% - 32px);
    }

    .legacy-size-wide {
        width: 100%;
        padding-inline: 16px;
    }

    .legacy-guide-mark {
        width: min(260px, 82vw);
    }

    .legacy-size-guide h1,
    .legacy-care-guide h1 {
        font-size: 34px;
        line-height: 1.3;
    }

    .legacy-care-guide h1 {
        margin-bottom: 24px;
    }

    .legacy-size-guide h2,
    .legacy-care-guide h2 {
        font-size: 26px;
        line-height: 1.3;
    }

    .legacy-care-storage {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 12px;
    }

    .legacy-care-storage img:nth-child(4) {
        transform: none;
    }

    .legacy-size-table {
        font-size: 14px;
        line-height: 1.55;
    }
}

/* Legacy Shape & Fit guide: CSS-only hover swaps and responsive grids. */
.legacy-shape-fit {
    width: min(1400px, calc(100% - 60px));
    max-width: 1400px;
    margin: 0 auto;
    padding: 89px 0 72px;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.legacy-shape-fit * {
    box-sizing: border-box;
}

.legacy-shape-fit > h1 {
    margin: 0;
    color: #333333;
    font: 700 50px/75.6px Montserrat, Arial, Helvetica, sans-serif;
    text-align: left;
}

.legacy-shape-fit > h1,
.legacy-shape-hero,
.legacy-fit-finder,
.legacy-shape-section {
    width: calc(100% + 27.94px);
}

.legacy-shape-hero {
    margin: 24px 0 0;
    overflow: hidden;
}

.legacy-shape-hero img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 5 / 2;
    object-fit: cover;
}

.legacy-fit-finder {
    margin-top: 42px;
}

.legacy-fit-finder > h2,
.legacy-shape-section > h2 {
    margin: 0;
    color: #000000;
    font: 600 40px/48px Inter, Arial, Helvetica, sans-serif;
    text-align: center;
}

.legacy-fit-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 37px 27.94px;
    margin-top: 15px;
}

.legacy-fit-card,
.legacy-five-grid figure,
.legacy-visor-shapes figure {
    margin: 0;
}

.legacy-fit-media {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
}

.legacy-fit-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.legacy-fit-media .legacy-fit-alt {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 220ms ease;
}

.legacy-fit-card:hover .legacy-fit-alt,
.legacy-fit-card:focus-within .legacy-fit-alt {
    opacity: 1;
}

.legacy-fit-card h3 {
    min-height: 32px;
    margin: 4.75px 0 0;
    color: #333333;
    font: 700 16px/16px Montserrat, Arial, Helvetica, sans-serif;
    text-align: center;
}

.legacy-shape-section {
    margin-top: 42px;
}

.legacy-five-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 27.94px;
    margin-top: 4px;
}

.legacy-five-grid img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.legacy-five-grid figcaption {
    text-align: center;
}

.legacy-five-grid figcaption strong {
    display: block;
    color: #000000;
    font: 700 20px/25.2px Montserrat, Arial, Helvetica, sans-serif;
}

.legacy-five-grid figcaption span {
    display: block;
    margin-top: 7.5px;
    color: #000000;
    font: 400 15px/28.05px Inter, Arial, Helvetica, sans-serif;
}

.legacy-three-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 27.94px;
    margin-top: 25px;
}

.legacy-three-grid img {
    display: block;
    width: 100%;
    height: auto;
}

.legacy-visor-types figcaption strong {
    font: 600 25px/43.2px Inter, Arial, Helvetica, sans-serif;
}

.legacy-visor-shapes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 56px;
    margin-top: 25px;
}

.legacy-visor-shapes figcaption {
    margin: 0 0 0;
    color: #000000;
    font: 600 25px/43.2px Inter, Arial, Helvetica, sans-serif;
    text-align: center;
}

.legacy-visor-shapes img {
    display: block;
    width: min(600px, calc(100% - 72px));
    height: auto;
    margin: 0 auto;
}

.legacy-closure > img {
    display: block;
    width: min(1170px, 100%);
    height: auto;
    margin: 25px auto 0;
}

@media (max-width: 1100px) {
    .legacy-fit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .legacy-five-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .legacy-shape-fit {
        width: calc(100% - 32px);
        padding-top: 34px;
    }

    .legacy-shape-fit > h1,
    .legacy-shape-hero,
    .legacy-fit-finder,
    .legacy-shape-section {
        width: 100%;
    }

    .legacy-shape-fit > h1 {
        font-size: 34px;
        line-height: 1.25;
        text-align: center;
    }

    .legacy-fit-finder {
        margin-top: 32px;
    }

    .legacy-shape-hero {
        margin-top: 20px;
    }

    .legacy-fit-finder > h2,
    .legacy-shape-section > h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .legacy-fit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 16px;
    }

    .legacy-five-grid,
    .legacy-three-grid,
    .legacy-visor-shapes {
        grid-template-columns: 1fr;
    }

    .legacy-five-grid {
        gap: 28px;
    }

    .legacy-five-grid img {
        max-width: 360px;
        margin-inline: auto;
    }

    .legacy-visor-shapes img {
        width: 100%;
    }
}

.custom-fabric-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 44px 0 45px;
    color: #000000;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.custom-fabric-page__shell {
    display: grid;
    grid-template-columns: 321.16px minmax(0, 1fr);
    gap: 35.82px;
    width: min(1400px, calc(100% - 60px));
    margin: 0 auto;
}

.custom-fabric-page__nav {
    align-self: start;
    margin-top: -19.17px;
}

.custom-fabric-page__nav ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-fabric-page__nav li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

.custom-fabric-page__nav a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-height: 56.08px;
    padding: 8px 10px 8px 20px;
    color: #333333;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 37.4px;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 160ms ease, padding-left 160ms ease;
}

.custom-fabric-page__nav a::after {
    content: "›";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 34px;
    margin-left: 0;
    font-size: 25px;
    font-weight: 400;
    line-height: 1;
    vertical-align: middle;
}

.custom-fabric-page__nav a:hover,
.custom-fabric-page__nav a:focus-visible,
.custom-fabric-page__nav a[aria-current="page"] {
    color: #427ed1;
}

.custom-fabric-page__nav a:focus-visible {
    outline: 1px solid #427ed1;
    outline-offset: -1px;
}

.custom-fabric-page__layout {
    display: grid;
    grid-template-columns: 413.06px 609.18px;
    gap: 20.872px;
    max-width: 1043.112px;
    margin: 0;
}

.custom-fabric-page__images {
    display: grid;
    align-self: start;
    gap: 38.4px;
}

.custom-fabric-page__images img {
    display: block;
    width: 413.06px;
    height: auto;
    margin-left: 0;
    object-fit: cover;
}

.custom-fabric-page__images img + img {
    margin-block-start: 0;
}

.custom-fabric-page__content h1 {
    margin: 0;
    color: #427ed1;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}

.custom-fabric-page__specs {
    max-width: 609.18px;
    margin: 20px 0 0;
    padding-left: 40px;
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    line-height: 31.79px;
}

.custom-fabric-page__specs li {
    margin: 0;
    padding: 0;
}

.custom-fabric-page__content p {
    max-width: 609.18px;
    margin: 20px 0 0;
    color: #000000;
    font-size: 17px;
    font-weight: 600;
    line-height: 31.79px;
}

.custom-fabric-page__content img {
    display: block;
    width: 300px;
    height: 300px;
    margin: 46.99px 0 0 46.12px;
    object-fit: cover;
}

@media (min-width: 768px) and (max-width: 1200px) {
    .custom-fabric-page {
        padding: 36px 24px 45px;
    }

    .custom-fabric-page__shell {
        grid-template-columns: 1fr;
        gap: 28px;
        width: 100%;
    }

    .custom-fabric-page__nav {
        margin-top: 0;
    }

    .custom-fabric-page__nav ul {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0 12px;
    }

    .custom-fabric-page__nav a {
        min-height: 48px;
        padding: 6px 8px 6px 12px;
        font-size: 15px;
        line-height: 24px;
    }

    .custom-fabric-page__layout {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
        max-width: none;
        margin: 0;
    }

    .custom-fabric-page__images img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .custom-fabric-page {
        padding: 24px 16px 44px;
    }

    .custom-fabric-page__shell,
    .custom-fabric-page__layout {
        grid-template-columns: 1fr;
        gap: 28px;
        width: 100%;
        margin: 0;
    }

    .custom-fabric-page__nav {
        margin-top: 0;
    }

    .custom-fabric-page__nav a {
        min-height: 48px;
        padding: 5px 8px 5px 12px;
        font-size: 16px;
        line-height: 24px;
    }

    .custom-fabric-page__images img,
    .custom-fabric-page__content img {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .custom-fabric-page__images {
        gap: 18px;
    }

    .custom-fabric-page__content img {
        margin-top: 28px;
    }

    .custom-fabric-page__specs {
        margin-top: 16px;
        padding-left: 24px;
        font-size: 16px;
        line-height: 28px;
    }
}
.custom-gallery-page {
    width: min(1400px, calc(100% - 60px));
    max-width: 1400px;
    margin: 0 auto;
    padding: 22px 0 72px;
    color: #333333;
    font-family: Inter, Arial, Helvetica, sans-serif;
}

.custom-gallery-page__layout {
    display: grid;
    grid-template-columns: 321.16px minmax(0, 1fr);
    gap: 25.39px;
    align-items: start;
}

.custom-gallery-page__sidebar {
    position: relative;
    min-height: 338px;
    padding: 2.84px 0 0;
}

.custom-gallery-page__sidebar::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 52px;
    background: #427ed1;
}

.custom-gallery-page__sidebar nav {
    display: grid;
    gap: 0;
}

.custom-gallery-page__sidebar a {
    display: block;
    padding: 8.404px 20px;
    color: #333333;
    font-family: Karla, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 33.66px;
    text-decoration: none;
    text-transform: uppercase;
}

.custom-gallery-page__sidebar a.is-active {
    color: #427ed1;
}

.custom-gallery-page__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: calc(100% + 11px);
    column-gap: 20px;
    row-gap: 26px;
}

.custom-gallery-card {
    min-width: 0;
    margin: 0;
    text-align: center;
}

.custom-gallery-card__media {
    position: relative;
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    background: #f3f3f3;
}

.custom-gallery-card__media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: opacity 220ms ease;
}

.custom-gallery-card__hover {
    opacity: 0;
}

.custom-gallery-card:hover .custom-gallery-card__hover,
.custom-gallery-card:focus-within .custom-gallery-card__hover {
    opacity: 1;
}

.custom-gallery-card figcaption {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
}

@media (min-width: 768px) and (max-width: 1100px) {
    .custom-gallery-page {
        padding: 26px 24px 60px;
    }

    .custom-gallery-page__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .custom-gallery-page__sidebar {
        min-height: 0;
        padding: 0;
    }

    .custom-gallery-page__sidebar::after {
        content: none;
    }

    .custom-gallery-page__sidebar nav {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .custom-gallery-page__grid {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .custom-gallery-page {
        width: 100%;
        max-width: 100%;
        padding: 24px 16px 52px;
    }

    .custom-gallery-page__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .custom-gallery-page__sidebar {
        min-height: 0;
        padding: 0;
    }

    .custom-gallery-page__sidebar::after {
        content: none;
    }

    .custom-gallery-page__sidebar nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .custom-gallery-page__grid {
        width: 100%;
        grid-template-columns: 1fr;
    }
}