/* =========================================================
   MODORA PL HOME V2.1
   Editorial Fashion Homepage
========================================================= */

#common-home {
    background:#f3f0ea !important;
}

.mv21,
.mv21 * {
    box-sizing:border-box;
}

.mv21 {
    --black:#0d0d0d;
    --ink:#151515;
    --cream:#f3f0ea;
    --paper:#ffffff;
    --sand:#ded2bf;
    --gold:#b49362;
    --muted:#746f68;
    --line:rgba(15,15,15,.12);

    width:100%;
    overflow:hidden;
    background:var(--cream);
    color:var(--ink);
    font-family:Poppins,Arial,sans-serif;
}

.mv21 a {
    color:inherit;
    text-decoration:none !important;
}

.mv21-shell {
    width:min(calc(100% - 48px),1420px);
    margin:0 auto;
}

.mv21-kicker {
    display:flex;
    align-items:center;
    gap:12px;
    font-size:10px;
    font-weight:800;
    letter-spacing:2.6px;
    text-transform:uppercase;
}

.mv21-kicker:before {
    content:"";
    width:38px;
    height:1px;
    background:currentColor;
    opacity:.65;
}

.mv21-kicker-dark {
    color:#786243;
}


/* =========================================================
   HERO
========================================================= */

.mv21-hero {
    padding:18px 0 58px;
}

.mv21-hero-grid {
    min-height:720px;
    display:grid;
    grid-template-columns:minmax(420px,.78fr) minmax(570px,1.22fr);
    overflow:hidden;
    border-radius:4px;
    background:var(--black);
}


/* LEFT SIDE */

.mv21-hero-copy {
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-width:0;
    padding:70px 64px 56px;
    color:#fff;
}

.mv21-hero-copy:after {
    content:"MODORA";
    position:absolute;
    left:-4px;
    bottom:14px;
    max-width:100%;
    overflow:hidden;
    font-family:Georgia,"Times New Roman",serif;
    font-size:82px;
    line-height:1;
    letter-spacing:-5px;
    color:rgba(255,255,255,.025);
    pointer-events:none;
}

.mv21-hero-copy .mv21-kicker {
    position:relative;
    z-index:2;
    margin-bottom:40px;
    color:#d5bc94;
}

.mv21-hero-copy h1 {
    position:relative;
    z-index:2;
    max-width:600px;
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(62px,6.2vw,102px);
    line-height:.88;
    font-weight:400;
    letter-spacing:-4.8px;
}

.mv21-hero-copy h1 span {
    display:block;
    color:#c9aa78;
    font-style:italic;
    font-weight:400;
}

.mv21-hero-copy > p {
    position:relative;
    z-index:2;
    max-width:520px;
    margin:34px 0 36px;
    color:rgba(255,255,255,.63);
    font-size:14px;
    line-height:1.85;
}

.mv21-actions {
    position:relative;
    z-index:2;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.mv21-button {
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 22px;
    border-radius:2px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.35px;
    transition:
        transform .2s ease,
        background .2s ease,
        color .2s ease;
}

.mv21-button:hover {
    transform:translateY(-2px);
}

.mv21-button-light {
    background:#fff;
    color:#111 !important;
}

.mv21-button-line {
    border:1px solid rgba(255,255,255,.28);
    color:#fff !important;
}

.mv21-button-line:hover {
    background:#fff;
    color:#111 !important;
}

.mv21-hero-note {
    position:absolute;
    left:64px;
    bottom:34px;
    z-index:2;
    color:rgba(255,255,255,.32);
    font-size:9px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
}


/* =========================================================
   LOOKBOOK
========================================================= */

.mv21-lookbook {
    position:relative;
    display:grid;
    grid-template-columns:1.45fr .55fr;
    grid-template-rows:1fr 1fr;
    gap:3px;
    min-width:0;
    background:#292929;
}

.mv21-shot {
    position:relative;
    display:block;
    overflow:hidden;
    background:#ddd6cc;
}

.mv21-shot-main {
    grid-row:1 / 3;
}

.mv21-shot-image {
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 50% 35%,#f0ece5 0%,#ded7cd 48%,#cfc5b7 100%);
}

.mv21-shot-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    transition:transform .65s cubic-bezier(.2,.6,.2,1);
}

.mv21-shot:hover .mv21-shot-image img {
    transform:scale(1.025);
}

.mv21-shot:after {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 45%,
            rgba(0,0,0,.38) 100%
        );
    pointer-events:none;
}

.mv21-shot-label {
    position:absolute;
    left:28px;
    right:28px;
    bottom:25px;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#fff;
    font-size:10px;
    font-weight:800;
    letter-spacing:1.7px;
}

.mv21-shot-label span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:35px;
    height:35px;
    border:1px solid rgba(255,255,255,.58);
    border-radius:50%;
    font-size:9px;
}


/* placeholder visual until JS loads products */

.mv21-shot-main .mv21-shot-image:before,
.mv21-shot-small .mv21-shot-image:before {
    content:"MODORA";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-90deg);
    font-family:Georgia,serif;
    font-size:52px;
    letter-spacing:9px;
    color:rgba(20,20,20,.06);
}


/* =========================================================
   INTRO STATEMENT
========================================================= */

.mv21-intro {
    padding:94px 0 62px;
}

.mv21-intro .mv21-shell {
    display:grid;
    grid-template-columns:160px minmax(0,1fr);
    align-items:start;
}

.mv21-intro-number {
    padding-top:3px;
    color:#99866a;
    font-family:Georgia,serif;
    font-size:15px;
}

.mv21-intro h2 {
    max-width:940px;
    margin:14px 0 0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(48px,5.5vw,78px);
    line-height:.98;
    font-weight:400;
    letter-spacing:-3px;
}

.mv21-intro h2 em {
    color:#9d7a49;
    font-weight:400;
}


/* =========================================================
   RESPONSIVE HERO
========================================================= */

@media(max-width:1100px) {

    .mv21-hero-grid {
        min-height:auto;
        grid-template-columns:1fr;
    }

    .mv21-hero-copy {
        min-height:590px;
    }

    .mv21-lookbook {
        min-height:720px;
    }

    .mv21-intro .mv21-shell {
        grid-template-columns:90px 1fr;
    }
}

@media(max-width:700px) {

    .mv21-shell {
        width:min(calc(100% - 24px),1420px);
    }

    .mv21-hero {
        padding-top:10px;
        padding-bottom:38px;
    }

    .mv21-hero-grid {
        border-radius:0;
    }

    .mv21-hero-copy {
        min-height:520px;
        padding:48px 25px 72px;
    }

    .mv21-hero-copy h1 {
        font-size:56px;
        line-height:.92;
        letter-spacing:-2.8px;
    }

    .mv21-hero-copy > p {
        margin:27px 0 30px;
        font-size:13px;
    }

    .mv21-hero-note {
        left:25px;
        bottom:25px;
    }

    .mv21-lookbook {
        min-height:570px;
        grid-template-columns:1fr 1fr;
        grid-template-rows:380px 190px;
    }

    .mv21-shot-main {
        grid-column:1 / 3;
        grid-row:1;
    }

    .mv21-intro {
        padding:65px 0 42px;
    }

    .mv21-intro .mv21-shell {
        grid-template-columns:1fr;
    }

    .mv21-intro-number {
        margin-bottom:24px;
    }

    .mv21-intro h2 {
        font-size:47px;
        letter-spacing:-2px;
    }
}

/* =========================================================
   EDITORIAL WORLDS
========================================================= */

.mv21-world-section {
    padding:28px 0 95px;
}

.mv21-world-grid {
    display:grid;
    grid-template-columns:1.2fr .8fr;
    grid-template-rows:460px 360px;
    gap:12px;
}

.mv21-world {
    position:relative;
    display:block;
    overflow:hidden;
    background:#d8d1c8;
}

.mv21-world-women {
    grid-row:1 / 3;
}

.mv21-world-men {
    grid-column:2;
    grid-row:1;
}

.mv21-world-kids {
    grid-column:2;
    grid-row:2;
}

.mv21-world-photo {
    position:absolute;
    inset:0;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 35%,#f4f0e9 0%,#ded8cf 48%,#c9c0b4 100%);
}

.mv21-world-photo:before {
    content:"MODORA";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) rotate(-90deg);
    font-family:Georgia,serif;
    font-size:70px;
    letter-spacing:12px;
    color:rgba(0,0,0,.045);
}

.mv21-world-photo img {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center center;
    transition:transform .8s cubic-bezier(.2,.6,.2,1);
}

.mv21-world:hover .mv21-world-photo img {
    transform:scale(1.035);
}

.mv21-world:after {
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 35%,
            rgba(0,0,0,.58) 100%
        );
    pointer-events:none;
}

.mv21-world-overlay {
    position:absolute;
    z-index:3;
    left:34px;
    right:34px;
    bottom:30px;
    color:#fff;
}

.mv21-world-overlay > span {
    display:block;
    margin-bottom:8px;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
    opacity:.8;
}

.mv21-world-overlay strong {
    display:block;
    max-width:520px;
    margin-bottom:14px;
    font-family:Georgia,serif;
    font-size:42px;
    line-height:1;
    font-weight:400;
    letter-spacing:-1.5px;
}

.mv21-world-women .mv21-world-overlay strong {
    font-size:58px;
}

.mv21-world-overlay small {
    display:inline-block;
    padding-bottom:4px;
    border-bottom:1px solid rgba(255,255,255,.75);
    font-size:10px;
    font-weight:800;
    letter-spacing:.6px;
}


/* =========================================================
   MARQUEE
========================================================= */

.mv21-marquee {
    position:relative;
    overflow:hidden;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    background:#ede8e0;
}

.mv21-marquee > div {
    width:max-content;
    padding:19px 0;
    white-space:nowrap;
    font-family:Georgia,serif;
    font-size:31px;
    line-height:1;
    letter-spacing:1px;
    color:#1a1a1a;
    animation:mv21Marquee 28s linear infinite;
}

@keyframes mv21Marquee {
    from {
        transform:translateX(0);
    }

    to {
        transform:translateX(-50%);
    }
}


/* =========================================================
   PRODUCT SECTIONS
========================================================= */

.mv21-products-section {
    padding:105px 0 115px;
    background:#f7f5f1;
}

.mv21-products-men {
    background:#ebe5dc;
}

.mv21-section-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:42px;
}

.mv21-section-head > div > span {
    display:block;
    margin-bottom:10px;
    color:#917247;
    font-size:9px;
    font-weight:900;
    letter-spacing:2.2px;
}

.mv21-section-head h2 {
    margin:0;
    font-family:Georgia,serif;
    font-size:62px;
    line-height:.95;
    font-weight:400;
    letter-spacing:-2.5px;
}

.mv21-section-head > a {
    display:inline-block;
    flex:0 0 auto;
    padding-bottom:4px;
    border-bottom:1px solid #111;
    font-size:10px;
    font-weight:800;
    letter-spacing:.5px;
}


/* PRODUCT GRID */

.mv21-products {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
}

.mv21-loading {
    grid-column:1/-1;
    min-height:300px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#817b72;
    font-size:12px;
    letter-spacing:.4px;
}

.mv21 .mv2-product {
    position:relative;
    min-width:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    background:#fff;
    border:0;
    border-radius:0;
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.mv21 .mv2-product:hover {
    transform:translateY(-5px);
    box-shadow:
        0 20px 40px rgba(20,20,20,.08);
}

.mv21 .mv2-product-image {
    position:relative;
    width:100%;
    aspect-ratio:3/4;
    overflow:hidden;
    background:#f1efeb;
}

.mv21 .mv2-product-image img {
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position:center;
    padding:12px;
    transition:transform .35s ease;
}

.mv21 .mv2-product:hover .mv2-product-image img {
    transform:scale(1.025);
}

.mv21 .mv2-product-body {
    min-height:110px;
    display:flex;
    flex-direction:column;
    padding:15px 13px 16px;
}

.mv21 .mv2-product-title {
    margin:0 0 9px;
    color:#202020;
    font-size:11px;
    line-height:1.45;
    font-weight:600;
}

.mv21 .mv2-product-price {
    margin-top:auto;
    color:#8d6d43;
    font-size:11px;
    font-weight:900;
}


/* =========================================================
   RESPONSIVE WORLDS / PRODUCTS
========================================================= */

@media(max-width:1200px) {

    .mv21-products {
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:900px) {

    .mv21-world-grid {
        grid-template-columns:1fr 1fr;
        grid-template-rows:560px 320px;
    }

    .mv21-world-women {
        grid-column:1 / 3;
        grid-row:1;
    }

    .mv21-world-men {
        grid-column:1;
        grid-row:2;
    }

    .mv21-world-kids {
        grid-column:2;
        grid-row:2;
    }

    .mv21-world-women .mv21-world-overlay strong {
        font-size:48px;
    }
}

@media(max-width:700px) {

    .mv21-world-section {
        padding:18px 0 68px;
    }

    .mv21-world-grid {
        display:block;
    }

    .mv21-world {
        min-height:430px;
        margin-bottom:9px;
    }

    .mv21-world-men,
    .mv21-world-kids {
        min-height:320px;
    }

    .mv21-world-overlay {
        left:24px;
        right:24px;
        bottom:23px;
    }

    .mv21-world-overlay strong,
    .mv21-world-women .mv21-world-overlay strong {
        font-size:39px;
    }

    .mv21-marquee > div {
        padding:16px 0;
        font-size:25px;
    }

    .mv21-products-section {
        padding:70px 0 80px;
    }

    .mv21-section-head {
        display:block;
        margin-bottom:30px;
    }

    .mv21-section-head h2 {
        font-size:48px;
    }

    .mv21-section-head > a {
        margin-top:18px;
    }

    .mv21-products {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:7px;
    }

    .mv21 .mv2-product-body {
        min-height:100px;
        padding:12px 10px;
    }

    .mv21 .mv2-product-title {
        font-size:10px;
    }
}

@media(max-width:420px) {

    .mv21-products {
        grid-template-columns:1fr;
    }

    .mv21 .mv2-product-image {
        aspect-ratio:4/5;
    }
}

/* =========================================================
   FASHION NAVIGATOR
========================================================= */

.mv21-navigator {
    position:relative;
    padding:110px 0;
    overflow:hidden;
    background:#101010;
    color:#fff;
}

.mv21-navigator-grid {
    position:relative;
    min-height:500px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 420px;
    align-items:center;
    gap:50px;
}

.mv21-navigator-copy {
    position:relative;
    z-index:2;
    max-width:780px;
}

.mv21-navigator-copy > span {
    display:block;
    margin-bottom:24px;
    color:#c4a06c;
    font-size:10px;
    font-weight:900;
    letter-spacing:2.4px;
}

.mv21-navigator-copy h2 {
    max-width:760px;
    margin:0;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(52px,6vw,88px);
    line-height:.94;
    font-weight:400;
    letter-spacing:-3.5px;
}

.mv21-navigator-copy p {
    max-width:650px;
    margin:30px 0 34px;
    color:rgba(255,255,255,.58);
    font-size:14px;
    line-height:1.8;
}

.mv21-navigator-copy button {
    min-height:50px;
    padding:0 24px;
    border:0;
    border-radius:2px;
    background:#fff;
    color:#111;
    cursor:pointer;
    font-size:11px;
    font-weight:800;
    letter-spacing:.35px;
    transition:transform .2s ease;
}

.mv21-navigator-copy button:hover {
    transform:translateY(-2px);
}

.mv21-navigator-word {
    position:relative;
    z-index:1;
    font-family:Georgia,serif;
    font-size:430px;
    line-height:.75;
    text-align:center;
    color:rgba(255,255,255,.035);
    user-select:none;
}

.mv21-navigator:before {
    content:"";
    position:absolute;
    width:520px;
    height:520px;
    right:-120px;
    top:-140px;
    border-radius:50%;
    border:1px solid rgba(196,160,108,.14);
}

.mv21-navigator:after {
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    right:80px;
    bottom:-190px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
}


/* =========================================================
   BRAND WALL
========================================================= */

.mv21-brands {
    padding:100px 0 110px;
    background:#f3f0ea;
}

.mv21-brands-label {
    display:block;
    margin-bottom:34px;
    color:#88704e;
    font-size:9px;
    font-weight:900;
    letter-spacing:2.5px;
}

.mv21-brand-wall {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
    border-left:1px solid var(--line);
}

.mv21-brand-wall span {
    min-height:120px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    border-right:1px solid var(--line);
    border-bottom:1px solid var(--line);
    font-family:Georgia,"Times New Roman",serif;
    font-size:26px;
    letter-spacing:-.5px;
    transition:
        background .2s ease,
        color .2s ease;
}

.mv21-brand-wall span:hover {
    background:#111;
    color:#fff;
}


/* =========================================================
   FINAL MODORA STATEMENT
========================================================= */

.mv21-final {
    position:relative;
    padding:125px 0 130px;
    overflow:hidden;
    background:#d5b986;
    color:#17130d;
}

.mv21-final:before {
    content:"MODORA";
    position:absolute;
    left:50%;
    bottom:-62px;
    transform:translateX(-50%);
    font-family:Georgia,serif;
    font-size:clamp(120px,18vw,290px);
    line-height:.8;
    letter-spacing:-12px;
    color:rgba(20,15,10,.045);
    white-space:nowrap;
    pointer-events:none;
}

.mv21-final .mv21-shell {
    position:relative;
    z-index:2;
    text-align:center;
}

.mv21-final .mv21-shell > span {
    display:block;
    margin-bottom:20px;
    font-size:9px;
    font-weight:900;
    letter-spacing:2.6px;
}

.mv21-final h2 {
    max-width:950px;
    margin:0 auto;
    font-family:Georgia,"Times New Roman",serif;
    font-size:clamp(58px,7vw,100px);
    line-height:.92;
    font-weight:400;
    letter-spacing:-4px;
}

.mv21-final h2 em {
    display:block;
    font-weight:400;
}

.mv21-final p {
    max-width:620px;
    margin:28px auto 34px;
    color:rgba(20,15,10,.62);
    font-size:13px;
    line-height:1.75;
}

.mv21-final-actions {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
}

.mv21-final-actions a {
    min-height:45px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    border:1px solid rgba(20,15,10,.32);
    font-size:10px;
    font-weight:800;
    letter-spacing:.4px;
    transition:.2s ease;
}

.mv21-final-actions a:hover {
    background:#111;
    color:#fff !important;
    border-color:#111;
}


/* =========================================================
   GENERAL VISUAL POLISH
========================================================= */

.mv21 img {
    -webkit-user-drag:none;
}

.mv21 button,
.mv21 a {
    -webkit-tap-highlight-color:transparent;
}

.mv21-world,
.mv21-shot,
.mv21 .mv2-product {
    backface-visibility:hidden;
}

@media(prefers-reduced-motion:reduce) {
    .mv21 *,
    .mv21 *:before,
    .mv21 *:after {
        scroll-behavior:auto !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
    }
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1000px) {

    .mv21-navigator-grid {
        grid-template-columns:1fr 260px;
    }

    .mv21-navigator-word {
        font-size:290px;
    }

    .mv21-brand-wall {
        grid-template-columns:repeat(2,1fr);
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:700px) {

    .mv21-navigator {
        padding:75px 0 80px;
    }

    .mv21-navigator-grid {
        min-height:auto;
        grid-template-columns:1fr;
        gap:0;
    }

    .mv21-navigator-copy h2 {
        font-size:49px;
        letter-spacing:-2.2px;
    }

    .mv21-navigator-copy p {
        margin:24px 0 28px;
        font-size:13px;
    }

    .mv21-navigator-word {
        position:absolute;
        right:-30px;
        bottom:-48px;
        font-size:260px;
        color:rgba(255,255,255,.027);
    }

    .mv21-brands {
        padding:70px 0 75px;
    }

    .mv21-brand-wall {
        grid-template-columns:1fr 1fr;
    }

    .mv21-brand-wall span {
        min-height:82px;
        font-size:18px;
    }

    .mv21-final {
        padding:85px 0 95px;
    }

    .mv21-final:before {
        bottom:-30px;
        letter-spacing:-5px;
    }

    .mv21-final h2 {
        font-size:54px;
        letter-spacing:-2.5px;
    }

    .mv21-final p {
        margin:24px auto 29px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media(max-width:420px) {

    .mv21-actions {
        display:grid;
        grid-template-columns:1fr;
    }

    .mv21-button {
        width:100%;
    }

    .mv21-shot-label {
        left:17px;
        right:17px;
        bottom:17px;
    }

    .mv21-brand-wall span {
        min-height:72px;
        font-size:16px;
    }

    .mv21-final-actions {
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .mv21-final-actions a {
        width:100%;
    }
}


/* =========================================================
   MODORA V2.1 FULL-BLEED PRODUCT RAIL
========================================================= */

.mv21-products-section {
    --mv21-visible:8;
    --mv21-gap:10px;
    overflow:hidden;
}

.mv21-products {
    width:100vw;
    max-width:none;
    margin-left:calc(50% - 50vw);

    display:grid;
    grid-auto-flow:column;

    grid-auto-columns:
        calc(
            (
                100vw -
                ((var(--mv21-visible) - 1) * var(--mv21-gap))
            )
            /
            var(--mv21-visible)
        );

    grid-template-columns:none;

    gap:var(--mv21-gap);
    padding:0;
    overflow-x:auto;
    overflow-y:hidden;

    scroll-snap-type:x proximity;
    scroll-behavior:smooth;

    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.mv21-products::-webkit-scrollbar {
    display:none;
}

.mv21 .mv2-product {
    width:100%;
    min-width:0;
    scroll-snap-align:start;
}

.mv21 .mv2-product-image {
    aspect-ratio:3 / 4;
}

.mv21 .mv2-product-image img {
    padding:16px;
}


/* >= 1920px : 8 cards */

@media(max-width:1919px) {
    .mv21-products-section {
        --mv21-visible:7;
    }
}


/* normal desktop */

@media(max-width:1599px) {
    .mv21-products-section {
        --mv21-visible:6;
    }
}


/* laptop */

@media(max-width:1279px) {
    .mv21-products-section {
        --mv21-visible:5;
    }
}


/* small laptop / landscape tablet */

@media(max-width:1023px) {
    .mv21-products-section {
        --mv21-visible:4;
        --mv21-gap:8px;
    }
}


/* tablet / large phone */

@media(max-width:767px) {
    .mv21-products-section {
        --mv21-visible:3;
        --mv21-gap:7px;
    }
}


/* mobile */

@media(max-width:559px) {
    .mv21-products-section {
        --mv21-visible:2;
        --mv21-gap:6px;
    }

    .mv21 .mv2-product-image img {
        padding:10px;
    }
}


/* very narrow phones */

@media(max-width:359px) {
    .mv21-products-section {
        --mv21-visible:1;
    }
}


/* =========================================================
   PRODUCT RAIL CONTROLS
========================================================= */

.mv21-rail-controls {
    display:flex;
    align-items:center;
    gap:7px;
    margin-left:auto;
}

.mv21-rail-btn {
    width:44px;
    height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    border:1px solid rgba(15,15,15,.18);
    background:transparent;
    color:#111;
    cursor:pointer;
    font-size:20px;
    line-height:1;
    transition:
        background .2s ease,
        color .2s ease,
        border-color .2s ease,
        opacity .2s ease;
}

.mv21-rail-btn:hover {
    background:#111;
    border-color:#111;
    color:#fff;
}

.mv21-rail-btn:disabled {
    opacity:.25;
    cursor:default;
}

.mv21-products-men .mv21-rail-btn {
    background:rgba(255,255,255,.35);
}

@media(max-width:700px) {

    .mv21-rail-controls {
        display:none;
    }

    .mv21-products {
        scroll-snap-type:x mandatory;
    }
}


/* =========================================================
   PRODUCT IMAGE NORMALIZATION
   Different feeds / different source image dimensions
========================================================= */

.mv21 .mv2-product-image {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    aspect-ratio:3 / 4;

    padding:18px;
    overflow:hidden;

    background:#fff;
}

.mv21 .mv2-product-image img {
    position:static !important;

    display:block;

    width:auto !important;
    height:auto !important;

    max-width:92% !important;
    max-height:92% !important;

    margin:auto !important;

    object-fit:contain !important;
    object-position:50% 50% !important;

    transform-origin:center center;
}


/* keep hover perfectly centered */

.mv21 .mv2-product:hover
.mv2-product-image img {
    transform:scale(1.035);
}


/* Large desktop */

@media(min-width:1600px) {

    .mv21 .mv2-product-image {
        padding:22px;
    }

    .mv21 .mv2-product-image img {
        max-width:90% !important;
        max-height:90% !important;
    }
}


/* Tablet */

@media(max-width:1023px) {

    .mv21 .mv2-product-image {
        padding:14px;
    }

    .mv21 .mv2-product-image img {
        max-width:94% !important;
        max-height:94% !important;
    }
}


/* Mobile */

@media(max-width:559px) {

    .mv21 .mv2-product-image {
        padding:10px;
    }

    .mv21 .mv2-product-image img {
        max-width:96% !important;
        max-height:96% !important;
    }
}


/* =========================================================
   HERO LOOKBOOK IMAGE FIX
   Main image = editorial cover
   Small images = full product, centered
========================================================= */

.mv21-shot-main .mv21-shot-image img {
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;
    object-position:center center !important;

    padding:0 !important;
}


/* two small hero cards */

.mv21-shot-small .mv21-shot-image {
    display:flex;
    align-items:center;
    justify-content:center;

    padding:18px;

    background:
        linear-gradient(
            145deg,
            #f8f5ef 0%,
            #ffffff 55%,
            #eee8de 100%
        );
}

.mv21-shot-small .mv21-shot-image img {
    position:static !important;

    display:block;

    width:auto !important;
    height:auto !important;

    max-width:92% !important;
    max-height:92% !important;

    margin:auto !important;

    object-fit:contain !important;
    object-position:50% 50% !important;

    transform-origin:center center;
}


/* keep hover centered without cropping */

.mv21-shot-small:hover .mv21-shot-image img {
    transform:scale(1.035);
}


/* tablet */

@media(max-width:900px) {

    .mv21-shot-small .mv21-shot-image {
        padding:14px;
    }

    .mv21-shot-small .mv21-shot-image img {
        max-width:94% !important;
        max-height:94% !important;
    }
}


/* mobile */

@media(max-width:700px) {

    .mv21-shot-small .mv21-shot-image {
        padding:10px;
    }

    .mv21-shot-small .mv21-shot-image img {
        max-width:96% !important;
        max-height:96% !important;
    }
}


/* =========================================================
   MODORA -50% DEAL MARQUEE
========================================================= */

.mv21-marquee {
    position:relative;
    width:100%;
    overflow:hidden;

    background:#111;
    border-top:0;
    border-bottom:0;

    color:#fff;
}

.mv21-marquee:before,
.mv21-marquee:after {
    content:"";
    position:absolute;
    z-index:3;
    top:0;
    bottom:0;
    width:70px;
    pointer-events:none;
}

.mv21-marquee:before {
    left:0;
    background:
        linear-gradient(
            90deg,
            #111 0%,
            rgba(17,17,17,0) 100%
        );
}

.mv21-marquee:after {
    right:0;
    background:
        linear-gradient(
            270deg,
            #111 0%,
            rgba(17,17,17,0) 100%
        );
}

.mv21-marquee-track {
    display:flex;
    width:max-content;

    padding:0;

    animation:
        mv21DealsMarquee
        58s
        linear
        infinite;

    will-change:transform;
}

.mv21-marquee-group {
    display:flex;
    flex:none;
    align-items:stretch;
}

.mv21-marquee-deal {
    position:relative;

    display:flex;
    flex:none;
    align-items:center;
    gap:10px;

    min-height:62px;

    padding:0 27px;

    border-right:
        1px solid rgba(255,255,255,.10);

    color:#fff !important;
    text-decoration:none !important;

    white-space:nowrap;

    transition:
        background .18s ease,
        color .18s ease;
}

.mv21-marquee-deal strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:27px;
    padding:0 8px;

    background:#c6a46b;
    color:#111;

    font-family:Poppins,Arial,sans-serif;
    font-size:10px;
    line-height:1;
    font-weight:900;
    letter-spacing:.4px;
}

.mv21-marquee-deal span {
    font-family:Georgia,"Times New Roman",serif;
    font-size:20px;
    line-height:1;
    font-weight:400;
    letter-spacing:-.25px;
}

.mv21-marquee-deal i {
    display:inline-block;

    margin-left:3px;

    color:#c6a46b;

    font-family:Arial,sans-serif;
    font-size:14px;
    font-style:normal;

    transition:transform .18s ease;
}

.mv21-marquee-deal:hover {
    background:#c6a46b;
    color:#111 !important;
}

.mv21-marquee-deal:hover strong {
    background:#111;
    color:#fff;
}

.mv21-marquee-deal:hover i {
    color:#111;
    transform:translateX(4px);
}

.mv21-marquee:hover
.mv21-marquee-track {
    animation-play-state:paused;
}

@keyframes mv21DealsMarquee {

    from {
        transform:translate3d(0,0,0);
    }

    to {
        transform:translate3d(-50%,0,0);
    }
}


/* mobile */

@media(max-width:700px) {

    .mv21-marquee:before,
    .mv21-marquee:after {
        width:24px;
    }

    .mv21-marquee-track {
        animation-duration:45s;
    }

    .mv21-marquee-deal {
        min-height:54px;
        gap:8px;
        padding:0 17px;
    }

    .mv21-marquee-deal strong {
        min-height:24px;
        padding:0 7px;
        font-size:9px;
    }

    .mv21-marquee-deal span {
        font-size:17px;
    }
}


/* =========================================================
   MODOWY NAWIGATOR - SPLIT WOMEN / MEN
========================================================= */

.mv21-navigator {
    padding: 48px 0 24px;
}

.mv21-navigator .mv21-navigator-copy {
    max-width: 760px;
    margin: 0 auto 26px;
    text-align: center;
}

.mv21-navigator .mv21-navigator-copy > span {
    display: inline-block;
    margin-bottom: 10px;
    color: #8d6732;
    font-family: Poppins, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mv21-navigator .mv21-navigator-copy h2 {
    margin: 0 0 12px;
    color: #171717;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 40px;
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -.4px;
}

.mv21-navigator .mv21-navigator-copy p {
    margin: 0 auto;
    color: #5c564f;
    font-size: 17px;
    line-height: 1.75;
}

.mv21-navigator-split {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 88px 1fr;
    gap: 0;
    align-items: stretch;
    min-height: 560px;
}

.mv21-navcard {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 560px;
    text-decoration: none !important;
    color: #fff !important;
    isolation: isolate;
}

.mv21-navcard-media,
.mv21-navcard-media img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.mv21-navcard-media img {
    object-fit: cover;
    object-position: center top;
    transition: transform .6s ease;
}

.mv21-navcard:hover .mv21-navcard-media img {
    transform: scale(1.04);
}

.mv21-navcard-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.mv21-navcard-women .mv21-navcard-overlay {
    background:
        linear-gradient(
            135deg,
            rgba(188, 144, 96, .18) 0%,
            rgba(16, 14, 14, .20) 35%,
            rgba(16, 14, 14, .58) 100%
        );
}

.mv21-navcard-men .mv21-navcard-overlay {
    background:
        linear-gradient(
            225deg,
            rgba(29, 37, 52, .22) 0%,
            rgba(18, 18, 20, .18) 35%,
            rgba(18, 18, 20, .62) 100%
        );
}

.mv21-navcard-content {
    position: absolute;
    z-index: 2;
    left: 38px;
    right: 38px;
    bottom: 36px;
}

.mv21-navcard-content small {
    display: inline-block;
    margin-bottom: 10px;
    color: #f1ddbb;
    font-family: Poppins, Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.mv21-navcard-content h3 {
    margin: 0 0 10px;
    color: #fff;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 36px;
    line-height: 1.08;
    font-weight: 400;
    letter-spacing: -.35px;
}

.mv21-navcard-content p {
    margin: 0 0 16px;
    max-width: 420px;
    color: rgba(255,255,255,.92);
    font-size: 15px;
    line-height: 1.7;
}

.mv21-navcard-content strong {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    border: 1px solid rgba(255,255,255,.22);
    background: rgba(255,255,255,.10);
    color: #fff;
    font-family: Poppins, Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.mv21-navcard:hover .mv21-navcard-content strong {
    background: rgba(255,255,255,.18);
    border-color: rgba(255,255,255,.36);
    transform: translateY(-1px);
}

.mv21-nav-slash {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 180px;
    line-height: 1;
    color: #c6a46b;
    user-select: none;
    pointer-events: none;
    text-shadow: 0 10px 25px rgba(0,0,0,.16);
}


/* tablet */

@media (max-width: 1100px) {
    .mv21-navigator .mv21-navigator-copy h2 {
        font-size: 34px;
    }

    .mv21-navigator-split {
        grid-template-columns: 1fr 56px 1fr;
        min-height: 500px;
    }

    .mv21-navcard,
    .mv21-navcard-content {
        min-height: auto;
    }

    .mv21-navcard {
        min-height: 500px;
    }

    .mv21-navcard-content {
        left: 28px;
        right: 28px;
        bottom: 28px;
    }

    .mv21-navcard-content h3 {
        font-size: 31px;
    }

    .mv21-nav-slash {
        font-size: 128px;
    }
}


/* mobile */

@media (max-width: 760px) {
    .mv21-navigator {
        padding: 36px 0 16px;
    }

    .mv21-navigator .mv21-navigator-copy {
        margin-bottom: 20px;
    }

    .mv21-navigator .mv21-navigator-copy h2 {
        font-size: 29px;
    }

    .mv21-navigator .mv21-navigator-copy p {
        font-size: 15px;
        line-height: 1.7;
    }

    .mv21-navigator-split {
        grid-template-columns: 1fr;
        gap: 14px;
        min-height: auto;
    }

    .mv21-nav-slash {
        display: none;
    }

    .mv21-navcard {
        min-height: 420px;
        border-radius: 18px;
    }

    .mv21-navcard-content {
        left: 22px;
        right: 22px;
        bottom: 22px;
    }

    .mv21-navcard-content h3 {
        font-size: 28px;
    }

    .mv21-navcard-content p {
        font-size: 14px;
    }

    .mv21-navcard-content strong {
        padding: 11px 15px;
        font-size: 11px;
        letter-spacing: 1.2px;
    }
}


/* =========================================================
   MODOWY NAWIGATOR - SMALLER WOMEN / MEN VISUALS
   Images reduced by ~60%
========================================================= */

.mv21-navcard-media {
    position:absolute;
    inset:0;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:hidden;
}


/* remove full-cover behaviour */

.mv21-navcard-media img {
    position:static !important;

    width:auto !important;
    height:auto !important;

    max-width:40% !important;
    max-height:40% !important;

    object-fit:contain !important;
    object-position:center center !important;

    margin:auto !important;

    transform:none !important;
}


/* Women background */

.mv21-navcard-women {
    background:
        radial-gradient(
            circle at 45% 40%,
            #ead9c3 0%,
            #c6a77c 48%,
            #94734e 100%
        );
}


/* Men background */

.mv21-navcard-men {
    background:
        radial-gradient(
            circle at 55% 40%,
            #525967 0%,
            #282d36 50%,
            #111317 100%
        );
}


/* softer overlays now that image is not a background */

.mv21-navcard-women .mv21-navcard-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 35%,
            rgba(38,25,12,.52) 100%
        );
}

.mv21-navcard-men .mv21-navcard-overlay {
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,0) 35%,
            rgba(0,0,0,.58) 100%
        );
}


/* subtle hover instead of zooming huge image */

.mv21-navcard:hover .mv21-navcard-media img {
    transform:scale(1.06) !important;
}


/* tablet */

@media(max-width:1100px) {

    .mv21-navcard-media img {
        max-width:44% !important;
        max-height:44% !important;
    }
}


/* mobile */

@media(max-width:760px) {

    .mv21-navcard-media img {
        max-width:48% !important;
        max-height:48% !important;
    }
}

/* MODOWY NAWIGATOR title color */
.mv21-navigator .mv21-navigator-copy h2 {
    color:#e2e2e2 !important;
}

/* Women's footwear carousel */
.mv21-products-shoes {
    background:#eee9e1;
}

/* Men's footwear carousel */
.mv21-products-men-shoes {
    background:#f4f1ec;
}


/* =========================================================
   MODORA BRAND DIRECTORY V2.1
========================================================= */

.mv21-brand-directory {
    padding:105px 0 115px;
    background:#f3f0ea;
}

.mv21-brand-head {
    display:grid;
    grid-template-columns:1fr 420px;
    align-items:end;
    gap:60px;

    margin-bottom:46px;
}

.mv21-brand-head > div > span {
    display:block;
    margin-bottom:12px;

    color:#917247;

    font-size:9px;
    font-weight:900;
    letter-spacing:2.4px;
}

.mv21-brand-head h2 {
    margin:0;

    font-family:Georgia,
        "Times New Roman",
        serif;

    font-size:62px;
    line-height:.95;
    font-weight:400;
    letter-spacing:-2.6px;
}

.mv21-brand-head h2 em {
    display:block;

    color:#9b7848;

    font-weight:400;
}

.mv21-brand-head p {
    margin:0;

    color:#746d63;

    font-size:13px;
    line-height:1.8;
}


/* popular */

.mv21-brand-popular {
    display:grid;

    grid-template-columns:
        repeat(8,minmax(0,1fr));

    border-top:
        1px solid rgba(20,20,20,.11);

    border-left:
        1px solid rgba(20,20,20,.11);
}

.mv21-brand-card {
    position:relative;

    min-height:92px;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    gap:5px;
    padding:12px 8px;

    border-right:
        1px solid rgba(20,20,20,.11);

    border-bottom:
        1px solid rgba(20,20,20,.11);

    background:rgba(255,255,255,.26);

    color:#171717 !important;
    text-decoration:none !important;

    text-align:center;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease;
}

.mv21-brand-card > span {
    font-family:Georgia,serif;
    font-size:17px;
    line-height:1.05;
}

.mv21-brand-card small {
    color:#958d81;
    font-size:8px;
    line-height:1.2;
}

.mv21-brand-card:hover {
    z-index:2;

    background:#111;
    color:#fff !important;

    transform:
        translateY(-2px);
}

.mv21-brand-card:hover small {
    color:#c6a46b;
}


/* alphabet area */

.mv21-brand-browser {
    margin-top:68px;
    padding-top:34px;

    border-top:
        1px solid rgba(20,20,20,.13);
}

.mv21-brand-browser-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;

    margin-bottom:22px;
}

.mv21-brand-browser-head small {
    display:block;

    margin-bottom:6px;

    color:#997544;

    font-size:9px;
    font-weight:900;
    letter-spacing:2px;
}

.mv21-brand-browser-head h3 {
    margin:0;

    font-family:Georgia,serif;
    font-size:32px;
    line-height:1;
    font-weight:400;
}

.mv21-brand-result-count {
    color:#8c8377;

    font-size:10px;
    font-weight:700;
}


/* letters */

.mv21-brand-letters {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:5px;

    margin-bottom:24px;
}

.mv21-brand-letter {
    min-width:35px;
    height:34px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:0 9px;

    border:
        1px solid rgba(20,20,20,.13);

    background:rgba(255,255,255,.42);

    color:#191919;

    font-family:Poppins,Arial,sans-serif;
    font-size:10px;
    font-weight:800;

    cursor:pointer;

    transition:.16s ease;
}

.mv21-brand-letter:first-child {
    min-width:48px;
}

.mv21-brand-letter:hover,
.mv21-brand-letter.is-active {
    background:#111;
    border-color:#111;
    color:#fff;
}


/* loaded letter brands */

.mv21-brand-letter-grid {
    display:grid;

    grid-template-columns:
        repeat(6,minmax(0,1fr));

    border-top:
        1px solid rgba(20,20,20,.10);

    border-left:
        1px solid rgba(20,20,20,.10);
}

.mv21-brand-letter-grid
.mv21-brand-card {
    min-height:78px;
}

.mv21-brand-helper {
    min-height:90px;

    display:flex;
    align-items:center;
    justify-content:center;

    border:
        1px solid rgba(20,20,20,.09);

    color:#91897f;

    font-size:11px;
}


/* tablet */

@media(max-width:1100px) {

    .mv21-brand-head {
        grid-template-columns:1fr;
        gap:18px;
    }

    .mv21-brand-popular {
        grid-template-columns:
            repeat(5,minmax(0,1fr));
    }

    .mv21-brand-letter-grid {
        grid-template-columns:
            repeat(4,minmax(0,1fr));
    }
}


/* mobile */

@media(max-width:700px) {

    .mv21-brand-directory {
        padding:72px 0 78px;
    }

    .mv21-brand-head {
        margin-bottom:30px;
    }

    .mv21-brand-head h2 {
        font-size:48px;
        letter-spacing:-2px;
    }

    .mv21-brand-popular {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .mv21-brand-card {
        min-height:74px;
    }

    .mv21-brand-card > span {
        font-size:15px;
    }

    .mv21-brand-browser {
        margin-top:48px;
    }

    .mv21-brand-browser-head {
        display:block;
    }

    .mv21-brand-result-count {
        margin-top:10px;
    }

    .mv21-brand-letters {
        display:grid;

        grid-template-columns:
            repeat(7,minmax(0,1fr));

        gap:4px;
    }

    .mv21-brand-letter,
    .mv21-brand-letter:first-child {
        width:100%;
        min-width:0;
        padding:0;
    }

    .mv21-brand-letter-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }
}


@media(max-width:390px) {

    .mv21-brand-letters {
        grid-template-columns:
            repeat(6,minmax(0,1fr));
    }
}


/* =========================================================
   MODOWY NAWIGATOR - GENDER SYMBOLS
========================================================= */

.mv21-navcard-symbol {
    position:absolute;
    z-index:1;

    top:50%;
    left:50%;

    transform:
        translate(-50%,-58%);

    display:flex;
    align-items:center;
    justify-content:center;

    width:230px;
    height:230px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:170px;
    line-height:1;
    font-weight:400;

    pointer-events:none;
    user-select:none;

    transition:
        transform .35s ease,
        opacity .35s ease;
}


/* women */

.mv21-navcard-symbol-women {
    color:rgba(255,248,237,.86);

    text-shadow:
        0 12px 34px
        rgba(54,35,16,.18);
}


/* men */

.mv21-navcard-symbol-men {
    color:rgba(236,240,245,.86);

    text-shadow:
        0 12px 34px
        rgba(0,0,0,.26);
}


/* subtle interaction */

.mv21-navcard:hover
.mv21-navcard-symbol {
    transform:
        translate(-50%,-58%)
        scale(1.06);
}


/* clean backgrounds */

.mv21-navcard-women {
    background:
        linear-gradient(
            135deg,
            #d9c0a0 0%,
            #b59469 48%,
            #83613e 100%
        );
}

.mv21-navcard-men {
    background:
        linear-gradient(
            135deg,
            #555e6c 0%,
            #303640 48%,
            #15181d 100%
        );
}


/* no longer need image layer */

.mv21-navcard-media {
    display:none !important;
}


/* tablet */

@media(max-width:1100px) {

    .mv21-navcard-symbol {
        width:190px;
        height:190px;
        font-size:140px;
    }
}


/* mobile */

@media(max-width:760px) {

    .mv21-navcard-symbol {
        width:150px;
        height:150px;

        font-size:110px;

        transform:
            translate(-50%,-68%);
    }

    .mv21-navcard:hover
    .mv21-navcard-symbol {
        transform:
            translate(-50%,-68%)
            scale(1.04);
    }
}




/* =========================================================
   MODORA HOME
   Mobile header top-gap fix
========================================================= */

@media(max-width:979px) {

    body.common-home {
        margin-top:0 !important;
        padding-top:0 !important;
    }

    body.common-home header {
        margin-top:0 !important;
        padding-top:0 !important;
    }

    body.common-home header .headertop {
        margin-top:0 !important;
        padding-top:0 !important;
    }

    body.common-home
    header .headertop > .container,
    body.common-home
    header .headertop > .container > .row {
        margin-top:0 !important;
        padding-top:0 !important;
    }


    /*
     * Legacy utility block creates the large
     * empty area above the mobile logo row.
     */
    body.common-home
    header .headertop .header-left {
        display:none !important;

        width:0 !important;
        height:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
    }


    /* Logo row starts immediately at the top */
    body.common-home
    header .headertop .headerinner.header-logo {
        margin-top:0 !important;
        padding-top:0 !important;
    }
}


/* =========================================================
   MODORA HOME
   Mobile header top-gap fix
========================================================= */

@media(max-width:979px) {

    body.common-home {
        margin-top:0 !important;
        padding-top:0 !important;
    }

    body.common-home header {
        margin-top:0 !important;
        padding-top:0 !important;
    }

    body.common-home header .headertop {
        margin-top:0 !important;
        padding-top:0 !important;
    }

    body.common-home
    header .headertop > .container,
    body.common-home
    header .headertop > .container > .row {
        margin-top:0 !important;
        padding-top:0 !important;
    }


    /*
     * Legacy utility block creates the large
     * empty area above the mobile logo row.
     */
    body.common-home
    header .headertop .header-left {
        display:none !important;

        width:0 !important;
        height:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;
    }


    /* Logo row starts immediately at the top */
    body.common-home
    header .headertop .headerinner.header-logo {
        margin-top:0 !important;
        padding-top:0 !important;
    }
}

/* =========================================================
   MODORA_HOME_READABILITY_FIX_20260924
   Light-section headings + Fashion Navigator gender symbols
========================================================= */

/*
 * Legacy/global heading rules can override inherited .mv21 color.
 * Product/editorial headings on these light sections must stay dark.
 */
.mv21 .mv21-intro h2,
.mv21 .mv21-section-head h2 {
    color:#191919 !important;
}

.mv21 .mv21-intro h2 em {
    color:#9d7a49 !important;
}

.mv21 .mv21-section-head > a {
    color:#191919 !important;
    border-color:#191919 !important;
}


/*
 * Gender symbols are decorative.
 * Keep them in the upper-right visual area so they never sit
 * behind or over the questionnaire copy.
 */
.mv21 .mv21-navcard-symbol {
    top:30px !important;
    right:30px !important;
    bottom:auto !important;
    left:auto !important;

    width:138px !important;
    height:138px !important;

    font-size:108px !important;

    transform:none !important;
    opacity:.46 !important;
}

.mv21 .mv21-navcard:hover .mv21-navcard-symbol {
    transform:scale(1.04) !important;
}

.mv21 .mv21-navcard-content {
    z-index:3 !important;
}


@media(max-width:1100px) {

    .mv21 .mv21-navcard-symbol {
        top:24px !important;
        right:24px !important;

        width:112px !important;
        height:112px !important;

        font-size:88px !important;

        transform:none !important;
        opacity:.42 !important;
    }

    .mv21 .mv21-navcard:hover .mv21-navcard-symbol {
        transform:scale(1.03) !important;
    }
}


@media(max-width:760px) {

    .mv21 .mv21-navcard-symbol {
        top:18px !important;
        right:18px !important;

        width:86px !important;
        height:86px !important;

        font-size:70px !important;

        transform:none !important;
        opacity:.38 !important;
    }

    .mv21 .mv21-navcard:hover .mv21-navcard-symbol {
        transform:none !important;
    }
}

/* /MODORA_HOME_READABILITY_FIX_20260924 */

/* MODORA_LV_ALL_BRANDS_PER_LETTER_20260927 */
#mv21-brand-letter-result,
.mv21-brand-letter-result,
.mv21-brand-letter-grid {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}