/* Retail Experience Theme 1.11.4 — Autonomous Creative Quality Gate */
:root{
    --ref-creative-wide:1560px;
    --ref-creative-gutter:clamp(16px,2.4vw,42px);
}

/* Escape the WordPress constrained-content width that reduced the live hero
 * to roughly a prose column. The hero remains centred and capped on ultra-wide
 * displays rather than becoming edge-to-edge and unmanageable. */
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:clamp(16px,2vw,30px) var(--ref-creative-gutter) 0!important;
}
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap>.ref-campaign-device--all,
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap>.ref-campaign-device--desktop,
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap>.ref-campaign-device--mobile,
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap .ref-smart-campaign--hero{
    box-sizing:border-box!important;
    width:min(var(--ref-creative-wide),calc(100vw - (var(--ref-creative-gutter) * 2)))!important;
    max-width:var(--ref-creative-wide)!important;
    margin-inline:auto!important;
}

.retail-autonomous-creative-quality-ready .ref-smart-campaign--hero{
    min-height:clamp(560px,46vw,720px)!important;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.14);
    border-radius:clamp(26px,3vw,42px)!important;
    background:
        radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--retail-primary,#2023a9) 50%,transparent),transparent 34%),
        radial-gradient(circle at 92% 88%,rgba(255,255,255,.12),transparent 38%),
        linear-gradient(132deg,var(--retail-night,#11142b) 0%,color-mix(in srgb,var(--retail-primary,#2023a9) 62%,#141126) 58%,#11142b 100%)!important;
    box-shadow:0 30px 80px rgba(17,20,43,.2);
    isolation:isolate;
}

.retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-product_stage .ref-smart-campaign__inner,
.retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-product-stage .ref-smart-campaign__inner{
    display:grid!important;
    width:100%!important;
    max-width:none!important;
    min-height:inherit;
    grid-template-columns:minmax(0,1.02fr) minmax(380px,.98fr);
    align-items:center;
    gap:clamp(38px,5vw,88px);
    margin:0!important;
    padding:clamp(54px,6.2vw,104px)!important;
}

.retail-autonomous-creative-quality-ready .ref-smart-campaign__copy{
    position:relative;
    z-index:3;
    max-width:680px;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__eyebrow{
    margin:0 0 1rem;
    color:rgba(255,255,255,.78);
    font-size:.76rem;
    letter-spacing:.16em;
    text-transform:uppercase;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign--hero h1{
    max-width:12ch!important;
    margin:0!important;
    color:#fff!important;
    font-size:clamp(3rem,4.65vw,5.15rem)!important;
    font-weight:500;
    letter-spacing:-.045em;
    line-height:.94!important;
    overflow-wrap:normal;
    word-break:normal;
    text-wrap:balance;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__supporting{
    max-width:54ch!important;
    margin:clamp(18px,2vw,26px) 0 0!important;
    color:rgba(255,255,255,.84)!important;
    font-size:clamp(1rem,1.25vw,1.16rem)!important;
    line-height:1.62!important;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__actions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:12px 16px;
    margin-top:clamp(26px,3vw,38px);
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__cta{
    min-height:50px;
    margin:0!important;
    padding:.78rem 1.3rem!important;
    border:1px solid rgba(255,255,255,.15)!important;
    background:#fff!important;
    color:var(--retail-night,#11142b)!important;
    box-shadow:0 14px 34px rgba(0,0,0,.2);
    font-size:.82rem;
    font-weight:800;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__cta:hover{
    transform:translateY(-2px);
    background:color-mix(in srgb,#fff 88%,var(--retail-primary,#2023a9))!important;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__shipping{
    display:inline-flex!important;
    min-height:46px!important;
    align-items:center;
    gap:.55rem;
    margin:0!important;
    padding:.65rem 1rem!important;
    border:1px solid rgba(255,255,255,.38)!important;
    background:rgba(17,20,43,.28);
    color:#fff!important;
    backdrop-filter:blur(10px);
    font-size:.78rem!important;
    line-height:1.25!important;
    white-space:normal;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__shipping>span{
    display:grid;
    width:21px;
    height:21px;
    flex:0 0 21px;
    place-items:center;
    border-radius:50%;
    background:rgba(255,255,255,.16);
    font-size:.7rem;
}

.retail-autonomous-creative-quality-ready .ref-smart-campaign__visual{
    position:relative;
    z-index:2;
    display:grid;
    width:100%;
    min-width:0;
    min-height:clamp(410px,38vw,570px);
    place-items:center;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__visual-glow{
    position:absolute;
    inset:8% 4%;
    border-radius:50%;
    background:radial-gradient(circle,rgba(255,255,255,.3),rgba(255,255,255,.08) 44%,transparent 72%);
    filter:blur(10px);
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__product-stage{
    position:relative;
    display:grid;
    width:min(100%,620px);
    height:clamp(410px,38vw,570px);
    place-items:center;
    padding:clamp(24px,3vw,48px);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:clamp(24px,3vw,38px);
    background:linear-gradient(145deg,#fbfafc,#eceaf3);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 28px 65px rgba(0,0,0,.24);
    backdrop-filter:blur(14px);
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__product-stage:before{
    content:"";
    position:absolute;
    width:72%;
    aspect-ratio:1;
    border-radius:50%;
    background:color-mix(in srgb,var(--retail-primary,#2023a9) 9%,transparent);
    filter:blur(1px);
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign__product-image{
    position:relative;
    z-index:2;
    display:block;
    width:100%!important;
    height:100%!important;
    max-width:92%!important;
    max-height:92%!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center!important;
    background:transparent!important;
    filter:drop-shadow(0 28px 34px rgba(0,0,0,.34));
}

/* Full-bleed remains available only for a separately qualified landscape
 * campaign image. Copy is still held inside a protected readable column. */
.retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-full_bleed .ref-smart-campaign__inner,
.retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-full-bleed .ref-smart-campaign__inner{
    width:min(100% - clamp(36px,6vw,96px),1360px)!important;
    max-width:1360px!important;
    padding-block:clamp(72px,8vw,120px)!important;
}
.retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-full_bleed .ref-smart-campaign__copy,
.retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-full-bleed .ref-smart-campaign__copy{
    padding:clamp(28px,4vw,52px);
    border:1px solid rgba(255,255,255,.16);
    border-radius:28px;
    background:rgba(12,10,22,.42);
    backdrop-filter:blur(14px);
}

/* Keep the trust strip visually connected to the corrected hero rather than
 * dropping back to the old 1240px width. */
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-trust{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    padding:14px var(--ref-creative-gutter) 0!important;
}
body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-trust>.ref-native-reassurance{
    width:min(var(--ref-creative-wide),calc(100vw - (var(--ref-creative-gutter) * 2)))!important;
    max-width:var(--ref-creative-wide)!important;
    margin-inline:auto!important;
    border:1px solid var(--retail-border,#dedde7)!important;
    border-radius:22px!important;
}

@media(max-width:980px){
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-product_stage .ref-smart-campaign__inner,
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-product-stage .ref-smart-campaign__inner{
        grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);
        gap:28px;
        padding:48px!important;
    }
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--hero h1{font-size:clamp(2.7rem,6vw,4.3rem)!important}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__visual,
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__product-stage{min-height:380px;height:430px}
}

@media(max-width:767px){
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap{padding:10px 10px 0!important}
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap>.ref-campaign-device--all,
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap>.ref-campaign-device--desktop,
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap>.ref-campaign-device--mobile,
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-hero-wrap .ref-smart-campaign--hero{
        width:calc(100vw - 20px)!important;
    }
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--hero{min-height:0!important;border-radius:24px!important}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-product_stage .ref-smart-campaign__inner,
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--layout-product-stage .ref-smart-campaign__inner{
        grid-template-columns:1fr;
        gap:24px;
        padding:28px 22px 30px!important;
    }
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__visual{grid-row:1;min-height:280px}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__product-stage{width:100%;height:300px;min-height:300px;padding:22px;border-radius:20px}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__copy{grid-row:2}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign--hero h1{max-width:13ch!important;font-size:clamp(2.45rem,11vw,3.65rem)!important}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__supporting{font-size:.98rem!important;line-height:1.55!important}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__actions{align-items:stretch;flex-direction:column}
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__cta,.retail-autonomous-creative-quality-ready .ref-smart-campaign__shipping{width:100%;justify-content:center;text-align:center}
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-trust{padding:10px 10px 0!important}
    body.retail-route-home.retail-autonomous-creative-quality-ready .retail-home-trust>.ref-native-reassurance{width:calc(100vw - 20px)!important}
}

@media(prefers-reduced-motion:reduce){
    .retail-autonomous-creative-quality-ready .ref-smart-campaign__cta{transition:none!important}
}