:root{
 --text:#181818;--muted:#626262;--line:#ddd;--soft:#f4f4f4;--black:#111;--white:#fff;--accent:#0b0b0b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font:15px/1.45 Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.wrap{width:min(1380px,calc(100% - 48px));margin:auto}
.top-offer{background:#f4f4f4;text-align:center;padding:9px 12px;font-size:13px;font-weight:700}
.site-header{background:#fff;border-bottom:1px solid #e7e7e7;position:sticky;top:0;z-index:50}
.header-row{height:72px;display:flex;align-items:center;gap:30px}
.wordmark{font-weight:900;font-size:28px;letter-spacing:-1.4px}
.desktop-nav{display:flex;align-items:center;gap:24px;font-weight:700;font-size:14px;flex:1}
.desktop-nav a:hover{text-decoration:underline}
.header-tools{display:flex;align-items:center;gap:18px}
.lang-switch{display:flex;gap:4px}
.lang-switch a{padding:4px 7px;font-size:11px;font-weight:800;border-bottom:2px solid transparent}
.lang-switch a.active{border-bottom-color:#111}
.cart-link{display:flex;gap:8px;align-items:center;font-weight:800}
.cart-link span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:11px}

.latest-section{padding:52px 0 64px}
.homepage-title,.big-section-title{font-size:34px;line-height:1.1;margin:0 0 30px;font-weight:800}
.launch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.launch-card{background:#f5f5f5;display:flex;flex-direction:column;min-height:590px}
.launch-image{height:330px;display:grid;place-items:center;padding:26px;background:#efefef}
.launch-image img{max-height:285px;object-fit:contain}
.image-placeholder{display:grid;place-items:center;width:100%;height:100%;color:#888}
.launch-copy{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.new-label{font-size:12px;font-weight:800;text-transform:uppercase;margin-bottom:9px}
.launch-copy h2{font-size:20px;line-height:1.25;margin:0 0 14px}
.launch-price{font-size:21px;font-weight:800;margin-top:auto}
.shipping-line{font-size:13px;color:#4c4c4c;margin:10px 0 18px}
.pill-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;font-weight:800;border:1px solid #111}
.pill-button.dark{background:#111;color:#fff}.pill-button.wide{width:100%}

.shop-type-section{padding:66px 0}
.shop-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.shop-type-card{height:390px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:#eee;position:relative;overflow:hidden}
.shop-type-card:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-20px;top:35px;background:rgba(0,0,0,.07);box-shadow:0 0 0 40px rgba(255,255,255,.35)}
.shop-type-card.type-two{background:#d9dee2}
.shop-type-card.type-three{background:#e8e2db}
.shop-type-card span{font-size:28px;font-weight:800;position:relative}
.shop-type-card small{font-size:15px;max-width:31ch;margin-top:8px;position:relative}

.home-life-section{padding:30px 0 70px}
.life-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:560px;background:#f0f0f0}
.life-image{display:grid;place-items:center;padding:42px;background:linear-gradient(140deg,#d9d9d9,#f8f8f8)}
.life-image img{max-height:460px;object-fit:contain}
.life-copy{display:flex;flex-direction:column;justify-content:center;padding:62px}
.life-copy h2{font-size:44px;line-height:1.06;margin:0 0 20px}
.life-copy p{font-size:18px;color:var(--muted);max-width:460px}
.text-arrow{font-weight:800;margin-top:12px}

.why-section{padding:66px 0;border-top:1px solid #e5e5e5}
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.why-grid article{text-align:center;padding:20px}
.why-icon{width:58px;height:58px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}
.why-grid h3{font-size:18px;margin:0 0 8px}
.why-grid p{color:var(--muted);margin:0}

.newsletter-section{background:#f4f4f4;padding:56px 0}
.newsletter-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.newsletter-grid h2{font-size:31px;margin:0 0 12px}
.newsletter-grid p{color:var(--muted)}
.newsletter-form{display:flex;border-bottom:1px solid #111}
.newsletter-form input{flex:1;border:0;background:transparent;padding:14px 0;outline:0}
.newsletter-form button{border:0;background:transparent;font-weight:900;cursor:pointer}
.newsletter-grid small{display:block;margin-top:12px;color:#777}

.mega-footer{background:#fff;padding:50px 0 26px;border-top:1px solid #ddd}
.footer-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:42px}
.footer-columns h4{font-size:15px;margin:0 0 14px}
.footer-columns a{display:block;margin:8px 0;color:#353535}
.footer-columns p{margin:8px 0}.footer-note{color:#777}
.footer-bottom-v3{display:flex;justify-content:space-between;border-top:1px solid #ddd;margin-top:38px;padding-top:20px;font-size:13px;color:#666}

.product-page-v3{padding:44px 0 70px}
.product-grid-v3{display:grid;grid-template-columns:1.15fr .85fr;gap:46px;align-items:start}
.product-main-image{background:#f3f3f3;min-height:610px;display:grid;place-items:center;padding:35px}
.product-main-image img{max-height:545px;object-fit:contain}
.thumb-strip{display:flex;gap:10px;margin-top:12px}.thumb-strip button{width:82px;height:82px;border:1px solid #ddd;background:#fff;padding:5px}.thumb-strip img{width:100%;height:100%;object-fit:contain}
.buy-column{padding:20px 10px}
.buy-column h1{font-size:38px;line-height:1.1;margin:8px 0 18px}
.product-price-v3{font-size:25px;font-weight:800}
.product-short{font-size:16px;color:#555;margin:22px 0}
.buy-box-v3{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:22px 0;display:grid;gap:14px}
.buy-box-v3 label{display:grid;gap:7px;font-weight:700}.buy-box-v3 input{padding:11px;border:1px solid #aaa;width:100px}
.purchase-benefits{display:grid;grid-template-columns:1fr;gap:0;margin-top:12px}
.purchase-benefits div{padding:15px 0;border-bottom:1px solid #e1e1e1}
.product-story{padding:64px 0;background:#f5f5f5}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px}.story-grid h2{font-size:28px}.story-grid li{margin:12px 0}
.product-policy-band{padding:55px 0}.policy-band-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ddd}
.policy-band-grid a{background:#fff;padding:28px}.policy-band-grid strong{display:block;font-size:18px;margin-bottom:8px}.policy-band-grid span{color:#666}

.info-page{padding:70px 0 100px}.info-inner{max-width:840px}.back-link{font-weight:700}.info-inner h1{font-size:46px;margin:22px 0}.info-inner>p{font-size:18px;line-height:1.7;color:#4f4f4f}
.info-card-v3{margin-top:40px;padding:24px;background:#f4f4f4}.info-card-v3 p{color:#666}

.page-shell{padding:48px 0 80px}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}
.cart-card,.summary-panel,.checkout-card,.order-card,.form-card,.table-card{background:#fff;border:1px solid #ddd}
.cart-card{padding:12px 20px}.summary-panel,.checkout-card,.order-card,.form-card{padding:24px}
.cart-item{display:grid;grid-template-columns:88px 1fr 100px 120px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #ddd}
.cart-thumb{height:88px;background:#f4f4f4;display:grid;place-items:center}.cart-thumb img{max-height:76px;object-fit:contain}
.summary-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ddd}.summary-line.total{font-size:19px;font-weight:900}
.checkout-card{display:grid;gap:14px}.checkout-card input,.checkout-card select,textarea{width:100%;padding:12px;border:1px solid #aaa}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.secure-box{background:#f4f4f4;padding:15px}.secure-box strong{display:block}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;padding:12px 18px;font-weight:800;background:#fff}.btn-dark{background:#111;color:#fff}.btn-light{background:#fff}.wide{width:100%}
.notice{padding:14px;background:#f6f6f6;border:1px solid #ddd;margin-bottom:14px}.notice.error{background:#fff2f2;border-color:#e9bbbb;color:#8d1616}.notice.success{background:#effaf2;border-color:#b9dfc2;color:#1f6d33}
.status{display:inline-flex;padding:7px 11px;font-weight:800;font-size:13px}.status.processing,.status.completed{background:#daf3df;color:#145b25}.status.failed{background:#f7dede;color:#8e1717}.status.pending{background:#f7edcf;color:#7a5a0c}
.admin-login{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,calc(100% - 32px))}
.table-card{overflow:hidden}.admin-order,.product-admin-row{display:grid;grid-template-columns:1.6fr .6fr .6fr .8fr;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid #ddd}
.event{padding:14px;border-bottom:1px solid #ddd}.event small{float:right;color:#777}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f6f6f6;padding:10px}
.muted{color:#777}

@media(max-width:1050px){
 .desktop-nav{display:none}
 .launch-grid{grid-template-columns:repeat(2,1fr)}
 .why-grid{grid-template-columns:repeat(2,1fr)}
 .shop-type-grid{grid-template-columns:1fr}
 .life-grid,.product-grid-v3,.newsletter-grid,.story-grid,.cart-layout,.checkout-layout{grid-template-columns:1fr}
 .footer-columns{grid-template-columns:repeat(2,1fr)}
 .life-image{min-height:440px}
}
@media(max-width:650px){
 .wrap{width:min(100% - 24px,1380px)}
 .header-row{height:auto;min-height:66px;flex-wrap:wrap;padding:10px 0}
 .header-tools{width:100%;justify-content:space-between}
 .launch-grid,.why-grid,.footer-columns,.policy-band-grid,.two{grid-template-columns:1fr}
 .launch-card{min-height:0}.launch-image{height:270px}
 .homepage-title,.big-section-title{font-size:29px}
 .life-copy{padding:32px}.life-copy h2{font-size:34px}
 .product-main-image{min-height:380px}.buy-column h1{font-size:31px}
 .cart-item{grid-template-columns:72px 1fr}.cart-item input,.cart-item strong{grid-column:2}
}

.section-intro{max-width:760px;font-size:17px;color:#5f5f5f;margin:-16px 0 30px}
.upgrade-section{padding:64px 0;background:#111;color:#fff}
.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.upgrade-grid h2{font-size:40px;margin:0 0 16px}.upgrade-grid p{color:#c8c8c8;font-size:17px}
.upgrade-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.upgrade-steps li{display:flex;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid #333;font-weight:700}
.upgrade-steps span,.guide-number{width:34px;height:34px;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.editorial-hero{padding:100px 0;background:#e9ecef}.editorial-hero.combo{background:#e9e2da}.editorial-hero.guide{background:#dfe6e2}.editorial-hero.faq{background:#efefef}
.editorial-hero-inner{max-width:930px}.editorial-hero h1{font-size:58px;line-height:1.02;margin:8px 0 22px}.editorial-hero p:last-child{font-size:20px;color:#555;max-width:760px}
.editorial-section{padding:74px 0}.editorial-section.soft{background:#f5f5f5}
.editorial-two{display:grid;grid-template-columns:1fr 1fr;gap:90px}.editorial-two h2{font-size:32px;margin-top:0}.editorial-two p{font-size:17px;color:#5b5b5b;line-height:1.7}
.guide-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.guide-grid article{padding:24px;background:#f5f5f5;min-height:250px}.guide-grid h2{font-size:21px}.guide-grid p{color:#626262}
.guide-number{background:#111;color:#fff;margin-bottom:22px}
.faq-list{max-width:900px}.faq-list details{border-top:1px solid #ccc;padding:0}.faq-list details:last-child{border-bottom:1px solid #ccc}.faq-list summary{font-size:21px;font-weight:800;padding:24px 0;cursor:pointer}.faq-list p{color:#555;font-size:17px;max-width:780px;padding:0 0 24px;margin:0}
.product-intro-copy{max-width:850px;margin-bottom:48px}.product-intro-copy h2{font-size:36px;margin-bottom:12px}.product-intro-copy p{font-size:18px;color:#555}
.feature-list{padding-left:20px}.feature-list li{margin:14px 0}
.info-inner p{font-size:17px;line-height:1.75;color:#4e4e4e}
.support-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
@media(max-width:1050px){.guide-grid{grid-template-columns:repeat(2,1fr)}.upgrade-grid,.editorial-two{grid-template-columns:1fr;gap:34px}}
@media(max-width:650px){.editorial-hero{padding:65px 0}.editorial-hero h1{font-size:39px}.guide-grid{grid-template-columns:1fr}.upgrade-grid h2{font-size:32px}}

/* Visual v5 — lifestyle photography */
.visual-hero{position:relative;min-height:690px;overflow:hidden;background:#111;color:#fff}
.visual-hero-media{position:absolute;inset:0}.visual-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%}
.visual-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.42) 42%,rgba(0,0,0,.06) 72%,rgba(0,0,0,.02) 100%)}
.visual-hero-copy{position:relative;min-height:690px;display:flex;align-items:center}.visual-hero-copy>div{max-width:610px;padding:55px 0}
.visual-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;margin:0 0 14px}
.visual-hero h1{font-size:64px;line-height:.98;letter-spacing:-2.6px;margin:0 0 22px}
.visual-hero-copy p:not(.visual-kicker){font-size:20px;max-width:570px;color:#f2f2f2}
.visual-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.pill-button.light{background:#fff;color:#111;border-color:#fff}.pill-button.ghost-light{color:#fff;border-color:#fff;background:rgba(255,255,255,.04)}
.latest-section{padding-top:74px}.launch-card{border-radius:0;transition:transform .2s ease,box-shadow .2s ease}.launch-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.shop-type-card.photo-card{isolation:isolate;background-image:linear-gradient(180deg,rgba(0,0,0,.03) 36%,rgba(0,0,0,.75) 100%),var(--card-image);background-size:cover;background-position:center;color:#fff;min-height:470px;transition:transform .25s ease}
.shop-type-card.photo-card:before{display:none}.shop-type-card.photo-card:hover{transform:scale(1.01)}.shop-type-card.photo-card span{font-size:31px}.shop-type-card.photo-card small{color:#f1f1f1;font-size:16px}
.life-grid{background:#0f0f0f;color:#fff}.life-image.editorial-photo{padding:0;overflow:hidden}.life-image.editorial-photo img{width:100%;height:100%;min-height:600px;object-fit:cover}.life-copy p{color:#d2d2d2}.life-copy .text-arrow{color:#fff}
.why-grid article{border-top:1px solid #ddd}.why-icon{background:#f3f3f3;color:#111;font-size:14px}
.upgrade-section{background:#151515}
.ambient-strip{position:relative;min-height:550px;overflow:hidden;color:#fff}.ambient-strip>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ambient-strip:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18))}.ambient-strip-copy{position:relative;z-index:1;width:min(1380px,calc(100% - 48px));margin:auto;min-height:550px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.ambient-strip-copy h2{font-size:48px;max-width:560px;margin:0 0 18px}.ambient-strip-copy p{font-size:18px;max-width:560px;color:#eee}
.editorial-hero.image-hero{position:relative;color:#fff;background-image:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.16)),var(--editorial-bg);background-size:cover;background-position:center;min-height:560px;display:flex;align-items:center}.editorial-hero.image-hero .editorial-hero-inner{position:relative}.editorial-hero.image-hero p:last-child{color:#f1f1f1}
@media(max-width:1050px){.visual-hero,.visual-hero-copy{min-height:580px}.visual-hero h1{font-size:52px}.shop-type-card.photo-card{min-height:390px}.life-image.editorial-photo img{min-height:470px}}
@media(max-width:650px){.visual-hero,.visual-hero-copy{min-height:620px}.visual-hero-media img{object-position:60% center}.visual-hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.15) 20%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.88) 100%)}.visual-hero-copy{align-items:flex-end}.visual-hero h1{font-size:42px;letter-spacing:-1.5px}.visual-hero-copy p:not(.visual-kicker){font-size:17px}.shop-type-card.photo-card{min-height:430px}.ambient-strip,.ambient-strip-copy{min-height:500px}.ambient-strip-copy{width:min(100% - 24px,1380px)}.ambient-strip-copy h2{font-size:36px}.editorial-hero.image-hero{min-height:500px}}

.payment-status-page{min-height:70vh;display:flex;align-items:center}
.payment-status-card{background:#fff;border:1px solid #ddd;padding:44px;max-width:760px;margin:auto;text-align:center}
.payment-status-card .order-meta{text-align:left;margin-top:28px;border-top:1px solid #e4e4e4}
.payment-status-message{font-size:18px;color:#555;max-width:600px;margin:10px auto 8px}
.payment-status-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#f2f2f2;position:relative}
.payment-status-icon .success-mark,.payment-status-icon .failed-mark{display:none;font-size:40px;font-weight:900}
.payment-status-icon.processing,.payment-status-icon.completed{background:#e2f5e6;color:#13652a}
.payment-status-icon.processing .pending-spinner,.payment-status-icon.completed .pending-spinner{display:none}
.payment-status-icon.processing .success-mark,.payment-status-icon.completed .success-mark{display:block}
.payment-status-icon.failed{background:#fae4e4;color:#9a1c1c}
.payment-status-icon.failed .pending-spinner{display:none}
.payment-status-icon.failed .failed-mark{display:block}
.pending-spinner{width:30px;height:30px;border:3px solid #cfcfcf;border-top-color:#111;border-radius:50%;animation:statusSpin .8s linear infinite}
@keyframes statusSpin{to{transform:rotate(360deg)}}
.status-progress{display:flex;align-items:center;justify-content:center;gap:8px;color:#777;font-size:13px;margin-top:18px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#111;animation:pulseDot 1.2s ease-in-out infinite}
@keyframes pulseDot{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
.payment-status-card .hero-actions{justify-content:center;margin-top:26px}
@media(max-width:650px){
  .payment-status-card{padding:28px 18px}
  .payment-status-message{font-size:16px}
}


/* =========================================================
   Mavelyt v6.3 — browser zoom / ultra-wide layout fix
   Keeps normal desktop/mobile layout unchanged, but prevents
   full-bleed sections and max-width containers from separating
   visually at very low browser zoom / very wide viewports.
   ========================================================= */

/* Always keep the public page itself full width. */
html,
body,
main {
    width: 100%;
    max-width: 100%;
}

body {
    overflow-x: hidden;
}

/* Full-bleed media sections must remain tied to the viewport,
   even when browser zoom creates an extremely wide CSS viewport. */
.visual-hero,
.ambient-strip,
.editorial-hero.image-hero {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

/* Prevent an intrinsic image size from ever determining the hero width. */
.visual-hero-media,
.visual-hero-media img {
    min-width: 100%;
    max-width: none;
}

/* Normal desktop remains exactly as before. */
.wrap {
    width: min(1380px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

/* On ultra-wide virtual viewports (including 50%, 33% browser zoom),
   let the site breathe instead of remaining a tiny 1380px island. */
@media (min-width: 1800px) {
    .wrap,
    .ambient-strip-copy {
        width: min(82vw, 2400px);
    }

    .latest-section,
    .shop-type-section,
    .home-life-section,
    .why-section,
    .newsletter-section,
    .upgrade-section,
    .editorial-section,
    .product-page-v3,
    .product-policy-band,
    .mega-footer {
        width: 100%;
    }

    .visual-hero-copy > div {
        max-width: 760px;
    }

    .visual-hero h1 {
        font-size: clamp(64px, 4.1vw, 86px);
    }

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

    .launch-card,
    .shop-type-card,
    .why-grid article {
        min-width: 0;
    }
}

/* Very large virtual viewports: cap the content width so it stays
   readable on true ultra-wide screens as well as extreme zoom-out. */
@media (min-width: 3000px) {
    .wrap,
    .ambient-strip-copy {
        width: min(72vw, 2800px);
    }

    .visual-hero-copy > div {
        max-width: 860px;
    }
}

/* Preserve the existing mobile spacing. */
@media (max-width: 650px) {
    .wrap,
    .ambient-strip-copy {
        width: min(100% - 24px, 1380px);
    }

    .visual-hero,
    .ambient-strip,
    .editorial-hero.image-hero {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}


/* =========================================================
   Mavelyt v6.4 — robust hero/full-width fix
   The hero image is now a CSS background, so browser zoom
   cannot leave the intrinsic 1800px image width visible on
   only the left side of a very wide virtual viewport.
   ========================================================= */
.visual-hero {
    width: 100%;
    max-width: none;
    margin: 0;
    position: relative;
    min-height: 690px;
    overflow: hidden;
    color: #fff;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.42) 42%,
            rgba(0,0,0,.06) 72%,
            rgba(0,0,0,.02) 100%
        ),
        var(--hero-image);
    background-size: cover;
    background-position: center 55%;
    background-repeat: no-repeat;
}

.visual-hero-media,
.visual-hero-overlay {
    display: none !important;
}

.visual-hero-copy {
    position: relative;
    z-index: 1;
    min-height: 690px;
}

/* At extreme zoom-out, keep the normal content centered,
   while allowing it to use more of the virtual viewport. */
@media (min-width: 1800px) {
    .wrap,
    .visual-hero-copy,
    .ambient-strip-copy {
        width: min(84vw, 3000px);
        max-width: none;
    }

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

@media (min-width: 3200px) {
    .wrap,
    .visual-hero-copy,
    .ambient-strip-copy {
        width: min(78vw, 3400px);
    }
}

@media (max-width: 650px) {
    .visual-hero {
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.15) 20%,
                rgba(0,0,0,.78) 72%,
                rgba(0,0,0,.88) 100%
            ),
            var(--hero-image);
        background-size: cover;
        background-position: 60% center;
        min-height: 620px;
    }
}


/* =========================================================
   Mavelyt v6.5 — hero compatibility fix
   Works with BOTH hero HTML variants:
   1) old markup with .visual-hero-media <img>
   2) newer markup using CSS background
   ========================================================= */

.visual-hero {
    position: relative !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    min-height: 690px !important;
    overflow: hidden !important;
    color: #fff !important;
    background-color: #111 !important;
    background-image:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.42) 42%,
            rgba(0,0,0,.06) 72%,
            rgba(0,0,0,.02) 100%
        ),
        url('/assets/images/hero-home.jpg') !important;
    background-size: cover !important;
    background-position: center 55% !important;
    background-repeat: no-repeat !important;
}

/* If the older <img> hero is still present, keep it visible and make it
   cover the complete hero. This also acts as a fallback if the CSS
   background has not loaded yet. */
.visual-hero-media {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
}

.visual-hero-media img {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center 55% !important;
}

.visual-hero-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.42) 42%,
            rgba(0,0,0,.06) 72%,
            rgba(0,0,0,.02) 100%
        ) !important;
    pointer-events: none !important;
}

.visual-hero-copy {
    position: relative !important;
    z-index: 2 !important;
    min-height: 690px !important;
    color: #fff !important;
}

.visual-hero-copy p:not(.visual-kicker) {
    color: #f2f2f2 !important;
}

@media (max-width: 650px) {
    .visual-hero {
        min-height: 620px !important;
        background-position: 60% center !important;
    }

    .visual-hero-media img {
        object-position: 60% center !important;
    }

    .visual-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.15) 20%,
                rgba(0,0,0,.78) 72%,
                rgba(0,0,0,.88) 100%
            ) !important;
    }
}


/* =========================================================
   Mavelyt v9.1 — guaranteed local image heroes
   Uses real <img> elements instead of CSS custom-property URLs.
   ========================================================= */
.editorial-photo-hero{
    position:relative;
    min-height:560px;
    overflow:hidden;
    display:flex;
    align-items:center;
    color:#fff;
    background:#111;
}
.editorial-photo-hero-media{
    position:absolute;
    inset:0;
}
.editorial-photo-hero-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}
.editorial-photo-hero-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.34) 48%,rgba(0,0,0,.10) 100%);
}
.editorial-photo-hero-copy{
    position:relative;
    z-index:2;
    padding-top:70px;
    padding-bottom:70px;
}
.editorial-photo-hero-copy h1{
    max-width:850px;
    font-size:clamp(42px,5vw,68px);
    line-height:1.02;
    margin:10px 0 20px;
}
.editorial-photo-hero-copy > p:last-child{
    max-width:760px;
    font-size:20px;
    line-height:1.55;
    color:#f4f4f4;
}
.editorial-photo-hero .new-label{
    color:#fff;
}
@media(max-width:650px){
    .editorial-photo-hero{min-height:500px}
    .editorial-photo-hero-media img{object-position:58% center}
    .editorial-photo-hero-overlay{
        background:linear-gradient(180deg,rgba(0,0,0,.18) 10%,rgba(0,0,0,.78) 72%,rgba(0,0,0,.88) 100%);
    }
    .editorial-photo-hero-copy{
        align-self:flex-end;
        padding-top:180px;
        padding-bottom:38px;
    }
    .editorial-photo-hero-copy h1{font-size:38px}
    .editorial-photo-hero-copy > p:last-child{font-size:17px}
}


/* =========================================================
   Mavelyt v10 — mobile navigation + responsive header
   ========================================================= */

.mobile-menu-toggle,
.mobile-menu-panel {
    display: none;
}

@media (max-width: 1050px) {
    .header-row {
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 14px;
    }

    .wordmark {
        grid-column: 1;
    }

    .mobile-menu-toggle {
        display: inline-flex;
        grid-column: 2;
        justify-self: start;
        width: 42px;
        height: 42px;
        border: 0;
        background: transparent;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        cursor: pointer;
        padding: 0;
    }

    .mobile-menu-toggle span {
        width: 22px;
        height: 2px;
        background: #111;
        display: block;
    }

    .header-tools {
        grid-column: 3;
        width: auto;
        justify-content: flex-end;
    }

    .header-tools .lang-switch {
        display: none;
    }

    .mobile-menu-panel[hidden] {
        display: none !important;
    }

    .mobile-menu-panel {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 9999;
        background: rgba(0,0,0,.32);
        opacity: 0;
        pointer-events: none;
        transition: opacity .22s ease;
    }

    .mobile-menu-panel.is-open {
        opacity: 1;
        pointer-events: auto;
    }

    .mobile-menu-inner {
        width: min(420px, 92vw);
        height: 100%;
        background: #fff;
        box-shadow: 12px 0 35px rgba(0,0,0,.14);
        transform: translateX(-102%);
        transition: transform .22s ease;
        padding: 24px;
        display: flex;
        flex-direction: column;
    }

    .mobile-menu-panel.is-open .mobile-menu-inner {
        transform: translateX(0);
    }

    .mobile-menu-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 20px;
        border-bottom: 1px solid #e5e5e5;
    }

    .mobile-menu-top strong {
        font-size: 25px;
        letter-spacing: -1px;
    }

    .mobile-menu-close {
        width: 42px;
        height: 42px;
        border: 0;
        background: #f4f4f4;
        border-radius: 50%;
        font-size: 28px;
        line-height: 1;
        cursor: pointer;
    }

    .mobile-nav {
        display: grid;
        padding: 18px 0;
    }

    .mobile-nav a {
        display: flex;
        align-items: center;
        min-height: 52px;
        border-bottom: 1px solid #ededed;
        font-size: 18px;
        font-weight: 700;
    }

    .mobile-menu-footer {
        margin-top: auto;
        padding-top: 20px;
        display: grid;
        gap: 16px;
    }

    .mobile-lang-switch {
        display: flex;
        gap: 8px;
    }

    .mobile-lang-switch a {
        display: inline-flex;
        min-width: 48px;
        justify-content: center;
        padding: 10px 12px;
        border: 1px solid #d5d5d5;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 800;
    }

    .mobile-lang-switch a.active {
        background: #111;
        color: #fff;
        border-color: #111;
    }

    .mobile-cart-button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 18px;
        background: #111;
        color: #fff;
        border-radius: 999px;
        font-weight: 800;
    }

    .mobile-cart-button span {
        min-width: 24px;
        height: 24px;
        padding: 0 6px;
        border-radius: 999px;
        background: #fff;
        color: #111;
        display: inline-grid;
        place-items: center;
        font-size: 12px;
    }

    html.menu-open,
    html.menu-open body {
        overflow: hidden;
    }
}

@media (max-width: 650px) {
    .top-offer {
        font-size: 11px;
        padding: 7px 10px;
    }

    .header-row {
        min-height: 62px;
        padding: 8px 0;
    }

    .wordmark {
        font-size: 24px;
    }

    .cart-link {
        font-size: 0;
    }

    .cart-link::before {
        content: "Cart";
        font-size: 13px;
    }

    .cart-link span {
        font-size: 10px;
        width: 20px;
        height: 20px;
    }
}


/* =========================================================
   Mavelyt v11 — WebP image optimization
   JPG remains as <picture> fallback.
   ========================================================= */

.visual-hero {
    background-image: none !important;
    background-color: #111 !important;
}

.visual-hero-media,
.visual-hero-media picture,
.visual-hero-media img {
    width: 100% !important;
    height: 100% !important;
}

.visual-hero-media {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
}

.visual-hero-media img {
    object-fit: cover !important;
    object-position: center 55% !important;
}

.shop-type-card.photo-card {
    background-image: none !important;
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.photo-card-media {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: block;
}

.photo-card-media,
.photo-card-media img {
    width: 100%;
    height: 100%;
}

.photo-card-media img {
    object-fit: cover;
    object-position: center;
    transition: transform .35s ease;
}

.shop-type-card.photo-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,.03) 34%,
        rgba(0,0,0,.76) 100%
    );
}

.shop-type-card.photo-card:hover .photo-card-media img {
    transform: scale(1.025);
}

.life-image.editorial-photo picture,
.life-image.editorial-photo picture img {
    width: 100%;
    height: 100%;
    display: block;
}

.life-image.editorial-photo picture img {
    object-fit: cover;
}

.ambient-strip-media {
    position: absolute;
    inset: 0;
    display: block;
}

.ambient-strip-media,
.ambient-strip-media img {
    width: 100%;
    height: 100%;
}

.ambient-strip-media img {
    object-fit: cover;
}

.editorial-photo-hero-media picture,
.editorial-photo-hero-media picture img {
    width: 100%;
    height: 100%;
    display: block;
}

.editorial-photo-hero-media picture img {
    object-fit: cover;
    object-position: center;
}

@media (max-width:650px) {
    .visual-hero-media img {
        object-position: 60% center !important;
    }

    .editorial-photo-hero-media picture img {
        object-position: 58% center;
    }
}


/* =========================================================
   Mavelyt Home / Admin v13
   ========================================================= */

.contact-detail-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin-top:34px
}
.contact-detail-grid article{
    padding:20px;
    background:#f5f5f5;
    display:grid;
    gap:6px
}
.contact-detail-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#777;font-weight:800}
.contact-detail-grid strong{font-size:16px}
.policy-readable h2{margin:34px 0 10px;font-size:22px}
.policy-readable p{margin:0 0 12px}

.admin-v13{background:#f5f6f7;color:#171717}
.admin-topbar{
    position:sticky;top:0;z-index:500;
    background:#fff;border-bottom:1px solid #e5e5e5
}
.admin-topbar-inner{
    width:min(1460px,calc(100% - 36px));margin:auto;
    min-height:68px;display:flex;align-items:center;gap:28px
}
.admin-logo{font-weight:900;font-size:22px;letter-spacing:-.8px;display:flex;align-items:baseline;gap:7px}
.admin-logo span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#888}
.admin-main-nav{display:flex;gap:7px;flex:1}
.admin-main-nav a{padding:9px 12px;border-radius:9px;font-weight:700;font-size:14px;color:#555}
.admin-main-nav a.active,.admin-main-nav a:hover{background:#f2f2f2;color:#111}
.admin-top-actions{display:flex;gap:15px;font-size:13px;font-weight:700}
.admin-shell{width:min(1460px,calc(100% - 36px));margin:0 auto;padding:34px 0 70px}
.admin-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.admin-heading-row h1{font-size:36px;margin:2px 0 0;letter-spacing:-1px}
.admin-heading-row p{color:#707070;margin:5px 0 0}
.admin-kicker{font-size:11px!important;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:#777!important}
.admin-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.admin-button{
    border:1px solid #cfcfcf;background:#fff;color:#111;
    padding:11px 16px;border-radius:10px;font-weight:800;
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none
}
.admin-button.primary{background:#111;color:#fff;border-color:#111}
.admin-button.secondary{background:#fff}
.admin-button:disabled{opacity:.55;cursor:wait}
.admin-button.wide{width:100%}
.admin-alert{
    padding:15px 17px;border:1px solid #ddd;border-radius:12px;background:#fff;margin:0 0 22px
}
.admin-alert.warning{background:#fff9e9;border-color:#ead69b;color:#6c520c}
.admin-alert.success{background:#eef9f0;border-color:#b8ddbf;color:#1a632c}
.admin-alert.error{background:#fff1f1;border-color:#e4bbbb;color:#8e1c1c}
.admin-alert.info{background:#f1f6ff;border-color:#c9d7ee;color:#334c70}
.admin-alert a{font-weight:800;text-decoration:underline}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}
.admin-stats article{background:#fff;border:1px solid #e2e2e2;border-radius:14px;padding:20px}
.admin-stats span{font-size:13px;color:#777;display:block}
.admin-stats strong{font-size:32px;display:block;margin:4px 0}
.admin-stats small{color:#777}
.admin-panel{background:#fff;border:1px solid #e2e2e2;border-radius:15px;overflow:hidden}
.admin-panel.padded{padding:24px}
.admin-panel.sticky{position:sticky;top:92px}
.admin-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.admin-panel-head h2{margin:0;font-size:23px}
.admin-panel-head p{margin:5px 0 0;color:#777}
.admin-table{width:100%}
.admin-table-head,.admin-table-row{padding:13px 18px}
.admin-table-head{background:#fafafa;border-bottom:1px solid #e5e5e5;font-size:12px;text-transform:uppercase;letter-spacing:.06em;font-weight:900;color:#777}
.admin-table-row{border-bottom:1px solid #ededed;align-items:center}
.admin-table-row:last-child{border-bottom:0}
.admin-table-row:hover{background:#fafafa}
.admin-order-grid{display:grid;grid-template-columns:1.6fr .6fr .7fr .8fr;gap:18px}
.admin-table-row span:first-child{display:grid;gap:3px}
.admin-table-row small{color:#777}
.admin-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-style:normal;font-size:12px;font-weight:900}
.admin-status.processing,.admin-status.completed{background:#e3f5e7;color:#17632a}
.admin-status.pending{background:#fff2cd;color:#75550b}
.admin-status.failed{background:#f9e1e1;color:#901b1b}
.admin-filterbar{display:flex;gap:10px;align-items:center;margin-bottom:18px}
.admin-filterbar input,.admin-filterbar select{
    min-height:43px;border:1px solid #d1d1d1;border-radius:10px;padding:9px 12px;background:#fff
}
.admin-filterbar input{flex:1;max-width:520px}
.admin-filterbar a{font-weight:700;font-size:13px}
.admin-product-list{display:grid}
.admin-product-card{
    display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:center;
    padding:16px;border-bottom:1px solid #ededed
}
.admin-product-card:last-child{border-bottom:0}
.admin-product-thumb{width:92px;height:92px;background:#f4f4f4;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#999;font-size:12px}
.admin-product-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.admin-product-titleline{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.admin-product-titleline h2{font-size:18px;margin:0 0 3px}
.admin-product-titleline p{margin:0;color:#777;font-size:12px}
.admin-product-meta{display:flex;align-items:center;gap:20px;margin-top:15px}
.admin-lang-badges{display:flex;gap:5px}
.admin-lang-badges span{font-size:10px;font-weight:900;padding:4px 7px;border-radius:6px;background:#eee;color:#999}
.admin-lang-badges span.done{background:#e5f4e8;color:#1a6a30}
.admin-product-actions{display:flex;gap:8px}
.admin-empty{padding:32px;color:#777;text-align:center}
.admin-back{font-size:13px;font-weight:800;color:#666}
.admin-product-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.admin-editor-main{display:grid;gap:22px}
.admin-editor-sidebar{min-width:0}
.admin-fields{display:grid;gap:16px}
.admin-fields.compact{gap:14px}
.admin-fields label{display:grid;gap:7px;font-weight:800;font-size:13px}
.admin-fields input,.admin-fields textarea,.admin-fields select,
.admin-settings-grid input,.admin-settings-grid textarea,.admin-settings-grid select{
    width:100%;border:1px solid #ccc;border-radius:10px;padding:12px 13px;background:#fff;font:inherit;color:#111
}
.admin-fields textarea{resize:vertical}
.admin-fields small{font-weight:400;color:#777}
.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.admin-switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.admin-switch-row div{display:grid;gap:3px}
.admin-switch-row span{font-weight:400;color:#777;font-size:12px}
.admin-switch-row input{width:20px!important;height:20px}
.admin-save-stack{display:grid;gap:9px;margin-top:22px}
.admin-translation-options{display:grid;gap:8px;margin-bottom:18px;padding:14px;background:#fafafa;border-radius:11px}
.admin-check{display:flex;align-items:center;gap:9px;font-size:13px}
.admin-check input{width:17px;height:17px}
.admin-language-tabs{display:flex;gap:6px;border-bottom:1px solid #e5e5e5;margin-bottom:18px}
.admin-language-tabs button{border:0;background:transparent;padding:10px 13px;font-weight:800;cursor:pointer;border-bottom:2px solid transparent}
.admin-language-tabs button.active{border-bottom-color:#111}
.admin-language-tabs span{font-size:10px;background:#eee;padding:3px 5px;border-radius:5px;margin-left:5px}
.admin-language-panel{display:none}
.admin-language-panel.active{display:block}
.admin-inline-message{padding:12px 14px;border-radius:10px;margin-bottom:14px;font-size:13px}
.admin-inline-message.success{background:#eef9f0;color:#1d622e}
.admin-inline-message.error{background:#fff1f1;color:#8e1b1b}
.admin-upload-zone{
    border:1px dashed #aaa;border-radius:14px;min-height:120px;
    display:grid;place-items:center;text-align:center;padding:20px;cursor:pointer;background:#fafafa
}
.admin-upload-zone input{display:none}
.admin-upload-zone strong{font-size:16px}
.admin-upload-zone span{display:block;color:#777;margin-top:4px;font-size:12px}
.admin-new-image-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-top:14px}
.admin-new-image-preview div{border:1px solid #ddd;border-radius:10px;padding:7px;overflow:hidden}
.admin-new-image-preview img{width:100%;aspect-ratio:1/1;object-fit:contain}
.admin-new-image-preview span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}
.admin-gallery-v13{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px}
.admin-gallery-item{border:1px solid #ddd;border-radius:12px;padding:8px}
.admin-gallery-item img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fafafa;border-radius:8px}
.admin-gallery-item div{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:8px;font-size:11px;font-weight:800}
.admin-primary-badge{background:#111;color:#fff;padding:4px 7px;border-radius:6px}
.admin-settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:start}
.admin-settings-grid>section{margin-bottom:22px}
.admin-settings-grid>section:nth-child(3){grid-column:1/-1}
.admin-help{color:#707070;line-height:1.6}
.admin-steps{padding-left:20px;display:grid;gap:12px}
.danger-link{color:#a11!important}
.translation-head{align-items:center}

@media(max-width:1050px){
    .admin-main-nav{display:none}
    .admin-stats{grid-template-columns:repeat(2,1fr)}
    .admin-product-editor,.admin-settings-grid{grid-template-columns:1fr}
    .admin-panel.sticky{position:static}
    .admin-settings-grid>section:nth-child(3){grid-column:auto}
}
@media(max-width:700px){
    .contact-detail-grid{grid-template-columns:1fr}
    .admin-topbar-inner,.admin-shell{width:min(100% - 22px,1460px)}
    .admin-topbar-inner{gap:12px}
    .admin-top-actions a:first-child{display:none}
    .admin-heading-row{align-items:flex-start;flex-direction:column}
    .admin-heading-row h1{font-size:30px}
    .admin-heading-actions{width:100%}
    .admin-stats{grid-template-columns:1fr 1fr}
    .admin-order-grid{grid-template-columns:1.2fr .8fr}
    .admin-order-grid span:nth-child(3),.admin-order-grid span:nth-child(4){display:none}
    .admin-product-card{grid-template-columns:70px 1fr}
    .admin-product-thumb{width:70px;height:70px}
    .admin-product-actions{grid-column:1/-1}
    .admin-product-actions .admin-button{flex:1}
    .admin-two{grid-template-columns:1fr}
}


/* =========================================================
   Product Admin v14
   ========================================================= */

.admin-button.danger{
    color:#9a1d1d;
    border-color:#e0bcbc;
    background:#fff7f7
}
.admin-bulkbar{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    background:#fff;
    border:1px solid #e2e2e2;
    border-radius:13px;
    margin-bottom:12px
}
.admin-bulkbar select{
    min-height:40px;
    border:1px solid #d2d2d2;
    border-radius:9px;
    padding:8px 10px;
    background:#fff
}
.admin-bulkbar .admin-sort-save{margin-left:auto}
.admin-product-card-v14{
    grid-template-columns:26px 28px 92px 1fr auto;
    transition:opacity .15s ease,background .15s ease
}
.admin-product-card-v14.is-dragging{opacity:.45;background:#f7f7f7}
.admin-drag-handle{
    color:#999;
    font-weight:900;
    cursor:grab;
    user-select:none;
    display:grid;
    place-items:center;
    height:55px
}
.admin-drag-handle:active{cursor:grabbing}
.admin-row-check{display:grid;place-items:center}
.admin-row-check input{width:17px;height:17px}
.admin-product-actions-v14{flex-wrap:wrap;justify-content:flex-end}
.admin-link-button{
    border:0;
    padding:0;
    background:transparent;
    color:#333;
    text-decoration:underline;
    cursor:pointer;
    font:inherit;
    font-weight:800
}
.admin-translation-preview{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-top:14px
}
.admin-translation-preview[hidden]{display:none}
.admin-translation-preview>div{
    background:#fafafa;
    border:1px solid #ececec;
    border-radius:10px;
    padding:11px
}
.admin-translation-preview b{
    font-size:10px;
    color:#777;
    display:block;
    margin-bottom:5px
}
.admin-translation-preview strong{font-size:13px;display:block}
.admin-translation-preview p{font-size:11px;line-height:1.45;color:#777;margin:5px 0 0}
.admin-seo-box{
    margin-top:20px;
    border-top:1px solid #e6e6e6;
    padding-top:16px
}
.admin-seo-box summary{
    cursor:pointer;
    font-weight:900;
    font-size:14px;
    margin-bottom:14px
}
.admin-seo-box[open] summary{margin-bottom:14px}
.admin-gallery-sortable .admin-gallery-item{cursor:grab}
.admin-gallery-sortable .admin-gallery-item.is-dragging{opacity:.4}
.admin-image-drag{
    font-size:10px;
    font-weight:900;
    color:#888;
    margin:0 0 7px;
    user-select:none
}
.admin-gallery-actions{
    flex-wrap:wrap
}
.admin-sort-save{
    color:#777;
    font-size:12px;
    font-weight:700;
    margin-top:10px
}

@media(max-width:900px){
    .admin-product-card-v14{
        grid-template-columns:24px 26px 70px 1fr
    }
    .admin-product-card-v14 .admin-product-actions-v14{
        grid-column:1/-1
    }
    .admin-translation-preview{grid-template-columns:1fr}
}
@media(max-width:600px){
    .admin-bulkbar{flex-wrap:wrap}
    .admin-bulkbar .admin-sort-save{width:100%;margin-left:0}
    .admin-product-card-v14{
        grid-template-columns:22px 24px 60px 1fr;
        gap:10px
    }
    .admin-product-card-v14 .admin-product-thumb{
        width:60px;height:60px
    }
}


/* =========================================================
   Product Admin v14.1 — compact desktop catalog layout fix
   Fixes excessive empty space / misplaced thumbnails in Products.
   ========================================================= */

.admin-product-list {
    display: grid;
}

.admin-product-card-v14 {
    display: grid !important;
    grid-template-columns: 24px 24px 92px minmax(260px, 1fr) auto !important;
    grid-template-areas:
        "drag check thumb main actions" !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 124px !important;
    padding: 16px 18px !important;
}

.admin-product-card-v14 > .admin-drag-handle {
    grid-area: drag !important;
}

.admin-product-card-v14 > .admin-row-check {
    grid-area: check !important;
}

.admin-product-card-v14 > .admin-product-thumb {
    grid-area: thumb !important;
    width: 92px !important;
    height: 92px !important;
    margin: 0 !important;
    justify-self: start !important;
    align-self: center !important;
}

.admin-product-card-v14 > .admin-product-main {
    grid-area: main !important;
    min-width: 0 !important;
    width: 100% !important;
}

.admin-product-card-v14 > .admin-product-actions-v14 {
    grid-area: actions !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(92px, 1fr)) !important;
    gap: 8px !important;
    min-width: 205px !important;
    align-self: center !important;
}

.admin-product-titleline {
    align-items: center !important;
}

.admin-product-titleline > div:first-child {
    min-width: 0 !important;
}

.admin-product-titleline h2 {
    font-size: 18px !important;
    line-height: 1.28 !important;
    margin: 0 0 4px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.admin-product-titleline p {
    font-size: 12px !important;
}

.admin-product-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px 18px !important;
    margin-top: 12px !important;
    align-items: center !important;
}

.admin-product-meta > strong {
    min-width: 80px;
    font-size: 15px;
}

.admin-product-actions-v14 .admin-button {
    width: 100% !important;
    min-height: 40px !important;
    padding: 9px 12px !important;
}

.admin-translation-preview {
    margin-top: 12px !important;
}

.admin-bulkbar {
    min-height: 52px;
}

.admin-bulkbar .admin-check {
    min-width: 90px;
}

@media (max-width: 1100px) {
    .admin-product-card-v14 {
        grid-template-columns: 24px 24px 78px minmax(220px, 1fr) !important;
        grid-template-areas:
            "drag check thumb main"
            ". . actions actions" !important;
    }

    .admin-product-card-v14 > .admin-product-thumb {
        width: 78px !important;
        height: 78px !important;
    }

    .admin-product-card-v14 > .admin-product-actions-v14 {
        width: 100% !important;
        min-width: 0 !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 720px) {
    .admin-product-card-v14 {
        grid-template-columns: 22px 22px 64px minmax(0, 1fr) !important;
        grid-template-areas:
            "drag check thumb main"
            ". . actions actions" !important;
        gap: 10px !important;
        padding: 13px !important;
    }

    .admin-product-card-v14 > .admin-product-thumb {
        width: 64px !important;
        height: 64px !important;
    }

    .admin-product-card-v14 > .admin-product-actions-v14 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .admin-product-titleline {
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .admin-product-titleline h2 {
        font-size: 15px !important;
    }

    .admin-product-meta {
        gap: 8px !important;
    }

    .admin-translation-preview {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Product Admin v14.2 — quick status / SEO / image indicators
   ========================================================= */

.admin-mini-statuses{
    display:flex;
    gap:6px;
    flex-wrap:wrap
}
.admin-mini-statuses span{
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:4px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    white-space:nowrap
}
.admin-mini-statuses span.good{
    background:#e8f5eb;
    color:#236a34
}
.admin-mini-statuses span.warn{
    background:#fff3d6;
    color:#7b5a0b
}
.admin-chip-button{
    min-height:28px;
    padding:5px 9px;
    border:1px solid #d7d7d7;
    border-radius:999px;
    background:#fff;
    color:#222;
    font:inherit;
    font-size:11px;
    font-weight:800;
    cursor:pointer
}
.admin-chip-button:hover{
    background:#f5f5f5
}
.admin-product-actions-v14{
    grid-template-columns:repeat(2,minmax(92px,1fr))!important
}
.admin-product-actions-v14 .admin-button{
    white-space:nowrap
}
@media(max-width:1100px){
    .admin-product-actions-v14{
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }
}
@media(max-width:720px){
    .admin-product-actions-v14{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}


/* =========================================================
   Product Image Optimization v15
   ========================================================= */

.admin-image-optimizer-status{
    display:grid;
    gap:3px;
    margin-top:12px;
    padding:10px 12px;
    border-radius:10px;
    font-size:12px
}
.admin-image-optimizer-status.good{
    background:#eaf7ed;
    color:#245f32
}
.admin-image-optimizer-status.bad{
    background:#fff0f0;
    color:#8e2323
}
.admin-image-optimizer-status span{
    font-weight:400;
    line-height:1.45
}
.admin-image-summary{
    display:grid;
    grid-template-columns:auto auto;
    gap:2px 8px;
    text-align:right
}
.admin-image-summary strong{
    font-size:19px
}
.admin-image-summary span{
    color:#777;
    font-size:11px
}
.admin-image-tool-results{
    display:grid;
    gap:8px
}
.admin-image-tool-results>div{
    display:grid;
    grid-template-columns:70px 1fr auto;
    gap:12px;
    align-items:center;
    padding:10px 12px;
    border-radius:9px;
    background:#fafafa;
    font-size:12px
}
.admin-image-tool-results>div.ok strong{color:#23713a}
.admin-image-tool-results>div.error strong{color:#a32626}
.admin-image-tool-results>div.skip strong{color:#8b6b18}
.admin-image-tool-results em{
    font-style:normal;
    color:#777
}
.admin-image-tool-grid{
    display:grid;
    grid-template-columns:1.5fr 90px 120px 90px;
    gap:16px;
    align-items:center
}
.admin-image-tool-thumb{
    width:64px;
    height:64px;
    object-fit:contain;
    border-radius:8px;
    background:#f6f6f6
}
@media(max-width:720px){
    .admin-image-tool-grid{
        grid-template-columns:1fr 70px 80px
    }
    .admin-image-tool-grid>*:last-child{
        display:none
    }
    .admin-image-tool-results>div{
        grid-template-columns:60px 1fr
    }
    .admin-image-tool-results em{
        grid-column:2
    }
}


/* =========================================================
   Mavelyt Order Fulfillment v17
   ========================================================= */
.admin-fulfillment-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;font-style:normal;white-space:nowrap}
.admin-fulfillment-status.unfulfilled{background:#eee;color:#555}
.admin-fulfillment-status.preparing{background:#fff0c7;color:#74550b}
.admin-fulfillment-status.shipped{background:#e8f1ff;color:#245692}
.admin-fulfillment-status.delivered{background:#e5f5e9;color:#226b35}
.admin-fulfillment-status.cancelled{background:#f8e2e2;color:#8b2020}
.admin-order-grid{grid-template-columns:1.45fr .55fr .68fr .78fr .78fr!important}
.admin-order-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}
.admin-order-main,.admin-order-sidebar{display:grid;gap:22px}
.admin-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.admin-detail-grid>div,.admin-detail-stack>div,.admin-order-timestamps>div{display:grid;gap:5px;padding:13px;background:#fafafa;border-radius:10px}
.admin-detail-grid>div.wide{grid-column:1/-1}
.admin-detail-grid span,.admin-detail-stack span,.admin-order-timestamps span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#777;font-weight:900}
.admin-order-items{display:grid}
.admin-order-items>div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e8e8e8}
.admin-order-items>div>span{display:grid;gap:3px}
.admin-order-items small{color:#777}
.admin-order-items .total{border-bottom:0;padding-top:18px;font-size:17px}
.admin-event-list{display:grid;gap:9px}
.admin-event-list article{border:1px solid #e8e8e8;border-radius:10px;padding:12px}
.admin-event-list article>div{display:flex;justify-content:space-between;gap:10px}
.admin-event-list small{color:#777}
.admin-event-list pre{white-space:pre-wrap;word-break:break-word;background:#fafafa;padding:9px;border-radius:7px;margin:9px 0 0;max-height:180px;overflow:auto;font-size:11px}
.admin-order-timestamps{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.admin-detail-stack{display:grid;gap:8px}
.customer-fulfillment-card{margin-top:26px;padding:22px;border:1px solid #e0e0e0;border-radius:16px;text-align:left;background:#fafafa}
.customer-fulfillment-card h2{margin:4px 0 8px;font-size:23px}
.customer-fulfillment-card>p:not(.eyebrow){color:#606060;margin:0 0 14px}
.customer-fulfillment-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0}
.customer-fulfillment-meta>div{display:grid;gap:4px;padding:11px;border-radius:9px;background:#fff}
.customer-fulfillment-meta span{font-size:10px;color:#777;text-transform:uppercase;font-weight:900;letter-spacing:.07em}
@media(max-width:1000px){.admin-order-layout{grid-template-columns:1fr}.admin-order-sidebar .sticky{position:static}}
@media(max-width:700px){.admin-detail-grid{grid-template-columns:1fr}.admin-detail-grid>div.wide{grid-column:auto}.admin-order-grid{grid-template-columns:1.2fr .8fr!important}.admin-order-grid span:nth-child(3),.admin-order-grid span:nth-child(4),.admin-order-grid span:nth-child(5){display:none}.customer-fulfillment-meta{grid-template-columns:1fr}}


/* =========================================================
   Mavelyt Tracking Auto-Link v17.1
   ========================================================= */
.customer-tracking-number{
    color:inherit;
    text-decoration:underline;
    text-underline-offset:3px
}
.customer-tracking-number:hover{
    opacity:.68
}
.admin-field-help{
    display:block;
    color:#777;
    font-size:11px;
    font-weight:400;
    line-height:1.45
}


/* =========================================================
   Mavelyt Internal Order Tracking v17.2
   Tracking links point to the customer's order page on this site.
   ========================================================= */
.customer-tracking-number::after{
    content:"";
}


/* =========================================================
   Mavelyt Inventory v18
   ========================================================= */
.product-stock,
.card-stock,
.cart-stock-note{
    font-size:12px;
    font-weight:900
}
.product-stock.in,
.card-stock.in{
    color:#23703a
}
.product-stock.low,
.card-stock.low,
.cart-stock-note.low{
    color:#9a6a00
}
.product-stock.out,
.card-stock.out{
    color:#9b2323
}
.disabled-link{
    opacity:.5;
    pointer-events:none
}
.buy-box-v3 button:disabled,
.buy-box-v3 input:disabled{
    opacity:.5;
    cursor:not-allowed
}
.notice.warning{
    background:#fff7dc;
    border-color:#e8d393;
    color:#6f540e
}
.admin-sidebar-divider{
    height:1px;
    background:#e7e7e7;
    margin:4px 0
}
.admin-mini-statuses span.bad{
    background:#f8e2e2;
    color:#8b2020
}
.inventory-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.admin-inventory-list{
    display:grid
}
.admin-inventory-row{
    display:grid;
    grid-template-columns:72px minmax(220px,1fr) 110px 120px 120px 88px;
    gap:14px;
    align-items:center;
    padding:14px 16px;
    border-bottom:1px solid #ececec
}
.admin-inventory-row:last-child{
    border-bottom:0
}
.admin-inventory-thumb{
    width:72px;
    height:72px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:10px;
    background:#f7f7f7;
    color:#999;
    font-size:10px
}
.admin-inventory-thumb img{
    width:100%;
    height:100%;
    object-fit:contain
}
.admin-inventory-product{
    display:grid;
    gap:3px;
    min-width:0
}
.admin-inventory-product>strong{
    overflow:hidden;
    text-overflow:ellipsis
}
.admin-inventory-product small{
    color:#777
}
.admin-inventory-row label{
    display:grid;
    gap:5px;
    font-size:11px;
    font-weight:800
}
.admin-inventory-row input[type="number"]{
    width:100%;
    min-height:40px;
    padding:8px 9px;
    border:1px solid #ccc;
    border-radius:9px
}
.admin-inventory-toggle{
    justify-items:start
}
.admin-inventory-toggle input{
    width:19px;
    height:19px
}
.inventory-badge{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    margin-top:4px;
    padding:4px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:900
}
.inventory-badge.good{
    background:#e5f5e9;
    color:#226b35
}
.inventory-badge.low{
    background:#fff0c7;
    color:#74550b
}
.inventory-badge.out{
    background:#f8e2e2;
    color:#8b2020
}
.inventory-badge.untracked{
    background:#eee;
    color:#666
}
@media(max-width:1050px){
    .admin-inventory-row{
        grid-template-columns:64px minmax(180px,1fr) repeat(2,110px);
    }
    .admin-inventory-row .admin-inventory-toggle{
        grid-column:2
    }
    .admin-inventory-row button{
        grid-column:4
    }
    .inventory-stats{
        grid-template-columns:repeat(2,1fr)
    }
}
@media(max-width:700px){
    .admin-inventory-row{
        grid-template-columns:58px 1fr;
        gap:10px;
    }
    .admin-inventory-thumb{
        width:58px;
        height:58px
    }
    .admin-inventory-row label,
    .admin-inventory-row button{
        grid-column:1/-1!important
    }
    .inventory-stats{
        grid-template-columns:1fr 1fr
    }
}


/* =========================================================
   Mavelyt Inventory v18.1 — compact, practical inventory UI
   ========================================================= */

.admin-inventory-list{
    display:grid !important;
    width:100% !important;
}

.admin-inventory-row{
    display:grid !important;
    grid-template-columns:72px minmax(280px,1fr) 120px 120px 150px 90px !important;
    gap:16px !important;
    align-items:center !important;
    min-height:100px !important;
    padding:14px 16px !important;
    border-bottom:1px solid #ececec !important;
    background:#fff !important;
}

.admin-inventory-row:last-child{
    border-bottom:0 !important;
}

.admin-inventory-row:hover{
    background:#fafafa !important;
}

.admin-inventory-thumb{
    width:72px !important;
    height:72px !important;
    min-width:72px !important;
    max-width:72px !important;
    display:grid !important;
    place-items:center !important;
    overflow:hidden !important;
    border-radius:12px !important;
    background:#f5f5f5 !important;
    color:#999 !important;
    font-size:10px !important;
    text-align:center !important;
}

.admin-inventory-thumb img{
    display:block !important;
    width:72px !important;
    height:72px !important;
    max-width:72px !important;
    max-height:72px !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    background:#fff !important;
}

.admin-inventory-product{
    display:grid !important;
    gap:4px !important;
    min-width:0 !important;
}

.admin-inventory-product > strong{
    font-size:15px !important;
    line-height:1.3 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
}

.admin-inventory-product small{
    color:#777 !important;
    font-size:11px !important;
}

.inventory-badge{
    width:max-content !important;
    max-width:100% !important;
    margin-top:5px !important;
    padding:5px 9px !important;
    border-radius:999px !important;
    font-size:10px !important;
    font-weight:900 !important;
}

.admin-inventory-row label{
    display:grid !important;
    gap:6px !important;
    margin:0 !important;
    font-size:11px !important;
    font-weight:800 !important;
    color:#333 !important;
}

.admin-inventory-row label > span{
    white-space:nowrap !important;
}

.admin-inventory-row label small{
    color:#888 !important;
    font-size:9px !important;
    line-height:1.3 !important;
    font-weight:400 !important;
}

.admin-inventory-row input[type="number"]{
    width:100% !important;
    height:40px !important;
    min-height:40px !important;
    padding:8px 10px !important;
    border:1px solid #ccc !important;
    border-radius:9px !important;
    background:#fff !important;
    font-size:14px !important;
}

.admin-inventory-toggle{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
}

.admin-inventory-toggle > span{
    order:2 !important;
}

.admin-inventory-toggle input{
    order:1 !important;
    width:18px !important;
    height:18px !important;
    margin:0 !important;
}

.inventory-save{
    width:100% !important;
    min-height:40px !important;
}

.inventory-stats{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:12px !important;
}

.inventory-stats article{
    min-height:92px !important;
    padding:16px !important;
}

@media(max-width:1150px){
    .admin-inventory-row{
        grid-template-columns:68px minmax(220px,1fr) 110px 110px !important;
        grid-template-areas:
            "thumb product track qty"
            "thumb product low save" !important;
    }

    .admin-inventory-row > .admin-inventory-thumb{grid-area:thumb !important}
    .admin-inventory-row > .admin-inventory-product{grid-area:product !important}
    .admin-inventory-row > .admin-inventory-toggle{grid-area:track !important}
    .admin-inventory-row > label:nth-of-type(2){grid-area:qty !important}
    .admin-inventory-row > label:nth-of-type(3){grid-area:low !important}
    .admin-inventory-row > .inventory-save{grid-area:save !important}
}

@media(max-width:760px){
    .inventory-stats{
        grid-template-columns:1fr 1fr !important;
    }

    .admin-inventory-row{
        grid-template-columns:64px 1fr !important;
        grid-template-areas:
            "thumb product"
            "track track"
            "qty qty"
            "low low"
            "save save" !important;
        gap:10px 12px !important;
        padding:14px !important;
    }

    .admin-inventory-thumb,
    .admin-inventory-thumb img{
        width:64px !important;
        height:64px !important;
        min-width:64px !important;
        max-width:64px !important;
        max-height:64px !important;
    }

    .admin-inventory-row label > span{
        white-space:normal !important;
    }
}


/* =========================================================
   Mavelyt Inventory Operations v19
   ========================================================= */

.inventory-row-actions{
    display:grid;
    gap:6px
}
.inventory-row-actions .admin-button{
    width:100%!important;
    min-height:38px!important
}

.inventory-history-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:22px;
    align-items:start
}
.inventory-history-main{
    display:grid;
    gap:22px
}
.inventory-current-card{
    display:flex;
    align-items:center;
    gap:20px
}
.inventory-current-image{
    width:100px;
    height:100px;
    border-radius:14px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:#f6f6f6;
    color:#999;
    font-size:11px
}
.inventory-current-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    background:#fff
}
.inventory-current-card>div:last-child{
    display:grid;
    gap:4px
}
.inventory-current-card span{
    font-size:11px;
    color:#777;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:900
}
.inventory-current-card strong{
    font-size:42px;
    line-height:1
}
.inventory-current-card small{
    color:#777
}
.inventory-history-head{
    padding:20px 20px 0
}
.stock-history-table{
    display:grid
}
.stock-history-row{
    display:grid;
    grid-template-columns:155px 80px 105px 120px minmax(180px,1fr);
    gap:14px;
    align-items:center;
    padding:12px 18px;
    border-top:1px solid #ededed;
    font-size:12px
}
.stock-history-row.head{
    background:#fafafa;
    color:#777;
    text-transform:uppercase;
    letter-spacing:.06em;
    font-size:10px;
    font-weight:900
}
.stock-history-row strong.positive{
    color:#23713a
}
.stock-history-row strong.negative{
    color:#9b2323
}
.stock-history-row span{
    min-width:0;
    overflow-wrap:anywhere
}
.stock-history-row small{
    display:block;
    color:#777;
    margin-top:2px
}
.inventory-track-warning{
    margin-top:18px!important;
    margin-bottom:0!important
}

@media(max-width:1050px){
    .inventory-history-layout{
        grid-template-columns:1fr
    }
    .inventory-history-layout aside .sticky{
        position:static
    }
    .stock-history-row{
        grid-template-columns:135px 70px 90px 100px minmax(140px,1fr)
    }
}

@media(max-width:760px){
    .stock-history-row.head{
        display:none
    }
    .stock-history-row{
        grid-template-columns:1fr 70px;
        gap:6px 12px
    }
    .stock-history-row span:nth-child(3),
    .stock-history-row span:nth-child(4),
    .stock-history-row span:nth-child(5){
        grid-column:1/-1
    }
}


/* =========================================================
   Mavelyt Order Operations v20
   ========================================================= */

.order-ops-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.admin-order-filterbar{
    display:grid;
    grid-template-columns:minmax(260px,1.5fr) 150px 165px 145px 145px auto;
    gap:10px;
    align-items:end;
    padding:14px;
    margin-bottom:10px;
    border:1px solid #dedede;
    background:#fff;
    border-radius:13px
}
.admin-order-filterbar label{
    display:grid;
    gap:5px
}
.admin-order-filterbar label>span{
    font-size:10px;
    font-weight:900;
    color:#777;
    text-transform:uppercase;
    letter-spacing:.07em
}
.admin-order-filterbar input,
.admin-order-filterbar select{
    width:100%;
    min-height:42px;
    padding:8px 10px;
    border:1px solid #ccc;
    border-radius:9px;
    background:#fff;
    font:inherit
}
.admin-order-filter-actions{
    display:flex;
    gap:7px
}
.admin-results-count{
    margin:8px 2px 12px;
    color:#777;
    font-size:12px
}
.admin-order-grid-v20{
    display:grid;
    grid-template-columns:minmax(250px,1.45fr) .55fr .72fr .82fr .85fr;
    gap:14px;
    align-items:center
}
.admin-order-customer{
    display:grid;
    gap:2px
}
.admin-order-customer b{
    font-size:12px
}
.admin-order-customer small{
    color:#777
}
.admin-order-view-actions{
    flex-wrap:wrap
}

@media(max-width:1100px){
    .admin-order-filterbar{
        grid-template-columns:1fr 1fr 1fr
    }
    .admin-order-search{
        grid-column:1/-1
    }
    .admin-order-filter-actions{
        align-self:end
    }
    .admin-order-grid-v20{
        grid-template-columns:minmax(220px,1.4fr) .6fr .8fr .8fr
    }
    .admin-order-grid-v20>span:last-child{
        display:none
    }
}

@media(max-width:720px){
    .order-ops-stats{
        grid-template-columns:1fr 1fr
    }
    .admin-order-filterbar{
        grid-template-columns:1fr
    }
    .admin-order-search{
        grid-column:auto
    }
    .admin-order-filter-actions{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .admin-order-grid-v20{
        grid-template-columns:1fr auto
    }
    .admin-order-grid-v20>span:nth-child(2),
    .admin-order-grid-v20>span:nth-child(3),
    .admin-order-grid-v20>span:nth-child(5){
        display:none
    }
}


/* =========================================================
   Mavelyt Discount Codes v21
   ========================================================= */
.coupon-form{margin:12px 0 16px;padding:12px;background:#fafafa;border:1px solid #e5e5e5;border-radius:10px}
.coupon-field{display:grid;gap:7px;font-size:12px;font-weight:800}
.coupon-field>div{display:grid;grid-template-columns:1fr auto;gap:7px}
.coupon-field input{min-width:0;min-height:42px;border:1px solid #ccc;border-radius:8px;padding:8px 10px;font:inherit;text-transform:uppercase}
.coupon-applied{display:flex;align-items:center;justify-content:space-between;gap:12px}
.coupon-applied>div{display:grid;gap:2px}
.coupon-applied span{font-size:10px;color:#777;text-transform:uppercase;font-weight:900;letter-spacing:.06em}
.coupon-applied button{border:0;background:transparent;text-decoration:underline;font-weight:800;cursor:pointer}
.coupon-notice{padding:9px 10px;border-radius:8px;font-size:12px;margin-bottom:10px}
.coupon-notice.success{background:#e8f5eb;color:#236a34}
.coupon-notice.error{background:#fff0f0;color:#8b2020}
.discount-line,.order-discount-row{color:#23703a}
.discount-admin-list{display:grid}
.discount-admin-row{display:grid;grid-template-columns:minmax(170px,1.2fr) 130px 150px minmax(210px,1.2fr) auto;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #ececec}
.discount-admin-row:last-child{border-bottom:0}
.discount-admin-row>div:not(.discount-admin-actions){display:grid;gap:4px}
.discount-admin-row>div>span{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.discount-code-box strong{font-size:17px;letter-spacing:.04em}
.discount-code-box>span{width:max-content;padding:4px 7px;border-radius:999px;background:#eee}
.discount-admin-actions{display:flex;gap:7px;align-items:center}
.discount-admin-actions form{margin:0}
.discount-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
@media(max-width:1000px){.discount-admin-row{grid-template-columns:1fr 1fr 1fr}.discount-admin-actions{grid-column:1/-1}.discount-editor-layout{grid-template-columns:1fr}}
@media(max-width:650px){.discount-admin-row{grid-template-columns:1fr 1fr}.discount-admin-row>div:nth-child(4),.discount-admin-actions{grid-column:1/-1}}


/* =========================================================
   Mavelyt Product Sales v22
   ========================================================= */

.launch-image{position:relative}
.launch-flags,
.product-flag-row{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-bottom:10px
}
.sale-badge-card,
.sale-badge-large,
.sale-pill-inline,
.admin-sale-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    letter-spacing:.02em
}
.sale-badge-card{
    position:absolute;
    top:14px;
    left:14px;
    padding:10px 12px;
    border-radius:999px;
    background:#d91f43;
    color:#fff;
    font-size:15px;
    box-shadow:0 8px 20px rgba(0,0,0,.12)
}
.sale-pill-inline{
    padding:6px 10px;
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:11px;
    text-transform:uppercase
}
.sale-badge-large{
    padding:7px 12px;
    border-radius:999px;
    background:#d91f43;
    color:#fff;
    font-size:14px
}
.launch-price-stack,
.product-price-stack,
.admin-price-stack{
    display:grid;
    gap:4px
}
.launch-sale-meta,
.product-sale-meta,
.admin-sale-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center
}
.compare-price,
.admin-compare-price{
    text-decoration:line-through;
    color:#888;
    font-weight:700
}
.save-note{
    color:#c32245;
    font-weight:800;
    font-size:13px
}
.product-price-v3{line-height:1}
.product-sale-meta{margin-top:2px}
.admin-sale-pill{
    padding:4px 8px;
    border-radius:999px;
    background:#fff1f4;
    color:#b71b3c;
    font-size:11px
}
.admin-help-note{
    display:block;
    margin-top:6px;
    color:#777;
    font-size:12px;
    line-height:1.4
}
.buy-column .shipping-line{margin-top:14px}
@media(max-width:650px){
    .sale-badge-card{
        top:10px;
        left:10px;
        padding:8px 10px;
        font-size:13px
    }
}


/* =========================================================
   Mavelyt Sales Automation v23
   ========================================================= */
.global-sale-bar{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 16px;background:#111;color:#fff;text-align:center;font-size:13px}
.global-sale-bar strong{font-size:14px}.global-sale-bar span{color:#ddd}
.sale-countdown-card{margin:16px 0 8px;padding:16px;border-radius:14px;background:#fff1f4;border:1px solid #f3c8d2}
.sale-countdown-card>strong{display:block;color:#a81837;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.sale-countdown-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.sale-countdown-values>span{display:grid;place-items:center;padding:10px 6px;background:#fff;border-radius:10px}
.sale-countdown-values b{font-size:22px;line-height:1}.sale-countdown-values small{margin-top:5px;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.global-sale-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}
.global-sale-percent-field{display:grid;grid-template-columns:1fr 50px;gap:8px}.global-sale-percent-field b{display:grid;place-items:center;border:1px solid #ccc;border-radius:9px;background:#f7f7f7}
.global-sale-admin-state{display:inline-flex;padding:7px 11px;border-radius:999px;font-weight:900;margin-bottom:18px;background:#eee;color:#555}.global-sale-admin-state.live{background:#e5f5e9;color:#226b35}.global-sale-admin-state.scheduled{background:#e8f1ff;color:#245692}.global-sale-admin-state.ended{background:#f8e2e2;color:#8b2020}
.global-sale-admin-preview{padding:18px;border-radius:14px;background:#111;color:#fff}.global-sale-admin-preview>span{display:block;color:#aaa;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:900}.global-sale-admin-preview>strong{display:block;font-size:42px;line-height:1;margin:10px 0}.global-sale-admin-preview p{margin:0;color:#ccc}
@media(max-width:850px){.global-sale-admin-layout{grid-template-columns:1fr}}@media(max-width:650px){.sale-countdown-values b{font-size:18px}.sale-countdown-card{padding:12px}}


/* =========================================================
   Mavelyt Catalog & Product Discovery v24
   ========================================================= */

.catalog-hero{padding:58px 0 30px;background:#f6f5f2;border-bottom:1px solid #e7e4de}
.catalog-hero-inner{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}
.catalog-hero h1{font-size:clamp(38px,5vw,66px);line-height:.98;margin:8px 0 14px;max-width:720px}
.catalog-hero p{max-width:690px;color:#5f5f5f;font-size:16px}
.catalog-global-sale{min-width:190px;padding:18px 20px;border-radius:16px;background:#111;color:#fff;display:grid;gap:3px;text-align:center}
.catalog-global-sale span,.catalog-global-sale small{color:#ccc;font-size:11px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}
.catalog-global-sale strong{font-size:38px;line-height:1}
.catalog-section{padding:28px 0 70px}
.catalog-filter-panel{display:grid;grid-template-columns:minmax(260px,1.7fr) 180px 115px 115px 190px;gap:10px;align-items:end;padding:16px;border:1px solid #dfdfdf;border-radius:15px;background:#fff;position:relative;z-index:2}
.catalog-filter-panel label{display:grid;gap:6px;min-width:0}
.catalog-filter-panel label>span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#777;font-weight:900}
.catalog-filter-panel input[type="search"],.catalog-filter-panel input[type="number"],.catalog-filter-panel select{width:100%;height:43px;padding:8px 10px;border:1px solid #ccc;border-radius:9px;background:#fff;font:inherit}
.catalog-checkboxes{grid-column:1/4;display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding-top:4px}
.catalog-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:7px!important;font-size:12px;font-weight:800}
.catalog-check input{width:17px;height:17px}
.catalog-filter-actions{grid-column:4/6;display:flex;justify-content:flex-end;align-items:center;gap:13px}
.catalog-filter-actions .pill-button{min-height:42px;border:0;cursor:pointer}
.catalog-clear{font-weight:800;color:#555;text-underline-offset:3px}
.catalog-result-bar{display:flex;gap:7px;align-items:center;margin:20px 2px;color:#777;font-size:13px}
.catalog-result-bar strong{font-size:18px;color:#111}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.catalog-product-card{display:flex;flex-direction:column;min-width:0;border:1px solid #e3e3e3;border-radius:16px;overflow:hidden;background:#fff;transition:transform .18s ease,box-shadow .18s ease}
.catalog-product-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(0,0,0,.07)}
.catalog-product-image{position:relative;display:grid;place-items:center;aspect-ratio:1.25/1;background:#f7f7f7;overflow:hidden}
.catalog-product-image img{width:100%;height:100%;object-fit:contain;padding:14px}
.catalog-badge-stack{position:absolute;top:12px;left:12px;z-index:1;display:flex;flex-wrap:wrap;gap:6px;max-width:calc(100% - 24px)}
.catalog-badge{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(0,0,0,.07)}
.catalog-badge.sale{background:#d91f43;color:#fff}
.catalog-badge.new{background:#111;color:#fff}
.catalog-badge.low{background:#fff0c7;color:#74550b}
.catalog-product-body{display:flex;flex-direction:column;flex:1;padding:16px}
.catalog-product-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:900}
.catalog-product-topline small{font-size:9px;color:#999}
.catalog-product-card h2{font-size:18px;line-height:1.22;margin:9px 0 8px}
.catalog-product-card h2 a{color:inherit;text-decoration:none}
.catalog-product-card p{color:#666;font-size:12px;line-height:1.5;margin:0 0 13px}
.catalog-price-row{display:flex;align-items:baseline;gap:9px;margin-top:auto}
.catalog-price-row strong{font-size:21px}
.catalog-price-row span{text-decoration:line-through;color:#999;font-size:13px}
.catalog-save-note{margin-top:4px;color:#bf1d40;font-size:11px;font-weight:900}
.catalog-stock{margin-top:8px;font-size:11px;font-weight:900}
.catalog-stock.in{color:#23703a}.catalog-stock.low{color:#8a6300}.catalog-stock.out{color:#982323}
.catalog-card-button{width:100%;text-align:center;margin-top:14px}
.catalog-empty{padding:70px 20px;text-align:center;border:1px dashed #ccc;border-radius:16px;background:#fafafa}
.catalog-empty h2{margin:0 0 18px}
.product-discovery-section{padding:55px 0}.product-discovery-section.soft{background:#f7f7f5}
.product-discovery-head,.category-products-head,.homepage-products-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}
.product-discovery-head h2,.category-products-head h2,.homepage-products-head h1{margin-bottom:0}
.product-discovery-head a,.category-products-head a,.homepage-products-head a{font-weight:800;color:#222;text-underline-offset:4px}
.discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}

@media(max-width:1100px){
 .catalog-filter-panel{grid-template-columns:1.5fr 1fr 1fr}
 .catalog-search-field{grid-column:1/-1}
 .catalog-checkboxes{grid-column:1/3}
 .catalog-filter-actions{grid-column:3}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .catalog-hero{padding-top:38px}.catalog-hero-inner{display:grid}.catalog-global-sale{width:100%}
 .catalog-filter-panel{grid-template-columns:1fr 1fr}.catalog-search-field{grid-column:1/-1}.catalog-filter-panel label:nth-of-type(2){grid-column:1/-1}
 .catalog-checkboxes,.catalog-filter-actions{grid-column:1/-1}.catalog-filter-actions{justify-content:space-between}
 .catalog-grid,.discovery-grid{grid-template-columns:1fr}
 .catalog-product-image{aspect-ratio:1.45/1}
 .product-discovery-head,.category-products-head,.homepage-products-head{align-items:flex-start;flex-direction:column;margin-bottom:16px}
}


/* =========================================================
   Mavelyt Analytics v26
   ========================================================= */

.analytics-period-bar{
    display:flex;
    align-items:end;
    flex-wrap:wrap;
    gap:10px;
    padding:12px;
    margin-bottom:18px;
    border:1px solid #dedede;
    border-radius:13px;
    background:#fff
}
.analytics-period-buttons{
    display:flex;
    gap:6px;
    margin-right:auto
}
.analytics-period-pill{
    display:inline-flex;
    align-items:center;
    min-height:40px;
    padding:0 13px;
    border:1px solid #ccc;
    border-radius:999px;
    color:#222;
    text-decoration:none;
    font-weight:800;
    font-size:12px
}
.analytics-period-pill.active{
    background:#111;
    border-color:#111;
    color:#fff
}
.analytics-period-bar label{
    display:grid;
    gap:4px
}
.analytics-period-bar label>span{
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
    color:#777
}
.analytics-period-bar input{
    min-height:40px;
    padding:7px 9px;
    border:1px solid #ccc;
    border-radius:8px
}

.analytics-kpis{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:22px
}
.analytics-kpis article{
    min-height:112px;
    display:grid;
    align-content:center;
    gap:5px;
    padding:17px;
    border:1px solid #ddd;
    border-radius:13px;
    background:#fff
}
.analytics-kpis span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em;
    color:#777
}
.analytics-kpis strong{
    font-size:24px;
    line-height:1.1
}
.analytics-kpis small{
    color:#777
}

.analytics-grid{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(330px,.8fr);
    gap:22px;
    margin-bottom:22px
}
.analytics-grid.two{
    grid-template-columns:1fr 1fr
}
.analytics-chart-panel{
    min-width:0
}
.analytics-bars{
    display:flex;
    align-items:end;
    gap:6px;
    height:320px;
    padding:22px 18px 16px;
    overflow-x:auto
}
.analytics-bar-column{
    min-width:32px;
    flex:1 0 32px;
    height:100%;
    display:grid;
    grid-template-rows:28px 1fr 24px;
    gap:5px;
    align-items:end;
    text-align:center
}
.analytics-bar-value{
    font-size:9px;
    color:#777;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.analytics-bar-track{
    position:relative;
    height:100%;
    display:flex;
    align-items:flex-end;
    background:#f4f4f4;
    border-radius:7px 7px 3px 3px;
    overflow:hidden
}
.analytics-bar-track>span{
    display:block;
    width:100%;
    min-height:3px;
    background:#111;
    border-radius:7px 7px 0 0
}
.analytics-bar-column small{
    font-size:9px;
    color:#777;
    white-space:nowrap
}

.analytics-list{
    display:grid
}
.analytics-list-row{
    display:grid;
    grid-template-columns:30px minmax(0,1fr) 70px 110px;
    gap:10px;
    align-items:center;
    padding:12px 16px;
    border-top:1px solid #ededed
}
.analytics-rank{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f1f1f1;
    font-size:10px;
    font-weight:900
}
.analytics-list-main{
    display:grid;
    min-width:0
}
.analytics-list-main strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.analytics-list-row>span:not(.analytics-list-main):not(.analytics-rank){
    display:grid;
    gap:2px
}
.analytics-list-row small{
    color:#777;
    font-size:10px
}

.analytics-simple-table{
    display:grid
}
.analytics-simple-head,
.analytics-simple-table>div{
    display:grid;
    grid-template-columns:minmax(0,1fr) 90px 120px;
    gap:12px;
    align-items:center;
    padding:11px 16px;
    border-top:1px solid #ededed
}
.analytics-simple-head{
    color:#777;
    background:#fafafa;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.analytics-simple-table a{
    color:inherit
}
.analytics-warning{
    color:#9a6a00
}
.analytics-danger{
    color:#9b2323
}

.analytics-order-grid{
    display:grid;
    grid-template-columns:140px minmax(220px,1fr) 120px 170px;
    gap:14px;
    align-items:center
}
.analytics-order-grid>span:nth-child(2){
    display:grid
}
.analytics-order-grid small{
    color:#777
}

@media(max-width:1100px){
    .analytics-kpis{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .analytics-grid,
    .analytics-grid.two{
        grid-template-columns:1fr
    }
}

@media(max-width:760px){
    .analytics-kpis{
        grid-template-columns:1fr 1fr
    }
    .analytics-period-bar{
        display:grid;
        grid-template-columns:1fr 1fr
    }
    .analytics-period-buttons{
        grid-column:1/-1;
        overflow-x:auto;
        margin-right:0
    }
    .analytics-list-row{
        grid-template-columns:28px minmax(0,1fr) 70px
    }
    .analytics-list-row>span:last-child{
        grid-column:2/-1
    }
    .analytics-simple-head,
    .analytics-simple-table>div{
        grid-template-columns:minmax(0,1fr) 70px 95px
    }
    .analytics-order-grid{
        grid-template-columns:1fr auto
    }
    .analytics-order-grid>span:nth-child(2),
    .analytics-order-grid>span:nth-child(4){
        display:none
    }
}


/* =========================================================
   Mavelyt Abandoned Cart v27
   ========================================================= */

.checkout-reminder-optin{
    display:grid!important;
    gap:5px!important;
    padding:13px 14px!important;
    border:1px solid #e1e1e1!important;
    border-radius:10px!important;
    background:#fafafa!important
}
.checkout-reminder-optin>span{
    display:flex;
    gap:9px;
    align-items:flex-start
}
.checkout-reminder-optin input{
    width:17px!important;
    height:17px!important;
    min-height:0!important;
    margin-top:2px
}
.checkout-reminder-optin b{
    font-size:12px;
    line-height:1.45
}
.checkout-reminder-optin small{
    padding-left:26px;
    color:#777
}

.abandoned-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.abandoned-settings-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:22px;
    align-items:start
}
.abandoned-number-field{
    display:grid;
    grid-template-columns:1fr 90px;
    gap:8px
}
.abandoned-number-field b{
    display:grid;
    place-items:center;
    background:#f7f7f7;
    border:1px solid #ccc;
    border-radius:9px
}
.abandoned-cron-code{
    display:block;
    padding:12px;
    background:#111;
    color:#eee;
    border-radius:9px;
    white-space:pre-wrap;
    word-break:break-all;
    font-size:11px;
    line-height:1.5
}

.abandoned-cart-list{
    display:grid
}
.abandoned-cart-row{
    display:grid;
    grid-template-columns:minmax(240px,1.4fr) 100px 120px 170px 140px;
    gap:14px;
    align-items:center;
    padding:15px 16px;
    border-bottom:1px solid #ececec
}
.abandoned-cart-row:last-child{
    border-bottom:0
}
.abandoned-cart-row>div:not(.abandoned-row-actions){
    display:grid;
    gap:3px
}
.abandoned-cart-row>div>span{
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.07em;
    color:#777;
    font-weight:900
}
.abandoned-cart-row small{
    color:#777;
    font-size:10px
}
.abandoned-customer a{
    color:#555;
    font-size:12px
}
.abandoned-status{
    width:max-content;
    max-width:100%;
    padding:5px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:900
}
.abandoned-status.converted{
    background:#e5f5e9;
    color:#226b35
}
.abandoned-status.recovered{
    background:#e8f1ff;
    color:#245692
}
.abandoned-status.sent{
    background:#eee8ff;
    color:#5e408e
}
.abandoned-status.eligible{
    background:#fff0c7;
    color:#74550b
}
.abandoned-status.unsubscribed,
.abandoned-status.tracked{
    background:#eee;
    color:#666
}
.abandoned-row-actions .admin-button{
    width:100%;
    text-align:center
}

@media(max-width:1050px){
    .abandoned-settings-layout{
        grid-template-columns:1fr
    }
    .abandoned-cart-row{
        grid-template-columns:minmax(220px,1fr) 100px 130px;
    }
    .abandoned-cart-row>div:nth-child(4){
        grid-column:2
    }
    .abandoned-row-actions{
        grid-column:3
    }
}
@media(max-width:700px){
    .abandoned-stats{
        grid-template-columns:1fr 1fr
    }
    .abandoned-cart-row{
        grid-template-columns:1fr 1fr
    }
    .abandoned-customer,
    .abandoned-row-actions{
        grid-column:1/-1!important
    }
}


/* =========================================================
   Mavelyt Production Hardening v28
   ========================================================= */

.system-health-summary{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,180px));
    gap:10px;
    margin-bottom:18px
}
.system-health-summary article{
    display:flex;
    align-items:baseline;
    gap:9px;
    padding:15px;
    border:1px solid #ddd;
    border-radius:12px;
    background:#fff
}
.system-health-summary strong{
    font-size:28px
}
.system-health-summary span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em
}
.system-health-summary .ok strong{color:#23703a}
.system-health-summary .warn strong{color:#9a6a00}
.system-health-summary .error strong{color:#9b2323}

.system-check-list{
    display:grid
}
.system-check-row{
    display:grid;
    grid-template-columns:14px minmax(240px,1fr) minmax(150px,auto);
    gap:12px;
    align-items:center;
    padding:13px 16px;
    border-bottom:1px solid #ededed
}
.system-check-row:last-child{
    border-bottom:0
}
.system-check-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#999
}
.system-check-dot.ok{background:#2c8a49}
.system-check-dot.warn{background:#c28b17}
.system-check-dot.error{background:#b92d2d}
.system-check-name{
    display:grid;
    gap:3px
}
.system-check-name small{
    color:#777;
    word-break:break-word
}
.system-check-value{
    justify-self:end;
    text-align:right;
    font-weight:900;
    font-size:12px
}
.system-check-value.ok{color:#23703a}
.system-check-value.warn{color:#8b650d}
.system-check-value.error{color:#9b2323}

.backup-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:22px;
    align-items:start
}
.backup-list{
    display:grid
}
.backup-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:15px 17px;
    border-bottom:1px solid #ededed
}
.backup-row:last-child{
    border-bottom:0
}
.backup-row>div:first-child{
    display:grid;
    gap:3px;
    min-width:0
}
.backup-row>div:first-child strong{
    overflow-wrap:anywhere
}
.backup-row small{
    color:#777
}
.backup-row-actions{
    display:flex;
    gap:7px;
    align-items:center;
    flex-shrink:0
}
.backup-row-actions form{
    margin:0
}

.system-code{
    display:block;
    padding:12px;
    border-radius:9px;
    background:#111;
    color:#eee;
    white-space:pre-wrap;
    word-break:break-all;
    font-size:11px;
    line-height:1.5
}
.system-inline-status{
    display:inline-flex;
    padding:7px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    margin-bottom:12px
}
.system-inline-status.ok{
    background:#e5f5e9;
    color:#226b35
}
.system-inline-status.warn{
    background:#fff0c7;
    color:#74550b
}

.security-settings-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    align-items:start
}
.system-number-field{
    display:grid;
    grid-template-columns:1fr 100px;
    gap:8px
}
.system-number-field b{
    display:grid;
    place-items:center;
    border:1px solid #ccc;
    border-radius:9px;
    background:#f7f7f7
}
.system-password-state{
    display:grid;
    gap:5px;
    padding:14px;
    margin-bottom:14px;
    border-radius:11px;
    background:#f6f6f6
}
.system-password-state span{
    color:#777;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}

@media(max-width:950px){
    .backup-layout,
    .security-settings-grid{
        grid-template-columns:1fr
    }
}
@media(max-width:700px){
    .system-health-summary{
        grid-template-columns:repeat(3,1fr)
    }
    .system-check-row{
        grid-template-columns:12px 1fr
    }
    .system-check-value{
        grid-column:2;
        justify-self:start;
        text-align:left
    }
    .backup-row{
        align-items:flex-start;
        flex-direction:column
    }
    .backup-row-actions{
        width:100%
    }
    .backup-row-actions .admin-button{
        flex:1;
        text-align:center
    }
}


/* =========================================================
   Mavelyt SEO & Merchant Readiness v29
   ========================================================= */

.admin-merchant-fields{
    display:grid;
    gap:12px
}
.admin-merchant-fields>strong{
    font-size:13px
}
.admin-merchant-fields>small{
    color:#777;
    font-size:11px;
    line-height:1.45
}

.seo-readiness-summary{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:22px
}
.seo-readiness-summary article{
    display:grid;
    align-content:center;
    gap:5px;
    min-height:102px;
    padding:16px;
    border:1px solid #ddd;
    border-radius:13px;
    background:#fff
}
.seo-readiness-summary span{
    color:#777;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.seo-readiness-summary strong{
    font-size:22px
}

.seo-check-list{
    display:grid
}
.seo-check-row{
    display:grid;
    grid-template-columns:14px minmax(240px,1fr) minmax(150px,auto);
    gap:12px;
    align-items:center;
    padding:13px 16px;
    border-bottom:1px solid #ededed
}
.seo-check-row:last-child{
    border-bottom:0
}
.seo-check-dot{
    width:10px;
    height:10px;
    border-radius:50%
}
.seo-check-dot.ok{
    background:#2c8a49
}
.seo-check-dot.warn{
    background:#c28b2a
}
.seo-check-row>div{
    display:grid;
    gap:3px
}
.seo-check-row small{
    color:#777
}
.seo-check-value{
    justify-self:end;
    text-align:right;
    font-size:12px;
    font-weight:900
}
.seo-check-value.ok{
    color:#23703a
}
.seo-check-value.warn{
    color:#8b650d
}

.seo-readiness-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin-top:22px
}
.seo-readiness-grid h2{
    overflow-wrap:anywhere;
    font-size:17px
}
.seo-external-setup{
    margin-top:22px
}

@media(max-width:900px){
    .seo-readiness-summary{
        grid-template-columns:1fr 1fr
    }
    .seo-readiness-grid{
        grid-template-columns:1fr
    }
}
@media(max-width:650px){
    .seo-check-row{
        grid-template-columns:12px 1fr
    }
    .seo-check-value{
        grid-column:2;
        justify-self:start;
        text-align:left
    }
}


/* =========================================================
   Mavelyt Checkout UX & Reliability v30
   ========================================================= */

.checkout-v30{
    padding-top:34px
}
.checkout-progress{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    max-width:720px;
    margin:0 auto 38px
}
.checkout-progress>a,
.checkout-progress>div{
    position:relative;
    display:grid;
    justify-items:center;
    gap:7px;
    text-decoration:none;
    color:#999;
    text-align:center
}
.checkout-progress>a:after,
.checkout-progress>div:after{
    content:"";
    position:absolute;
    top:16px;
    left:calc(50% + 22px);
    width:calc(100% - 44px);
    height:2px;
    background:#ddd
}
.checkout-progress>*:last-child:after{
    display:none
}
.checkout-progress span{
    position:relative;
    z-index:1;
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:2px solid #d5d5d5;
    border-radius:50%;
    background:#fff;
    font-weight:900;
    font-size:12px
}
.checkout-progress b{
    font-size:11px
}
.checkout-progress>a{
    color:#333
}
.checkout-progress>a span,
.checkout-progress .active span{
    border-color:#111;
    background:#111;
    color:#fff
}
.checkout-progress>a:after{
    background:#111
}
.checkout-progress .active{
    color:#111
}

.checkout-heading{
    margin-bottom:18px
}
.checkout-layout-v30{
    align-items:start
}
.checkout-card-v30{
    display:grid;
    gap:18px;
    padding:0;
    background:transparent;
    border:0
}
.checkout-form-section{
    display:grid;
    gap:15px;
    padding:22px;
    border:1px solid #ddd;
    border-radius:15px;
    background:#fff
}
.checkout-form-section-head{
    display:flex;
    gap:12px;
    align-items:flex-start;
    padding-bottom:4px
}
.checkout-form-section-head>span{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#111;
    color:#fff;
    font-size:11px;
    font-weight:900
}
.checkout-form-section-head h2{
    margin:0;
    font-size:18px
}
.checkout-form-section-head p{
    margin:3px 0 0;
    color:#777;
    font-size:11px
}
.checkout-card-v30 label{
    display:grid;
    gap:6px
}
.checkout-card-v30 label>span{
    font-size:11px;
    font-weight:900
}
.checkout-card-v30 label>span em{
    font-style:normal;
    color:#888;
    font-weight:500
}
.checkout-card-v30 input:not([type="checkbox"]),
.checkout-card-v30 select{
    width:100%;
    min-height:46px;
    padding:10px 11px;
    border:1px solid #cfcfcf;
    border-radius:9px;
    background:#fff;
    font:inherit;
    outline:none;
    transition:border-color .15s ease,box-shadow .15s ease
}
.checkout-card-v30 input:not([type="checkbox"]):focus,
.checkout-card-v30 select:focus{
    border-color:#111;
    box-shadow:0 0 0 3px rgba(0,0,0,.06)
}
.checkout-card-v30 label.has-error input,
.checkout-card-v30 label.has-error select{
    border-color:#ad2a2a;
    box-shadow:0 0 0 3px rgba(173,42,42,.06)
}
.field-hint{
    color:#777;
    font-size:10px
}
.field-error{
    min-height:0;
    color:#a32626;
    font-size:10px
}
.field-error:empty{
    display:none
}

.checkout-trust-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:9px
}
.checkout-trust-grid article{
    display:grid;
    gap:5px;
    padding:13px;
    border:1px solid #ddd;
    border-radius:11px;
    background:#fafafa
}
.checkout-trust-grid strong{
    font-size:11px
}
.checkout-trust-grid span{
    color:#777;
    font-size:10px;
    line-height:1.45
}
.checkout-pay-button{
    min-height:52px;
    font-size:15px
}
.checkout-pay-button span{
    opacity:.8
}
.checkout-pay-button.is-loading{
    opacity:.7;
    cursor:wait
}
.checkout-payment-note{
    margin:-8px 0 0;
    text-align:center;
    color:#888;
    font-size:10px
}
.checkout-server-error{
    margin-bottom:14px
}

.checkout-summary-v30{
    position:sticky;
    top:22px;
    padding:0;
    overflow:hidden
}
.checkout-summary-head{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:12px;
    padding:18px;
    border-bottom:1px solid #e5e5e5
}
.checkout-summary-head>div{
    display:grid;
    gap:3px
}
.checkout-summary-head span{
    color:#777;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.checkout-summary-head h2{
    margin:0
}
.checkout-summary-head small{
    color:#777
}
.checkout-summary-products{
    display:grid;
    padding:7px 18px
}
.checkout-summary-product{
    display:grid;
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid #eee
}
.checkout-summary-product:last-child{
    border-bottom:0
}
.checkout-summary-image{
    position:relative;
    width:54px;
    height:54px;
    border-radius:9px;
    background:#f3f3f3;
    overflow:visible
}
.checkout-summary-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    border-radius:9px
}
.checkout-summary-image>span{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    color:#999;
    font-size:8px;
    font-weight:900
}
.checkout-summary-image b{
    position:absolute;
    top:-6px;
    right:-6px;
    min-width:20px;
    height:20px;
    padding:0 5px;
    display:grid;
    place-items:center;
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:9px
}
.checkout-summary-product>div:nth-child(2){
    display:grid;
    gap:3px;
    min-width:0
}
.checkout-summary-product>div:nth-child(2) strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px
}
.checkout-summary-product>div:nth-child(2) small{
    color:#888;
    font-size:9px
}
.checkout-summary-product>strong{
    font-size:12px;
    white-space:nowrap
}
.checkout-summary-totals{
    padding:13px 18px;
    border-top:1px solid #e5e5e5
}
.checkout-edit-cart{
    display:block;
    padding:0 18px 18px;
    color:#555;
    font-size:11px
}

@media(max-width:900px){
    .checkout-summary-v30{
        position:static
    }
    .checkout-trust-grid{
        grid-template-columns:1fr
    }
}
@media(max-width:650px){
    .checkout-v30{
        padding-top:22px
    }
    .checkout-progress{
        margin-bottom:26px
    }
    .checkout-progress b{
        font-size:9px
    }
    .checkout-progress>a:after,
    .checkout-progress>div:after{
        left:calc(50% + 19px);
        width:calc(100% - 38px)
    }
    .checkout-form-section{
        padding:16px
    }
    .checkout-card-v30 .two{
        grid-template-columns:1fr
    }
    .checkout-layout-v30{
        display:flex;
        flex-direction:column
    }
    .checkout-layout-v30>div{
        width:100%
    }
    .checkout-summary-v30{
        order:-1;
        width:100%;
        margin-bottom:14px
    }
}


/* =========================================================
   Mavelyt Performance & Core Web Vitals v31
   ========================================================= */

img{
    max-width:100%;
    height:auto
}

/* Skip layout / paint work for content well below the initial viewport.
   contain-intrinsic-size reserves approximate space until the section renders. */
.latest-section,
.shop-type-section,
.home-life-section,
.why-section,
.upgrade-section,
.editorial-section,
.product-story,
.product-discovery-section,
.product-policy-band,
.product-reviews-section{
    content-visibility:auto;
    contain-intrinsic-size:1px 700px
}

/* Main product / catalog media boxes keep stable geometry while files load. */
.catalog-product-image,
.launch-image,
.product-main-image,
.checkout-summary-image{
    overflow:hidden
}
.catalog-product-image img,
.launch-image img,
.product-main-image img,
.checkout-summary-image img{
    display:block
}

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


/* =========================================================
   Mavelyt Performance v31.1 — Heavy Image Optimizer
   ========================================================= */

.performance-optimizer-form{
    display:grid;
    grid-template-columns:repeat(3,minmax(150px,1fr)) auto;
    gap:10px;
    align-items:end
}
.performance-optimizer-form label{
    display:grid;
    gap:5px
}
.performance-optimizer-form label>span{
    color:#777;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.performance-optimizer-form select{
    min-height:42px;
    padding:8px 10px;
    border:1px solid #ccc;
    border-radius:9px;
    background:#fff
}
.performance-optimization-summary{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:14px
}
.performance-optimization-summary>span{
    display:inline-flex;
    gap:5px;
    padding:7px 9px;
    border-radius:999px;
    background:#f2f2f2;
    font-size:11px
}
.performance-optimization-results{
    display:grid
}
.performance-optimization-results>div{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(180px,auto);
    gap:14px;
    align-items:center;
    padding:11px 0;
    border-top:1px solid #ededed
}
.performance-optimization-results>div>span{
    display:grid;
    gap:3px
}
.performance-optimization-results small{
    color:#777
}
.performance-optimization-results .ok>span:last-child strong{
    color:#23703a
}
.performance-optimization-results .error>span:last-child strong{
    color:#9b2323
}

@media(max-width:900px){
    .performance-optimizer-form{
        grid-template-columns:1fr 1fr
    }
    .performance-optimizer-form .admin-button{
        grid-column:1/-1
    }
}
@media(max-width:600px){
    .performance-optimizer-form{
        grid-template-columns:1fr
    }
    .performance-optimizer-form .admin-button{
        grid-column:auto
    }
    .performance-optimization-results>div{
        grid-template-columns:1fr
    }
}


/* =========================================================
   Mavelyt Monitoring & Store Diagnostics v32
   ========================================================= */

.monitor-overview{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-bottom:22px
}
.monitor-overview article{
    display:grid;
    align-content:center;
    gap:5px;
    min-height:112px;
    padding:17px;
    border:1px solid #ddd;
    border-radius:13px;
    background:#fff
}
.monitor-overview span{
    color:#777;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.monitor-overview strong{
    font-size:22px
}
.monitor-overview small{
    color:#777
}
.monitor-overview article.ok strong{
    color:#23703a
}
.monitor-overview article.warn strong{
    color:#8b650d
}
.monitor-overview article.error strong{
    color:#9b2323
}
.monitor-overview article.info strong{
    color:#555
}

.monitor-group{
    margin-bottom:18px
}
.monitor-check-list{
    display:grid
}
.monitor-check-row{
    display:grid;
    grid-template-columns:14px minmax(240px,1fr) minmax(150px,auto);
    gap:12px;
    align-items:center;
    padding:13px 16px;
    border-bottom:1px solid #ededed
}
.monitor-check-row:last-child{
    border-bottom:0
}
.monitor-check-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#999
}
.monitor-check-dot.ok{
    background:#2c8a49
}
.monitor-check-dot.warn{
    background:#c28b2a
}
.monitor-check-dot.error{
    background:#b92d2d
}
.monitor-check-dot.info{
    background:#7b7b7b
}
.monitor-check-main{
    display:grid;
    gap:3px
}
.monitor-check-main small{
    color:#777;
    line-height:1.45;
    overflow-wrap:anywhere
}
.monitor-check-result{
    display:grid;
    justify-items:end;
    gap:3px;
    text-align:right
}
.monitor-check-result strong{
    font-size:12px
}
.monitor-check-result strong.ok{
    color:#23703a
}
.monitor-check-result strong.warn{
    color:#8b650d
}
.monitor-check-result strong.error{
    color:#9b2323
}
.monitor-check-result strong.info{
    color:#555
}
.monitor-check-result small{
    color:#888;
    font-size:10px
}

.monitor-history{
    display:grid
}
.monitor-history>div{
    display:grid;
    grid-template-columns:150px 190px minmax(0,1fr);
    gap:12px;
    align-items:center;
    padding:11px 16px;
    border-bottom:1px solid #ededed
}
.monitor-history>div:last-child{
    border-bottom:0
}
.monitor-history small{
    color:#777
}
.monitor-history-status{
    width:max-content;
    padding:5px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:900
}
.monitor-history-status.ok{
    background:#e5f5e9;
    color:#226b35
}
.monitor-history-status.warn{
    background:#fff0c7;
    color:#74550b
}
.monitor-history-status.error{
    background:#f8e2e2;
    color:#8b2020
}
.monitor-history-status.info{
    background:#eee;
    color:#555
}

.monitor-cron-panel{
    max-width:1000px
}

@media(max-width:950px){
    .monitor-overview{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:700px){
    .monitor-check-row{
        grid-template-columns:12px 1fr
    }
    .monitor-check-result{
        grid-column:2;
        justify-items:start;
        text-align:left
    }
    .monitor-history>div{
        grid-template-columns:1fr
    }
}


/* =========================================================
   Mavelyt EU Privacy, Cookies & Consent v33
   ========================================================= */

.footer-cookie-settings{
    display:block;
    margin:0;
    padding:0;
    border:0;
    background:none;
    color:inherit;
    font:inherit;
    text-align:left;
    cursor:pointer;
    text-decoration:underline;
    text-underline-offset:3px
}

.cookie-banner[hidden],
.cookie-modal[hidden]{
    display:none!important
}
.cookie-banner{
    position:fixed;
    z-index:9990;
    left:18px;
    right:18px;
    bottom:18px;
    max-width:1180px;
    margin:0 auto;
    padding:17px;
    border:1px solid #d8d8d8;
    border-radius:16px;
    background:#fff;
    box-shadow:0 16px 60px rgba(0,0,0,.18)
}
.cookie-banner-inner{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center
}
.cookie-banner-inner>div:first-child{
    max-width:700px
}
.cookie-banner strong{
    font-size:15px
}
.cookie-banner p{
    margin:6px 0 0;
    color:#555;
    line-height:1.55;
    font-size:12px
}
.cookie-policy-links{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:8px
}
.cookie-policy-links a{
    color:#444;
    font-size:11px
}
.cookie-banner-actions{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    justify-content:flex-end
}
.cookie-button{
    min-height:40px;
    padding:0 14px;
    border-radius:999px;
    border:1px solid #bbb;
    font:inherit;
    font-size:11px;
    font-weight:900;
    cursor:pointer
}
.cookie-button.primary{
    background:#111;
    border-color:#111;
    color:#fff
}
.cookie-button.secondary{
    background:#fff;
    color:#111
}

.cookie-modal{
    position:fixed;
    z-index:10000;
    inset:0;
    display:grid;
    place-items:center;
    padding:20px
}
.cookie-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45)
}
.cookie-modal-card{
    position:relative;
    z-index:1;
    width:min(640px,100%);
    max-height:min(760px,calc(100vh - 40px));
    overflow:auto;
    padding:24px;
    border-radius:16px;
    background:#fff;
    box-shadow:0 24px 80px rgba(0,0,0,.28)
}
.cookie-modal-card h2{
    margin:0 44px 8px 0
}
.cookie-modal-card>p{
    color:#666;
    line-height:1.6
}
.cookie-modal-close{
    position:absolute;
    top:14px;
    right:14px;
    width:34px;
    height:34px;
    border:1px solid #ddd;
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    font-size:20px
}
.cookie-preference-list{
    display:grid;
    margin:20px 0
}
.cookie-preference-row{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:15px 0;
    border-top:1px solid #ececec
}
.cookie-preference-row>div{
    display:grid;
    gap:4px
}
.cookie-preference-row span,
.cookie-preference-row small{
    color:#777;
    font-size:11px;
    line-height:1.45
}
.cookie-preference-row>b{
    color:#23703a;
    font-size:11px
}
.cookie-preference-row input{
    width:22px;
    height:22px;
    flex:0 0 auto
}
.cookie-modal-actions{
    display:flex;
    justify-content:flex-end;
    gap:8px
}
.cookie-modal-open{
    overflow:hidden
}

.policy-updated{
    margin:-4px 0 22px!important;
    color:#777;
    font-size:11px
}
.policy-identity-card{
    margin:26px 0;
    padding:20px;
    border:1px solid #ddd;
    border-radius:14px;
    background:#fafafa
}
.policy-identity-card h2{
    margin-top:0
}
.policy-identity-card dl{
    display:grid;
    gap:0;
    margin:0
}
.policy-identity-card dl>div{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:15px;
    padding:9px 0;
    border-top:1px solid #e5e5e5
}
.policy-identity-card dt{
    color:#777;
    font-size:11px;
    font-weight:900
}
.policy-identity-card dd{
    margin:0
}

.policy-table-wrap{
    width:100%;
    overflow-x:auto;
    margin:18px 0 28px
}
.policy-table{
    width:100%;
    min-width:760px;
    border-collapse:collapse
}
.policy-table th,
.policy-table td{
    padding:11px 12px;
    border:1px solid #e1e1e1;
    text-align:left;
    vertical-align:top;
    font-size:12px
}
.policy-table th{
    background:#f7f7f7;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.06em
}
.contact-policy-links{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px
}
.contact-policy-links a{
    padding:8px 10px;
    border:1px solid #ddd;
    border-radius:999px;
    color:#333;
    font-size:11px;
    text-decoration:none
}

@media(max-width:760px){
    .cookie-banner{
        left:10px;
        right:10px;
        bottom:10px;
        padding:14px
    }
    .cookie-banner-inner{
        align-items:stretch;
        flex-direction:column
    }
    .cookie-banner-actions{
        justify-content:stretch
    }
    .cookie-banner-actions .cookie-button{
        flex:1 1 120px
    }
    .cookie-modal{
        padding:10px
    }
    .cookie-modal-card{
        max-height:calc(100vh - 20px);
        padding:18px
    }
    .cookie-preference-row{
        align-items:flex-start
    }
    .cookie-modal-actions{
        flex-direction:column-reverse
    }
    .cookie-modal-actions .cookie-button{
        width:100%
    }
    .policy-identity-card dl>div{
        grid-template-columns:1fr;
        gap:3px
    }
}


/* =========================================================
   Mavelyt Order Operations 2.0 v34
   ========================================================= */

.admin-order-state{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:6px 9px;
    border-radius:999px;
    background:#eee;
    color:#555;
    font-size:10px;
    font-weight:900;
    white-space:nowrap
}
.admin-order-state.pending{
    background:#fff2cb;
    color:#73580f
}
.admin-order-state.processing{
    background:#e7efff;
    color:#2f5593
}
.admin-order-state.shipped{
    background:#eee8ff;
    color:#624197
}
.admin-order-state.delivered{
    background:#e4f5e9;
    color:#276d3a
}
.admin-order-state.cancelled,
.admin-order-state.failed{
    background:#f7e6e6;
    color:#922929
}
.admin-order-state.partial_refund{
    background:#fff0d9;
    color:#87570d
}
.admin-order-state.refunded{
    background:#e3f4ef;
    color:#17634e
}

.order-ops-stats-v34{
    grid-template-columns:repeat(6,minmax(0,1fr))
}
.admin-order-grid-v34{
    grid-template-columns:minmax(250px,1.6fr) 120px 150px 130px 145px
}
.admin-order-grid-v34>span{
    min-width:0
}
.admin-order-grid-v34 .admin-order-state{
    font-style:normal
}
.order-refund-list-note{
    display:block;
    margin-top:4px;
    color:#8a5d11;
    font-size:9px
}

.admin-order-layout-v34{
    align-items:start
}
.admin-order-control-card.sticky{
    top:18px
}
.admin-customer-message-preview{
    padding:14px;
    border:1px solid #dfe7ef;
    border-radius:11px;
    background:#f8fbff;
    line-height:1.6
}

.order-operations-timeline{
    display:grid
}
.order-operations-timeline article{
    display:grid;
    grid-template-columns:14px minmax(0,1fr);
    gap:12px;
    position:relative;
    padding:0 0 20px
}
.order-operations-timeline article:not(:last-child):before{
    content:"";
    position:absolute;
    left:5px;
    top:14px;
    bottom:0;
    width:1px;
    background:#dedede
}
.order-operation-dot{
    position:relative;
    z-index:1;
    width:11px;
    height:11px;
    margin-top:5px;
    border-radius:50%;
    background:#111
}
.order-operation-body{
    display:grid;
    gap:6px;
    min-width:0
}
.order-operation-body p{
    margin:0;
    line-height:1.55
}
.order-operation-body small{
    color:#777
}
.order-operation-head{
    display:flex;
    justify-content:space-between;
    gap:12px;
    align-items:baseline
}
.order-operation-head small{
    white-space:nowrap
}
.order-operation-state-change{
    width:max-content;
    padding:4px 7px;
    border-radius:7px;
    background:#f2f2f2;
    color:#555;
    font-size:10px;
    font-weight:800
}
.order-operation-customer-note{
    padding:10px;
    border-radius:9px;
    background:#f7fafc
}

.admin-system-events{
    margin-top:18px
}
.admin-system-events>summary{
    display:flex;
    justify-content:space-between;
    gap:15px;
    cursor:pointer;
    list-style:none
}
.admin-system-events>summary::-webkit-details-marker{
    display:none
}
.admin-system-events>summary span{
    color:#777;
    font-size:11px
}
.admin-system-events[open] .admin-event-list{
    margin-top:16px
}

.order-danger-zone{
    border-color:#ead3d3
}
.order-operation-box{
    border-top:1px solid #ececec
}
.order-operation-box:first-of-type{
    margin-top:4px
}
.order-operation-box>summary{
    padding:13px 0;
    cursor:pointer;
    font-weight:900
}
.order-operation-box[open]>summary{
    margin-bottom:10px
}
.refund-remaining{
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px 12px;
    padding:12px;
    border-radius:10px;
    background:#f6f6f6
}
.refund-remaining span{
    color:#777;
    font-size:10px
}
.refund-remaining strong{
    text-align:right
}
.admin-order-items .refund-total{
    color:#8b5a0d
}

.customer-order-operation-card,
.customer-order-message{
    margin-top:18px;
    padding:18px;
    border:1px solid #ddd;
    border-radius:13px;
    text-align:left
}
.customer-order-operation-card.pending{
    background:#fffdf7
}
.customer-order-operation-card.processing{
    background:#f8fbff
}
.customer-order-operation-card.shipped{
    background:#faf8ff
}
.customer-order-operation-card.delivered{
    background:#f7fcf8
}
.customer-order-operation-card.cancelled,
.customer-order-operation-card.failed{
    background:#fff8f8
}
.customer-order-operation-card.partial_refund,
.customer-order-operation-card.refunded{
    background:#f7fcfa
}
.customer-order-operation-card h2{
    margin:3px 0 7px
}
.customer-order-operation-card p,
.customer-order-message p{
    margin:0;
    line-height:1.6
}
.customer-operation-refund{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding-top:12px;
    margin-top:12px;
    border-top:1px solid #e3e3e3
}
.customer-operation-refund span{
    color:#777
}
.customer-order-message{
    background:#fafafa
}
.customer-order-message .eyebrow{
    margin-bottom:7px
}
.customer-order-support{
    margin:18px 0 0;
    color:#777;
    font-size:12px
}

@media(max-width:1200px){
    .order-ops-stats-v34{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .admin-order-grid-v34{
        grid-template-columns:minmax(220px,1.5fr) 110px 145px 120px
    }
    .admin-order-grid-v34>span:last-child{
        display:none
    }
}
@media(max-width:800px){
    .admin-order-grid-v34{
        grid-template-columns:1fr 120px
    }
    .admin-order-grid-v34>span:nth-child(3),
    .admin-order-grid-v34>span:nth-child(4){
        grid-column:2
    }
    .admin-order-grid-v34>span:nth-child(2){
        grid-row:1 / span 2;
        align-self:center
    }
}
@media(max-width:650px){
    .order-ops-stats-v34{
        grid-template-columns:1fr 1fr
    }
    .admin-order-grid-v34{
        grid-template-columns:1fr
    }
    .admin-order-grid-v34>span:nth-child(2),
    .admin-order-grid-v34>span:nth-child(3),
    .admin-order-grid-v34>span:nth-child(4){
        grid-column:auto;
        grid-row:auto
    }
    .order-operation-head{
        align-items:flex-start;
        flex-direction:column;
        gap:3px
    }
}


/* =========================================================
   Mavelyt v34.1 — Order sidebar scrolling fix
   ========================================================= */

/* The Shipping & status card must stay in normal document flow.
   Otherwise the sticky card can cover the Order message / Notes / Refund blocks. */
.admin-order-sidebar{
    align-content:start;
}

.admin-order-sidebar .admin-order-control-card,
.admin-order-control-card.sticky{
    position:static!important;
    top:auto!important;
}

/* Keep each right-column card independent and fully reachable while scrolling. */
.admin-order-sidebar > .admin-panel{
    width:100%;
    min-width:0;
}


/* =========================================================
   Mavelyt Shipping & Tax v35
   ========================================================= */

.shipping-tax-admin-table{
    display:grid;
    gap:0;
    margin-top:20px;
    overflow-x:auto
}
.shipping-tax-admin-head,
.shipping-tax-admin-row{
    display:grid;
    grid-template-columns:minmax(130px,1.3fr) 90px 110px 120px 170px 100px;
    gap:9px;
    align-items:center;
    min-width:820px;
    padding:10px 0;
    border-bottom:1px solid #ececec
}
.shipping-tax-admin-head{
    color:#777;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.06em
}
.shipping-tax-admin-row input[type="number"]{
    width:100%;
    min-height:39px;
    padding:7px 8px;
    border:1px solid #ccc;
    border-radius:8px
}
.shipping-tax-check{
    display:flex!important;
    align-items:center;
    gap:6px
}
.shipping-tax-check input{
    width:18px;
    height:18px
}
.shipping-tax-days{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    align-items:center;
    gap:5px
}
.checkout-delivery-estimate{
    margin:8px 0 2px;
    padding:9px 10px;
    border-radius:9px;
    background:#f7f7f7;
    color:#666;
    font-size:10px
}
.cart-shipping-note{
    margin:8px 0 4px;
    padding:9px 10px;
    border:1px solid #e1e1e1;
    border-radius:9px;
    background:#fafafa;
    font-size:11px;
    font-weight:800
}
.product-delivery-card{
    display:grid;
    gap:5px;
    margin:12px 0 14px;
    padding:12px;
    border:1px solid #ddd;
    border-radius:11px;
    background:#fafafa
}
.product-delivery-card strong{
    font-size:11px
}
.product-delivery-card span{
    font-size:12px
}
.product-delivery-card small{
    color:#777;
    font-size:10px
}
.product-delivery-card a{
    width:max-content;
    color:#333;
    font-size:10px;
    font-weight:800
}
.shipping-policy-table td,
.shipping-policy-table th{
    white-space:nowrap
}
.admin-order-items>div>strong small{
    display:block;
    margin-top:2px;
    color:#777;
    font-size:9px
}

@media(max-width:700px){
    .shipping-tax-admin-head,
    .shipping-tax-admin-row{
        min-width:760px
    }
}


/* =========================================================
   Mavelyt v35.1 — Free Europe shipping / VAT included
   ========================================================= */

.shipping-tax-admin-table-v351 .shipping-tax-admin-head,
.shipping-tax-admin-table-v351 .shipping-tax-admin-row{
    grid-template-columns:minmax(150px,1.4fr) 90px 110px 190px 130px
}
.shipping-free-label{
    display:inline-flex;
    width:max-content;
    padding:5px 9px;
    border-radius:999px;
    background:#e5f5e9;
    color:#226b35;
    font-size:10px;
    font-weight:900
}


/* =========================================================
   Mavelyt Customer Accounts v36
   ========================================================= */

.account-link{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 10px;
    color:#222;
    font-size:11px;
    font-weight:800;
    text-decoration:none
}

.account-shell{
    padding:42px 0 70px;
    background:#f7f7f7;
    min-height:60vh
}
.account-auth-wrap{
    display:grid;
    place-items:center
}
.account-auth-card{
    width:min(560px,100%);
    padding:28px;
    border:1px solid #ddd;
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 34px rgba(0,0,0,.06)
}
.account-auth-card h1{
    margin:4px 0 8px
}
.account-auth-card>p{
    color:#666;
    line-height:1.6
}
.account-form{
    display:grid;
    gap:13px;
    margin-top:20px
}
.account-form label{
    display:grid;
    gap:6px
}
.account-form label>span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em
}
.account-form input,
.account-form select{
    width:100%;
    min-height:44px;
    padding:9px 11px;
    border:1px solid #ccc;
    border-radius:9px;
    background:#fff
}
.account-form small{
    color:#777
}
.account-form .two{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px
}
.account-check{
    grid-template-columns:20px 1fr!important;
    align-items:start
}
.account-check input{
    width:18px!important;
    min-height:18px!important;
    margin-top:2px
}
.account-check>span{
    text-transform:none!important;
    letter-spacing:0!important;
    font-weight:500!important;
    line-height:1.5
}
.account-form-row{
    display:flex;
    justify-content:flex-end
}
.account-auth-footer{
    display:flex;
    justify-content:center;
    gap:7px;
    margin-top:18px;
    font-size:12px
}
.account-guest-note{
    margin-top:15px!important;
    text-align:center;
    font-size:11px
}

.account-dashboard{
    display:grid;
    gap:20px
}
.account-dashboard-head{
    display:flex;
    justify-content:space-between;
    gap:20px;
    align-items:center
}
.account-dashboard-head h1{
    margin:4px 0
}
.account-dashboard-head p{
    margin:0;
    color:#777
}
.account-verify-panel{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    padding:18px;
    border:1px solid #ead58d;
    border-radius:13px;
    background:#fff9e8
}
.account-verify-panel p{
    margin:5px 0 0;
    color:#6f6241
}
.account-dashboard-grid{
    display:grid;
    grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);
    gap:20px;
    align-items:start
}
.account-main-column,
.account-side-column{
    display:grid;
    gap:18px
}
.account-panel{
    padding:20px;
    border:1px solid #ddd;
    border-radius:14px;
    background:#fff
}
.account-panel h2{
    margin:4px 0 0
}
.account-panel-head{
    display:flex;
    justify-content:space-between;
    gap:15px;
    align-items:center;
    margin-bottom:14px
}
.account-empty{
    padding:20px;
    border-radius:10px;
    background:#f6f6f6;
    color:#777
}
.account-order-list{
    display:grid
}
.account-order-list article{
    display:grid;
    grid-template-columns:minmax(170px,1fr) 140px 120px auto;
    gap:12px;
    align-items:center;
    padding:14px 0;
    border-top:1px solid #ececec
}
.account-order-list article:first-child{
    border-top:0
}
.account-order-list article>div{
    display:grid;
    gap:3px
}
.account-order-list small{
    color:#777
}
.account-order-list article>a{
    font-size:11px;
    font-weight:900
}
.account-order-state{
    display:inline-flex;
    width:max-content;
    padding:5px 8px;
    border-radius:999px;
    background:#eee;
    font-size:10px;
    font-weight:900
}
.account-order-state.processing{background:#e7efff;color:#2f5593}
.account-order-state.shipped{background:#eee8ff;color:#624197}
.account-order-state.delivered{background:#e4f5e9;color:#276d3a}
.account-order-state.cancelled,
.account-order-state.failed{background:#f7e6e6;color:#922929}
.account-order-state.partial_refund{background:#fff0d9;color:#87570d}
.account-order-state.refunded{background:#e3f4ef;color:#17634e}
.account-order-state.pending{background:#fff2cb;color:#73580f}

.checkout-account-notice{
    margin-bottom:14px;
    padding:11px 12px;
    border:1px solid #d7e4d9;
    border-radius:10px;
    background:#f5fbf6;
    font-size:11px;
    line-height:1.5
}
.checkout-account-notice a{
    margin-left:5px;
    font-weight:900
}

.customer-admin-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.customer-filterbar{
    grid-template-columns:minmax(260px,1fr) 180px auto
}
.customer-admin-grid{
    grid-template-columns:minmax(250px,1.5fr) 130px 90px 140px 150px
}
.customer-admin-status{
    display:inline-flex;
    width:max-content;
    padding:5px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:900;
    font-style:normal
}
.customer-admin-status.verified{
    background:#e4f5e9;
    color:#276d3a
}
.customer-admin-status.unverified{
    background:#fff2cb;
    color:#73580f
}
.customer-admin-status.disabled{
    background:#f7e6e6;
    color:#922929
}
.customer-admin-orders{
    display:grid
}
.customer-admin-orders>a{
    display:grid;
    grid-template-columns:minmax(180px,1fr) 150px 120px;
    gap:12px;
    align-items:center;
    padding:12px 0;
    border-top:1px solid #ececec;
    color:inherit;
    text-decoration:none
}
.customer-admin-orders>a:first-child{
    border-top:0
}
.customer-admin-orders>a>span{
    display:grid;
    gap:3px
}
.customer-admin-orders small{
    color:#777
}

@media(max-width:950px){
    .account-dashboard-grid{
        grid-template-columns:1fr
    }
    .customer-admin-stats{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:760px){
    .account-dashboard-head,
    .account-verify-panel{
        align-items:stretch;
        flex-direction:column
    }
    .account-order-list article{
        grid-template-columns:1fr 1fr
    }
    .account-order-list article>a{
        grid-column:1/-1
    }
    .customer-admin-grid{
        grid-template-columns:1fr 120px
    }
    .customer-admin-grid>span:nth-child(n+3){
        display:none
    }
}
@media(max-width:560px){
    .account-auth-card{
        padding:18px
    }
    .account-form .two{
        grid-template-columns:1fr
    }
    .account-order-list article{
        grid-template-columns:1fr
    }
    .customer-admin-stats{
        grid-template-columns:1fr 1fr
    }
}


/* =========================================================
   Mavelyt Final Launch Audit & Go-Live Hardening v37
   ========================================================= */

.launch-status-card{
    display:flex;
    justify-content:space-between;
    gap:24px;
    align-items:center;
    margin-bottom:18px;
    padding:20px;
    border:1px solid #ddd;
    border-radius:14px;
    background:#fff
}
.launch-status-card h2{
    margin:4px 0 6px
}
.launch-status-card p{
    margin:0;
    color:#666
}
.launch-status-card.ready{
    border-color:#b7ddc0;
    background:#f6fcf7
}
.launch-status-card.review{
    border-color:#e8d6a2;
    background:#fffaf0
}
.launch-status-card.blocked{
    border-color:#e5bcbc;
    background:#fff7f7
}
.launch-run-meta{
    display:grid;
    gap:4px;
    text-align:right;
    white-space:nowrap
}
.launch-run-meta span{
    color:#777;
    font-size:10px
}

.launch-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.launch-check-group{
    margin-top:16px;
    overflow:hidden
}
.launch-check-group-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    padding:17px 18px;
    border-bottom:1px solid #ececec
}
.launch-check-group-head h2{
    margin:0;
    font-size:16px
}
.launch-check-group-head span{
    color:#777;
    font-size:10px
}
.launch-check-list{
    display:grid
}
.launch-check-row{
    display:grid;
    grid-template-columns:92px minmax(0,1fr) minmax(120px,220px);
    gap:14px;
    align-items:start;
    padding:14px 18px;
    border-bottom:1px solid #f0f0f0
}
.launch-check-row:last-child{
    border-bottom:0
}
.launch-check-row>div{
    min-width:0
}
.launch-check-row p{
    margin:5px 0 0;
    color:#777;
    font-size:10px;
    line-height:1.5
}
.launch-check-row>b{
    text-align:right;
    overflow-wrap:anywhere
}
.launch-check-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    min-width:72px;
    padding:5px 7px;
    border-radius:999px;
    font-size:8px;
    font-weight:950;
    letter-spacing:.05em
}
.launch-check-row.pass .launch-check-badge{
    background:#e4f5e9;
    color:#276d3a
}
.launch-check-row.warning .launch-check-badge{
    background:#fff2cb;
    color:#73580f
}
.launch-check-row.critical .launch-check-badge{
    background:#f7e6e6;
    color:#922929
}
.launch-check-row.info .launch-check-badge{
    background:#edf1f5;
    color:#53606b
}

.launch-manual-list{
    display:grid;
    gap:0;
    margin-top:16px
}
.launch-manual-list label{
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    gap:10px;
    align-items:start;
    padding:12px 0;
    border-top:1px solid #ececec;
    cursor:pointer
}
.launch-manual-list input{
    width:18px;
    height:18px;
    margin-top:1px
}
.launch-manual-list span{
    line-height:1.5
}
.launch-manual-list button{
    width:max-content;
    margin-top:16px
}
.launch-manual-updated{
    margin:12px 0 0;
    color:#777;
    font-size:10px
}

.launch-history{
    display:grid
}
.launch-history>div{
    display:grid;
    grid-template-columns:minmax(190px,1fr) 100px minmax(260px,1fr) 80px;
    gap:12px;
    align-items:center;
    padding:10px 0;
    border-top:1px solid #ececec
}
.launch-history-state{
    display:inline-flex;
    width:max-content;
    padding:5px 8px;
    border-radius:999px;
    font-size:9px;
    font-weight:900
}
.launch-history-state.pass{
    background:#e4f5e9;
    color:#276d3a
}
.launch-history-state.warning{
    background:#fff2cb;
    color:#73580f
}
.launch-history-state.critical{
    background:#f7e6e6;
    color:#922929
}
.launch-history small{
    color:#777;
    text-align:right
}
.launch-cli{
    padding:14px;
    overflow:auto;
    border-radius:10px;
    background:#171717;
    color:#f1f1f1;
    font-size:11px;
    line-height:1.6
}

@media(max-width:900px){
    .launch-stats{
        grid-template-columns:1fr 1fr
    }
    .launch-check-row{
        grid-template-columns:82px minmax(0,1fr)
    }
    .launch-check-row>b{
        grid-column:2;
        text-align:left
    }
    .launch-history>div{
        grid-template-columns:1fr auto
    }
    .launch-history>div>span:nth-child(3){
        grid-column:1/-1
    }
}
@media(max-width:620px){
    .launch-status-card{
        align-items:stretch;
        flex-direction:column
    }
    .launch-run-meta{
        text-align:left
    }
    .launch-stats{
        grid-template-columns:1fr 1fr
    }
    .launch-check-row{
        grid-template-columns:1fr
    }
    .launch-check-row>b,
    .launch-check-row>div{
        grid-column:1
    }
}


/* =========================================================
   Mavelyt v37.1 — Product page mobile responsiveness
   ========================================================= */

/* Prevent any product-page child from forcing a desktop-width layout. */
.product-page-v3,
.product-grid-v3,
.product-media-v3,
.buy-column,
.product-story,
.story-grid,
.product-policy-band,
.policy-band-grid,
.product-discovery-section,
.discovery-grid{
    min-width:0;
    max-width:100%;
}

.product-media-v3,
.buy-column{
    width:100%;
}

.product-main-image{
    width:100%;
}

.product-main-image img{
    max-width:100%;
    width:auto;
    height:auto;
}

/* Tablet / phone: product image first, purchase panel second. */
@media (max-width:1050px){
    .product-page-v3{
        padding:24px 0 46px;
        overflow-x:hidden;
    }

    .product-grid-v3{
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        gap:24px!important;
        width:100%;
    }

    .product-media-v3,
    .buy-column{
        min-width:0!important;
        width:100%!important;
        max-width:100%!important;
    }

    .product-main-image{
        min-height:0!important;
        aspect-ratio:1 / 1;
        padding:20px!important;
        overflow:hidden;
    }

    .product-main-image img{
        width:100%!important;
        height:100%!important;
        max-height:none!important;
        object-fit:contain!important;
    }

    .thumb-strip{
        display:flex!important;
        width:100%;
        max-width:100%;
        gap:8px;
        overflow-x:auto;
        overflow-y:hidden;
        padding:2px 0 8px;
        scroll-snap-type:x proximity;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:thin;
    }

    .thumb-strip button{
        flex:0 0 72px;
        width:72px!important;
        height:72px!important;
        scroll-snap-align:start;
        border-radius:9px;
    }

    .buy-column{
        padding:0!important;
    }

    .buy-column h1{
        max-width:100%;
        overflow-wrap:anywhere;
    }

    .product-short,
    .product-delivery-card,
    .buy-box-v3,
    .purchase-benefits{
        width:100%;
        max-width:100%;
        min-width:0;
    }

    .story-grid,
    .policy-band-grid,
    .discovery-grid{
        grid-template-columns:minmax(0,1fr)!important;
    }
}

/* Phone-specific sizing and touch ergonomics. */
@media (max-width:700px){
    .product-page-v3 .wrap{
        width:calc(100% - 24px)!important;
        max-width:none!important;
    }

    .product-main-image{
        aspect-ratio:1 / 1;
        min-height:0!important;
        padding:14px!important;
        border-radius:12px;
    }

    .thumb-strip button{
        flex-basis:64px;
        width:64px!important;
        height:64px!important;
    }

    .buy-column h1{
        font-size:clamp(27px,8.5vw,34px)!important;
        line-height:1.08!important;
        margin:8px 0 14px!important;
    }

    .product-price-v3{
        font-size:26px!important;
    }

    .product-sale-meta{
        align-items:flex-start;
    }

    .sale-countdown-card{
        width:100%;
        max-width:100%;
        overflow:hidden;
    }

    .sale-countdown-values{
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap:5px!important;
    }

    .sale-countdown-values>span{
        min-width:0;
        padding:9px 3px!important;
    }

    .sale-countdown-values b{
        font-size:17px!important;
    }

    .sale-countdown-values small{
        max-width:100%;
        font-size:7px!important;
        letter-spacing:0!important;
        overflow-wrap:anywhere;
        text-align:center;
    }

    .product-delivery-card{
        padding:12px!important;
    }

    .buy-box-v3 label{
        width:100%;
    }

    .buy-box-v3 input[type="number"]{
        width:100%!important;
        min-height:46px;
        font-size:16px;
    }

    .buy-box-v3 button,
    .pill-button.wide{
        width:100%!important;
        min-height:48px;
        white-space:normal;
        text-align:center;
    }

    .purchase-benefits div{
        overflow-wrap:anywhere;
    }

    .ambient-strip{
        width:100%!important;
        max-width:100%!important;
        margin-left:0!important;
        margin-right:0!important;
        overflow:hidden;
    }

    .ambient-strip,
    .ambient-strip-copy{
        min-height:420px!important;
    }

    .ambient-strip-copy{
        width:calc(100% - 24px)!important;
        max-width:none!important;
        padding-left:0!important;
        padding-right:0!important;
    }

    .ambient-strip-copy h2{
        font-size:32px!important;
        overflow-wrap:anywhere;
    }

    .product-story{
        padding:42px 0!important;
    }

    .product-intro-copy,
    .story-grid>div{
        min-width:0;
        max-width:100%;
    }

    .story-grid{
        gap:28px!important;
    }

    .story-grid h2{
        font-size:25px!important;
    }

    .feature-list{
        padding-left:20px;
    }

    .product-discovery-section{
        padding:42px 0!important;
        overflow:hidden;
    }

    .catalog-product-card{
        min-width:0;
        max-width:100%;
    }

    .product-policy-band{
        padding:36px 0!important;
    }

    .policy-band-grid{
        gap:1px!important;
    }

    .policy-band-grid a{
        min-width:0;
        padding:20px!important;
        overflow-wrap:anywhere;
    }
}

/* Very narrow phones. */
@media (max-width:390px){
    .product-page-v3 .wrap{
        width:calc(100% - 18px)!important;
    }

    .product-main-image{
        padding:10px!important;
    }

    .sale-countdown-card{
        padding:10px!important;
    }

    .sale-countdown-values{
        gap:4px!important;
    }

    .sale-countdown-values b{
        font-size:15px!important;
    }

    .thumb-strip button{
        flex-basis:58px;
        width:58px!important;
        height:58px!important;
    }
}


/* =========================================================
   Mavelyt v38 — Store-wide Sale Homepage Announcement
   ========================================================= */

.store-sale-announcement{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    background:
        radial-gradient(circle at 12% 20%,rgba(255,255,255,.18),transparent 28%),
        radial-gradient(circle at 88% 80%,rgba(255,255,255,.10),transparent 30%),
        linear-gradient(118deg,#151515 0%,#292929 48%,#111 100%);
    color:#fff;
    border-top:1px solid rgba(255,255,255,.09);
    border-bottom:1px solid rgba(255,255,255,.09)
}
.store-sale-announcement::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    opacity:.32;
    background-image:
        linear-gradient(120deg,transparent 0 44%,rgba(255,255,255,.06) 44% 45%,transparent 45% 100%);
    background-size:34px 34px
}
.store-sale-announcement-glow{
    position:absolute;
    width:390px;
    height:390px;
    right:-90px;
    top:-180px;
    z-index:-1;
    border-radius:50%;
    background:rgba(255,255,255,.13);
    filter:blur(2px);
    pointer-events:none
}
.store-sale-announcement-inner{
    min-height:235px;
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
    gap:44px;
    align-items:center;
    padding-top:34px;
    padding-bottom:34px
}
.store-sale-announcement-copy{
    min-width:0
}
.store-sale-announcement-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:100%;
    padding:7px 11px;
    margin-bottom:13px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:999px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(8px);
    font-size:9px;
    font-weight:950;
    text-transform:uppercase;
    letter-spacing:.09em
}
.store-sale-announcement-badge i{
    font-style:normal;
    animation:storeSaleSpark 1.9s ease-in-out infinite
}
.store-sale-announcement h2{
    max-width:820px;
    margin:0;
    color:#fff;
    font-size:clamp(31px,4.2vw,58px);
    line-height:.98;
    letter-spacing:-.045em;
    text-wrap:balance
}
.store-sale-announcement-copy>p{
    max-width:720px;
    margin:15px 0 0;
    color:rgba(255,255,255,.76);
    font-size:14px;
    line-height:1.55
}
.store-sale-announcement-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:42px;
    margin-top:19px;
    padding:0 17px;
    border-radius:999px;
    background:#fff;
    color:#111;
    font-size:10px;
    font-weight:950;
    text-decoration:none;
    transition:transform .18s ease,box-shadow .18s ease
}
.store-sale-announcement-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 30px rgba(0,0,0,.28)
}
.store-sale-announcement-cta span{
    font-size:15px
}
.store-sale-countdown-wrap{
    display:grid;
    gap:10px;
    padding:18px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:17px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(13px);
    box-shadow:0 20px 45px rgba(0,0,0,.18)
}
.store-sale-countdown-wrap>span{
    color:rgba(255,255,255,.67);
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em
}
.store-sale-countdown{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:7px
}
.store-sale-countdown>div{
    display:grid;
    place-items:center;
    gap:4px;
    min-width:0;
    padding:12px 5px;
    border-radius:11px;
    background:rgba(0,0,0,.24)
}
.store-sale-countdown strong{
    color:#fff;
    font-size:25px;
    line-height:1;
    font-variant-numeric:tabular-nums
}
.store-sale-countdown small{
    max-width:100%;
    color:rgba(255,255,255,.60);
    font-size:7px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.04em;
    text-align:center;
    overflow-wrap:anywhere
}
.store-sale-announcement.is-expired{
    opacity:0;
    transition:opacity .55s ease
}

@keyframes storeSaleSpark{
    0%,100%{transform:scale(1) rotate(0deg);opacity:.72}
    50%{transform:scale(1.28) rotate(14deg);opacity:1}
}

/* Store-wide Sale admin announcement editor */
.global-sale-announcement-admin{
    display:grid;
    gap:14px;
    margin:12px 0 4px;
    padding:18px;
    border:1px solid #ddd;
    border-radius:13px;
    background:#fafafa
}
.global-sale-announcement-admin-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px
}
.global-sale-announcement-admin-head h2{
    margin:3px 0 5px
}
.global-sale-announcement-admin-head p{
    margin:0;
    color:#777;
    line-height:1.5
}
.global-sale-new-chip{
    display:inline-flex;
    padding:5px 8px;
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:8px;
    font-weight:950
}
.global-sale-copy-tabs-note{
    padding:10px 12px;
    border-radius:9px;
    background:#fff;
    border:1px solid #e4e4e4;
    color:#666;
    font-size:10px;
    line-height:1.6
}
.global-sale-copy-tabs-note code{
    padding:2px 5px;
    border-radius:5px;
    background:#f0f0f0;
    color:#111
}
.global-sale-language-card{
    display:grid;
    gap:10px;
    padding:13px;
    border:1px solid #e3e3e3;
    border-radius:10px;
    background:#fff
}
.global-sale-language-card>strong{
    font-size:11px
}
.global-sale-home-preview{
    display:grid;
    gap:8px;
    margin-top:18px;
    padding:16px;
    border-radius:13px;
    background:linear-gradient(120deg,#171717,#292929);
    color:#fff
}
.global-sale-home-preview-kicker,
.global-sale-home-preview small{
    color:rgba(255,255,255,.64);
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}
.global-sale-home-preview>strong{
    font-size:19px;
    line-height:1.12
}
.global-sale-home-preview p{
    margin:0;
    color:rgba(255,255,255,.70);
    line-height:1.5
}
.global-sale-home-preview-timer{
    padding-top:8px;
    border-top:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.72);
    font-size:9px
}

@media(max-width:900px){
    .store-sale-announcement-inner{
        grid-template-columns:1fr;
        gap:22px
    }
    .store-sale-countdown-wrap{
        max-width:540px
    }
}

@media(max-width:620px){
    .store-sale-announcement-inner{
        min-height:0;
        gap:18px;
        padding-top:25px;
        padding-bottom:25px
    }
    .store-sale-announcement h2{
        font-size:clamp(29px,10vw,42px)
    }
    .store-sale-announcement-copy>p{
        font-size:12px
    }
    .store-sale-announcement-cta{
        width:100%
    }
    .store-sale-countdown-wrap{
        padding:12px
    }
    .store-sale-countdown{
        gap:5px
    }
    .store-sale-countdown>div{
        padding:10px 3px
    }
    .store-sale-countdown strong{
        font-size:20px
    }
    .store-sale-countdown small{
        font-size:6px;
        letter-spacing:0
    }
    .global-sale-announcement-admin{
        padding:13px
    }
    .global-sale-announcement-admin-head{
        flex-direction:column
    }
}


/* =========================================================
   Mavelyt v38.1 — Standalone Homepage Announcement
   ========================================================= */

.standalone-promo-announcement{
    /* Visual presentation intentionally reuses the v38 attention banner.
       Pricing is completely independent in app/promo-announcement.php. */
}

.promo-announcement-admin-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);
    gap:18px;
    align-items:start
}

.promo-range-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}

.promo-placeholder-note{
    padding:11px 12px;
    border:1px solid #e3e3e3;
    border-radius:9px;
    background:#fafafa;
    color:#666;
    font-size:10px;
    line-height:1.65
}

.promo-placeholder-note code{
    padding:2px 5px;
    border-radius:5px;
    background:#ececec;
    color:#111
}

.promo-language-card{
    display:grid;
    gap:10px;
    padding:14px;
    border:1px solid #e3e3e3;
    border-radius:10px;
    background:#fff
}

.promo-language-card>strong{
    font-size:11px
}

.promo-admin-preview{
    display:grid;
    gap:9px;
    margin-top:18px;
    padding:17px;
    border-radius:14px;
    background:
        radial-gradient(circle at 90% 10%,rgba(255,255,255,.12),transparent 30%),
        linear-gradient(120deg,#161616,#292929);
    color:#fff
}

.promo-admin-preview-badge,
.promo-admin-preview small{
    color:rgba(255,255,255,.64);
    font-size:8px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.07em
}

.promo-admin-preview>strong{
    font-size:21px;
    line-height:1.12
}

.promo-admin-preview p{
    margin:0;
    color:rgba(255,255,255,.72);
    line-height:1.5
}

.promo-admin-range{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    margin-top:3px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.17);
    border-radius:999px;
    background:rgba(255,255,255,.09);
    font-size:13px;
    font-weight:950
}

.promo-admin-preview-timer{
    padding-top:9px;
    border-top:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.70);
    font-size:9px
}

@media(max-width:980px){
    .promo-announcement-admin-layout{
        grid-template-columns:1fr
    }
}

@media(max-width:620px){
    .promo-range-fields{
        grid-template-columns:1fr
    }
}


/* =========================================================
   Mavelyt v38.2 — Admin top navigation overflow fix
   ========================================================= */

/* The admin menu has grown as new modules were added.
   Keep logo/actions fixed and let the center navigation use only
   the space that is actually available inside the viewport. */
.admin-topbar{
    max-width:100vw;
    overflow:hidden;
}

.admin-topbar-inner{
    width:min(100% - 28px, 1540px);
    max-width:100%;
    min-width:0;
}

.admin-logo{
    flex:0 0 auto;
    white-space:nowrap;
}

.admin-main-nav{
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    flex-wrap:nowrap;
    white-space:nowrap;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}

.admin-main-nav::-webkit-scrollbar{
    display:none;
}

.admin-main-nav a{
    flex:0 0 auto;
    white-space:nowrap;
}

.admin-top-actions{
    flex:0 0 auto;
    white-space:nowrap;
}

/* Compact the menu before it needs horizontal scrolling. */
@media (max-width:1650px){
    .admin-topbar-inner{
        gap:18px;
    }

    .admin-main-nav{
        gap:4px;
    }

    .admin-main-nav a{
        padding:8px 9px;
        font-size:12px;
    }

    .admin-top-actions{
        gap:10px;
        font-size:12px;
    }
}

/* On smaller laptops/tablets, keep the navigation available as a
   horizontally scrollable second row instead of hiding it completely. */
@media (max-width:1180px){
    .admin-topbar-inner{
        flex-wrap:wrap;
        gap:8px 14px;
        padding:8px 0;
    }

    .admin-logo{
        order:1;
    }

    .admin-top-actions{
        order:2;
        margin-left:auto;
    }

    .admin-main-nav{
        order:3;
        flex:0 0 100%;
        width:100%;
        display:flex!important;
        padding:2px 0 4px;
    }
}

/* Override the old rule that hid the whole admin navigation <=1050px. */
@media (max-width:1050px){
    .admin-main-nav{
        display:flex!important;
    }
}

@media (max-width:700px){
    .admin-topbar-inner{
        width:calc(100% - 18px);
    }

    .admin-logo{
        font-size:19px;
    }

    .admin-logo span{
        font-size:9px;
    }

    .admin-main-nav a{
        padding:8px 10px;
        font-size:11px;
    }

    .admin-top-actions{
        font-size:11px;
    }
}


/* =========================================================
   Mavelyt v38.3 — Public Order Status Lookup
   ========================================================= */

.order-lookup-shell{
    min-height:58vh;
    padding:52px 0 72px;
    background:#f7f7f7;
}

.order-lookup-card{
    width:min(620px,100%);
    margin:0 auto;
    padding:28px;
    border:1px solid #ddd;
    border-radius:16px;
    background:#fff;
    box-shadow:0 12px 34px rgba(0,0,0,.05);
}

.order-lookup-card h1{
    margin:5px 0 9px;
}

.order-lookup-intro{
    margin:0;
    color:#666;
    line-height:1.6;
}

.order-lookup-form{
    display:grid;
    gap:14px;
    margin-top:22px;
}

.order-lookup-form label{
    display:grid;
    gap:6px;
}

.order-lookup-form label>span{
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.order-lookup-form input{
    width:100%;
    min-height:46px;
    padding:10px 12px;
    border:1px solid #ccc;
    border-radius:9px;
    background:#fff;
    font-size:16px;
}

.order-lookup-privacy{
    margin:14px 0 0;
    color:#888;
    font-size:10px;
    line-height:1.55;
}

.order-lookup-account{
    display:grid;
    gap:10px;
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid #ececec;
}

.order-lookup-account p{
    margin:0;
    color:#666;
    font-size:11px;
    line-height:1.55;
}

@media(max-width:620px){
    .order-lookup-shell{
        padding:28px 0 48px;
    }

    .order-lookup-card{
        padding:19px;
        border-radius:13px;
    }
}


/* =========================================================
   Mavelyt v38.4 — Central Category Names
   ========================================================= */

.category-manager-layout{
    display:grid;
    grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);
    gap:18px;
    align-items:start
}
.category-manager-form{
    display:grid;
    gap:16px
}
.category-manager-card{
    display:grid;
    gap:14px;
    padding:17px;
    border:1px solid #ddd;
    border-radius:13px;
    background:#fafafa
}
.category-manager-card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px
}
.category-manager-card-head h2{
    margin:3px 0 0
}
.category-manager-card-head code,
.category-manager-card>small code{
    padding:4px 7px;
    border-radius:6px;
    background:#ececec;
    color:#333;
    font-size:9px
}
.category-manager-languages{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px
}
.category-manager-languages label{
    display:grid;
    gap:6px
}
.category-manager-languages label>span{
    font-size:9px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.05em
}
.category-manager-languages input{
    width:100%;
    min-height:42px;
    padding:8px 10px;
    border:1px solid #ccc;
    border-radius:8px;
    background:#fff
}
.category-manager-sync-list{
    display:flex;
    flex-wrap:wrap;
    gap:6px
}
.category-manager-sync-list>span{
    display:flex;
    align-items:center;
    margin-right:3px;
    color:#777;
    font-size:9px;
    font-weight:800
}
.category-manager-sync-list b{
    display:inline-flex;
    padding:5px 7px;
    border-radius:999px;
    background:#e8f5eb;
    color:#2a6b3c;
    font-size:8px
}
.category-manager-preview{
    display:grid;
    gap:8px;
    margin-top:15px
}
.category-manager-preview>div{
    display:grid;
    gap:3px;
    padding:11px;
    border:1px solid #e5e5e5;
    border-radius:9px;
    background:#fafafa
}
.category-manager-preview small{
    color:#888;
    font-size:8px
}
.category-manager-preview strong{
    font-size:13px
}
@media(max-width:980px){
    .category-manager-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
    .category-manager-languages{grid-template-columns:1fr}
    .category-manager-card-head{flex-direction:column}
}


/* =========================================================
   Mavelyt v39 — Portable Store Backup & Migration
   ========================================================= */

.migration-warning{
    margin-bottom:18px;
    padding:16px 18px;
    border:1px solid #e0c98e;
    border-radius:13px;
    background:#fff8e8;
}
.migration-warning strong{
    display:block;
    margin-bottom:5px;
    font-size:13px;
}
.migration-warning p{
    margin:0;
    color:#665a39;
    line-height:1.55;
}
.migration-stats{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.migration-stats article strong{
    overflow-wrap:anywhere
}
.migration-created{
    margin-top:18px
}
.migration-created-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    margin:16px 0
}
.migration-created-grid>div{
    display:grid;
    gap:4px;
    padding:12px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#fafafa
}
.migration-created-grid span{
    color:#777;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.05em;
    font-weight:900
}
.migration-created-grid strong{
    font-size:14px
}
.migration-hash{
    display:grid;
    gap:5px;
    margin:0 0 16px;
    color:#777;
    font-size:9px;
    text-transform:uppercase;
    font-weight:900
}
.migration-hash code{
    padding:10px;
    overflow:auto;
    border-radius:8px;
    background:#f2f2f2;
    color:#222;
    font-size:10px;
    text-transform:none
}
.migration-includes{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px
}
.migration-includes article{
    padding:14px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#fafafa
}
.migration-includes strong{
    font-size:12px
}
.migration-includes p{
    margin:6px 0 0;
    color:#666;
    font-size:10px;
    line-height:1.55
}
.migration-two-column{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:15px
}
.migration-two-column>div{
    padding:14px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#fafafa
}
.migration-two-column h3{
    margin:0 0 8px;
    font-size:13px
}
.migration-two-column ul{
    margin:0;
    padding-left:18px;
    color:#555;
    line-height:1.7
}
.migration-list{
    display:grid;
    margin-top:14px
}
.migration-list>article{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:16px;
    align-items:center;
    padding:13px 0;
    border-top:1px solid #ececec
}
.migration-list>article:first-child{
    border-top:0
}
.migration-list>article>div:first-child{
    display:grid;
    gap:4px;
    min-width:0
}
.migration-list small{
    color:#777
}
.migration-list code{
    width:max-content;
    max-width:100%;
    color:#777;
    font-size:9px
}
.migration-list-actions{
    display:flex;
    gap:8px;
    align-items:center
}
.migration-list-actions form{
    margin:0
}
.migration-cli{
    margin-top:15px;
    padding:15px;
    overflow:auto;
    border-radius:10px;
    background:#171717;
    color:#f1f1f1;
    font-size:11px;
    line-height:1.65
}

@media(max-width:1050px){
    .migration-stats,
    .migration-created-grid,
    .migration-includes{
        grid-template-columns:1fr 1fr
    }
}
@media(max-width:760px){
    .migration-two-column{
        grid-template-columns:1fr
    }
    .migration-list>article{
        grid-template-columns:1fr
    }
    .migration-list-actions{
        flex-wrap:wrap
    }
}
@media(max-width:560px){
    .migration-stats,
    .migration-created-grid,
    .migration-includes{
        grid-template-columns:1fr
    }
}


/* =========================================================
   Mavelyt v40 — Google Ads Purchase Tracking
   ========================================================= */

.google-ads-tracking-layout{
    display:grid;
    grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);
    gap:18px;
    align-items:start
}
.google-ads-status{
    display:grid;
    gap:5px;
    padding:14px;
    border-radius:11px;
    border:1px solid #ddd
}
.google-ads-status.ready{
    border-color:#b8ddc1;
    background:#f5fbf6
}
.google-ads-status.not-ready{
    border-color:#e6d5a4;
    background:#fffaf0
}
.google-ads-status span{
    color:#666;
    font-size:10px;
    line-height:1.5
}
.google-ads-sendto{
    display:grid;
    gap:5px;
    margin-top:14px
}
.google-ads-sendto>span{
    color:#777;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase
}
.google-ads-sendto code{
    display:block;
    padding:10px;
    overflow:auto;
    border-radius:8px;
    background:#f2f2f2
}
.google-ads-param-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
    margin-top:16px
}
.google-ads-param-grid article{
    display:grid;
    gap:5px;
    padding:14px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#fafafa
}
.google-ads-param-grid span{
    color:#777;
    font-size:9px;
    font-weight:900;
    text-transform:uppercase
}
.google-ads-param-grid strong{font-size:12px}
.google-ads-param-grid small{color:#777;line-height:1.45}
.google-ads-steps{margin:14px 0 0;padding-left:20px;line-height:1.75}
.google-ads-steps code{padding:2px 5px;border-radius:5px;background:#f0f0f0}

@media(max-width:980px){
    .google-ads-tracking-layout{grid-template-columns:1fr}
    .google-ads-param-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
    .google-ads-param-grid{grid-template-columns:1fr}
}


/* =========================================================
   Mavelyt v41 — Product Importer
   ========================================================= */

.product-import-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
.product-import-main{display:grid;gap:18px;min-width:0}
.product-import-sidebar{display:grid;gap:18px}
.product-import-start code,.product-edit-import-source code{background:#f1f1f1;border-radius:5px;padding:2px 5px}
.product-import-rights{padding:12px;border:1px solid #e6d39f;border-radius:10px;background:#fffaf0}
.product-import-source-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.product-import-source-head h2{margin-bottom:4px}
.product-import-source-head a{font-size:10px;word-break:break-all}
.product-import-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.product-import-counts span{display:grid;padding:8px 10px;border:1px solid #e4e4e4;border-radius:9px;background:#fafafa;font-size:8px;color:#777;min-width:70px}
.product-import-counts strong{font-size:13px;color:#111}
.product-import-runbox{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid #e5e5e5;border-radius:10px;background:#fafafa}
.product-import-progress{display:grid;gap:7px;margin-top:16px;padding:14px;border:1px solid #cbd9ee;border-radius:10px;background:#f5f8ff}
.product-import-progress-bar{height:7px;overflow:hidden;border-radius:999px;background:#dfe7f4}
.product-import-progress-bar i{display:block;width:4%;height:100%;background:#111;transition:width .2s ease}
.product-import-progress span{font-size:10px;color:#666}
.product-import-table-panel{overflow:hidden}
.product-import-table-wrap{overflow:auto}
.product-import-table{width:100%;border-collapse:collapse;min-width:850px}
.product-import-table th,.product-import-table td{padding:12px 14px;border-bottom:1px solid #ececec;text-align:left;vertical-align:top}
.product-import-table th{font-size:8px;text-transform:uppercase;letter-spacing:.05em;color:#777;background:#fafafa}
.product-import-table td{font-size:10px}
.product-import-table td>strong,.product-import-table td>small,.product-import-table td>a{display:block;margin-bottom:4px}
.product-import-table td:first-child{max-width:370px}
.product-import-table td:first-child a{overflow-wrap:anywhere}
.product-import-status{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eee;font-size:8px;font-weight:900;text-transform:uppercase}
.product-import-status.imported,.product-import-status.linked{background:#e7f5ea;color:#236a35}
.product-import-status.failed{background:#fdeaea;color:#9a2424}
.product-import-status.discovered{background:#eef2f7;color:#4a596b}
.product-import-error{max-width:260px;color:#9a2424;line-height:1.4}
.product-import-sources{display:grid;gap:7px;margin-top:12px}
.product-import-sources>a{display:grid;gap:3px;padding:10px;border:1px solid #e5e5e5;border-radius:9px;text-decoration:none;color:#111;background:#fafafa}
.product-import-sources>a.active{border-color:#111;background:#fff}
.product-import-sources span,.product-import-sources small{font-size:9px;color:#777}
.admin-import-source-price{display:inline-flex;align-items:center;padding:5px 7px;border-radius:999px;background:#fff3d9;color:#6c5114;font-size:8px;font-weight:900;text-decoration:none;white-space:nowrap}
.admin-status.import-draft{background:#fff0c8;color:#6f5212}
.product-edit-import-source{display:grid;gap:5px;margin:10px 0 16px;padding:12px;border:1px solid #e6d39f;border-radius:10px;background:#fffaf0}
.product-edit-import-source>span{font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:#7a6a42}
.product-edit-import-source>strong{font-size:16px}
.product-edit-import-source small,.product-edit-import-source em{font-size:9px;color:#6b6250;font-style:normal;line-height:1.45}
.product-edit-import-source a{font-size:9px;font-weight:800}

@media(max-width:1050px){.product-import-layout{grid-template-columns:1fr}.product-import-sidebar{grid-template-columns:1fr 1fr}.product-import-source-head{flex-direction:column}.product-import-counts{justify-content:flex-start}}
@media(max-width:700px){.product-import-sidebar{grid-template-columns:1fr}.product-import-runbox{align-items:flex-start;flex-direction:column}}


/* =========================================================
   Mavelyt v41.1 — Product Import Pause / Stop controls
   ========================================================= */
.product-import-controls{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:12px
}
.product-import-controls[hidden]{
    display:none!important
}
.product-import-control-note{
    display:block;
    margin-top:8px;
    color:#777;
    font-size:9px;
    line-height:1.5
}
#update-placeholder-unused{display:none}


/* =========================================================
   Mavelyt v41 full — persistent Product Import Pause / Stop
   ========================================================= */

.product-import-controls{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-top:10px
}

.product-import-controls[hidden]{
    display:none !important
}

.product-import-controls .admin-button{
    min-width:118px
}

.product-import-control-note{
    display:block;
    margin-top:8px;
    color:#6f6f6f;
    font-size:10px;
    line-height:1.45
}

.product-import-progress{
    position:relative
}

.product-import-progress .admin-button.danger{
    background:#fff4f4;
    border-color:#e6b0b0;
    color:#9f1717
}

.product-import-progress .admin-button.danger:hover{
    background:#ffeaea
}

.product-import-progress .admin-button:disabled{
    opacity:.55;
    cursor:not-allowed
}

@media(max-width:600px){
    .product-import-controls{
        display:grid;
        grid-template-columns:1fr
    }

    .product-import-controls .admin-button{
        width:100%
    }
}


/* Mavelyt product-card usability / image containment, October 2026.
   Shared by the homepage and the catalog (also category/sale listings). */
.launch-card, .catalog-product-card {position:relative; cursor:pointer; isolation:isolate;}
.launch-card .mavelyt-card-title-link, .catalog-product-card .mavelyt-card-title-link {
    color:inherit; text-decoration:none;
}
.launch-card .mavelyt-card-title-link::after,
.catalog-product-card .mavelyt-card-title-link::after {
    content:""; position:absolute; inset:0; z-index:1;
}
.launch-card .mavelyt-card-title-link:focus-visible,
.catalog-product-card .mavelyt-card-title-link:focus-visible {outline:2px solid #111;outline-offset:4px;}
.launch-card:focus-within, .catalog-product-card:focus-within {box-shadow:0 0 0 2px #1114, 0 12px 30px #0001;}
/* Keep the dedicated Shop now action and image link usable above the stretched link. */
.launch-card .pill-button, .catalog-product-card .catalog-card-button,
.catalog-product-card .catalog-product-image {position:relative;z-index:2;}
.launch-image {height:245px;min-height:0;padding:16px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.launch-image img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;}
.launch-card {min-height:0;}
.launch-copy {padding:17px 18px;}
.launch-copy h2 {font-size:18px;}
.catalog-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.catalog-product-image {height:220px;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.catalog-product-image img {display:block;width:100%;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;object-fit:contain;object-position:center;padding:16px;}
.catalog-product-body {padding:15px;}
.catalog-product-card h2 {font-size:16px;}
@media (max-width:1050px) {
 .catalog-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:800px) {
 .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .launch-image {height:230px;}
}
@media (max-width:650px) {
 .catalog-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
 .catalog-product-image {height:170px;}
 .catalog-product-image img {padding:10px;}
 .catalog-product-body {padding:12px;}
 .catalog-product-card h2 {font-size:14px;}
 .launch-image {height:220px;}
}
@media (max-width:420px) {
 .catalog-grid {grid-template-columns:1fr;}
 .catalog-product-image {height:225px;}
}