/* EKSEERA v4 storefront additions. Uses the shell's design tokens. */
.ek-pop{position:fixed;inset:0;z-index:140;background:rgba(10,20,15,.55);display:flex;align-items:flex-start;justify-content:center;padding:max(16px,env(safe-area-inset-top,0px)) 14px 14px;overflow:auto}
.ek-pop>.box{background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:18px;padding:22px;width:min(640px,100%);margin-block:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.ek-pop .xbtn{position:absolute;inset-block-start:10px;inset-inline-end:12px;background:none;border:0;font-size:26px;line-height:1;color:var(--fg)}
.ek-pop h3{font-size:24px;margin-bottom:10px}
.ek-pop input,.ek-pop select,.ek-pop textarea,.ek-box input,.ek-box select,.ek-box textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-block:4px}
.ek-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ek-row>*{min-width:0}
.ek-stars{color:var(--gold);letter-spacing:1px;font-size:14px;white-space:nowrap}
.ek-stars small{color:var(--muted);letter-spacing:0;margin-inline-start:4px}
.ek-heart,.ek-cmp{position:absolute;inset-block-start:10px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--fg);display:grid;place-items:center;font-size:18px;line-height:1;padding:0}
.ek-heart{inset-inline-start:10px}.ek-cmp{inset-inline-start:52px;font-size:14px}
.ek-heart[aria-pressed="true"]{color:#c0394f;border-color:#c0394f}.ek-cmp[aria-pressed="true"]{background:var(--gold);color:#10201A;border-color:var(--gold)}
.pcard{position:relative}
.ek-theme{background:var(--tc,var(--gold));color:#10201A;text-align:center;padding:8px 14px;font-size:14px;font-weight:500}
.ek-theme a{color:inherit;font-weight:700}
.ek-tbtn{background:none;border:1px solid rgba(255,255,255,.35);color:inherit;border-radius:999px;min-width:38px;height:38px;padding:0 10px;position:relative;font-size:16px}
.ek-tbtn .n{position:absolute;inset-block-start:-5px;inset-inline-end:-5px;background:var(--gold);color:#10201A;border-radius:999px;font-size:11px;min-width:18px;height:18px;display:grid;place-items:center}
.ek-sec{padding-block:48px}
.ek-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.ek-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;text-decoration:none;color:var(--fg);display:block}
.ek-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin-bottom:8px}
.ek-card b{display:block}
.ek-muted{color:var(--muted);font-size:14px}
.ek-chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:13px;margin:2px;background:var(--bg)}
.ek-ok{color:var(--ok)}.ek-bad{color:var(--danger)}
.ek-box{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-block:10px}
.ek-rv{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.ek-rv img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-top:8px}
.ek-vb{font-size:12px;color:var(--ok);margin-inline-start:6px}
.ek-sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:90;background:var(--green);color:#fff;display:none;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 20px rgba(0,0,0,.2)}
.ek-sticky a,.ek-sticky button{flex:1;text-align:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:9px 6px;text-decoration:none;font-size:14px}
.ek-sticky .p{background:var(--gold);color:#10201A;border-color:var(--gold);font-weight:700}
@media (max-width:700px){.ek-sticky.on{display:flex}body.ek-has-sticky{padding-bottom:64px}.wa-float{inset-block-end:76px!important}}
.ek-rec{display:inline-flex;gap:8px;align-items:center}
.ek-rec .dot{width:10px;height:10px;border-radius:50%;background:#c0394f;animation:ekp 1s infinite}
@keyframes ekp{50%{opacity:.25}}
.ek-qr{background:#fff;padding:10px;border-radius:12px;display:inline-block;line-height:0}
.ek-print{background:#fff;color:#222;border:2px solid #C8A86B;border-radius:12px;padding:22px;text-align:center;max-width:380px;margin:auto}
@media print{body>*:not(#ek-printroot){display:none!important}#ek-printroot{display:block!important}.ek-pop{position:static;background:none;padding:0}.ek-pop .xbtn,.ek-noprint{display:none!important}.ek-pop>.box{box-shadow:none;border:0}}
.ek-tl li{opacity:.55}.ek-tl li.on{opacity:1;font-weight:700;color:var(--ok)}
.ek-share-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
@media (prefers-reduced-motion:reduce){.ek-rec .dot{animation:none}}
/* v5 */
.ek-smp{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:8px 0;padding:10px 12px;border:1px dashed var(--gold,#C8A86B);border-radius:12px;background:rgba(200,168,107,.08)}
.ek-up{margin:10px 0;padding:12px;border-radius:14px;background:linear-gradient(135deg,rgba(200,168,107,.14),rgba(214,184,196,.14));border:1px solid rgba(200,168,107,.4)}
.ek-up .ek-upl{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.ek-up .ek-upl button{display:inline-flex;gap:6px;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--gold,#C8A86B);background:transparent;color:inherit;cursor:pointer;font:inherit}
.ek-up.ok{text-align:center;font-weight:600}
.ek-chip.smp{background:rgba(200,168,107,.25)}
.ek-consult{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:12px 0;padding:12px;border-radius:14px;border:1px solid rgba(18,60,47,.25)}