/* MyDigitCard — shared public-card styles.
   Identical for every theme; themed through CSS custom properties
   (--accent, --img-fit). Served as a static, cacheable file so it is
   downloaded once instead of inlined into every card page. */

/* ------------------------------------------------------------------
   Design tokens. Defined once, here, so a token can never resolve to
   two different fallbacks in two different rules (it used to: --text
   fell back to both #1f2433 and #15182b, --line to four values, and
   --muted to #888, which fails WCAG AA at 3.54:1 on white).

   Every value below is measured against white:
     --text     #0E1330  18.19:1  AAA
     --muted    #5B6178   6.13:1  AA
     --star     #D97706   3.19:1  passes the 3:1 minimum for icons
     --success  #15803D   5.02:1  AA, and white-on-it is AA for buttons
     --wa       #128C7E   4.14:1  WhatsApp brand, darker variant

   Themes override --accent (and may override any token) inside their own
   scope; nothing here is theme-specific.
   ------------------------------------------------------------------ */
:root{
    --text:#0E1330;
    --muted:#5B6178;
    --line:#E6E8F0;
    --card:#ffffff;
    --surface:#F7F8FC;
    --star:#D97706;
    --success:#15803D;
    --wa:#128C7E;
    --radius:16px;
    --btn-radius:12px;
}

.mdc-body{ --soft: color-mix(in srgb, var(--accent) 12%, transparent);
        --soft2: color-mix(in srgb, var(--accent) 7%, transparent); }
    .mdc-actions{ display:grid; grid-template-columns:repeat(var(--act-cols, 4),1fr); gap:8px; margin-top:18px; }
    .mdc-actions a{ display:flex; flex-direction:column; align-items:center; gap:5px; padding:12px 4px;
        border-radius:var(--btn-radius,12px); font-weight:600; font-size:11px; text-decoration:none;
        background:var(--soft); color:var(--accent); border:1px solid color-mix(in srgb,var(--accent) 18%,transparent); transition:.15s; }
    .mdc-actions a i{ font-size:17px; }
    .mdc-actions a:hover{ background:var(--accent); color:#fff; transform:translateY(-2px); }
    .mdc-actions a.wa{ color:#16a34a; background:color-mix(in srgb,var(--success) 12%,transparent); border-color:color-mix(in srgb,var(--success) 24%,transparent); }
    .mdc-actions a.wa:hover{ background:var(--success); color:#fff; }
    /* Section chrome is token-driven: a theme can make sections flat, outlined,
       elevated, sharp or pill-shaped without touching the shared markup. This is
       what stops every theme from looking like the same card in a new colour. */
    .mdc-sec{
        margin-top:var(--sec-gap, 24px);
        background:var(--sec-bg, transparent);
        border:var(--sec-border, 0);
        border-radius:var(--sec-radius, 0);
        box-shadow:var(--sec-shadow, none);
        padding:var(--sec-pad, 0);
    }
    .mdc-sec h2{
        font-family:var(--h2-font, "Space Grotesk", sans-serif);
        font-weight:var(--h2-weight, 600);
        font-size:var(--h2-size, 12px);
        letter-spacing:var(--h2-track, .06em);
        text-transform:var(--h2-case, uppercase);
        color:var(--h2-color, var(--muted));
        justify-content:var(--h2-align, flex-start);
        margin-bottom:10px; display:flex; align-items:center; gap:7px; }
    .mdc-sec h2 i{ color:var(--accent); }
    .mdc-sec p{ color:var(--text); line-height:1.65; font-size:14px; white-space:pre-line; }
    .mdc-meta{ display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 4px; }
    .mdc-meta span{ font-size:12px; font-weight:600; padding:4px 10px; border-radius:999px; background:var(--soft); color:var(--accent); }
    .mdc-list{ display:grid; gap:8px; margin-top:8px; }
    .mdc-li{ display:flex; align-items:center; gap:12px; padding:11px 12px; border:1px solid var(--line);
        border-radius:calc(var(--radius,16px) - 5px); text-decoration:none; color:var(--text); }
    .mdc-li .ic{ width:34px; height:34px; flex:none; border-radius:9px; display:grid; place-items:center;
        background:var(--soft); color:var(--accent); font-size:15px; }
    .mdc-li .tx{ min-width:0; font-size:13.5px; font-weight:500; overflow:hidden; text-overflow:ellipsis; }
    .mdc-svc{ display:grid; gap:7px; margin-top:8px; }
    .mdc-svc div{ display:flex; gap:9px; align-items:flex-start; font-size:14px; color:var(--text); }
    .mdc-svc i{ color:var(--accent); margin-top:3px; font-size:13px; }
    .mdc-rev{ text-align:center; padding:20px; border-radius:var(--radius,16px); background:var(--soft2);
        border:1px solid color-mix(in srgb,var(--accent) 18%,transparent); }
    .mdc-rev .stars{ color:var(--star); font-size:20px; letter-spacing:2px; }
    .mdc-stars-pick{ display:flex; gap:8px; font-size:32px; line-height:1; margin:4px 0 2px; }
    .mdc-stars-pick button{ background:none; border:none; padding:0; cursor:pointer; color:#d1d5db; transition:color .12s, transform .08s; }
    .mdc-stars-pick button.on{ color:var(--star); }
    .mdc-stars-pick button:active{ transform:scale(.9); }
    .mdc-upi-row{ display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin:2px 0 8px; }
    .mdc-upi-copy{ border:1px solid var(--accent); color:var(--accent); background:#fff; border-radius:8px; padding:5px 12px; font-size:13px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; gap:6px; }
    .mdc-upi-copy.ok{ background:var(--accent); color:#fff; }
    .mdc-rev .num{ font-family:"Space Grotesk"; font-weight:700; font-size:26px; color:var(--text); margin-top:6px; }
    .mdc-rev .cnt{ font-size:12px; color:var(--muted); margin-top:2px; }
    .mdc-rev a{ display:inline-flex; align-items:center; gap:7px; margin-top:12px; padding:9px 20px; border-radius:999px;
        background:var(--accent); color:#fff; font-weight:600; font-size:13px; text-decoration:none; }
    .mdc-chips{ display:flex; flex-wrap:wrap; gap:8px; }
    .mdc-chips a{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; text-decoration:none;
        border:1px solid var(--line); color:var(--text); font-size:17px; transition:.15s; }
    .mdc-chips a:hover{ background:var(--accent); color:#fff; border-color:var(--accent); }
    .mdc-gal{ column-count:var(--gal-cols,3); column-gap:7px; }
    .mdc-gal img{ width:100%; height:auto; border-radius:calc(var(--radius,16px) - 7px); cursor:pointer; transition:.15s; display:block; margin:0 0 7px; break-inside:avoid; }
    .mdc-crop .mdc-gal{ column-count:unset; display:grid; grid-template-columns:repeat(var(--gal-cols,3),1fr); gap:7px; }
    .mdc-crop .mdc-gal img{ aspect-ratio:1/1; object-fit:cover; margin:0; }
    .mdc-gal img:hover{ transform:scale(.97); opacity:.92; }
    .mdc-map{ border:0; width:100%; height:200px; border-radius:calc(var(--radius,16px) - 5px); margin-top:4px; }
    .prod-enq{ flex:none; align-self:center; font-size:12px; font-weight:700; text-decoration:none; padding:7px 14px; border-radius:999px; background:var(--accent); color:#fff; white-space:nowrap; }
    .prod-enq:hover{ filter:brightness(1.08); }
    .prod-add{ flex:none; width:34px; height:34px; border-radius:10px; border:0; background:var(--accent); color:#fff; font-size:14px; cursor:pointer; margin-left:6px; align-self:center; transition:transform .15s; }
    .prod-add.added{ transform:scale(1.25); }
    .mdc-order{ position:fixed; left:12px; right:12px; bottom:12px; z-index:9000; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#0E1030; color:#fff; border-radius:16px; padding:11px 14px; box-shadow:0 14px 44px -12px rgba(0,0,0,.55); max-width:460px; margin:0 auto; }
    .mdc-order[hidden]{ display:none; }
    .mdc-order-info{ font-size:14px; font-weight:600; display:flex; align-items:center; gap:8px; }
    .mdc-order-btn{ background:#22A852; color:#fff; border:0; font-weight:700; font-size:14px; padding:11px 15px; border-radius:11px; cursor:pointer; display:flex; align-items:center; gap:8px; white-space:nowrap; }
    .mdc-cart{ position:fixed; inset:0; z-index:9001; display:flex; align-items:flex-end; justify-content:center; }
    .mdc-cart[hidden]{ display:none; }
    .mdc-cart-back{ position:absolute; inset:0; background:rgba(8,10,25,.55); }
    .mdc-cart-sheet{ position:relative; width:100%; max-width:440px; background:var(--card); border-radius:20px 20px 0 0; padding:20px; max-height:82vh; overflow:auto; }
    @media(min-width:560px){ .mdc-cart{ align-items:center; } .mdc-cart-sheet{ border-radius:20px; } }
    .mdc-cart-head{ display:flex; justify-content:space-between; align-items:center; font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:18px; margin-bottom:8px; }
    .mdc-cart-head button{ border:0; background:#f0f0f5; width:30px; height:30px; border-radius:9px; font-size:18px; cursor:pointer; }
    .mdc-cart-row{ display:flex; align-items:center; gap:10px; padding:11px 0; border-bottom:1px solid var(--line); }
    .mdc-cart-row .nm{ flex:1; font-size:14px; font-weight:600; }
    .mdc-cart-row .pr{ font-size:12px; color:var(--muted); font-weight:600; margin-top:2px; }
    .mdc-qty{ display:flex; align-items:center; gap:9px; }
    .mdc-qty button{ width:28px; height:28px; border-radius:8px; border:1px solid var(--line); background:#fff; font-size:15px; cursor:pointer; line-height:1; }
    .mdc-qty b{ min-width:18px; text-align:center; }
    .mdc-cart-total{ display:flex; justify-content:space-between; font-weight:700; margin:14px 0; font-size:15px; }
    .mdc-cart-send{ width:100%; background:#22A852; color:#fff; border:0; font-weight:700; font-size:15px; padding:14px; border-radius:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
    .mdc-ok{ position:fixed; inset:0; z-index:10001; display:flex; align-items:center; justify-content:center; padding:22px; background:rgba(8,10,25,.6); backdrop-filter:blur(3px); opacity:0; transition:opacity .3s; }
    .mdc-ok.show{ opacity:1; }
    .mdc-ok-box{ width:100%; max-width:340px; background:var(--card); border-radius:22px; padding:32px 24px; text-align:center; box-shadow:0 30px 80px -20px rgba(0,0,0,.5); animation:mdcOccPop .5s cubic-bezier(.18,.9,.32,1.2); }
    .mdc-ok-ic{ width:66px; height:66px; margin:0 auto 14px; border-radius:50%; background:#12A67C; color:#fff; display:flex; align-items:center; justify-content:center; font-size:30px; }
    .mdc-ok-box h3{ font-family:'Space Grotesk',sans-serif; font-size:22px; font-weight:700; color:var(--text); margin:0; }
    .mdc-ok-box p{ color:var(--text); opacity:.75; font-size:14px; margin:8px 0 20px; white-space:pre-line; }
    .mdc-ok-box button{ background:var(--accent); color:#fff; border:0; font-weight:700; font-size:14px; padding:11px 30px; border-radius:999px; cursor:pointer; }
    .mdc-penq{ position:fixed; inset:0; z-index:10002; display:flex; align-items:flex-end; justify-content:center; background:rgba(8,10,25,.55); backdrop-filter:blur(3px); opacity:0; transition:opacity .25s; }
    .mdc-penq.show{ opacity:1; }
    .mdc-penq[hidden]{ display:none; }
    .mdc-penq-back{ position:absolute; inset:0; }
    .mdc-penq-box{ position:relative; width:100%; max-width:420px; background:var(--card); border-radius:22px 22px 0 0; padding:24px 22px calc(22px + env(safe-area-inset-bottom)); box-shadow:0 -20px 60px rgba(0,0,0,.4); transform:translateY(18px); transition:transform .25s; }
    .mdc-penq.show .mdc-penq-box{ transform:translateY(0); }
    @media(min-width:560px){ .mdc-penq{ align-items:center; } .mdc-penq-box{ border-radius:22px; } }
    .mdc-penq-x{ position:absolute; top:14px; right:16px; width:30px; height:30px; border:0; background:#f0f0f5; border-radius:9px; font-size:18px; cursor:pointer; color:#555; }
    .mdc-penq-head{ font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:var(--muted); }
    .mdc-penq-prod{ display:flex; align-items:center; gap:12px; margin:10px 0 16px; }
    .mdc-penq-prod .im{ width:56px; height:56px; border-radius:12px; background:#eee center/cover no-repeat; flex:none; }
    .mdc-penq-prod b{ display:block; font-size:15px; }
    .mdc-penq-prod span{ color:var(--accent); font-weight:700; font-size:14px; }
    .mdc-penq-box input, .mdc-penq-box textarea{ width:100%; border:1px solid var(--line); border-radius:11px; padding:12px 13px; font-size:15px; margin-bottom:10px; font-family:inherit; }
    .mdc-penq-send{ width:100%; background:var(--accent); color:#fff; border:0; font-weight:700; font-size:15px; padding:13px; border-radius:12px; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:8px; }
    .mdc-penq-wa{ display:flex; align-items:center; justify-content:center; gap:8px; margin-top:12px; color:#22A852; font-weight:700; font-size:14px; text-decoration:none; }
    .mdc-vid{ aspect-ratio:16/9; border-radius:calc(var(--radius,16px) - 6px); overflow:hidden; margin-top:10px; }
    .mdc-vid.vert{ aspect-ratio:9/16; max-width:320px; margin-left:auto; margin-right:auto; }
    .mdc-vid.v-instagram{ aspect-ratio:auto; width:100%; max-width:400px; height:640px; margin-left:auto; margin-right:auto; background:#fafafa; }
    .mdc-vid.v-instagram iframe{ height:640px; }
    .mdc-vid iframe{ width:100%; height:100%; border:0; }
    .mdc-vwatch{ display:inline-flex; align-items:center; gap:7px; margin-top:8px; font-size:12px; font-weight:600; color:var(--accent); text-decoration:none; opacity:.85; }
    .mdc-vwatch:hover{ opacity:1; text-decoration:underline; }
    .mdc-cta{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:24px; }
    .mdc-save,.mdc-share{ display:flex; align-items:center; justify-content:center; gap:8px; padding:13px;
        border-radius:var(--btn-radius,12px); font-weight:600; font-size:14px; text-decoration:none; cursor:pointer; border:0; }
    .mdc-save{ background:var(--accent); color:#fff; }
    .mdc-share{ background:var(--success); color:#fff; }
    .mdc-save:hover,.mdc-share:hover{ filter:brightness(1.08); }
    .mdc-pay{ display:grid; gap:12px; margin-top:6px; }
    .mdc-pay-upi{ display:flex; align-items:center; justify-content:center; gap:8px; padding:13px; border-radius:var(--btn-radius,12px); background:var(--accent); color:#fff; font-weight:700; font-size:14px; text-decoration:none; }
    .mdc-upi-id{ text-align:center; font-size:13px; color:var(--muted); margin-top:-4px; }
    .mdc-qr{ width:min(240px,70vw); height:min(240px,70vw); object-fit:contain; margin:0 auto; display:block; border-radius:12px; background:#fff; padding:8px; border:1px solid var(--line); cursor:pointer; }
    .mdc-bank{ border:1px solid var(--line); border-radius:calc(var(--radius,16px) - 5px); overflow:hidden; }
    .mdc-bank div{ display:flex; justify-content:space-between; gap:12px; padding:10px 14px; font-size:13.5px; border-top:1px solid var(--line); }
    .mdc-bank div:first-child{ border-top:0; }
    .mdc-bank span{ color:var(--muted); }
    .mdc-bank b{ color:var(--text); font-weight:600; text-align:right; word-break:break-word; }
    .mdc-enq{ margin-top:24px; padding:18px; border-radius:var(--radius,16px); background:var(--soft2,color-mix(in srgb,var(--accent) 6%,transparent)); border:1px solid color-mix(in srgb,var(--accent) 16%,transparent); }
    .mdc-enq select{ width:100%; margin-top:8px; padding:11px 13px; border-radius:11px; border:1px solid var(--line); background:var(--card); color:var(--text); font-size:14px; font-family:inherit; }
    .mdc-revsum{ font-weight:700; color:var(--text); margin-bottom:8px; }
    .mdc-rvitem{ padding:11px 0; border-top:1px solid var(--line); }
    .mdc-rvtop{ display:flex; justify-content:space-between; gap:10px; font-size:14px; color:var(--text); }
    .mdc-rvtop span{ color:var(--star); letter-spacing:1px; }
    .mdc-rvitem p{ color:var(--text); opacity:.8; font-size:13.5px; margin-top:4px; }
    .mdc-enq input,.mdc-enq textarea{ width:100%; margin-top:8px; padding:11px 13px; border-radius:11px; border:1px solid var(--line); background:var(--card); color:var(--text); font-size:14px; font-family:inherit; }
    .mdc-enq button{ width:100%; margin-top:10px; padding:12px; border:0; border-radius:var(--btn-radius,12px); background:var(--accent); color:#fff; font-weight:600; font-size:14px; cursor:pointer; }
    .mdc-enq-ok{ margin-top:10px; padding:11px 13px; border-radius:11px; background:color-mix(in srgb,var(--success) 14%,transparent); color:#15803d; font-size:13px; font-weight:600; }
    .mdc-qrwrap{ margin-top:14px; border:1px solid var(--line); border-radius:calc(var(--radius,16px) - 5px); overflow:hidden; }
    .mdc-qrwrap summary{ list-style:none; cursor:pointer; padding:13px 16px; font-weight:600; font-size:14px; color:var(--accent); display:flex; align-items:center; gap:9px; }
    .mdc-qrwrap summary::-webkit-details-marker{ display:none; }
    .mdc-qrbox{ padding:6px 16px 18px; text-align:center; }
    .mdc-qrbox #mdc-cardqr{ display:inline-block; padding:12px; background:#fff; border-radius:12px; border:1px solid var(--line); }
    .mdc-qrbox p{ margin-top:8px; font-size:12px; color:var(--muted); }
    /* Occasion popup */
    #mdc-occ{ position:fixed; inset:0; z-index:10000; display:none; align-items:center; justify-content:center; padding:22px; background:rgba(8,10,25,.62); backdrop-filter:blur(3px); }
    #mdc-occ.show{ display:flex; animation:mdcOccFade .35s ease; }
    @keyframes mdcOccFade{ from{ opacity:0 } to{ opacity:1 } }
    .mdc-occ-card{ position:relative; width:100%; max-width:340px; background:var(--card); border-radius:24px; padding:30px 24px 26px; text-align:center; overflow:hidden;
        box-shadow:0 30px 80px -20px rgba(0,0,0,.5); animation:mdcOccPop .5s cubic-bezier(.18,.9,.32,1.2); }
    @keyframes mdcOccPop{ from{ transform:scale(.8) translateY(20px); opacity:0 } to{ transform:none; opacity:1 } }
    .mdc-occ-card::before{ content:""; position:absolute; inset:0 0 auto 0; height:90px; background:linear-gradient(120deg,var(--accent),color-mix(in srgb,var(--accent) 40%,#ff7ad9)); }
    .mdc-occ-emoji{ position:relative; font-size:52px; line-height:1; animation:mdcOccBounce 1.8s ease-in-out infinite; }
    @keyframes mdcOccBounce{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-8px) } }
    .mdc-occ-card h3{ position:relative; font-family:"Space Grotesk",sans-serif; font-weight:700; font-size:21px; color:var(--text); margin:14px 0 0; }
    .mdc-occ-card p{ position:relative; color:var(--text); opacity:.75; font-size:14px; line-height:1.55; margin:8px 0 0; white-space:pre-line; }
    .mdc-occ-img{ position:relative; width:100%; height:auto; border-radius:14px; margin-top:14px; object-fit:var(--img-fit,contain); max-height:220px; }
    .mdc-occ-cta{ position:relative; display:inline-flex; align-items:center; gap:8px; margin-top:18px; padding:11px 22px; border-radius:999px; background:var(--accent); color:#fff; font-weight:700; font-size:14px; text-decoration:none; }
    .mdc-occ-x{ position:absolute; top:12px; right:14px; z-index:2; width:30px; height:30px; border-radius:50%; border:0; background:rgba(255,255,255,.85); color:#333; font-size:18px; cursor:pointer; line-height:1; }
    .mdc-occ-confetti{ position:absolute; top:0; left:0; right:0; height:90px; overflow:hidden; }
    .mdc-occ-confetti i{ position:absolute; top:-12px; width:8px; height:8px; border-radius:2px; opacity:.9; animation:mdcConf 2.6s linear infinite; }
    @keyframes mdcConf{ to{ transform:translateY(110px) rotate(320deg); opacity:0 } }
    #mdc-lb{ position:fixed; inset:0; background:rgba(0,0,0,.92); display:none; align-items:center; justify-content:center; z-index:9999; padding:24px; }
    #mdc-lb img{ max-width:94%; max-height:88vh; border-radius:8px; }
    #mdc-lb .x{ position:absolute; top:16px; right:22px; color:#fff; font-size:34px; cursor:pointer; line-height:1; }

/* ---------- Card header media (banner image OR intro video) ----------
   One shared rule so every theme gets the same behaviour. The video is
   lazy-loaded and only ever one embed, so it does not slow the card down. */
.mdc-hero-media{ position:relative; z-index:0; width:100%; overflow:hidden; background:var(--surface); }
.mdc-hero-banner img{ display:block; width:100%; height:100%; object-fit:cover; }
.mdc-hero-video{ aspect-ratio:16/9; background:#000; }
.mdc-hero-video.is-vertical{ aspect-ratio:9/16; max-height:70vh; }
.mdc-hero-video iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }

/* ---------- Public-card legal footer ---------- */
.mdc-legal{ max-width:460px; margin:0 auto; padding:22px 18px 30px; text-align:center; }
.mdc-legal p{ margin:0 0 6px; font-size:11.5px; line-height:1.6; color:var(--muted); }
.mdc-legal a{ color:var(--muted); text-decoration:underline; text-underline-offset:2px; }
.mdc-legal a:hover{ color:var(--text); }
.mdc-legal-brand{ margin-top:10px; font-weight:600; }

/* ---------- Install as app / refresh ---------- */
.mdc-appbar{ display:flex; justify-content:center; gap:8px; flex-wrap:wrap; max-width:460px; margin:18px auto 0; padding:0 18px; }
.mdc-appbtn{ display:inline-flex; align-items:center; gap:7px; padding:9px 14px; border-radius:10px; border:1px solid var(--line); background:var(--card); color:var(--muted); font-size:12.5px; font-weight:600; cursor:pointer; }
.mdc-appbtn:hover{ color:var(--text); }
.mdc-appbtn[hidden]{ display:none; }


/* ---------- Banner placements, added across every theme ----------
   .mdc-hero-band  the theme already has a coloured header band; the banner
                   covers it, so the accent colour becomes the fallback.
   .mdc-hero-slot  the theme has none; the hero-slot partial bleeds the banner
                   out of the card's own padding and pins it to the top corners.
   Both render nothing at all when the owner has set no banner. */
.mdc-hero-band{ position:relative; overflow:hidden; }
.mdc-hero-band .mdc-hero-media{
    position:absolute; inset:0;
    height:100%;
    background:transparent;
    z-index:0;
}
.mdc-hero-band > :not(.mdc-hero-media){ position:relative; z-index:1; }
.mdc-hero-band .mdc-hero-video{ aspect-ratio:auto; }

.mdc-hero-slot .mdc-hero-media{
    height:var(--hero-h, 152px);
    background:transparent;
}
.mdc-hero-slot .mdc-hero-video{
    aspect-ratio:16/9;
    height:auto;
}


/* ---------- video: the two modes an iframe can't cover ---------- */
.mdc-vid.v-file{ position:relative; border-radius:var(--radius,12px); overflow:hidden; background:#000; }
.mdc-vid.v-file video{ display:block; width:100%; height:auto; max-height:70vh; }

.mdc-vlink{
    display:flex; align-items:center; gap:12px;
    margin-top:12px; padding:14px 16px;
    border:1px solid var(--line);
    border-radius:var(--radius,12px);
    background:var(--card);
    color:var(--text);
    text-decoration:none;
    transition:border-color .2s;
}
.mdc-vlink:hover{ border-color:var(--accent); }
.mdc-vlink-ico{
    flex:none; display:grid; place-items:center;
    height:40px; width:40px; border-radius:50%;
    background:var(--soft, color-mix(in srgb, var(--accent) 12%, transparent));
    color:var(--accent); font-size:16px;
}
.mdc-vlink-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:2px; }
.mdc-vlink-txt b{ font-size:14px; font-weight:600; }
.mdc-vlink-txt small{ font-size:12px; color:var(--muted); }


/* ---------- "a newer version is available" ----------
   Offered, never imposed. Someone may be halfway through typing an enquiry, and
   silently reloading to fix a problem they never noticed would throw it away. */
.mdc-fresh{
    position:fixed;
    left:50%; bottom:18px;
    transform:translateX(-50%);
    z-index:9800;
    display:flex; align-items:center; gap:12px;
    max-width:calc(100vw - 28px);
    padding:11px 12px 11px 18px;
    border-radius:999px;
    background:rgba(14,19,48,.92);
    color:#fff;
    font-size:13px;
    backdrop-filter:blur(10px);
    box-shadow:0 18px 44px -18px rgba(0,0,0,.7);
    animation:mdcFreshIn .3s cubic-bezier(.22,.61,.36,1);
}
.mdc-fresh span{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.mdc-fresh button{
    flex:none;
    padding:7px 15px;
    border:0; border-radius:999px;
    background:#fff; color:#0E1330;
    font-size:13px; font-weight:600;
    cursor:pointer;
}
.mdc-fresh.is-out{
    opacity:0;
    transform:translate(-50%, 14px);
    transition:opacity .4s ease, transform .4s ease;
    pointer-events:none;
}
@keyframes mdcFreshIn{ from{ opacity:0; transform:translate(-50%, 16px) } }

@media (prefers-reduced-motion: reduce){
    .mdc-fresh{ animation:none }
    .mdc-fresh.is-out{ transition:none }
}


/* ============================================================
   PRODUCTS — a shop, not a to-do list.

   For most owners this section IS the business. It used to render as flat rows:
   a 58px thumbnail, a name, a price. That reads like an invoice. A grid of
   photos reads like a shop.

   Every image sits in a fixed 1:1 frame, so the grid never jumps as photos
   arrive. Layout shift on a product grid is what makes a shop feel broken on a
   slow connection — and slow connections are the normal case.

   Themes can set --prod-cols to override the column count.
   ============================================================ */

.mdc-prods{
    display:grid;
    grid-template-columns:repeat(var(--prod-cols, 2), minmax(0, 1fr));
    gap:12px;
    margin-top:12px;
}

.mdc-prod{
    display:flex; flex-direction:column;
    border:1px solid var(--line);
    border-radius:calc(var(--radius, 16px) - 2px);
    background:var(--card);
    overflow:hidden;
    color:inherit;
}

/* ---- the photo frame ---- */
.mdc-prod-shots{
    position:relative;
    aspect-ratio:1 / 1;            /* reserved BEFORE the image loads. No CLS. */
    background:color-mix(in srgb, var(--text) 5%, #fff);
    overflow:hidden;
}

.mdc-prod-track{
    display:flex;
    height:100%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.mdc-prod-track::-webkit-scrollbar{ display:none }

.mdc-prod-track img{
    flex:0 0 100%;
    width:100%; height:100%;
    object-fit:var(--img-fit, cover);
    scroll-snap-align:center;
}

.mdc-prod-dots{
    position:absolute; left:50%; bottom:8px;
    transform:translateX(-50%);
    display:flex; gap:4px;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(14,19,48,.45);
    backdrop-filter:blur(6px);
}
.mdc-prod-dots span{
    height:5px; width:5px;
    border-radius:50%;
    background:rgba(255,255,255,.45);
    transition:background .2s, width .2s;
}
.mdc-prod-dots span.is-on{ background:#fff; width:12px; border-radius:99px; }

.mdc-prod-count{
    position:absolute; top:8px; right:8px;
    display:inline-flex; align-items:center; gap:4px;
    padding:3px 8px;
    border-radius:999px;
    background:rgba(14,19,48,.55);
    backdrop-filter:blur(6px);
    color:#fff;
    font-size:11px; font-weight:600;
}

/* ---- the words ---- */
.mdc-prod-body{
    display:flex; flex-direction:column; gap:3px;
    padding:11px 12px 12px;
    flex:1;                        /* every card in a row ends level */
}
.mdc-prod-name{
    font-size:14px; font-weight:600;
    color:var(--text);
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;          /* two lines, then ellipsis — a long name
                                      must not push one card taller than the rest */
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.mdc-prod-price{
    font-size:14px; font-weight:700;
    color:var(--accent);
}
.mdc-prod-act{
    display:flex; gap:6px; align-items:center;
    margin-top:auto;               /* pins the button to the bottom of every card */
    padding-top:10px;
}
.mdc-prod-act .prod-enq{
    flex:1;
    display:block;
    padding:9px 10px;
    border-radius:var(--btn-radius, 10px);
    background:var(--accent);
    color:#fff;
    font-size:12.5px; font-weight:600;
    text-align:center;
    text-decoration:none;
    white-space:nowrap;
    overflow:hidden; text-overflow:ellipsis;
}
.mdc-prod-act .prod-enq:hover{ filter:brightness(1.07) }
.mdc-prod-act .prod-add{
    flex:none;
    height:36px; width:36px;
    display:grid; place-items:center;
    border:1px solid var(--line);
    border-radius:var(--btn-radius, 10px);
    background:var(--card);
    color:var(--accent);
    cursor:pointer;
}

@media (max-width:360px){
    .mdc-prods{ grid-template-columns:1fr; }
}

/* ============================================================
   VIDEO FACADE

   A YouTube iframe is roughly a megabyte of player JavaScript before it paints
   one frame. Three videos on a card is three megabytes, on a phone, on Indian
   mobile data — and while it downloads the visitor stares at a blank rectangle.
   That is the "videos are slow and go blank when I scroll" bug.

   So the card ships a still image (~15 KB, appears instantly) with a play button
   on it. The player is only fetched when someone actually taps it. Nobody pays
   the megabyte until they want the video.
   ============================================================ */

.mdc-vtitle{ font-size:13px; font-weight:600; color:var(--text); margin-top:12px; }

.mdc-vfacade{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16 / 9;
    margin-top:8px;
    padding:0;
    border:1px solid var(--line);
    border-radius:var(--radius, 14px);
    overflow:hidden;
    background:color-mix(in srgb, var(--text) 8%, #000);
    cursor:pointer;
}
.mdc-vfacade.vert{ aspect-ratio:9 / 16; max-width:290px; margin-left:auto; margin-right:auto; }

.mdc-vfacade img{
    width:100%; height:100%;
    object-fit:cover;
    display:block;
    transition:transform .4s cubic-bezier(.22,.61,.36,1);
}
.mdc-vfacade:hover img{ transform:scale(1.03) }

.mdc-vfacade-blank{
    position:absolute; inset:0;
    display:grid; place-items:center;
    background:linear-gradient(135deg,
        color-mix(in srgb, var(--accent) 55%, #000),
        color-mix(in srgb, var(--accent) 18%, #000));
    color:rgba(255,255,255,.6);
    font-size:13px; font-weight:600;
    letter-spacing:.08em; text-transform:uppercase;
}

.mdc-vfacade-play{
    position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
    height:58px; width:58px;
    display:grid; place-items:center;
    border-radius:50%;
    background:rgba(14,19,48,.7);
    backdrop-filter:blur(6px);
    color:#fff;
    font-size:19px;
    padding-left:3px;              /* optically centres the triangle */
    box-shadow:0 10px 30px -8px rgba(0,0,0,.7);
    transition:transform .22s cubic-bezier(.22,.61,.36,1), background .22s;
}
.mdc-vfacade:hover .mdc-vfacade-play{
    transform:translate(-50%, -50%) scale(1.08);
    background:var(--accent);
}

/* once tapped, the facade becomes the player's frame */
.mdc-vfacade.is-live{ cursor:default; background:#000; }
.mdc-vfacade.is-live img,
.mdc-vfacade.is-live .mdc-vfacade-play,
.mdc-vfacade.is-live .mdc-vfacade-blank{ display:none }
.mdc-vfacade iframe{
    position:absolute; inset:0;
    width:100%; height:100%;
    border:0;
}

@media (prefers-reduced-motion: reduce){
    .mdc-vfacade img,
    .mdc-vfacade-play{ transition:none }
    .mdc-vfacade:hover img{ transform:none }
}


/* --- Header video: the facade fills the header strip like a banner instead of
   forcing a 16:9 iframe that overflows or gets clipped. Playback happens in the
   lightbox below, so it is never squished into the short band. --- */
.mdc-hero-facade{
    position:absolute; inset:0;
    width:100%; height:100%;
    aspect-ratio:auto;
    margin:0; border:0; border-radius:0;
}
.mdc-hero-facade img{ width:100%; height:100%; object-fit:cover; display:block; }
.mdc-hero-facade .mdc-vfacade-play{ top:42%; }   /* lift above any overlapping avatar */

/* --- Video lightbox: one player for every video (header + Videos section).
   Opened on tap, plays at the correct aspect, closes on backdrop / X / Esc. --- */
.mdc-lightbox{
    position:fixed; inset:0; z-index:9999;
    display:none; align-items:center; justify-content:center;
    background:rgba(6,8,20,.88); padding:20px;
    -webkit-tap-highlight-color:transparent;
}
.mdc-lightbox.show{ display:flex; }
.mdc-lightbox-inner{ position:relative; width:100%; max-width:880px; }
.mdc-lightbox-frame{ position:relative; width:100%; aspect-ratio:16/9; background:#000; border-radius:14px; overflow:hidden; box-shadow:0 30px 80px -20px rgba(0,0,0,.7); }
.mdc-lightbox-frame.vert{ aspect-ratio:9/16; max-width:min(400px, 92vw); margin:0 auto; }
.mdc-lightbox-frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.mdc-lightbox-close{
    position:absolute; top:-46px; right:0;
    height:38px; width:38px; border:0; border-radius:50%;
    background:rgba(255,255,255,.16); color:#fff; font-size:22px; line-height:1;
    cursor:pointer; display:grid; place-items:center;
}
.mdc-lightbox-close:hover{ background:rgba(255,255,255,.28); }


/* --- Batch 2: banner blurred-fill + video poster fallback --- */
.mdc-hero-banner .mdc-hero-fill{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; filter:blur(18px) saturate(1.15); transform:scale(1.15);
}
.mdc-hero-banner .mdc-hero-front{
    position:relative; z-index:1; width:100%; height:100%; object-fit:contain;
}
/* Keep the branded placeholder BEHIND the poster so a missing/broken thumbnail
   (Instagram, TikTok, Facebook) can never show as a black box. */
.mdc-vfacade > img{ position:absolute; inset:0; z-index:1; }
.mdc-vfacade-blank{ z-index:0; }
.mdc-vfacade-play{ z-index:2; }


/* --- Batch 3+4: social row (top), richer forms & reviews --- */
.mdc-social{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:16px 0 4px; }
.mdc-social-ic{ height:46px; width:46px; border-radius:50%; display:grid; place-items:center; background:var(--accent, #4F46E5);
    color:#fff; font-size:19px; text-decoration:none; box-shadow:0 6px 16px -6px rgba(14,19,48,.4);
    transition:transform .15s ease, filter .15s ease; }
.mdc-social-ic:hover{ transform:translateY(-2px); filter:brightness(1.06); }
.pf-instagram{ background:radial-gradient(circle at 30% 110%, #FEDA75, #FA7E1E 25%, #D62976 55%, #962FBF 80%, #4F5BD5); }
.pf-facebook{ background:#1877F2; }
.pf-youtube{ background:#FF0000; }
.pf-linkedin{ background:#0A66C2; }
.pf-twitter, .pf-x{ background:#000; }
.pf-telegram{ background:#26A5E4; }
.pf-pinterest{ background:#E60023; }
.pf-whatsapp{ background:#25D366; }
.pf-link{ background:var(--accent); }

.mdc-enq{ margin-top:16px; padding:18px; border-radius:var(--radius,16px);
    background:var(--card,#fff); border:1px solid var(--line); box-shadow:0 10px 30px -24px rgba(14,19,48,.5); }
.mdc-enq input, .mdc-enq textarea{ margin-top:10px; padding:12px 14px; border-radius:12px;
    border:1px solid var(--line); background:color-mix(in srgb, var(--text) 3%, #fff);
    transition:border-color .15s, box-shadow .15s, background .15s; }
.mdc-enq input:focus, .mdc-enq textarea:focus{ outline:none; border-color:var(--accent);
    box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent); background:var(--card,#fff); }
.mdc-enq input::placeholder, .mdc-enq textarea::placeholder{ color:color-mix(in srgb, var(--text) 42%, transparent); }
.mdc-enq button{ margin-top:14px; padding:13px; border-radius:var(--btn-radius,12px);
    background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 70%, #000));
    box-shadow:0 10px 24px -12px color-mix(in srgb, var(--accent) 70%, transparent);
    transition:transform .1s ease, filter .15s ease; }
.mdc-enq button:hover{ filter:brightness(1.06); }
.mdc-enq button:active{ transform:scale(.98); }

.mdc-stars-pick{ display:flex; gap:6px; font-size:30px; line-height:1; margin:10px 0 2px; }
.mdc-stars-pick button{ background:none; border:0; cursor:pointer; color:#D9DCE5; padding:0; width:auto; margin:0;
    transition:transform .1s, color .12s; }
.mdc-stars-pick button.on{ color:#F5A623; }
.mdc-stars-pick button:hover{ transform:scale(1.15); }

.mdc-revsum{ display:inline-flex; align-items:center; gap:6px; font-weight:700; color:var(--text);
    background:color-mix(in srgb, #F5A623 16%, transparent); padding:6px 12px; border-radius:999px; margin-bottom:12px; }
.mdc-rvitem{ padding:14px; margin-top:10px; border-top:0; border:1px solid var(--line); border-radius:14px;
    background:color-mix(in srgb, var(--text) 2.5%, #fff); }
.mdc-rvtop{ display:flex; align-items:center; justify-content:space-between; }
.mdc-rvtop b{ color:var(--text); font-size:14px; }
.mdc-rvtop span{ color:#F5A623; letter-spacing:1px; font-size:13px; }
.mdc-rvitem p{ margin:6px 0 0; color:var(--muted); font-size:13.5px; line-height:1.55; }

.mdc-enq-ok{ margin-top:12px; padding:14px; border-radius:12px; display:flex; align-items:center; gap:8px;
    background:color-mix(in srgb, var(--success,#16a34a) 12%, transparent); color:#15803d; font-weight:600; }


/* Gallery lightbox arrows */
.mdc-lb-nav{ position:absolute; top:50%; transform:translateY(-50%); width:48px; height:48px;
    border-radius:50%; border:0; background:rgba(255,255,255,.16); color:#fff; font-size:30px;
    line-height:1; cursor:pointer; display:none; align-items:center; justify-content:center; z-index:2; }
.mdc-lb-prev{ left:10px; } .mdc-lb-next{ right:10px; }
.mdc-lb-nav:hover{ background:rgba(255,255,255,.3); }


/* --- card fixes: icon colour, dock/overlay clash, video facade, QR size --- */

/* 1. A social link with no brand (a plain website) fell back to var(--accent)
      with no fallback value — on themes that don't set it the circle rendered
      blank. Give it a real colour and a globe glyph. */
.pf-link, .pf-website, .pf-web, .pf-site{ background:var(--accent, #4F46E5); }

/* 2. The sticky dock sits in its own stacking context, so it painted OVER the
      product-enquiry sheet and the image lightbox — hiding the send button.
      Hide the dock whenever an overlay is open. */
body:has(.mdc-penq.show) .mdc-dock,
body:has(#mdc-lb[style*="display: flex"]) .mdc-dock,
body:has(#mdc-lb[style*="display:flex"]) .mdc-dock,
body:has(.mdc-occ.show) .mdc-dock{ display:none !important; }
/* Belt and braces for browsers without :has() — keep the sheet clear of the dock. */
.mdc-penq-box{ padding-bottom:calc(30px + env(safe-area-inset-bottom) + 76px); }

/* 3. Video facade: a platform that blocks embedding (Instagram, Facebook) has no
      thumbnail, which left an empty circle. Make the placeholder branded. */
.mdc-vfacade-blank{ display:grid; place-items:center; width:100%; height:100%;
    background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 22%, #1b1d2e), #12131f);
    color:#fff; font-weight:700; font-size:15px; letter-spacing:.02em; text-align:center; padding:16px; }

/* 4. Payment QR was rendered small; customers scan this, so give it room. */
.mdc-qr{ width:min(320px, 86vw); height:min(320px, 86vw); padding:10px; cursor:zoom-in; }


/* Label beside an additional contact row ("Reception", "Emergency"). */
.mdc-li-tag{ font-style:normal; font-size:11px; font-weight:600; letter-spacing:.02em;
    text-transform:uppercase; opacity:.6; margin-left:6px; }


/* --- Collapsible sections (themes opting in with data-mdc-collapse) --- */
[data-mdc-collapse] .mdc-sec-toggle{ cursor:pointer; display:flex; align-items:center; gap:8px; }
[data-mdc-collapse] .mdc-sec-caret{ margin-left:auto; font-size:12px; opacity:.55; transition:transform .25s ease; }
[data-mdc-collapse] .mdc-sec.is-shut .mdc-sec-caret{ transform:rotate(180deg); }
/* Grid trick: animates to and from "auto" height without measuring anything. */
[data-mdc-collapse] .mdc-sec-wrap{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .3s ease; }
[data-mdc-collapse] .mdc-sec.is-shut .mdc-sec-wrap{ grid-template-rows:0fr; }
[data-mdc-collapse] .mdc-sec-inner{ overflow:hidden; min-height:0; }
@media (prefers-reduced-motion: reduce){
    [data-mdc-collapse] .mdc-sec-wrap{ transition:none }
    [data-mdc-collapse] .mdc-sec-caret{ transition:none }
}

.mdc-vfacade.v-instagram .mdc-vfacade-blank{background:linear-gradient(135deg,#515BD4,#8134AF 30%,#DD2A7B 60%,#FEDA77);color:#fff;font-weight:800;letter-spacing:.02em}
.mdc-vfacade-live{position:absolute;left:0;top:-58px;width:100%;height:calc(100% + 190px);border:0;pointer-events:none;background:#fff}
.mdc-vfacade.is-live{overflow:hidden}
.mdc-vfacade.is-live .mdc-vfacade-play{z-index:2}
.mdc-toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:1400;transform:translate(-50%,20px);opacity:0;padding:10px 16px;border-radius:12px;background:rgba(17,17,17,.92);color:#fff;font:600 14px/1.2 Inter,system-ui,sans-serif;pointer-events:none;transition:opacity .2s,transform .2s}
.mdc-toast.show{opacity:1;transform:translate(-50%,0)}
.mdc-copy{margin-left:auto;flex:none;width:36px;height:36px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;opacity:.75}
.mdc-srch{position:fixed;inset:0;z-index:1350;background:rgba(10,10,10,.45);opacity:0;transition:opacity .2s;display:flex;justify-content:center;align-items:flex-start;padding:max(14px,env(safe-area-inset-top)) 12px 12px}
.mdc-srch.show{opacity:1}
.mdc-srch-box{width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;border-radius:18px;background:#fff;color:#111;box-shadow:0 30px 60px -20px rgba(0,0,0,.5);overflow:hidden;transform:translateY(-10px);transition:transform .2s}
.mdc-srch.show .mdc-srch-box{transform:none}
.mdc-srch-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid #eee}
.mdc-srch-bar input{flex:1;min-width:0;height:44px;border:0;outline:0;font:500 16px/1 Inter,system-ui,sans-serif;background:transparent;color:inherit}
.mdc-srch-x{width:40px;height:40px;border:0;border-radius:10px;background:#f2f2f2;font-size:22px;cursor:pointer;color:#333}
.mdc-srch-res{overflow-y:auto;padding:6px}
.mdc-srch-it{display:block;width:100%;text-align:left;padding:10px 12px;border:0;border-radius:12px;background:transparent;cursor:pointer;color:inherit}
.mdc-srch-it:hover{background:#f5f5f5}
.mdc-srch-it small{display:block;font:700 11px/1.2 Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#888;margin-bottom:3px}
.mdc-srch-it span{font:500 14.5px/1.4 Inter,sans-serif}
.mdc-srch-none{padding:18px;text-align:center;color:#888;font:500 14px/1.4 Inter,sans-serif}
.mdc-hit{animation:mdcHit 1.8s ease}
@keyframes mdcHit{0%,60%{box-shadow:0 0 0 3px rgba(255,196,0,.9)}100%{box-shadow:0 0 0 0 rgba(255,196,0,0)}}
.mdc-srch[hidden]{display:none}
.mdc-map-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:180px;border:1px solid rgba(127,127,127,.25);border-radius:14px;cursor:pointer;color:inherit;font:700 15px/1.2 inherit;background:repeating-linear-gradient(45deg,rgba(127,127,127,.06) 0 10px,transparent 10px 20px),rgba(127,127,127,.06)}
.mdc-map-pin{font-size:30px}

body:has(.ct,.th,.sl,.cb,.cs,.sr,.pk,.bt) .mdc-legal{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
body:has(.ct,.th,.sl,.cb,.cs,.sr,.pk,.bt) .mdc-appbar:not(:has(button:not([hidden]))){display:none}

.mdc-hl{position:relative;z-index:2;animation:mdcHl 1.2s ease-in-out 3}
@keyframes mdcHl{0%,100%{box-shadow:0 0 0 0 rgba(244,163,0,0)}50%{box-shadow:0 0 0 6px rgba(244,163,0,.85)}}

.mdc-oos{position:relative;opacity:.55;filter:grayscale(.85)}
.mdc-oos button,.mdc-oos .gd-q,.mdc-oos .cx-pf a,.mdc-oos [data-ct-add],.mdc-oos .ct-add,.mdc-oos .sr-heart,.mdc-oos a[href*="wa.me"],.mdc-oos [data-bt-try]{pointer-events:none!important;visibility:hidden}
.mdc-oos::after{content:attr(data-oos);position:absolute;left:50%;top:50%;z-index:3;transform:translate(-50%,-50%) rotate(-8deg);padding:5px 12px;border:2px solid #B42318;border-radius:8px;background:rgba(255,255,255,.92);color:#B42318;font:800 13px/1.1 system-ui,-apple-system,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;filter:none}
.sl-sv.mdc-oos,.cb-list li.mdc-oos,.pk-rates li.mdc-oos{pointer-events:none}
.mdc-rev .stars{color:#F5B300!important}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-x-0{left:0;right:0}.-top-3{top:-.75rem}.bottom-0{bottom:0}.left-6{left:1.5rem}.left-7{left:1.75rem}.top-0{top:0}.z-10{z-index:10}.z-30{z-index:30}.m-4{margin:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mt-9{margin-top:-2.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[72px\]{height:72px}.min-h-screen{min-height:100vh}.\!w-auto{width:auto!important}.w-10{width:2.5rem}.w-12{width:3rem}.w-20{width:5rem}.w-28{width:7rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[270px\]{width:270px}.w-\[72px\]{width:72px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[520px\]{min-width:520px}.min-w-\[700px\]{min-width:700px}.min-w-\[820px\]{min-width:820px}.min-w-\[900px\]{min-width:900px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[420px\]{max-width:420px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.shrink-0{flex-shrink:0}.origin-top{transform-origin:top}.scale-\[0\.92\]{--tw-scale-x:0.92;--tw-scale-y:0.92}.scale-\[0\.92\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-line>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(230 232 240/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl,.rounded-\[1\.5rem\]{border-radius:1.5rem}.rounded-\[2\.2rem\]{border-radius:2.2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[10px\]{border-width:10px}.border-y{border-top-width:1px}.border-b,.border-y{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-\[\#0E1330\]{--tw-border-opacity:1;border-color:rgb(14 19 48/var(--tw-border-opacity,1))}.border-\[\#E6E8F0\]{--tw-border-opacity:1;border-color:rgb(230 232 240/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-300{--tw-border-opacity:1;border-color:rgb(252 211 77/var(--tw-border-opacity,1))}.border-indigo{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-indigo\/30{border-color:rgba(79,70,229,.3)}.border-ink{--tw-border-opacity:1;border-color:rgb(14 19 48/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(230 232 240/var(--tw-border-opacity,1))}.border-line\/60{border-color:rgba(230,232,240,.6)}.border-line\/70{border-color:rgba(230,232,240,.7)}.border-mint\/30{border-color:rgba(20,184,166,.3)}.border-mint\/40{border-color:rgba(20,184,166,.4)}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-violet{--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity,1))}.border-violet\/30{border-color:rgba(124,58,237,.3)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/30{border-color:hsla(0,0%,100%,.3)}.bg-\[\#4F46E5\]{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-\[\#F5F6FF\]{--tw-bg-opacity:1;background-color:rgb(245 246 255/var(--tw-bg-opacity,1))}.bg-\[\#F8F9FF\]{--tw-bg-opacity:1;background-color:rgb(248 249 255/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-indigo{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-indigo\/10{background-color:rgba(79,70,229,.1)}.bg-indigo\/5{background-color:rgba(79,70,229,.05)}.bg-indigo\/\[\.04\]{background-color:rgba(79,70,229,.04)}.bg-ink{--tw-bg-opacity:1;background-color:rgb(14 19 48/var(--tw-bg-opacity,1))}.bg-ink\/10{background-color:rgba(14,19,48,.1)}.bg-ink\/5{background-color:rgba(14,19,48,.05)}.bg-ink\/90{background-color:rgba(14,19,48,.9)}.bg-ink\/95{background-color:rgba(14,19,48,.95)}.bg-ink\/\[\.03\]{background-color:rgba(14,19,48,.03)}.bg-ink\/\[\.06\]{background-color:rgba(14,19,48,.06)}.bg-mint{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-mint\/10{background-color:rgba(20,184,166,.1)}.bg-mint\/15{background-color:rgba(20,184,166,.15)}.bg-mint\/20{background-color:rgba(20,184,166,.2)}.bg-mint\/5{background-color:rgba(20,184,166,.05)}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-violet\/5{background-color:rgba(124,58,237,.05)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:hsla(0,0%,100%,.1)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-\[\#F5F6FF\]{--tw-gradient-from:#f5f6ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:rgba(79,70,229,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-\[\#F5F6FF\]\/80{--tw-gradient-to:rgba(245,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(245,246,255,.8) var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-violet{--tw-gradient-to:rgba(124,58,237,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7c3aed var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-mint{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.to-violet{--tw-gradient-to:#7c3aed var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-6{padding-bottom:1.5rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Space Grotesk,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-\[Space_Grotesk\]{font-weight:Space Grotesk}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#0E1330\]{--tw-text-opacity:1;color:rgb(14 19 48/var(--tw-text-opacity,1))}.text-\[\#4F46E5\]{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-\[\#5B6178\]{--tw-text-opacity:1;color:rgb(91 97 120/var(--tw-text-opacity,1))}.text-amber-500{--tw-text-opacity:1;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-indigo{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(14 19 48/var(--tw-text-opacity,1))}.text-ink\/70{color:rgba(14,19,48,.7)}.text-ink\/80{color:rgba(14,19,48,.8)}.text-ink\/90{color:rgba(14,19,48,.9)}.text-mint{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(91 97 120/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-violet{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/60{color:hsla(0,0%,100%,.6)}.text-white\/70{color:hsla(0,0%,100%,.7)}.text-white\/75{color:hsla(0,0%,100%,.75)}.text-white\/80{color:hsla(0,0%,100%,.8)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-indigo{accent-color:#4f46e5}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-ink\/30{--tw-shadow-color:rgba(14,19,48,.3);--tw-shadow:var(--tw-shadow-colored)}.shadow-violet\/10{--tw-shadow-color:rgba(124,58,237,.1);--tw-shadow:var(--tw-shadow-colored)}.shadow-violet\/25{--tw-shadow-color:rgba(124,58,237,.25);--tw-shadow:var(--tw-shadow-colored)}.shadow-violet\/30{--tw-shadow-color:rgba(124,58,237,.3);--tw-shadow:var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-amber-200{--tw-ring-opacity:1;--tw-ring-color:rgb(253 230 138/var(--tw-ring-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.placeholder\:text-muted\/60::-moz-placeholder{color:rgba(91,97,120,.6)}.placeholder\:text-muted\/60::placeholder{color:rgba(91,97,120,.6)}.hover\:border-indigo:hover{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.hover\:border-indigo\/40:hover{border-color:rgba(79,70,229,.4)}.hover\:border-mint:hover{--tw-border-opacity:1;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.hover\:border-violet:hover{--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity,1))}.hover\:bg-\[\#F5F6FF\]:hover{--tw-bg-opacity:1;background-color:rgb(245 246 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo\/5:hover{background-color:rgba(79,70,229,.05)}.hover\:bg-ink:hover{--tw-bg-opacity:1;background-color:rgb(14 19 48/var(--tw-bg-opacity,1))}.hover\:bg-ink\/5:hover{background-color:rgba(14,19,48,.05)}.hover\:bg-ink\/\[\.02\]:hover{background-color:rgba(14,19,48,.02)}.hover\:bg-mint\/5:hover{background-color:rgba(20,184,166,.05)}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-violet\/5:hover{background-color:rgba(124,58,237,.05)}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/90:hover{background-color:hsla(0,0%,100%,.9)}.hover\:text-indigo:hover{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(14 19 48/var(--tw-text-opacity,1))}.hover\:text-violet:hover{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-indigo\/5:hover{--tw-shadow-color:rgba(79,70,229,.05);--tw-shadow:var(--tw-shadow-colored)}.hover\:brightness-110:hover{--tw-brightness:brightness(1.1)}.hover\:brightness-110:hover,.hover\:brightness-95:hover{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:brightness-95:hover{--tw-brightness:brightness(.95)}.focus\:border-indigo:focus{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-indigo\/15:focus{--tw-ring-color:rgba(79,70,229,.15)}.focus\:ring-indigo\/20:focus{--tw-ring-color:rgba(79,70,229,.2)}.focus\:ring-indigo\/25:focus{--tw-ring-color:rgba(79,70,229,.25)}.focus\:ring-indigo\/30:focus{--tw-ring-color:rgba(79,70,229,.3)}.active\:scale-\[\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99}.active\:scale-\[\.99\]:active,.group[open] .group-open\:rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group[open] .group-open\:rotate-45{--tw-rotate:45deg}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:1rem}.sm\:p-10{padding:2.5rem}.sm\:p-14{padding:3.5rem}.sm\:p-8{padding:2rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:justify-end{justify-content:flex-end}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}}
@font-face{font-family:"K2 Baloo";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/baloo-lat.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0-00FF,U+2013-2026,U+20B9,U+00D7,U+2212}
@font-face{font-family:"K2 Baloo";font-style:normal;font-weight:400 800;font-display:swap;src:url(../fonts/baloo-dev.woff2) format("woff2");unicode-range:U+0900-097F,U+200C-200D,U+25CC}
body:has(.k2) .mdc-dock{display:none}
body:has(.k2){background:#FFF9EC}
html[data-ct=dark] body:has(.k2){background:#15140F}
.c2 [hidden],.c2[hidden]{display:none!important}
.c2{--f:"K2 Baloo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--pg:#FFF9EC;--sf:#FFFFFF;--sf1:#FBF1DA;--sf2:#F3E6C8;--ink:#22241E;--ink2:#4A4A3F;--ink3:#7C7563;--line:#EADFC3;--line2:#DCCDA6;--pr:var(--ac-accent);--onpr:var(--ac-on);--pr1:color-mix(in srgb,var(--pr) 12%,#fff);--prd:color-mix(in srgb,var(--pr) 72%,#000);--sign:#FFC93C;--sign2:#F2B315;--wood:#C89B5C;--wood2:#A47A40;--yl:#FFF0C2;--yld:#5C4300;--wa:#0B7A3E;--err:#8C1D18;--ease:cubic-bezier(.2,0,0,1);--easeD:cubic-bezier(.05,.7,.1,1);--text:var(--ink);--muted:var(--ink2);--accent:var(--pr);--soft:var(--sf1);--soft2:var(--sf1);--surface:var(--sf);--card:var(--sf);--star:#E8A100;position:relative;max-width:560px;margin:0 auto;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));color:var(--ink);font:500 16px/1.45 var(--f);background:var(--pg)}
html[data-ct=dark] .c2{--pg:#15140F;--sf:#1F1D17;--sf1:#28251D;--sf2:#302C22;--ink:#F4F0E4;--ink2:#CFC8B4;--ink3:#A0987F;--line:#322E24;--line2:#433D2F;--pr:var(--ac-d-accent);--onpr:var(--ac-d-on);--pr1:color-mix(in srgb,var(--pr) 18%,#1F1D17);--prd:var(--ink);--sign:#E3AE22;--sign2:#C99512;--wood:#7A5B33;--wood2:#5E4526;--yl:#3A3015;--yld:#FFD98A;--err:#FFB4AB}
.c2 *{box-sizing:border-box}
.c2 button{font-family:inherit}
.c2 button,.c2 a,.c2 input{-webkit-tap-highlight-color:transparent}
.k2-sign{position:relative;padding:14px 16px 14px;background:var(--sign);color:#1E2A18}
.k2-shut{position:absolute;left:0;right:0;top:0;height:10px;background:repeating-linear-gradient(90deg,var(--pr) 0 22px,var(--pg) 22px 44px)}
.k2-bar{display:flex;align-items:center;gap:8px;margin-top:6px}
.k2-logo{flex:none;width:34px;height:34px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:var(--pr);color:var(--sign);font:800 15px var(--f)}
.k2-logo img{width:100%;height:100%;object-fit:cover}
.k2-area{flex:1;min-width:0;font:700 12px var(--f);letter-spacing:2px;color:#5C4300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.k2-ib{flex:none;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}
.k2-ib:hover{background:rgba(0,0,0,.07)}
.k2-ib .i-moon{display:none}html[data-ct=dark] .k2-ib .i-sun{display:none}html[data-ct=dark] .k2-ib .i-moon{display:inline}
.k2-board{display:flex;align-items:center;gap:12px;margin-top:6px}
.k2-bt{flex:1;min-width:0}
.k2-name{margin:0;font:800 clamp(28px,8vw,36px)/1.05 var(--f);letter-spacing:-.01em;color:#1E3B1F}
.k2-tl{margin:4px 0 0;font:600 14.5px/1.35 var(--f);color:#4A3A00}
.k2-stamp{flex:none;width:68px;height:68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;line-height:1.05;background:var(--pr);color:var(--sign);border:3px dashed var(--pg);transform:rotate(-8deg);box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.k2-stamp b{font:800 15px var(--f);letter-spacing:.5px}
.k2-stamp small{max-width:58px;font:600 9.5px/1.1 var(--f)}
.k2-stamp.is-shut{background:#8C1D18;color:#FFE3E0}
.k2-acts{display:flex;gap:8px;margin-top:12px}
.k2-wa{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border-radius:12px;background:var(--pr);color:var(--onpr);text-decoration:none;font:700 15px var(--f);box-shadow:0 4px 0 color-mix(in srgb,var(--pr) 60%,#000)}
.k2-wa:active{transform:translateY(2px);box-shadow:0 2px 0 color-mix(in srgb,var(--pr) 60%,#000)}
.k2-sq{flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--pg);color:var(--pr);text-decoration:none;box-shadow:0 4px 0 var(--sign2)}
html[data-ct=dark] .k2-sq{color:var(--ink)}
.k2-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:12px;font:600 13px var(--f);color:#4A3A00}
.k2-meta span{display:inline-flex;align-items:center;gap:5px}
.k2-meta svg{color:var(--pr)}
.k2-main{padding:0 0 0}
.k2-offer{display:flex;flex-direction:column;margin:14px 16px 0;padding:12px 14px;border-radius:14px;background:var(--yl);color:var(--yld);border:2px dashed var(--sign2)}
.k2-offer small{font:700 11.5px var(--f);letter-spacing:.1em;text-transform:uppercase}
.k2-offer b{font:700 16px/1.35 var(--f);color:var(--ink)}
.k2-offer em{font-style:normal;font-size:13px}
.k2-repeat{display:flex;align-items:center;gap:10px;margin:14px 16px 0;padding:10px 10px 10px 14px;border-radius:14px;background:var(--pr1);color:var(--prd);font-size:14px}
.k2-repeat span{flex:1}
.k2-repeat button{height:40px;padding:0 14px;border:0;border-radius:999px;background:var(--pr);color:var(--onpr);font:700 14px var(--f);cursor:pointer}
.k2-aisles{position:sticky;top:0;z-index:30;display:flex;gap:6px;padding:12px 16px 10px;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,var(--pg) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.k2-aisles::-webkit-scrollbar{display:none}
.k2-aisles a{flex:none;display:flex;flex-direction:column;padding:6px 12px;border-radius:10px;border:1.5px solid var(--line2);background:var(--sf);color:var(--ink2);text-decoration:none;line-height:1.15}
.k2-aisles a small{font:700 10px var(--f);letter-spacing:.06em;color:var(--ink3);text-transform:uppercase}
.k2-aisles a b{font:700 14px var(--f);white-space:nowrap}
.k2-aisles a.on{background:var(--pr);border-color:var(--pr);color:var(--onpr)}.k2-aisles a.on small{color:inherit;opacity:.8}
.k2-search{display:flex;align-items:center;gap:10px;height:46px;margin:2px 16px 4px;padding:0 16px;border-radius:12px;background:var(--sf);border:1.5px solid var(--line2);color:var(--ink3)}
.k2-search:focus-within{border-color:var(--pr)}
.k2-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font:500 16px var(--f)}
.k2-aisle{padding:16px 0 0;scroll-margin-top:72px}
.k2-ah{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 16px}
.k2-ah h2{margin:0;font:800 21px/1.2 var(--f);color:color-mix(in srgb,var(--pr) 70%,var(--ink))}
html[data-ct=dark] .k2-ah h2{color:var(--ink)}
.k2-ah span{font:600 12.5px var(--f);color:var(--ink3)}
.k2-shelf{position:relative;display:flex;gap:12px;margin-top:6px;padding:8px 16px 16px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;border-bottom:12px solid var(--wood);box-shadow:0 7px 0 -2px var(--wood2),0 18px 22px -16px rgba(80,50,10,.45)}
.k2-shelf::-webkit-scrollbar{display:none}
.k2-p{flex:none;width:138px;display:flex;flex-direction:column;align-items:center;text-align:center;scroll-snap-align:start}
.k2-p.is-more{display:none}.k2-p.is-more.show{display:flex}
.k2-pim{position:relative;width:110px;height:118px;border-radius:14px 14px 6px 6px;overflow:hidden;background:var(--sf2);box-shadow:inset 0 -10px 16px -12px rgba(0,0,0,.25)}
.k2-pim img{width:100%;height:100%;object-fit:cover}
.k2-noimg{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--pr) 55%,var(--ink3));background:linear-gradient(180deg,var(--sf1),var(--sf2))}
.k2-tag{position:relative;z-index:1;margin-top:-14px;padding:5px 12px 5px 20px;background:var(--sf);border:1.5px solid var(--ink);clip-path:polygon(11px 0,100% 0,100% 100%,11px 100%,0 50%);transform:rotate(var(--r,0deg))}
.k2-tag::before{content:"";position:absolute;left:6px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--ink)}
.k2-tag b{font:800 16px/1 var(--f)}
.k2-nm{margin-top:7px;font:700 14.5px/1.2 var(--f)}
.k2-ds{margin-top:2px;font:500 12px/1.25 var(--f);color:var(--ink3)}
.k2-add{margin-top:8px;min-height:40px;padding:0 18px;border:2px solid var(--pr);border-radius:10px;background:var(--sf);color:var(--pr);font:800 14.5px var(--f);cursor:pointer;transition:transform .12s}
html[data-ct=dark] .k2-add{color:#8EE0AE;border-color:#8EE0AE}
.k2-add:active{transform:scale(.95)}
.k2-step{display:inline-flex;align-items:center;margin-top:8px;height:40px;border-radius:10px;background:var(--pr);color:var(--onpr)}
.k2-step button{width:40px;height:40px;border:0;background:transparent;color:inherit;font:700 20px/1 var(--f);cursor:pointer}
.k2-step b{min-width:14px;font:800 15px var(--f)}
.c2 .mdc-oos .k2-nm{color:var(--ink3)}
.k2-amore{flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:96px;height:118px;border:2px dashed var(--line2);border-radius:14px;background:transparent;color:var(--ink2);font:700 14px var(--f);cursor:pointer}
.k2-amore b{font:800 20px var(--f);color:var(--pr)}
.c2-empty{padding:18px;text-align:center;color:var(--ink3)}
.k2-list{display:flex;align-items:center;justify-content:center;min-height:48px;margin:18px 16px 0;border-radius:12px;border:1.5px dashed var(--line2);color:var(--ink2);text-decoration:none;font:700 14.5px var(--f)}
.k2-hours{margin:18px 16px 0;padding:4px 16px 8px;border-radius:14px;background:var(--sf);border:1.5px solid var(--line)}
.k2-hours summary{display:flex;align-items:center;gap:8px;min-height:46px;list-style:none;cursor:pointer;font:700 16px var(--f)}
.k2-hours summary::-webkit-details-marker{display:none}
.k2-hours summary svg{color:var(--pr)}
.k2-hours summary em{margin-left:auto;font:600 13.5px var(--f);font-style:normal;color:var(--ink2)}
.k2-car{width:8px;height:8px;margin-left:8px;border:solid var(--ink3);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.k2-hours[open] .k2-car{transform:rotate(-135deg)}
.k2-hours div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:14.5px;color:var(--ink2);border-top:1px dashed var(--line2)}
.k2-hours div b{color:var(--ink)}
.k2-hours div.on span,.k2-hours div.on b{color:var(--pr);font-weight:800}
.k2-hours div.shut b{color:var(--err)}
.k2-sections{padding:0 16px}
.c2 .mdc-actions,.c2 .mdc-cta{display:none}
.c2 .mdc-sec{margin-top:16px;padding:16px;border:1.5px solid var(--line);border-radius:14px;background:var(--sf);box-shadow:none}
.c2 .mdc-sec>h2{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:800 18px/1.2 var(--f);color:var(--ink)}
.c2 .mdc-sec>h2 i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--sign);color:#1E2A18;font-size:13px}
.c2 .mdc-sec>h2 i:last-child:not(:first-child){margin-left:auto;color:var(--ink3)}
.c2 .mdc-sec-caret::before{content:"";display:block;width:8px;height:8px;border:solid currentColor;border-width:2px 2px 0 0;transform:translateY(2px) rotate(-45deg);transition:transform .25s var(--ease)}
.c2 .mdc-sec>h2[aria-expanded=false] .mdc-sec-caret::before{transform:translateY(-2px) rotate(135deg)}
.c2 .mdc-sec p,.c2 .mdc-sec li{color:var(--ink2)}
.c2 .mdc-li{border:1px solid var(--line);border-radius:12px;background:var(--sf)}
.c2 .mdc-li .ic{border-radius:10px;background:var(--yl);color:var(--yld)}
.c2 .mdc-gal{column-count:unset;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.c2 .mdc-gal img{aspect-ratio:1;object-fit:cover;margin:0;border-radius:10px}
.c2 .mdc-rev{border-radius:14px;background:linear-gradient(135deg,var(--yl),var(--pr1));color:var(--ink)}
.c2 .mdc-rev .num{font:800 46px var(--f);color:var(--prd)}
.c2 .mdc-rev a{border-radius:999px;background:var(--pr);color:var(--onpr);font:700 14px var(--f)}
.c2 .mdc-rvitem{border:1px solid var(--line);border-radius:12px;background:var(--sf1)}
.c2 .mdc-enq input,.c2 .mdc-enq textarea,.c2 .mdc-enq select{min-height:48px;border:1.5px solid var(--line2);border-radius:12px;background:var(--sf);color:var(--ink);font:500 16px var(--f)}
.c2 .mdc-enq button{min-height:52px;border-radius:12px;background:var(--pr);color:var(--onpr);font:700 16px var(--f)}
.c2 .mdc-upi-row{border:1px solid var(--line);border-radius:12px;background:var(--sf1)}
.c2 .mdc-upi-copy{border-radius:10px;background:var(--pr);color:var(--onpr)}
.k2-share{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 16px 6px}
.k2-share button{min-height:48px;border-radius:12px;border:1.5px solid var(--line2);background:var(--sf);color:var(--ink);font:700 14px var(--f);cursor:pointer}
.k2-receipt{display:none}
.k2-zz{display:block;height:10px;margin-top:-10px;background:radial-gradient(circle at 6px 0,transparent 6px,var(--sf) 6.5px) -6px 0/12px 10px repeat-x}
.k2-rhead{display:flex;align-items:center;justify-content:space-between;padding:6px 0 8px;border-bottom:1.5px dashed var(--line2);font:700 12.5px var(--f);letter-spacing:2px;color:var(--ink3)}
.k2-lines .c2-ln{border-bottom:1px dashed var(--line2)}
.k2-rempty{display:flex;flex-direction:column;align-items:center;gap:6px;margin:12px 0 0;padding:18px 10px;color:var(--ink3);font:600 14px var(--f);text-align:center}
.k2-rfoot{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.k2-tot{display:flex;align-items:baseline;justify-content:space-between;padding-top:8px;border-top:2px solid var(--ink)}
.k2-tot small{font:700 12px var(--f);letter-spacing:2px;color:var(--ink3)}
.k2-tot b{font:800 28px var(--f)}
.k2-send{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;border-radius:12px;background:var(--wa);color:#fff;text-decoration:none;font:800 16px var(--f);box-shadow:0 4px 0 #075A2D}
.k2-send:active{transform:translateY(2px);box-shadow:0 2px 0 #075A2D}
.k2-upi{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:12px;background:var(--yl);color:var(--yld);text-decoration:none;font:700 15px var(--f)}
.k2-strip{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:61;display:flex;align-items:center;gap:12px;max-width:536px;min-height:60px;margin:0 auto;padding:6px 8px 8px 16px;border:0;border-radius:2px 2px 14px 14px;background:var(--sf);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 -4px 24px -10px rgba(0,0,0,.35);animation:c2In .3s var(--easeD)}
.k2-strip .k2-zz{position:absolute;left:0;right:0;top:0}
.k2-sl{flex:1;display:flex;flex-direction:column;line-height:1.15}
.k2-sl small{font:700 11px var(--f);letter-spacing:2px;color:var(--ink3)}
.k2-sl b{font:800 17px var(--f)}
.k2-strip em{display:flex;align-items:center;min-height:46px;padding:0 14px;border-radius:12px;background:var(--wa);color:#fff;font:800 14px var(--f);font-style:normal;box-shadow:0 3px 0 #075A2D}
.k2-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;max-width:560px;margin:0 auto;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--sf);border-top:2px solid var(--sign)}
.k2-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:56px;border-radius:12px;color:var(--ink);text-decoration:none;font:700 12.5px var(--f)}
.k2-dock .d-wa{background:var(--wa);color:#fff}
.k2-rsheet{border-radius:4px 4px 0 0!important;padding-top:14px!important}
.k2-rsheet .k2-zz{position:absolute;left:0;right:0;top:0}
.k2-snack{bottom:calc(160px + env(safe-area-inset-bottom,0px))}
.c2-snack{position:fixed;left:16px;right:16px;bottom:calc(158px + env(safe-area-inset-bottom,0px));z-index:62;display:flex;align-items:center;gap:12px;max-width:528px;min-height:48px;margin:0 auto;padding:0 6px 0 16px;border-radius:8px;background:#2F2E2A;color:#F3F0E8;font:500 14.5px var(--f);box-shadow:0 8px 20px -8px rgba(0,0,0,.4);animation:c2In .3s var(--easeD)}
.c2-snack span{flex:1}
.c2-snack button{height:40px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#B9E8C8;font:700 14px var(--f);cursor:pointer}
.c2-snack.no-bag{bottom:calc(92px + env(safe-area-inset-bottom,0px))}
@keyframes c2In{from{opacity:0;transform:translateY(12px)}}
.c2-bag{position:fixed;left:16px;right:16px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:61;display:flex;align-items:center;gap:12px;max-width:528px;height:58px;margin:0 auto;padding:0 16px;border:0;border-radius:16px;background:var(--pr);color:var(--onpr);text-align:left;cursor:pointer;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--pr) 70%,#000);animation:c2In .3s var(--easeD)}
.c2-bag span{flex:1;display:flex;flex-direction:column}
.c2-bag b{font:700 15.5px/19px var(--f)}
.c2-bag small{font-size:12.5px;opacity:.85}
.c2-bag em{display:inline-flex;align-items:center;gap:6px;font:700 15px var(--f);font-style:normal}
.c2-dock{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px;max-width:560px;margin:0 auto;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--sf);border-top:1px solid var(--line)}
.c2-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:58px;border-radius:14px;color:var(--ink);text-decoration:none;font:600 12.5px var(--f);transition:background .15s var(--ease)}
.c2-dock a:active{background:color-mix(in srgb,var(--ink) 10%,transparent)}
.c2-dock .d-wa{background:var(--wa);color:#fff}
.c2-dock .d-wa:active{background:#096632}
.c2-sheet{position:fixed;inset:0;z-index:80}
.c2-scrim{position:absolute;inset:0;background:rgba(28,27,23,.45);animation:c2Fade .25s var(--ease)}
@keyframes c2Fade{from{opacity:0}}
.c2-pn{position:absolute;left:0;right:0;bottom:0;max-width:560px;max-height:92vh;margin:0 auto;overflow-y:auto;padding:0 20px calc(18px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;background:var(--sf);animation:c2Up .35s var(--easeD)}
@keyframes c2Up{from{transform:translateY(100%)}}
.c2-grab{display:block;width:36px;height:4px;margin:10px auto 6px;border-radius:999px;background:var(--line2)}
.c2-ph{display:flex;align-items:center;justify-content:space-between}
.c2-ph h2,.c2-cart h2{margin:0;font:800 22px var(--f)}
.c2-lines{margin-top:6px}
.c2-ln{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.c2-ln div{flex:1;min-width:0}
.c2-ln b{display:block;font:600 15px/1.3 var(--f)}
.c2-ln small{color:var(--ink3);font-size:13px}
.c2-ln .c2-qs{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--line2)}
.c2-ln .c2-qs button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--pr);font:600 20px var(--f);cursor:pointer}
html[data-ct=dark] .c2-ln .c2-qs button{color:#8EE0AE}
.c2-ln .c2-qs span{min-width:18px;text-align:center;font:700 15px var(--f)}
.c2-lab{margin:16px 0 8px;font:600 13px var(--f);color:var(--ink2)}
.c2-seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:999px;background:var(--sf1)}
.c2-seg button{height:44px;border:0;border-radius:999px;background:transparent;color:var(--ink2);font:600 14.5px var(--f);cursor:pointer;transition:background .2s var(--ease)}
.c2-seg button.on{background:var(--sf);color:var(--ink);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.12)}
html[data-ct=dark] .c2-seg button.on{background:var(--sf2)}
.c2-f{display:block;margin-top:12px}
.c2-f span{display:block;margin-bottom:6px;font:600 13px var(--f);color:var(--ink2)}
.c2-f input{width:100%;height:52px;padding:0 14px;border-radius:12px;border:1px solid var(--line2);background:var(--sf);color:var(--ink);font:400 16px var(--f);outline:0}
.c2-f input:focus{border-color:var(--pr);box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 18%,transparent)}
.c2-sfoot{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.c2-tot{display:flex;align-items:baseline;justify-content:space-between}
.c2-tot span{color:var(--ink2);font-size:14px}.c2-tot b{font:800 24px var(--f)}
.c2-send{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border-radius:16px;background:var(--wa);color:#fff;text-decoration:none;font:700 16.5px var(--f)}
.c2-send:active{background:#096632}
.c2-upi{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:16px;background:var(--pr1);color:var(--prd);text-decoration:none;font:700 15px var(--f)}
html[data-ct=dark] .c2-upi{color:var(--ink)}
.c2 :focus-visible{outline:3px solid color-mix(in srgb,var(--pr) 55%,transparent);outline-offset:2px}
.c2 .rv{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease);transition-delay:var(--rd,0s)}
.c2 .rv.rv-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.c2 *{animation:none!important;transition:none!important}.c2 .rv{opacity:1;transform:none}}
@media (min-width:1000px){
.c2{max-width:none;padding-bottom:40px}
.k2-sign{padding:16px max(32px,calc(50% - 600px)) 18px}
.k2-board{margin-top:4px}
.k2-name{font-size:44px}
.k2-acts{max-width:560px}
.k2-wrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;max-width:1240px;margin:0 auto;padding:0 32px}
.k2-main{min-width:0}
.k2-aisles{padding:14px 0 10px;margin:0}
.k2-search,.k2-offer,.k2-repeat,.k2-hours,.k2-list,.k2-share{margin-left:0;margin-right:0}
.k2-ah{padding:0}
.k2-shelf{padding:8px 0 16px;flex-wrap:wrap;overflow:visible;row-gap:20px}
.k2-p{width:150px}
.k2-sections{padding:0;columns:2;column-gap:16px}.k2-sections .mdc-sec{break-inside:avoid}
.k2-rdesk{display:block;position:sticky;top:20px;align-self:start;margin-top:24px;padding:20px 18px 18px;border-radius:4px 4px 16px 16px;background:var(--sf);box-shadow:0 18px 40px -22px rgba(60,40,10,.45)}
.k2-rdesk::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:radial-gradient(circle at 6px 0,transparent 6px,var(--sf) 6.5px) -6px 0/12px 10px repeat-x}
.k2-rdesk .k2-rfoot[hidden]{display:none!important}
.k2-strip,.k2-dock,.c2-sheet{display:none!important}
.c2-snack{left:auto;right:32px;bottom:32px;width:380px}
}