/* =========================================================
   HOME CONVERSION SECTIONS
   Honest, responsive and mobile-first homepage
   ========================================================= */

.home-hero {
  position: relative;
  overflow: hidden;
  padding: 34px 20px 24px;
  background:
    linear-gradient(
      145deg,
      rgba(240, 53, 107, 0.08),
      rgba(255, 255, 255, 0.02) 55%,
      rgba(212, 175, 55, 0.08)
    );
  border-bottom: 1px solid var(--line);
}

.home-hero-glow {
  position: absolute;
  border-radius: 999px;
  filter: blur(6px);
  pointer-events: none;
}

.home-hero-glow-one {
  width: 210px;
  height: 210px;
  right: -80px;
  top: -80px;
  background: rgba(240, 53, 107, 0.13);
}

.home-hero-glow-two {
  width: 150px;
  height: 150px;
  left: -70px;
  bottom: -70px;
  background: rgba(212, 175, 55, 0.14);
}

.home-hero-content {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 0 auto;
}

.home-eyebrow,
.home-section-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--rose);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.2px;
  text-transform: none;
}

.home-eyebrow {
  padding: 7px 11px;
  border: 1px solid rgba(240, 53, 107, 0.2);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.62);
}

.home-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--rose);
  box-shadow: 0 0 0 5px rgba(240, 53, 107, 0.1);
}

.home-hero-title {
  max-width: 690px;
  margin: 17px 0 12px;
  font-family: "Hind Siliguri", sans-serif;
  font-size: clamp(30px, 7vw, 48px);
  line-height: 1.22;
  letter-spacing: -0.7px;
  color: var(--ink);
}

.home-hero-title span {
  color: var(--rose);
}

.home-hero-copy {
  max-width: 640px;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.8;
}

.home-hero-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 22px;
}

.home-primary-cta,
.home-secondary-cta {
  min-height: 48px;
  justify-content: center;
}

.home-primary-cta .ic,
.home-secondary-cta .ic {
  width: 17px;
  height: 17px;
}

.home-location-check {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 11px;
  padding: 10px 12px;
  border: 0;
  background: transparent;
  color: var(--ink-soft);
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  cursor: pointer;
}

.home-location-check .ic {
  width: 14px;
  height: 14px;
  color: var(--rose);
}

.home-location-check .ic-arrow-r {
  margin-left: 2px;
}

.home-location-check:focus-visible,
.quick-cat:focus-visible,
.home-text-link:focus-visible,
.home-see-all:focus-visible {
  outline: 3px solid rgba(240, 53, 107, 0.25);
  outline-offset: 3px;
  border-radius: 8px;
}

.home-trust-strip {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1px;
  margin: 0;
  background: var(--line);
  border-bottom: 1px solid var(--line);
}

.home-trust-point {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 20px;
  background: var(--card);
}

.home-trust-point > .ic {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  color: var(--rose);
}

.home-trust-point div {
  display: flex;
  flex-direction: column;
}

.home-trust-point strong {
  font-size: 12.5px;
  color: var(--ink);
}

.home-trust-point small {
  margin-top: 2px;
  font-size: 10.5px;
  line-height: 1.45;
  color: var(--ink-muted);
}

.quick-cat {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
}

.quick-cat .box .ic {
  width: 26px;
  height: 26px;
}

.home-section {
  padding-top: 38px;
  padding-bottom: 18px;
}

.home-section-heading {
  max-width: 650px;
  margin: 0 auto 22px;
  text-align: center;
}

.home-section-heading h2 {
  margin: 5px 0 5px;
  font-size: 23px;
  color: var(--ink);
}

.home-section-heading p {
  font-size: 12.5px;
  color: var(--ink-muted);
}

.home-steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.home-step-card {
  position: relative;
  padding: 20px;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 18px;
}

.home-step-number {
  position: absolute;
  top: 15px;
  right: 16px;
  color: var(--ink-dim);
  font-size: 28px;
  font-weight: 800;
  opacity: 0.22;
}

.home-step-icon,
.home-benefit-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  border-radius: 13px;
  background: rgba(240, 53, 107, 0.09);
  color: var(--rose);
}

.home-step-icon .ic,
.home-benefit-icon .ic {
  width: 20px;
  height: 20px;
}

.home-step-card h3,
.home-benefit-card h3 {
  margin-bottom: 6px;
  color: var(--ink);
  font-size: 14px;
}

.home-step-card p,
.home-benefit-card p {
  color: var(--ink-muted);
  font-size: 12px;
  line-height: 1.7;
}

.home-fee-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  padding: 14px;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 14px;
  background: rgba(212, 175, 55, 0.07);
}

.home-fee-note > .ic {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;
  margin-top: 2px;
  color: var(--gold);
}

.home-fee-note p {
  font-size: 11.5px;
  line-height: 1.7;
  color: var(--ink-soft);
}

.home-fee-note strong {
  color: var(--ink);
}

.home-about-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
  padding: 24px;
  border: 1px solid var(--line);
  border-radius: 22px;
  background:
    linear-gradient(
      145deg,
      var(--card),
      rgba(240, 53, 107, 0.035)
    );
  box-shadow: var(--shadow-card);
}

.home-about-content h2 {
  margin: 7px 0 10px;
  font-size: 22px;
  line-height: 1.4;
  color: var(--ink);
}

.home-about-content p {
  font-size: 12.5px;
  line-height: 1.85;
  color: var(--ink-soft);
}

.home-text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 13px;
  padding: 0;
  border: 0;
  background: none;
  color: var(--rose);
  font: inherit;
  font-size: 12.5px;
  font-weight: 700;
  cursor: pointer;
}

.home-text-link .ic {
  width: 13px;
  height: 13px;
}

.home-team-preview {
  padding: 18px;
  border-radius: 17px;
  background: rgba(240, 53, 107, 0.07);
  text-align: center;
}

.home-team-photos {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}

.home-team-photos img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border: 3px solid var(--card);
  border-radius: 50%;
  margin-left: -11px;
}

.home-team-photos img:first-child {
  margin-left: 0;
}

.home-team-preview strong,
.home-team-preview span {
  display: block;
}

.home-team-preview strong {
  font-size: 13px;
  color: var(--ink);
}

.home-team-preview span {
  margin-top: 3px;
  font-size: 10.5px;
  color: var(--ink-muted);
}

.home-benefit-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.home-benefit-card {
  padding: 19px;
  border: 1px solid var(--line);
  border-radius: 17px;
  background: var(--card);
}

.home-medical-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 17px;
  padding: 22px;
  border: 1px solid rgba(16, 185, 129, 0.2);
  border-radius: 22px;
  background:
    linear-gradient(
      145deg,
      rgba(16, 185, 129, 0.08),
      var(--card)
    );
}

.home-medical-logo {
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 17px;
}

.home-medical-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-medical-content h2 {
  margin: 8px 0 7px;
  font-size: 22px;
  color: var(--ink);
}

.home-medical-content p {
  font-size: 12.5px;
  line-height: 1.8;
  color: var(--ink-muted);
}

.home-medical-link {
  color: var(--emerald);
}

.home-first-order {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 22px;
  margin-bottom: 10px;
  padding: 24px;
  border-radius: 22px;
  /* ⚠️ আগে background: var(--ink) ব্যবহার হতো — কিন্তু dark mode-এ --ink
     variable-টাই উল্টে হালকা (light) রঙে পরিণত হয় (এটা মূলত টেক্সট রঙের জন্য
     বানানো, ফিক্সড ব্যাকগ্রাউন্ডের জন্য না)। ফলে dark mode থাকা ফোনে এই কার্ডের
     background সাদা হয়ে যেতো, অথচ ভেতরের সাদা টেক্সট (color:#fff) সেভাবেই
     থেকে যেতো — সাদার উপর সাদা লেখা, পড়া যেতো না। এখন এই কার্ড থিম-নির্বিশেষে
     সবসময় গাঢ়/নেভি থাকার জন্য ফিক্সড কালার ব্যবহার করছে। */
  background: #181114;
  color: #fff;
}

.home-first-order h2 {
  margin: 6px 0 7px;
  font-size: 22px;
  color: #fff;
}

.home-first-order p {
  font-size: 12px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
}

.home-first-order-actions,
.home-final-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

.home-first-order-actions .btn {
  justify-content: center;
}

.home-first-order-actions .btn-outline {
  border-color: rgba(255, 255, 255, 0.28);
  color: #fff;
}

.home-faq-list {
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  gap: 9px;
}

.home-faq-item {
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--card);
  overflow: hidden;
}

.home-faq-item summary {
  position: relative;
  padding: 15px 42px 15px 16px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  list-style: none;
}

.home-faq-item summary::-webkit-details-marker {
  display: none;
}

.home-faq-item summary::after {
  content: "+";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--rose);
  font-size: 21px;
  font-weight: 400;
}

.home-faq-item[open] summary::after {
  content: "−";
}

.home-faq-item p {
  padding: 0 16px 15px;
  color: var(--ink-muted);
  font-size: 11.8px;
  line-height: 1.75;
}

.home-product-section {
  padding-top: 28px;
}

.home-flash-inner {
  padding: 22px 20px;
}

.home-flash-title {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

.home-flash-title .ic {
  width: 18px;
  height: 18px;
  color: var(--rose);
}

.home-flash-inner .timer > span:nth-child(even) {
  color: var(--gold);
  opacity: 0.5;
}

.home-product-section .sec-head h2 {
  display: flex;
  align-items: center;
  gap: 8px;
}

.home-product-section .sec-head h2 .ic {
  width: 18px;
  height: 18px;
  color: var(--gold);
}

.home-see-all {
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
}

.home-final-cta {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-top: 26px;
  margin-bottom: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  border: 1px solid rgba(240, 53, 107, 0.18);
  border-radius: 22px;
  background:
    linear-gradient(
      140deg,
      rgba(240, 53, 107, 0.08),
      rgba(212, 175, 55, 0.08)
    );
}

.home-final-cta h2 {
  margin: 5px 0;
  font-size: 23px;
  color: var(--ink);
}

.home-final-cta p {
  font-size: 12.5px;
  color: var(--ink-muted);
}

.home-final-actions .btn {
  justify-content: center;
}

@media (min-width: 560px) {
  .home-hero {
    padding: 46px 28px 30px;
  }

  .home-hero-actions {
    grid-template-columns: max-content max-content;
    justify-content: start;
  }

  .home-location-check {
    width: auto;
    justify-content: flex-start;
  }

  .home-trust-strip {
    grid-template-columns: repeat(3, 1fr);
  }

  .home-steps {
    grid-template-columns: repeat(3, 1fr);
  }

  .home-benefit-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-medical-card {
    grid-template-columns: auto 1fr;
    align-items: center;
  }

  .home-first-order-actions,
  .home-final-actions {
    grid-template-columns: max-content max-content;
    align-items: center;
  }
}

@media (min-width: 820px) {
  .home-about-card {
    grid-template-columns: minmax(0, 1.5fr) minmax(240px, 0.7fr);
    align-items: center;
    padding: 30px;
  }

  .home-first-order,
  .home-final-cta {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-glow {
    display: none;
  }
}

/* =========================================================
   iPhone horizontal shift and Bengali text clipping fix
   ========================================================= */

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
}

body {
  position: relative;
  left: 0;
  margin: 0;
}

#pageContainer,
.page,
#custFooter,
.ftr-cta,
.ftr-main,
.ftr-grid-v3,
.ftr-bottom-v3 {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#pageContainer,
.page,
#custFooter {
  margin-left: 0 !important;
  transform: none;
}

.ftr-main {
  overflow-x: clip;
}

/* Grid children যেন নিজেদের content-এর কারণে viewport বড় না করে */
.ftr-grid-v3 > *,
.ftr-bottom-v3 > * {
  min-width: 0;
  max-width: 100%;
}

/* Footer-এর দীর্ঘ utility links মোবাইলে overflow করছিল */
.ftr-bottom-v3 > span:last-child {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 14px !important;
  width: 100%;
  min-width: 0;
}

.ftr-bottom-v3 > span:last-child a {
  display: inline-block;
  margin: 0;
  white-space: normal;
}

/* দীর্ঘ email ও অন্য text viewport-এর বাইরে যাবে না */
.ftr-row-v3,
.ftr-tagline,
.ftr-person-info,
.ftr-person-info .name,
.ftr-person-info .num {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Bengali glyph-এর বাঁ-পাশের visual overhang-এর নিরাপদ জায়গা */
.ftr-main,
.ftr-cta,
section.sec {
  padding-left: max(18px, env(safe-area-inset-left)) !important;
  padding-right: max(18px, env(safe-area-inset-right)) !important;
}

/* Nested section-এ double padding যেন না হয় */
.flash-strip section.sec,
.flash-strip .sec {
  padding-left: 18px !important;
  padding-right: 18px !important;
}

/* Horizontal category row শুরুতে কাটা পড়া বন্ধ */
.quick-cat-row {
  max-width: 100%;
  padding-left: max(20px, env(safe-area-inset-left)) !important;
  padding-right: max(20px, env(safe-area-inset-right)) !important;
  scroll-padding-left: 20px;
  overscroll-behavior-x: contain;
}

/* প্রতিটি page ও heading-এ glyph clipping protection */
.page h1,
.page h2,
.page h3,
.page h4,
.page p,
.page span,
.ftr-main h1,
.ftr-main h2,
.ftr-main h3,
.ftr-main h4,
.ftr-main p,
.ftr-main span,
.ftr-main a {
  text-rendering: optimizeLegibility;
}

@media (max-width: 480px) {
  .ftr-grid-v3 {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ftr-bottom-v3 {
    align-items: flex-start;
    text-align: left !important;
  }

  .ftr-utility-row {
    max-width: 100%;
    flex-wrap: wrap;
  }
}

/* =========================================================
   PHASE 1 — PREMIUM COMPONENT LANGUAGE
   Shared polish without changing component contracts
   ========================================================= */
.home-hero{
  position:relative;
  isolation:isolate;
  padding:clamp(42px,7vw,84px) max(18px,env(safe-area-inset-left)) clamp(32px,5vw,58px);
  background:
    radial-gradient(circle at 86% 14%,rgba(233,54,104,.11),transparent 26rem),
    linear-gradient(145deg,var(--warm-0),var(--bg) 62%,var(--bg2));
}
.home-hero::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(233,54,104,.25),transparent);
}
.home-hero-glow{opacity:.7;filter:blur(34px)}
.home-hero-content{max-width:900px}

/* ⚠️ আগে .home-hero-title span-এ শুধু flat var(--rose) রঙ ছিল — এখন brand
   gradient দিয়ে একটু বেশি premium/আধুনিক লুক দেওয়া হলো। */
.home-hero-title span{
  background:linear-gradient(100deg,var(--rose),var(--gold-dark) 85%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

/* হিরো ব্যাকগ্রাউন্ডে হালকা/faded আইকন — সাইট আসলে কী বিক্রি করে (মুদি, ওষুধ,
   গ্যাস, ডেলিভারি) তার visual ইঙ্গিত, কোনো ছবি ছাড়াই। মূল টেক্সটের পেছনে,
   pointer-events বন্ধ যাতে ক্লিকে বাধা না দেয়। */
.home-hero-deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.home-hero-deco-icon{
  position:absolute;width:auto;height:auto;
  color:var(--rose);opacity:.07;
}
.home-hero-deco-icon.deco-1{top:6%;right:6%;width:120px;height:120px;transform:rotate(-8deg)}
.home-hero-deco-icon.deco-2{bottom:10%;right:22%;width:70px;height:70px;color:var(--gold-dark);opacity:.09;transform:rotate(18deg)}
.home-hero-deco-icon.deco-3{top:38%;right:2%;width:56px;height:56px;color:var(--gold);opacity:.1;transform:rotate(-5deg)}
.home-hero-deco-icon.deco-4{bottom:4%;right:44%;width:90px;height:90px;transform:rotate(6deg)}
.home-hero-content{position:relative;z-index:1}
@media(max-width:760px){
  .home-hero-deco-icon.deco-1{width:80px;height:80px;top:2%;right:2%}
  .home-hero-deco-icon.deco-2{width:48px;height:48px}
  .home-hero-deco-icon.deco-3{display:none}
  .home-hero-deco-icon.deco-4{width:60px;height:60px;right:6%}
}
.home-eyebrow{
  min-height:34px;
  padding:7px 13px;
  border-color:rgba(233,54,104,.16);
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 24px rgba(65,38,48,.06);
  backdrop-filter:blur(10px);
}
.home-hero-title{
  max-width:780px;
  margin:20px 0 14px;
  font-size:clamp(34px,7.2vw,64px);
  line-height:1.14;
  letter-spacing:-.035em;
}
.home-hero-copy{max-width:680px;font-size:clamp(14px,1.5vw,17px);line-height:1.82}
.home-hero-actions{gap:12px;margin-top:26px}
.home-primary-cta,.home-secondary-cta{min-height:50px;border-radius:14px}
.home-quick-zone{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 10px}
.home-quick-zone-label{font-size:12.5px;color:var(--ink-muted);font-weight:600}
.home-quick-zone-btns{display:flex;flex-wrap:wrap;gap:8px}
.home-quick-zone-btn{padding:8px 16px;border-radius:999px;border:1px solid rgba(240,53,107,.3);background:color-mix(in srgb,var(--rose) 8%,transparent);color:var(--rose);font-size:12.5px;font-weight:700;transition:background .15s ease,transform .12s ease}
.home-quick-zone-btn:hover{background:color-mix(in srgb,var(--rose) 16%,transparent)}
.home-quick-zone-btn:active{transform:scale(.96)}
.home-location-check{min-height:44px;border-radius:12px;transition:background-color var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}
.home-location-check:hover{background:rgba(233,54,104,.055);color:var(--rose)}

.home-trust-strip{background:rgba(23,18,21,.08)}
.home-trust-point{min-width:0;padding:17px 20px;background:rgba(255,255,255,.9)}
.home-trust-point > .ic{color:var(--brand-600)}
.home-trust-point strong{font-size:13px}

.home-section{padding-top:clamp(42px,6vw,74px);padding-bottom:clamp(24px,4vw,44px)}
.home-section-heading{margin-bottom:clamp(22px,4vw,34px)}
.home-section-heading h2{font-size:clamp(24px,3vw,34px);line-height:1.3;letter-spacing:-.02em}
.home-section-heading p{font-size:13px;line-height:1.7}
.home-section-kicker{letter-spacing:.04em}

.home-step-card,.home-benefit-card,.home-about-card{
  border-color:rgba(23,18,21,.08);
  box-shadow:var(--shadow-xs);
  transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease);
}
.home-step-card:hover,.home-benefit-card:hover{transform:translateY(-3px);border-color:rgba(233,54,104,.2);box-shadow:var(--shadow-md)}
.home-step-card{padding:22px;border-radius:20px}
.home-step-number{font-family:'Poppins',sans-serif;font-size:30px;opacity:.12}
.home-step-icon,.home-benefit-icon{background:var(--brand-50);color:var(--brand-600);box-shadow:inset 0 0 0 1px rgba(233,54,104,.08)}
.home-fee-note{border-color:rgba(184,121,18,.22);background:rgba(184,121,18,.06)}

.quick-cat{
  border-radius:18px;
  transition:transform var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);
}
.quick-cat:active{transform:scale(.975)}
.quick-cat .box{border-radius:18px!important}

@media(min-width:640px){
  .home-hero-actions{display:flex;align-items:center;flex-wrap:wrap}
  .home-primary-cta,.home-secondary-cta{width:auto;min-width:180px}
  .home-location-check{width:auto;justify-content:flex-start;margin-top:12px;padding-inline:4px}
  .home-trust-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:900px){
  .home-hero{padding-top:92px;padding-bottom:72px}
  .home-steps{gap:18px}
}
@media(max-width:639px){
  .home-hero-title{font-size:clamp(32px,10vw,44px)}
  .home-trust-point{padding:14px 18px}
  .home-step-card{padding:20px}
}
@media(hover:none){
  .home-step-card:hover,.home-benefit-card:hover{transform:none}
}
html[data-theme="dark"] .home-hero{
  background:radial-gradient(circle at 86% 14%,rgba(255,92,135,.09),transparent 26rem),linear-gradient(145deg,#171316,var(--bg) 62%,var(--bg2));
}
html[data-theme="dark"] .home-eyebrow{background:rgba(30,27,32,.78);border-color:rgba(255,92,135,.18)}
html[data-theme="dark"] .home-trust-point{background:var(--card)}
html[data-theme="dark"] .home-step-icon,
html[data-theme="dark"] .home-benefit-icon{background:rgba(255,92,135,.1);color:var(--rose)}

/* =========================================================
   PHASE 3.1 — PREMIUM HOMEPAGE HERO
   ========================================================= */
.home-hero{
  min-height:auto;
  padding:clamp(34px,6vw,76px) max(18px,env(safe-area-inset-left)) clamp(30px,5vw,64px);
}
.home-hero-shell{
  position:relative;
  z-index:1;
  width:min(1180px,100%);
  margin-inline:auto;
  aspect-ratio:1624/969;
  border-radius:22px;
  overflow:hidden;
  background-image:url('../icons/hero-banner.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  box-shadow:0 20px 60px rgba(56,30,40,.14);
}
.home-hero-content{
  position:absolute;
  left:4%;
  top:6%;
  width:47%;
  max-width:none;
  margin:0;
}
.home-hero-title{max-width:760px;text-wrap:balance}
.home-hero-copy{max-width:650px}
.home-hero-showcase{
  position:relative;
  overflow:hidden;
  padding:18px;
  border:1px solid rgba(23,18,21,.08);
  border-radius:26px;
  background:rgba(255,255,255,.82);
  box-shadow:0 24px 70px rgba(56,30,40,.11);
  backdrop-filter:blur(18px);
}
.home-hero-visual{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
}
.home-hero-visual img{
  width:100%;
  max-width:460px;
  height:auto;
  display:block;
  margin-inline:auto;
  filter:drop-shadow(0 30px 50px rgba(56,30,40,.18));
  animation:heroVisualFloat 5s ease-in-out infinite;
}
@keyframes heroVisualFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}
@media (prefers-reduced-motion:reduce){
  .home-hero-visual img{animation:none}
}

/* ---------- মোবাইলে হিরো: রেফারেন্স ছবির (1624px ক্যানভাস) সাথে exact
   অনুপাত মিলিয়ে vw-ভিত্তিক স্কেলিং — ছবিটা যেভাবে ছোট স্ক্রিনে স্কেল হয়ে
   ছোট দেখায়, ঠিক সেই একই অনুপাতে টেক্সট/বাটনও স্কেল হবে ---------- */
@media(max-width:899px){
  .home-hero{padding:1.48vw}
  .home-hero-content{left:4%;top:5%;width:48%}
  .home-eyebrow{min-height:auto;padding:0.55vw 0.99vw;font-size:0.92vw;gap:0.43vw;line-height:1.3;white-space:nowrap}
  .home-eyebrow .ic{width:0.86vw;height:0.86vw}
  .home-hero-title{
    font-size:3.45vw!important;
    line-height:1.18;
    margin:1.23vw 0 0.86vw;
    letter-spacing:-.01em;
  }
  .home-hero-copy{
    font-size:0.92vw!important;
    line-height:1.8;
    max-width:none;
  }
  .home-hero-actions{gap:0.62vw;margin-top:1.36vw}
  .home-primary-cta,.home-secondary-cta{min-height:3.33vw;min-width:0;width:auto;border-radius:0.86vw;font-size:0.99vw;padding:0 1.23vw}
  .home-primary-cta .ic,.home-secondary-cta .ic{width:1.05vw;height:1.05vw}
  .home-hero-subnote{display:none}
  .home-quick-zone{margin:0.86vw 0 0.62vw;gap:0.49vw}
  .home-quick-zone-label{font-size:0.8vw;white-space:nowrap}
  .home-quick-zone-btns{gap:0.49vw}
  .home-quick-zone-btn{padding:0.49vw 0.99vw;font-size:0.8vw;white-space:nowrap}
  .home-location-check{display:none}
}

.home-hero-showcase::before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-70px;
  top:-85px;
  border-radius:50%;
  background:rgba(233,54,104,.1);
  pointer-events:none;
}
.home-showcase-topline{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:14px;
  color:var(--ink-muted);
  font-size:12px;
}
.home-showcase-topline strong{color:var(--ink);font-size:15px}
.home-showcase-grid{display:grid;gap:9px}
.home-showcase-card{
  width:100%;
  min-height:72px;
  display:grid;
  grid-template-columns:46px minmax(0,1fr) 18px;
  align-items:center;
  gap:12px;
  padding:11px 12px;
  border:1px solid rgba(23,18,21,.07);
  border-radius:17px;
  background:rgba(255,255,255,.76);
  color:var(--ink);
  font:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);
}
.home-showcase-card:hover{transform:translateY(-2px);border-color:rgba(233,54,104,.2);box-shadow:0 12px 28px rgba(56,30,40,.08)}
.home-showcase-card:focus-visible{outline:3px solid rgba(233,54,104,.22);outline-offset:3px}
.home-showcase-card > span:nth-child(2){display:grid;gap:2px;min-width:0}
.home-showcase-card strong{font-size:13.5px;line-height:1.4}
.home-showcase-card small{color:var(--ink-muted);font-size:11.5px;line-height:1.4}
.home-showcase-card > .ic{width:15px;height:15px;color:var(--ink-muted)}
.home-showcase-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:var(--brand-50);
  color:var(--brand-600);
}
.home-showcase-icon .ic{width:20px;height:20px}
.home-showcase-medicine .home-showcase-icon{background:rgba(20,143,111,.09);color:#148f6f}
.home-showcase-gas .home-showcase-icon{background:rgba(184,121,18,.1);color:#a56c10}
.home-showcase-assurance{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  align-items:center;
  gap:10px;
  margin-top:12px;
  padding:11px 12px;
  border-radius:16px;
  background:rgba(233,54,104,.055);
}
.home-showcase-assurance > .ic{width:20px;height:20px;color:var(--rose)}
.home-showcase-assurance > span{display:grid;gap:1px}
.home-showcase-assurance strong{font-size:12.5px;color:var(--ink)}
.home-showcase-assurance small{font-size:10.8px;color:var(--ink-muted)}
@media(min-width:900px){
  .home-hero-content{left:4%;top:8%;width:46%}
}
@media(max-width:639px){
  .home-showcase-card{min-height:66px;grid-template-columns:42px minmax(0,1fr) 16px;padding:10px}
  .home-showcase-icon{width:42px;height:42px;border-radius:14px}
}
@media(hover:none){.home-showcase-card:hover{transform:none}}
html[data-theme="dark"] .home-hero-title{color:#181114!important}
html[data-theme="dark"] .home-hero-title span{color:#F0356B!important}
html[data-theme="dark"] .home-hero-copy{color:#5A4E52!important}
html[data-theme="dark"] .home-eyebrow{background:rgba(255,255,255,.82)!important;border-color:rgba(240,53,107,.22)!important;color:#F0356B!important}
html[data-theme="dark"] .home-primary-cta,
html[data-theme="dark"] .home-secondary-cta{background:#181114!important;color:#fff!important}
html[data-theme="dark"] .home-quick-zone-label{color:#8C7E82!important}
html[data-theme="dark"] .home-quick-zone-btn{background:rgba(240,53,107,.1)!important;border-color:rgba(240,53,107,.3)!important;color:#F0356B!important}
html[data-theme="dark"] .home-hero-subnote{color:#8C7E82!important}
html[data-theme="dark"] .home-showcase-card{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .home-showcase-assurance{background:rgba(255,92,135,.08)}


/* =========================================================
   PHASE 3.2 — PREMIUM HOMEPAGE CATEGORIES
   ========================================================= */
.home-categories-section{
  position:relative;
  overflow:hidden;
}
.home-categories-section::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  left:-170px;
  top:70px;
  border-radius:50%;
  background:rgba(233,54,104,.055);
  filter:blur(4px);
  pointer-events:none;
}
.home-categories-heading{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  margin-bottom:clamp(20px,3vw,30px);
}
.home-categories-heading h2{
  margin:6px 0 7px;
  font-size:clamp(24px,3vw,34px);
  line-height:1.28;
  letter-spacing:-.02em;
}
.home-categories-heading p{
  margin:0;
  color:var(--ink-muted);
  font-size:13px;
  line-height:1.65;
}
.home-category-all{
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:10px 14px;
  border:1px solid rgba(233,54,104,.18);
  border-radius:13px;
  background:var(--card);
  color:var(--rose);
  font:inherit;
  font-size:12.5px;
  font-weight:700;
  cursor:pointer;
  box-shadow:var(--shadow-xs);
  transition:transform var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);
}
.home-category-all .ic{width:14px;height:14px}
.home-category-all:hover{transform:translateY(-2px);border-color:rgba(233,54,104,.35);box-shadow:var(--shadow-sm)}
.home-category-all:focus-visible,.cat-item:focus-visible{outline:3px solid rgba(233,54,104,.22);outline-offset:3px}
.home-categories-section .cat-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.home-categories-section .cat-item{
  appearance:none;
  width:100%;
  min-width:0;
  min-height:84px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 16px;
  align-items:center;
  gap:11px;
  padding:12px;
  border:1px solid rgba(23,18,21,.075);
  border-radius:18px;
  background:var(--card);
  color:var(--ink);
  font:inherit;
  text-align:left;
  box-shadow:var(--shadow-xs);
  cursor:pointer;
  transition:transform var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease);
}
.home-categories-section .cat-item:hover{transform:translateY(-3px);border-color:rgba(233,54,104,.2);box-shadow:var(--shadow-md)}
.home-categories-section .cat-item:active{transform:scale(.985)}
.home-categories-section .cat-icon{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:var(--brand-50);
  font-size:24px;
  line-height:1;
  box-shadow:inset 0 0 0 1px rgba(233,54,104,.055);
}
.home-categories-section .cat-label{
  min-width:0;
  color:var(--ink);
  font-size:12.5px;
  font-weight:700;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.home-categories-section .cat-arrow{width:14px;height:14px;color:var(--ink-dim);transition:transform var(--duration-fast) var(--ease),color var(--duration-fast) var(--ease)}
.home-categories-section .cat-item:hover .cat-arrow{transform:translateX(2px);color:var(--rose)}
@media(min-width:560px){
  .home-categories-section .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
}
@media(min-width:820px){
  .home-categories-section .cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .home-categories-section .cat-item{min-height:92px;padding:14px}
}
@media(min-width:1100px){
  .home-categories-section .cat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:559px){
  .home-categories-heading{align-items:flex-start;flex-direction:column;gap:14px}
  .home-category-all{width:100%}
  .home-categories-section .cat-item{grid-template-columns:42px minmax(0,1fr);min-height:74px;padding:10px}
  .home-categories-section .cat-icon{width:42px;height:42px;border-radius:13px;font-size:21px}
  .home-categories-section .cat-arrow{display:none}
  .home-categories-section .cat-label{font-size:11.5px}
}
@media(hover:none){
  .home-category-all:hover,.home-categories-section .cat-item:hover{transform:none}
}
html[data-theme="dark"] .home-categories-section .cat-item,
html[data-theme="dark"] .home-category-all{border-color:rgba(255,255,255,.075)}
html[data-theme="dark"] .home-categories-section .cat-icon{background:rgba(255,92,135,.1)}

/* Legacy mobile rules use !important; keep the redesigned category grid authoritative. */
@media(max-width:768px){
  .home-categories-section .cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .home-categories-section .cat-item{padding:10px!important}
}
@media(min-width:560px) and (max-width:768px){
  .home-categories-section .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
}

/* ============================================================
   PREMIUM PRODUCT CARDS — shared across home, listing & wishlist
   ============================================================ */
.pcard{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  height:100%;
  overflow:hidden;
  border:1px solid rgba(45,32,38,.09);
  border-radius:20px;
  background:var(--card);
  box-shadow:0 8px 26px rgba(38,22,29,.055);
  cursor:pointer;
  isolation:isolate;
}
.pcard:focus-visible{
  outline:0;
  border-color:var(--brand-500);
  box-shadow:var(--ring),0 14px 34px rgba(38,22,29,.1);
}
.pcard .imgwrap{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:linear-gradient(145deg,#fbf7f4,#f3ebe7);
}
.pcard .imgwrap>img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.001);
  transition:transform .45s var(--ease),opacity .25s ease;
}
.pcard:hover .imgwrap>img{transform:scale(1.035)}
.product-badges{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  display:flex;
  max-width:calc(100% - 58px);
  flex-wrap:wrap;
  gap:5px;
}
.product-badges .pbadge{
  position:static;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 8px;
  border-radius:999px;
  background:var(--brand-600);
  color:#fff;
  font-size:9.5px;
  font-weight:750;
  line-height:1;
  letter-spacing:.01em;
  box-shadow:0 4px 14px rgba(197,37,83,.2);
}
.product-badges .pbadge.gold{
  background:rgba(31,25,28,.9);
  color:#fff;
  box-shadow:0 4px 14px rgba(25,18,22,.15);
}
.pcard .wish{
  z-index:3;
  bottom:10px;
  right:10px;
  width:34px;
  height:34px;
  border:1px solid rgba(38,22,29,.1);
  background:rgba(255,255,255,.92);
  font-size:15px;
  box-shadow:0 6px 18px rgba(42,24,31,.1);
}
.pcard .wish:hover{transform:translateY(-1px);border-color:rgba(207,36,86,.24)}
.pcard .wish:focus-visible{outline:0;box-shadow:var(--ring),0 6px 18px rgba(42,24,31,.1)}
.pcard .wish.is-active{background:#fff5f7;border-color:rgba(207,36,86,.2)}
.stock-overlay{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  white-space:nowrap;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(31,25,28,.86);
  color:#fff;
  font-size:10.5px;
  font-weight:700;
  backdrop-filter:blur(5px);
}
.pcard.is-out-of-stock .imgwrap>img{opacity:.62;filter:saturate(.6)}
.pcard .savings-ribbon{font-size:9.5px;padding:5px 11px 6px 8px}
.pcard .savings-ribbon .amt{font-size:11.5px}
.pcard .pbody{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:13px 13px 14px;
}
.product-meta-row{
  display:flex;
  min-height:23px;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  margin-bottom:7px;
}
.product-meta-row .fast-tag,.product-meta-row .cod-tag,.product-stock{
  display:inline-flex;
  align-items:center;
  min-height:21px;
  margin:0;
  padding:3px 7px;
  border-radius:999px;
  font-size:8.7px;
  font-weight:700;
  line-height:1;
}
.product-meta-row .fast-tag{background:#fff7e8;border-color:#f2dfb8;color:#80611b}
.product-meta-row .cod-tag{background:#ecf9f2;border-color:#ccebdc;color:#147247}
.product-stock{margin-left:auto;border:1px solid transparent}
.product-stock.is-available{background:#eef8f2;border-color:#d8eddf;color:#23734b}
.product-stock.is-unavailable{background:#f7f1f3;border-color:#eadde1;color:#8d5969}
.pcard .pname{
  height:auto;
  min-height:38px;
  margin:0 0 7px;
  color:var(--ink);
  font-size:13px;
  font-weight:650;
  line-height:1.45;
  letter-spacing:-.005em;
}
.pcard .prating{
  display:flex;
  min-height:17px;
  flex-wrap:wrap;
  align-items:center;
  gap:3px;
  margin:0 0 9px;
  color:var(--ink-muted);
  font-size:10px;
  line-height:1.35;
}
.pcard .prating .st{color:#cc9226;font-size:11px}
.rating-sep{opacity:.55;margin-inline:1px}
.product-new-label{color:#37745a;font-weight:700}
.product-price-row{
  display:flex;
  min-height:39px;
  flex-wrap:wrap;
  align-items:flex-end;
  gap:3px 7px;
  margin-top:auto;
}
.product-price-main{display:flex;align-items:baseline;gap:3px}
.pcard .price-now{
  color:var(--brand-600);
  font-family:inherit;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.02em;
}
.pcard .unit-tag{color:var(--ink-muted);font-size:10px;font-weight:550}
.pcard .price-old{margin:0 0 2px;color:var(--ink-dim);font-size:10.5px}
.pcard .add-btn{
  display:flex;
  width:100%;
  min-height:39px;
  align-items:center;
  justify-content:center;
  gap:5px;
  margin-top:10px;
  padding:9px 10px;
  border:1px solid rgba(31,25,28,.13);
  border-radius:11px;
  background:var(--charcoal-950);
  color:#fff;
  font-size:11px;
  font-weight:700;
  box-shadow:0 7px 18px rgba(31,25,28,.1);
}
.pcard .add-btn:hover{border-color:var(--brand-600);background:var(--brand-600);color:#fff}
.pcard .add-btn:focus-visible{outline:0;box-shadow:var(--ring)}
.pcard .add-btn:disabled{
  cursor:not-allowed;
  border-color:var(--line);
  background:var(--bg2);
  color:var(--ink-muted);
  box-shadow:none;
}

html[data-theme="dark"] .pcard .imgwrap{background:linear-gradient(145deg,#282329,#211d22)}
html[data-theme="dark"] .pcard .wish{background:rgba(34,29,35,.92);border-color:rgba(255,255,255,.11)}
html[data-theme="dark"] .pcard .wish.is-active{background:#3a252d}
html[data-theme="dark"] .product-meta-row .fast-tag{background:rgba(204,146,38,.12);border-color:rgba(204,146,38,.22);color:#e7bc67}
html[data-theme="dark"] .product-meta-row .cod-tag,html[data-theme="dark"] .product-stock.is-available{background:rgba(34,163,104,.12);border-color:rgba(52,211,153,.18);color:#7be1b4}
html[data-theme="dark"] .product-stock.is-unavailable{background:rgba(193,77,111,.12);border-color:rgba(255,92,135,.16);color:#e7a0b4}
html[data-theme="dark"] .pcard .add-btn:disabled{background:var(--elevated)}

@media(max-width:767px){
  .grid-row{gap:11px}
  .pcard{border-radius:17px}
  .pcard .pbody{padding:11px 10px 12px}
  .pcard .pname{min-height:37px;font-size:12px}
  .pcard .price-now{font-size:15.5px}
  .pcard .wish{width:32px;height:32px}
  .product-badges{top:8px;left:8px}
  .pcard .wish{bottom:8px;right:8px}
  .product-meta-row{gap:4px}
  .product-meta-row .fast-tag,.product-meta-row .cod-tag,.product-stock{padding-inline:6px;font-size:8px}
  .pcard .add-btn{min-height:40px;margin-top:8px;font-size:10.5px}
}
@media(hover:none){.pcard:hover .imgwrap>img{transform:none}.pcard .wish:hover{transform:none}}

/* Phase 3 — Homepage product sections */
.home-product-section{
  padding-top:clamp(30px,5vw,52px);
  padding-bottom:clamp(12px,2vw,22px);
}
.home-product-section[hidden]{display:none!important}
.home-product-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.home-product-heading>div{min-width:0}
.home-product-heading h2{
  display:flex;
  align-items:center;
  gap:9px;
  margin:5px 0 3px;
  color:var(--ink);
  font-size:clamp(22px,3vw,30px);
  line-height:1.25;
}
.home-product-heading h2 .ic{
  width:19px;
  height:19px;
  color:var(--brand-600);
}
.home-product-heading p{
  max-width:560px;
  color:var(--ink-muted);
  font-size:12.5px;
  line-height:1.65;
}
.home-section-link{
  display:inline-flex;
  flex:0 0 auto;
  min-height:42px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:9px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--surface);
  color:var(--ink);
  font:inherit;
  font-size:11.5px;
  font-weight:700;
  cursor:pointer;
  transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.home-section-link .ic{width:14px;height:14px;color:var(--brand-600)}
.home-section-link:hover{
  transform:translateY(-1px);
  border-color:rgba(194,24,91,.3);
  box-shadow:0 8px 22px rgba(44,28,35,.08);
}
.home-product-rail-wrap{position:relative}
.home-product-rail{
  gap:12px;
  padding:4px 2px 14px;
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
}
.home-product-rail .pcard{
  flex:0 0 clamp(164px,42vw,218px);
  scroll-snap-align:start;
}
.home-product-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
}
.home-special-products{
  margin-top:8px;
  padding-inline:clamp(16px,3vw,26px);
  border:1px solid rgba(194,24,91,.12);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(194,24,91,.045),rgba(255,255,255,.01));
}
.home-products-empty{
  grid-column:1/-1;
  display:flex;
  min-height:150px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:24px;
  border:1px dashed var(--line);
  border-radius:18px;
  background:var(--surface);
  color:var(--ink-muted);
  text-align:center;
}
.home-products-empty .ic{width:25px;height:25px;color:var(--brand-500)}
.home-products-empty p{font-size:12.5px}
.home-products-empty button{
  min-height:38px;
  padding:8px 13px;
  border:1px solid var(--line);
  border-radius:999px;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-size:11.5px;
  font-weight:700;
  cursor:pointer;
}
@media (min-width:700px){
  .home-product-rail{gap:15px}
  .home-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
}
@media (min-width:1020px){
  .home-product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .home-product-rail .pcard{flex-basis:210px}
}
@media (max-width:559px){
  .home-product-heading{align-items:flex-start}
  .home-product-heading p{font-size:11.8px}
  .home-section-link{min-height:38px;padding:7px 10px;font-size:10.5px}
  .home-special-products{width:calc(100% - 24px);margin-inline:12px;padding-inline:12px;border-radius:20px}
}


/* Phase 3 — Homepage trust section */
.home-trust-section{
  position:relative;
  overflow:hidden;
  margin-top:clamp(24px,4vw,46px);
  padding-top:clamp(34px,6vw,66px);
  padding-bottom:clamp(34px,6vw,66px);
}
.home-trust-section::before{
  position:absolute;
  z-index:-1;
  inset:0 12px;
  border:1px solid rgba(194,24,91,.09);
  border-radius:28px;
  background:
    radial-gradient(circle at 94% 4%,rgba(194,24,91,.09),transparent 30%),
    linear-gradient(145deg,rgba(255,248,245,.92),rgba(255,255,255,.72));
  content:"";
}
.home-trust-header{
  display:grid;
  grid-template-columns:1fr;
  gap:20px;
  align-items:end;
  padding-inline:clamp(16px,4vw,46px);
}
.home-trust-header .home-section-heading{max-width:680px;margin:0}
.home-trust-header .home-section-heading p{max-width:620px;margin-top:9px}
.home-trust-coverage{
  display:grid;
  width:100%;
  min-height:76px;
  grid-template-columns:42px minmax(0,1fr) 16px;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border:1px solid rgba(194,24,91,.16);
  border-radius:17px;
  background:rgba(255,255,255,.88);
  color:var(--ink);
  font:inherit;
  text-align:left;
  box-shadow:0 12px 30px rgba(62,34,44,.07);
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-trust-coverage:hover{transform:translateY(-2px);border-color:rgba(194,24,91,.32);box-shadow:0 16px 34px rgba(62,34,44,.11)}
.home-trust-coverage:focus-visible{outline:0;box-shadow:var(--ring)}
.home-trust-coverage-icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  background:var(--brand-50);
  color:var(--brand-600);
}
.home-trust-coverage-icon .ic{width:18px;height:18px}
.home-trust-coverage>span:nth-child(2){min-width:0}
.home-trust-coverage strong,.home-trust-coverage small{display:block}
.home-trust-coverage strong{font-size:12.5px;line-height:1.35}
.home-trust-coverage small{margin-top:3px;color:var(--ink-muted);font-size:10.5px;line-height:1.4}
.home-trust-coverage>.ic{width:14px;height:14px;color:var(--brand-600)}
.home-trust-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:11px;
  margin-top:26px;
  padding-inline:clamp(16px,4vw,46px);
}
.home-trust-card{
  position:relative;
  display:flex;
  min-width:0;
  min-height:252px;
  flex-direction:column;
  padding:20px;
  overflow:hidden;
  border:1px solid rgba(31,25,28,.09);
  border-radius:19px;
  background:rgba(255,255,255,.9);
  box-shadow:0 10px 26px rgba(56,35,43,.055);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-trust-card:hover{transform:translateY(-3px);border-color:rgba(194,24,91,.2);box-shadow:0 17px 36px rgba(56,35,43,.1)}
.home-trust-index{
  position:absolute;
  top:13px;
  right:15px;
  color:rgba(31,25,28,.12);
  font-size:24px;
  font-weight:800;
  letter-spacing:-.04em;
}
.home-trust-card-icon{
  display:grid;
  width:45px;
  height:45px;
  place-items:center;
  margin-bottom:17px;
  border:1px solid rgba(194,24,91,.09);
  border-radius:14px;
  background:var(--brand-50);
  color:var(--brand-600);
}
.home-trust-card-icon .ic{width:19px;height:19px}
.home-trust-card h3{margin:0 0 8px;color:var(--ink);font-size:15px;line-height:1.45}
.home-trust-card p{margin:0;color:var(--ink-muted);font-size:11.8px;line-height:1.75}
.home-trust-link{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:6px;
  margin-top:auto;
  padding:15px 0 0;
  border:0;
  background:none;
  color:var(--brand-600);
  font:inherit;
  font-size:11.5px;
  font-weight:750;
  text-decoration:none;
  cursor:pointer;
}
.home-trust-link .ic{width:12px;height:12px}
.home-trust-link:focus-visible{border-radius:4px;outline:0;box-shadow:var(--ring)}
.home-trust-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:14px clamp(16px,4vw,46px) 0;
  padding:14px 16px;
  border:1px solid rgba(25,132,85,.16);
  border-radius:15px;
  background:rgba(238,248,242,.82);
  color:var(--ink-soft);
}
.home-trust-note>.ic{flex:0 0 auto;width:16px;height:16px;margin-top:2px;color:#198455}
.home-trust-note p{font-size:11.5px;line-height:1.65}
.home-trust-note strong{color:var(--ink)}
@media(min-width:680px){
  .home-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(min-width:980px){
  .home-trust-header{grid-template-columns:minmax(0,1fr) 330px}
  .home-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:559px){
  .home-trust-section::before{inset:0;border-radius:0}
  .home-trust-section{padding-top:32px;padding-bottom:32px}
  .home-trust-card{min-height:228px;padding:18px}
}
@media(hover:none){.home-trust-card:hover,.home-trust-coverage:hover{transform:none}}
html[data-theme="dark"] .home-trust-section::before{
  border-color:rgba(255,92,135,.1);
  background:radial-gradient(circle at 94% 4%,rgba(255,92,135,.1),transparent 30%),linear-gradient(145deg,rgba(39,32,38,.96),rgba(28,24,29,.9));
}
html[data-theme="dark"] .home-trust-card,html[data-theme="dark"] .home-trust-coverage{background:rgba(35,30,35,.92);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .home-trust-index{color:rgba(255,255,255,.1)}
html[data-theme="dark"] .home-trust-note{background:rgba(25,132,85,.1);border-color:rgba(72,199,142,.17)}

/* Phase 3 — Homepage service sections */
.home-services-section{
  position:relative;
  margin-top:clamp(28px,5vw,54px);
}
.home-services-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}
.home-services-heading>div{max-width:700px}
.home-services-heading h2{margin:5px 0 7px;font-size:clamp(24px,4vw,38px);line-height:1.18}
.home-services-heading p{max-width:650px;color:var(--ink-muted);font-size:12.5px;line-height:1.7}
.home-services-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.home-service-card{
  position:relative;
  display:flex;
  min-height:260px;
  flex-direction:column;
  overflow:hidden;
  padding:20px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
  box-shadow:0 12px 30px rgba(50,31,39,.055);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.home-service-card::after{
  position:absolute;
  right:-46px;
  bottom:-58px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:var(--service-tint,rgba(194,24,91,.06));
  content:"";
  pointer-events:none;
}
.home-service-card:hover{transform:translateY(-3px);border-color:rgba(194,24,91,.2);box-shadow:0 18px 38px rgba(50,31,39,.1)}
.home-service-grocery{--service-tint:rgba(89,128,73,.09)}
.home-service-custom{--service-tint:rgba(194,24,91,.08)}
.home-service-gas{--service-tint:rgba(204,118,32,.1)}
.home-service-health{--service-tint:rgba(31,132,107,.09)}
.home-service-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}
.home-service-icon{
  display:grid;
  width:48px;
  height:48px;
  place-items:center;
  border:1px solid rgba(194,24,91,.1);
  border-radius:15px;
  background:var(--brand-50);
  color:var(--brand-600);
}
.home-service-icon .ic{width:20px;height:20px}
.home-service-logo{overflow:hidden;background:#fff}
.home-service-logo img{width:100%;height:100%;object-fit:contain;padding:5px}
.home-service-label{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--ink-muted);
  font-size:9.8px;
  font-weight:750;
  letter-spacing:.02em;
}
.home-service-card h3{position:relative;z-index:1;margin:0 0 9px;color:var(--ink);font-size:17px;line-height:1.4}
.home-service-card p{position:relative;z-index:1;margin:0;color:var(--ink-muted);font-size:11.8px;line-height:1.75}
.home-service-action{
  position:relative;
  z-index:1;
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:7px;
  margin-top:auto;
  padding:18px 0 0;
  border:0;
  background:none;
  color:var(--brand-600);
  font:inherit;
  font-size:11.5px;
  font-weight:750;
  text-align:left;
  cursor:pointer;
}
.home-service-action .ic{width:12px;height:12px}
.home-service-action:focus-visible{border-radius:5px;outline:0;box-shadow:var(--ring)}
.home-services-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin-top:13px;
  padding:14px 16px;
  border:1px solid rgba(194,24,91,.12);
  border-radius:15px;
  background:rgba(194,24,91,.035);
  color:var(--ink-soft);
}
.home-services-note>.ic{flex:0 0 auto;width:16px;height:16px;margin-top:2px;color:var(--brand-600)}
.home-services-note p{font-size:11.3px;line-height:1.65}
.home-services-note strong{color:var(--ink)}
@media(min-width:680px){
  .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}
@media(min-width:1020px){
  .home-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .home-service-card{min-height:292px}
}
@media(max-width:559px){
  .home-services-heading{align-items:flex-start}
  .home-services-heading .home-section-link{display:none}
  .home-service-card{min-height:240px;padding:18px}
}
@media(hover:none){.home-service-card:hover{transform:none}}
html[data-theme="dark"] .home-service-card{background:rgba(35,30,35,.94);border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .home-services-note{background:rgba(255,92,135,.06);border-color:rgba(255,92,135,.13)}

/* Phase 4 — Premium product details */
.pdp-page{padding-top:18px;padding-bottom:110px}
.pdp-topline{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-width:0}
.pdp-topline .crumb{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}
.pdp-back{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink);font-size:24px;display:grid;place-items:center;box-shadow:var(--shadow-sm)}
.pdp-premium-layout{align-items:start;gap:clamp(24px,4vw,56px)}
.pdp-media-column{position:sticky;top:112px}
.pdp-gallery{position:relative;width:100%;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--card);cursor:zoom-in;box-shadow:var(--shadow-sm);isolation:isolate}
.pdp-gallery>img{width:100%;aspect-ratio:1/1;display:block;object-fit:contain;background:linear-gradient(145deg,var(--card),var(--bg))}
.pdp-zoom-hint{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:999px;background:rgba(20,20,24,.76);color:#fff;font-size:11.5px;font-weight:600;backdrop-filter:blur(10px)}
.pdp-zoom-hint .ic{width:14px;height:14px}
.pdp-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.pdp-assurance>div{min-width:0;padding:12px 10px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:center}
.pdp-assurance>div>span{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 6px;border-radius:50%;background:var(--rose-soft);color:var(--rose);font-weight:800}
.pdp-assurance strong,.pdp-assurance small{display:block}.pdp-assurance strong{font-size:11.5px}.pdp-assurance small{margin-top:3px;color:var(--ink-muted);font-size:9.5px;line-height:1.4}
.pdp-content-column{padding-top:8px}.pdp-eyebrow,.section-kicker{color:var(--rose);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.pdp-title{font-size:clamp(25px,3.4vw,42px);line-height:1.28;margin:8px 0 10px;letter-spacing:-.015em}
.pdp-meta{min-height:21px;color:var(--ink-muted);font-size:13px}
.pdp-price-panel{margin:22px 0 14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--warm-card, var(--card))}
.pdp-price-line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pdp-price-line .price-now{font-size:clamp(28px,4vw,38px)}
.pdp-discount{display:none;padding:4px 8px;border-radius:999px;background:rgba(190,45,75,.1);color:var(--rose);font-size:11px;font-weight:800}.pdp-unit{display:block;margin-top:3px;color:var(--ink-muted);font-size:12px}
.pdp-tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.pdp-stock{font-size:13px;font-weight:700;margin:0 0 18px}.pdp-stock.is-available{color:#16845b}.pdp-stock.is-low{color:#b56b0a}.pdp-stock.is-unavailable{color:#b5324d}
.pdp-purchase-card{padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-sm)}
.pdp-quantity-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.pdp-quantity-row strong,.pdp-quantity-row small{display:block}.pdp-quantity-row strong{font-size:14px}.pdp-quantity-row small{margin-top:3px;color:var(--ink-muted);font-size:10.5px}
.pdp-actions{display:grid;grid-template-columns:auto 1fr 1fr;gap:9px;margin-top:16px}.pdp-actions .btn{min-height:46px}.pdp-wishlist-btn{white-space:nowrap}
.pdp-seller-card{display:flex;align-items:center;gap:12px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.pdp-seller-card img{width:42px;height:42px;border-radius:12px;object-fit:cover}.pdp-seller-card strong,.pdp-seller-card span{display:block}.pdp-seller-card strong{color:var(--rose);font-size:13px}.pdp-seller-card span{margin-top:3px;color:var(--ink-muted);font-size:10.5px;line-height:1.5}
.pdp-information{margin-top:42px}.pdp-information .pdp-tabs{margin-top:0}.pdp-description,.pdp-delivery-note p{font-size:14px;color:var(--ink-soft);line-height:1.9}.pdp-delivery-note{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.pdp-delivery-note h3{font-size:15px;margin-bottom:6px}
.pdp-review-section,.pdp-related{margin-top:44px}.pdp-review-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:18px;align-items:start}.pdp-review-form{padding:18px;position:sticky;top:112px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{font-size:22px;margin-top:5px}.section-link{color:var(--rose);font-size:12px;font-weight:700}
.pdp-image-overlay{display:none;position:fixed;inset:0;z-index:9999;background:rgba(8,8,10,.96);align-items:center;justify-content:center;padding:24px}.pdp-image-overlay.is-open{display:flex}.pdp-image-overlay>button{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:20px}.pdp-image-overlay img{max-width:100%;max-height:90vh;object-fit:contain}
.pdp-mobile-bar{display:none}
@media(max-width:800px){
 .pdp-page{padding-top:10px}.pdp-media-column{position:static}.pdp-gallery{border-radius:20px}.pdp-content-column{padding-top:0}.pdp-assurance{grid-template-columns:repeat(3,minmax(0,1fr))}.pdp-title{font-size:25px}.pdp-price-panel{margin-top:16px}.pdp-actions{grid-template-columns:1fr 1fr}.pdp-wishlist-btn{grid-column:1/-1}.pdp-review-grid{grid-template-columns:1fr}.pdp-review-form{position:static}.pdp-mobile-bar{position:fixed;left:0;right:0;bottom:calc(63px + env(safe-area-inset-bottom));z-index:89;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:9px 12px;background:color-mix(in srgb,var(--card) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:0 -10px 30px rgba(20,20,25,.08)}.pdp-mobile-bar>div{min-width:68px}.pdp-mobile-bar small,.pdp-mobile-bar strong{display:block}.pdp-mobile-bar small{color:var(--ink-muted);font-size:9px}.pdp-mobile-bar strong{color:var(--rose);font-size:15px}.pdp-mobile-bar .btn{min-height:42px;padding:9px 12px;font-size:11.5px}.pdp-related{margin-bottom:32px}
}
@media(max-width:420px){.pdp-assurance strong{font-size:10.5px}.pdp-assurance small{font-size:8.5px}.pdp-assurance>div{padding:10px 6px}.pdp-actions{grid-template-columns:1fr}.pdp-wishlist-btn{grid-column:auto}.pdp-mobile-bar{grid-template-columns:auto 1fr auto}.pdp-mobile-bar .btn{padding-inline:10px}}

/* ---------- Premium cart drawer ---------- */
body.cart-open{overflow:hidden;touch-action:none}
.cart-overlay{background:rgba(31,22,25,.56);backdrop-filter:blur(7px)}
.cart-drawer{max-width:460px;background:var(--surface,#fff);overflow:hidden;box-shadow:-24px 0 70px rgba(52,31,38,.18)}
.cart-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 20px 17px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(240,53,107,.055),transparent)}
.cart-drawer__eyebrow{margin:0 0 3px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose)}
.cart-drawer__title{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;line-height:1.25;color:var(--ink)}
.cart-drawer__title .ic{width:17px;height:17px}
.cart-drawer__count{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:rgba(240,53,107,.1);font-family:var(--font-sans,'Poppins',sans-serif);font-size:11px;color:var(--rose)}
.cart-drawer__close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--line);border-radius:50%;background:var(--card,#fff);color:var(--ink);font-size:15px;transition:transform .2s,border-color .2s,background .2s}
.cart-drawer__close:hover{transform:rotate(5deg);border-color:var(--rose);background:rgba(240,53,107,.05)}
.cart-drawer__body{flex:1;min-height:0;overflow-y:auto;padding:8px 20px 18px;overscroll-behavior:contain}
.cart-item{display:grid;grid-template-columns:76px minmax(0,1fr);gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}
.cart-item__image{width:76px;height:82px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--warm,#faf7f5);padding:0}
.cart-item__image img{width:100%;height:100%;object-fit:contain;padding:6px;transition:transform .25s}
.cart-item__image:hover img{transform:scale(1.035)}
.cart-item__content{min-width:0;display:flex;flex-direction:column;justify-content:center}
.cart-item__top{display:flex;align-items:flex-start;gap:8px}
.cart-item__name{min-width:0;flex:1;padding:0;background:none;text-align:left;font-size:13.5px;font-weight:700;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cart-item__remove{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:transparent;color:var(--ink-muted);font-size:11px}
.cart-item__remove:hover{background:rgba(220,38,38,.08);color:#b91c1c}
.cart-item__meta{margin:3px 0 10px;font-size:11px;line-height:1.4;color:var(--ink-muted)}
.cart-item__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.cart-item__qty{height:34px;border-radius:999px;background:var(--warm,#faf7f5);border-color:var(--line)}
.cart-item__qty button{width:32px;height:32px;color:var(--ink)}
.cart-item__qty button:disabled{opacity:.32;cursor:not-allowed}
.cart-item__qty span{min-width:28px;font-size:12px;color:var(--ink)}
.cart-item__total{font-size:14px;color:var(--rose);white-space:nowrap}
.cart-drawer__footer{padding:15px 20px max(18px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface,#fff);box-shadow:0 -14px 35px rgba(60,39,46,.05)}
.cart-drawer__footer[hidden]{display:none}
.cart-save-list{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 12px;margin-bottom:11px;border:1px dashed rgba(240,53,107,.3);border-radius:11px;background:rgba(240,53,107,.035);font-size:11.5px;font-weight:600;color:var(--rose)}
.cart-summary{padding:12px 14px;border-radius:15px;background:var(--warm,#faf7f5);border:1px solid var(--line)}
.cart-summary__row{display:flex;justify-content:space-between;gap:12px;padding:3px 0;font-size:12.5px;color:var(--ink-soft)}
.cart-summary__row strong{font-weight:650;color:var(--ink)}
.cart-summary__note{padding:6px 0 9px;font-size:9.5px;line-height:1.45;color:var(--ink-muted)}
.cart-summary__total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--line);font-size:15px;font-weight:750;color:var(--ink)}
.cart-summary__total strong{font-size:17px;color:var(--rose)}
.cart-checkout-btn{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;margin-top:12px;border-radius:13px}
.cart-continue-btn{width:100%;padding:10px 12px 2px;background:none;font-size:11.5px;font-weight:600;color:var(--ink-muted)}
.cart-empty{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:45px 24px}
.cart-empty__icon{display:grid;place-items:center;width:76px;height:76px;margin-bottom:17px;border-radius:50%;background:rgba(240,53,107,.08);color:var(--rose)}
.cart-empty__icon .ic{width:27px;height:27px}
.cart-empty h3{margin:0 0 7px;font-size:18px;color:var(--ink)}
.cart-empty p{max-width:280px;margin:0 0 20px;font-size:12px;line-height:1.65;color:var(--ink-muted)}
@media(max-width:520px){
  .cart-drawer{max-width:100%;top:auto;height:min(92dvh,760px);border-left:0;border-top:1px solid var(--line);border-radius:24px 24px 0 0;transform:translateY(105%)}
  .cart-drawer.show{transform:translateY(0)}
  .cart-drawer::before{content:"";position:absolute;top:8px;left:50%;width:36px;height:4px;border-radius:999px;background:var(--line);transform:translateX(-50%);z-index:2}
  .cart-drawer__header{padding-top:22px}
  .cart-drawer__body{padding-left:16px;padding-right:16px}
  .cart-drawer__footer{padding-left:16px;padding-right:16px}
}
html[data-theme="dark"] .cart-drawer,html[data-theme="dark"] .cart-drawer__footer{background:var(--surface,#181215)}

/* ---------- Premium checkout ---------- */
.checkout-page{background:linear-gradient(180deg,var(--warm,#fbf7f4) 0,transparent 340px)}
.checkout-shell{max-width:1080px;padding-top:30px;padding-bottom:70px}
.checkout-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.checkout-kicker{display:block;margin-bottom:5px;color:var(--rose);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.checkout-heading h1{margin:0;font-size:clamp(27px,4vw,42px);line-height:1.15;color:var(--ink)}
.checkout-heading p{max-width:560px;margin:8px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.7}
.checkout-back-link{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink-soft);font-size:11.5px;font-weight:650;white-space:nowrap}
.checkout-steps{max-width:690px;margin:0 0 24px;padding:0;background:transparent}
.checkout-steps .step-item{position:relative;display:flex;align-items:center;gap:8px;flex:1;color:var(--ink-muted);font-size:11px;font-weight:650}
.checkout-steps .step-item:not(:last-child)::after{content:"";position:absolute;left:calc(50% + 28px);right:10px;top:16px;height:1px;background:var(--line)}
.checkout-steps .num{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--ink-muted);font-size:11px;transition:.2s}
.checkout-steps .active .num,.checkout-steps .done .num{border-color:var(--rose);background:var(--rose);color:#fff;box-shadow:0 5px 18px rgba(240,53,107,.2)}
.checkout-steps .active{color:var(--ink)}.checkout-steps .done{color:var(--rose)}
.checkout-layout{display:grid;grid-template-columns:minmax(0,720px) minmax(250px,1fr);gap:24px;align-items:start}
.checkout-card{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:var(--shadow-sm)}
.checkout-card[hidden]{display:none!important}
.checkout-card__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.checkout-card__number{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:var(--rose-soft);color:var(--rose);font-size:12px;font-weight:800}
.checkout-card__head h2{margin:0;color:var(--ink);font-size:18px}.checkout-card__head p{margin:4px 0 0;color:var(--ink-muted);font-size:11px;line-height:1.55}
.checkout-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.checkout-card .field{margin-bottom:15px}.checkout-card .field label{display:block;margin-bottom:7px;color:var(--ink-soft);font-size:11.5px;font-weight:650}.checkout-card .field label span{font-weight:400;color:var(--ink-muted)}
.checkout-card input,.checkout-card select,.checkout-card textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--surface,var(--card));color:var(--ink);font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.checkout-card input,.checkout-card select{min-height:45px;padding:10px 12px}.checkout-card textarea{padding:11px 12px;resize:vertical;line-height:1.55}
.checkout-card input:focus,.checkout-card select:focus,.checkout-card textarea:focus{border-color:var(--rose);box-shadow:0 0 0 3px rgba(240,53,107,.09)}
.checkout-location-btn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:0 0 16px;padding:13px;border:1px dashed rgba(240,53,107,.35);border-radius:14px;background:rgba(240,53,107,.035);text-align:left;color:var(--ink)}
.checkout-location-btn__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--rose);color:#fff}.checkout-location-btn__icon .ic{width:16px;height:16px}.checkout-location-btn strong,.checkout-location-btn small{display:block}.checkout-location-btn strong{font-size:12.5px}.checkout-location-btn small{margin-top:3px;color:var(--ink-muted);font-size:9.8px;line-height:1.4}
.checkout-location-summary{margin:-3px 0 16px;padding:12px 14px;border:1px solid rgba(22,132,91,.22);border-radius:13px;background:rgba(22,132,91,.055);color:var(--ink-soft);font-size:11.5px;line-height:1.65}.checkout-location-summary[hidden]{display:none}
.checkout-prescription{margin:2px 0 16px;padding:14px;border:1px solid rgba(181,50,77,.2);border-radius:14px;background:rgba(181,50,77,.04)}.checkout-prescription[hidden]{display:none}.checkout-prescription__head{display:flex;gap:11px;margin-bottom:11px}.checkout-prescription__head>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:rgba(181,50,77,.1);color:#b5324d;font-size:10px;font-weight:800}.checkout-prescription strong{display:block;color:var(--ink);font-size:12.5px}.checkout-prescription p{margin:3px 0 0;color:var(--ink-muted);font-size:10.5px;line-height:1.5}
.checkout-info-note{display:flex;gap:10px;margin:3px 0 17px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--warm,#faf7f5)}.checkout-info-note>span{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:rgba(22,132,91,.1);color:#16845b;font-size:10px;font-weight:800}.checkout-info-note p{margin:0;color:var(--ink-muted);font-size:10.5px;line-height:1.55}.checkout-info-note strong{color:var(--ink)}
.checkout-primary{min-height:48px;border-radius:13px}.checkout-primary span{margin-left:6px}
.checkout-payment-list{display:grid;gap:10px}.checkout-payment-list .radio-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:0;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface,var(--card));text-align:left;color:var(--ink)}.checkout-payment-list .radio-card input{position:absolute;opacity:0;pointer-events:none}.checkout-payment-list .radio-card.selected{border-color:var(--rose);background:rgba(240,53,107,.035);box-shadow:0 0 0 2px rgba(240,53,107,.07)}
.payment-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:var(--warm,#faf7f5);color:var(--rose);font-size:14px;font-weight:800}.radio-card strong,.radio-card small{display:block}.radio-card strong{font-size:13px}.radio-card small{margin-top:3px;color:var(--ink-muted);font-size:10px}.payment-check{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;color:transparent;font-size:10px}.radio-card.selected .payment-check{border-color:var(--rose);background:var(--rose);color:#fff}
.checkout-pay-info{margin-top:11px}.checkout-pay-info[hidden]{display:none}.checkout-pay-info>div{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--warm,#faf7f5);font-size:11px;line-height:1.65;color:var(--ink-muted)}.checkout-pay-info strong{color:var(--ink)}.checkout-pay-info b{color:var(--rose);font-size:16px}
.checkout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.checkout-actions .btn{min-height:47px;border-radius:13px}
.checkout-item-summary{display:grid;gap:0;padding:4px 0 11px}.checkout-item-summary .row-between{gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink-soft)}.checkout-item-summary .row-between span:last-child{font-weight:700;color:var(--ink);white-space:nowrap}
.checkout-coupon{margin-top:12px}.checkout-coupon>label{display:block;margin-bottom:7px;color:var(--ink-soft);font-size:11.5px;font-weight:650}.checkout-coupon>div{display:flex;gap:8px}.checkout-coupon input{text-transform:uppercase}.checkout-coupon .btn{min-width:88px}.checkout-coupon p{min-height:18px;margin:5px 0 0;font-size:10.5px}
.checkout-wallet{margin-top:14px;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:var(--warm,#faf7f5)}.checkout-wallet[hidden]{display:none}.checkout-wallet label{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}.checkout-wallet strong,.checkout-wallet small{display:block}.checkout-wallet strong{font-size:12px;color:var(--ink)}.checkout-wallet small{margin-top:3px;font-size:10px;color:var(--ink-muted)}.checkout-wallet b{color:var(--rose)}.checkout-wallet input{width:18px;height:18px;min-height:0;accent-color:var(--rose)}
.checkout-totals{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--warm,#faf7f5)}.checkout-totals .row-between{padding:4px 0;color:var(--ink-soft);font-size:12px}.checkout-totals .row-total{margin-top:9px;padding-top:11px;border-top:1px solid var(--line);color:var(--ink);font-size:15px;font-weight:750}.checkout-totals .row-total span:last-child{color:var(--rose);font-size:18px}.checkout-discount{color:#16845b!important}.checkout-discount[hidden]{display:none!important}
.checkout-terms{display:flex;align-items:flex-start;gap:9px;margin:15px 1px 0;color:var(--ink-muted);font-size:10.5px;line-height:1.55}.checkout-terms input{width:17px;height:17px;min-height:0;margin-top:0;accent-color:var(--rose)}.checkout-terms button{padding:0;background:none;color:var(--rose);font:inherit;text-decoration:underline}
#ckPlaceOrderBtn:disabled{opacity:.7;cursor:wait}
.checkout-assurance{position:sticky;top:110px;padding:21px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-sm)}.checkout-assurance h2{margin:0 0 16px;font-size:16px;color:var(--ink)}.checkout-assurance>div{display:flex;gap:11px;padding:13px 0;border-top:1px solid var(--line)}.checkout-assurance>div>span{color:var(--rose);font-size:10px;font-weight:800}.checkout-assurance p{margin:0}.checkout-assurance strong,.checkout-assurance small{display:block}.checkout-assurance strong{font-size:11.5px;color:var(--ink)}.checkout-assurance small{margin-top:4px;font-size:9.8px;line-height:1.55;color:var(--ink-muted)}
@media(max-width:820px){.checkout-layout{grid-template-columns:1fr}.checkout-assurance{position:static;display:none}.checkout-shell{max-width:720px}.checkout-heading{align-items:flex-start}.checkout-steps{max-width:none}}
@media(max-width:560px){.checkout-page{padding-bottom:70px}.checkout-shell{padding-top:18px}.checkout-heading{margin-bottom:19px}.checkout-heading p{font-size:11.5px}.checkout-back-link{display:none}.checkout-steps .step-item{justify-content:center;flex-direction:column;gap:5px;font-size:9.5px;text-align:center}.checkout-steps .step-item:not(:last-child)::after{left:calc(50% + 25px);right:-20px;top:16px}.checkout-card{padding:18px 15px;border-radius:19px}.checkout-card__head{margin-bottom:18px}.checkout-card__head h2{font-size:16px}.checkout-form-grid{grid-template-columns:1fr}.checkout-actions{position:sticky;bottom:calc(65px + env(safe-area-inset-bottom));z-index:4;margin:20px -15px -18px;padding:11px 15px max(13px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 95%,transparent);backdrop-filter:blur(14px)}.checkout-payment-list .radio-card{padding:12px}.checkout-location-btn{grid-template-columns:auto 1fr}.checkout-location-btn>span:last-child{display:none}}


/* ===== Order success ===== */
.order-success-shell{width:min(100% - 28px,960px);margin:0 auto;padding:clamp(34px,7vw,82px) 0 70px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:22px;align-items:start}
.order-success-card,.order-success-next{background:var(--surface,#fff);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-sm);}
.order-success-card{padding:clamp(24px,5vw,48px);text-align:center;overflow:hidden;position:relative}
.order-success-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--brand,var(--gold));}
.order-success-mark{width:82px;height:82px;margin:0 auto 20px}
.order-success-mark svg{width:100%;height:100%;fill:color-mix(in srgb,var(--brand,var(--gold)) 10%,transparent);stroke:var(--brand,var(--gold));stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.order-success-eyebrow{margin:0 0 9px;font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--brand,var(--gold))}
.order-success-card h1{max-width:620px;margin:0 auto 12px;font-size:clamp(25px,4vw,38px);line-height:1.22;color:var(--ink)}
.order-success-lead{max-width:590px;margin:0 auto 24px;color:var(--ink-muted);line-height:1.75}
.order-success-number{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:16px;border:1px dashed color-mix(in srgb,var(--brand,var(--gold)) 45%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--brand,var(--gold)) 5%,var(--surface,#fff));margin-bottom:20px}
.order-success-number span{font-size:13px;color:var(--ink-muted)}
.order-success-number strong{font-size:18px;color:var(--ink);letter-spacing:.04em}
.order-success-copy{border:0;border-radius:999px;padding:7px 12px;background:var(--ink);color:var(--surface,#fff);font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.order-success-copy:disabled{opacity:.45;cursor:not-allowed}
.order-success-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;text-align:left}
.order-success-summary div{padding:14px 15px;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft,var(--warm-bg,#faf8f6))}
.order-success-summary dt{font-size:11px;color:var(--ink-muted);margin-bottom:5px}
.order-success-summary dd{margin:0;font-size:14px;font-weight:800;color:var(--ink);overflow-wrap:anywhere}
.order-success-note{display:flex;gap:10px;text-align:left;padding:14px 16px;border-radius:16px;background:color-mix(in srgb,var(--brand,var(--gold)) 8%,var(--surface,#fff));color:var(--ink-muted)}
.order-success-note>span{flex:0 0 22px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--brand,var(--gold));color:#fff;font-weight:900;font-size:12px}
.order-success-note p{margin:0;font-size:12.5px;line-height:1.65}
.order-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.order-success-next{padding:24px}
.order-success-next h2{margin:0 0 18px;font-size:18px;color:var(--ink)}
.order-success-next ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.order-success-next li{display:flex;gap:12px;align-items:flex-start}
.order-success-next li>span{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--brand,var(--gold)) 12%,var(--surface,#fff));color:var(--brand,var(--gold));font-weight:900}
.order-success-next strong{display:block;font-size:13.5px;color:var(--ink);margin:1px 0 4px}
.order-success-next p{margin:0;font-size:12px;line-height:1.55;color:var(--ink-muted)}
@media(max-width:760px){.order-success-shell{grid-template-columns:1fr;padding-top:24px;padding-bottom:110px}.order-success-card,.order-success-next{border-radius:22px}.order-success-card{padding:28px 18px}.order-success-summary{grid-template-columns:1fr 1fr}.order-success-actions{display:grid}.order-success-actions .btn{width:100%}}
@media(max-width:420px){.order-success-summary{grid-template-columns:1fr}.order-success-mark{width:70px;height:70px}.order-success-card h1{font-size:25px}}

/* =========================================================
   Customer account / profile — premium mobile-first shell
   ========================================================= */
.account-shell{width:min(100%,1120px);margin:0 auto;padding:18px 14px 108px}.account-hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-xl,24px);background:linear-gradient(145deg,var(--card),color-mix(in srgb,var(--rose) 7%,var(--card)));box-shadow:var(--shadow-sm)}.account-hero:after{content:"";position:absolute;right:-56px;top:-68px;width:190px;height:190px;border-radius:50%;background:color-mix(in srgb,var(--rose) 12%,transparent);pointer-events:none}.account-hero__content{position:relative;z-index:1;display:flex;align-items:center;gap:16px;min-width:0}.account-avatar{display:grid;place-items:center;flex:0 0 66px;width:66px;height:66px;border-radius:22px;background:var(--rose);color:#fff;font-size:28px;font-weight:800;box-shadow:0 12px 30px color-mix(in srgb,var(--rose) 26%,transparent)}.account-identity{min-width:0}.account-eyebrow,.account-kicker{margin:0 0 5px;color:var(--rose);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.account-title{margin:0;color:var(--ink);font-family:var(--font-display,inherit);font-size:clamp(24px,7vw,38px);line-height:1.12}.account-contact{margin:6px 0 0;color:var(--ink-muted);font-size:13px;overflow-wrap:anywhere}.account-contact:empty{display:none}.account-contact--secondary{margin-top:3px}.account-hero__actions{position:relative;z-index:1}.account-edit-trigger{width:100%}.account-guest{display:grid;gap:16px;margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--card)}.account-guest__icon{font-size:32px}.account-guest h2,.account-section-head h2{margin:0;color:var(--ink);font-size:18px}.account-guest p{margin:6px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.65}.account-member-content,.account-editor{margin-top:18px}.account-editor,.account-loyalty,.account-settings{padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--card);box-shadow:var(--shadow-xs)}.account-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.account-icon-btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--ink);font-size:22px;background:var(--surface)}.account-form-grid{display:grid;gap:14px}.account-form-grid small{display:block;margin-top:6px;color:var(--ink-muted);font-size:11px;line-height:1.5}.account-editor__actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:16px}.account-quick-grid{display:grid;grid-template-columns:1fr;gap:10px}.account-quick-card{display:grid;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;gap:12px;width:100%;padding:15px;text-align:left;border:1px solid var(--line);border-radius:18px;background:var(--card);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.account-quick-card:active{transform:scale(.985)}.account-quick-card__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--rose-soft);color:var(--rose);font-size:20px;font-weight:800}.account-quick-card strong,.account-setting-row strong{display:block;color:var(--ink);font-size:14px}.account-quick-card small,.account-setting-row small{display:block;margin-top:4px;color:var(--ink-muted);font-size:11.5px;line-height:1.45}.account-quick-card__arrow{color:var(--ink-muted);font-size:23px}.account-loyalty,.account-settings{margin-top:18px}.account-wallet{text-align:right}.account-wallet small,.account-referral small{display:block;color:var(--ink-muted);font-size:10.5px}.account-wallet strong{display:block;margin-top:4px;color:var(--rose);font-size:20px}.account-referral{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:16px;background:var(--surface);border:1px dashed var(--line)}.account-referral strong{display:block;margin-top:3px;color:var(--ink);font-size:17px;letter-spacing:.08em}.account-setting-row{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;padding:14px 0;text-align:left;border-top:1px solid var(--line);color:var(--ink)}.account-setting-row>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--surface);color:var(--rose);font-size:17px}.account-setting-row--danger strong,.account-setting-row--danger>span:first-child{color:var(--danger,#dc2626)}
@media (min-width:640px){.account-shell{padding:28px 22px 92px}.account-hero{flex-direction:row;align-items:center;justify-content:space-between;padding:30px}.account-hero__actions{flex:0 0 auto}.account-edit-trigger{width:auto}.account-guest{grid-template-columns:auto 1fr auto;align-items:center}.account-form-grid{grid-template-columns:1fr 1fr}.account-form-grid__full{grid-column:1/-1}.account-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-editor__actions{display:flex;justify-content:flex-end}.account-editor__actions .btn{width:auto;min-width:150px}}
@media (hover:hover){.account-quick-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--rose) 35%,var(--line));box-shadow:var(--shadow-sm)}.account-setting-row:hover strong{color:var(--rose)}}


/* =========================================================
   PHASE 5 — CUSTOMER ORDERS
   ========================================================= */
.orders-page{width:min(1080px,100%);margin:0 auto;padding:clamp(18px,4vw,42px) 14px 96px}.orders-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:clamp(20px,4vw,38px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,var(--surface),var(--surface-2));box-shadow:var(--shadow-sm)}.orders-eyebrow{display:block;margin-bottom:8px;color:var(--rose);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.orders-hero h1{margin:0;color:var(--ink);font-family:var(--font-display,inherit);font-size:clamp(28px,5vw,48px);line-height:1.06}.orders-hero p{max-width:650px;margin:10px 0 0;color:var(--ink-muted);font-size:14px;line-height:1.7}.orders-shop-btn{flex:0 0 auto}.orders-tabs{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0;padding:6px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(16px)}.orders-tab{min-height:46px;padding:9px 10px;border:0;border-radius:11px;background:transparent;color:var(--ink-muted);font:700 12px/1.2 inherit;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.orders-tab b{display:inline-grid;min-width:20px;height:20px;margin-left:5px;padding:0 5px;place-items:center;border-radius:999px;background:var(--surface-3);font-size:10px}.orders-tab.active{background:var(--surface);color:var(--rose);box-shadow:var(--shadow-xs)}.orders-tab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.orders-list{display:grid;gap:14px}.orders-list[hidden]{display:none!important}.order-card{overflow:hidden;padding:clamp(16px,3vw,24px);border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:var(--shadow-xs)}.order-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}.order-card-head h2{margin:4px 0 0;color:var(--ink);font-size:17px;overflow-wrap:anywhere}.order-date{color:var(--ink-muted);font-size:11px}.order-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:14px 0;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.order-meta-grid>div{min-width:0;padding:12px;background:var(--surface-2)}.order-meta-grid span{display:block;margin-bottom:4px;color:var(--ink-muted);font-size:10px}.order-meta-grid strong{display:block;color:var(--ink);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.order-action{flex:1 1 180px;min-height:42px;font-size:12px}.orders-loading,.orders-error{display:grid;min-height:220px;padding:30px;place-items:center;text-align:center;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.orders-loading p,.orders-error p{margin:8px 0;color:var(--ink-muted)}.orders-error strong{color:var(--ink)}.orders-empty{min-height:280px;border:1px dashed var(--line);border-radius:20px;background:var(--surface)}
@media (min-width:720px){.orders-page{padding-inline:24px}.orders-tab{font-size:13px}.order-meta-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.orders-hero{align-items:flex-start;flex-direction:column}.orders-shop-btn{width:100%}.orders-tabs{top:6px}.orders-tab{font-size:11px;padding-inline:5px}.order-card-head{align-items:center}.status-pill{white-space:nowrap}.order-meta-grid{grid-template-columns:1fr 1fr}}


/* ===== PREMIUM WISHLIST PAGE ===== */
.wishlist-page{width:min(1180px,calc(100% - 24px));margin:0 auto;padding:18px 0 72px}
.wishlist-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,color-mix(in srgb,var(--rose) 8%,var(--card)),var(--card));box-shadow:var(--shadow-sm)}
.wishlist-eyebrow{margin:0 0 7px;color:var(--rose);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.wishlist-title{margin:0;color:var(--ink);font-family:var(--font-display);font-size:clamp(28px,5vw,44px);line-height:1.1}
.wishlist-intro{max-width:620px;margin:10px 0 0;color:var(--ink-muted);font-size:14px;line-height:1.75}
.wishlist-hero__meta{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.wishlist-hero__meta>span{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:12px;font-weight:800;white-space:nowrap}
.wishlist-clear{min-height:40px;padding-inline:14px;color:var(--danger,#b42318);border-color:color-mix(in srgb,var(--danger,#b42318) 30%,var(--line))}
.wishlist-content{padding:26px 0 10px}.wishlist-grid{align-items:stretch}
.wishlist-empty{grid-column:1/-1;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 20px;border:1px dashed color-mix(in srgb,var(--rose) 30%,var(--line));border-radius:24px;background:var(--card);text-align:center}
.wishlist-empty .em{width:68px;height:68px;display:grid;place-items:center;margin-bottom:14px;border-radius:50%;background:color-mix(in srgb,var(--rose) 10%,var(--card));color:var(--rose);font-size:34px}.wishlist-empty h3{margin:0;color:var(--ink);font-size:19px}.wishlist-empty p{max-width:420px;margin:8px 0 18px;color:var(--ink-muted);font-size:13px;line-height:1.7}
.wishlist-discovery{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:28px;padding:22px 24px;border-radius:22px;background:var(--surface-warm,var(--surface));border:1px solid var(--line)}.wishlist-discovery h2{margin:0;color:var(--ink);font-size:21px}
@media(max-width:700px){.wishlist-page{width:min(100% - 18px,1180px);padding-top:10px}.wishlist-hero{align-items:flex-start;flex-direction:column;padding:22px 18px;border-radius:22px}.wishlist-hero__meta{width:100%;justify-content:space-between}.wishlist-content{padding-top:18px}.wishlist-discovery{align-items:stretch;flex-direction:column;padding:19px}.wishlist-discovery .btn{width:100%}.wishlist-empty{min-height:300px;border-radius:20px}}

/* =========================================================
   ADMIN DASHBOARD — premium operations shell
   ========================================================= */
#page-admin-dash.admin-shell{
  --admin-accent:var(--brand-600,#b3195b);
  --admin-panel:color-mix(in srgb,var(--surface,#fff) 96%,var(--brand-50,#fff4f8));
  min-height:100dvh;
  background:var(--background,var(--warm-bg,#fbf8f5));
}
.admin-topbar{
  position:sticky;top:0;z-index:110;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  min-height:68px;padding:10px clamp(14px,3vw,28px);
  background:color-mix(in srgb,var(--surface,#fff) 92%,transparent);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
.admin-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--ink);text-decoration:none}
.admin-brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 8px 24px rgba(179,25,91,.16)}
.admin-brand span{display:grid;min-width:0;line-height:1.15}
.admin-brand small{color:var(--ink-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.admin-brand strong{font-size:14px;white-space:nowrap}
.admin-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.admin-updated{font-size:11px;color:var(--ink-muted);white-space:nowrap}
.admin-icon-btn{min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:650;cursor:pointer}
.admin-icon-btn:hover{border-color:var(--brand-300);box-shadow:0 8px 20px rgba(35,29,32,.07)}
.admin-lock-btn{color:var(--danger,#b42318);border-color:color-mix(in srgb,var(--danger,#b42318) 25%,transparent)}
.admin-alert-btn{color:var(--danger,#b42318)}
.admin-content{padding-top:20px!important}
.admin-layout{align-items:start;gap:20px}
.admin-nav{position:sticky;top:88px;padding:8px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 14px 40px rgba(35,29,32,.06);overflow:hidden}
.admin-nav a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:12px;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer}
.admin-nav a:hover{background:var(--brand-50);color:var(--brand-700)}
.admin-nav a.active{background:var(--brand-600);color:#fff;box-shadow:0 8px 20px rgba(179,25,91,.22)}
#page-admin-dash .stat-grid{gap:12px}
#page-admin-dash .stat-card{min-height:112px;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 28px rgba(35,29,32,.05)}
#page-admin-dash .stat-card .lbl{font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-muted)}
#page-admin-dash .stat-card .val{margin-top:8px;font-size:clamp(20px,2.4vw,30px);color:var(--ink)}
#page-admin-dash .stat-card .val.rose{color:var(--brand-600)}
#page-admin-dash .card-box{border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(35,29,32,.05)}
.admin-table-wrap{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
#page-admin-dash .admin-table{min-width:760px}
#page-admin-dash .admin-table th{position:sticky;top:0;background:var(--surface-raised,var(--surface));color:var(--ink-muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.04em}
#page-admin-dash .admin-table td{color:var(--ink-soft);vertical-align:middle}
#page-admin-dash input,#page-admin-dash select,#page-admin-dash textarea{color:var(--ink);background:var(--surface);border-color:var(--line)}
#page-admin-dash select option{color:#181315;background:#fff}
.admin-bulkbar{align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;border:1px solid var(--brand-200);border-radius:14px;background:var(--brand-50)}
.admin-bulkbar span{font-size:12px;color:var(--brand-700);font-weight:700}
.admin-bulk-btn{min-height:34px;padding:6px 11px;border:1px solid var(--brand-200);border-radius:10px;background:var(--surface);color:var(--brand-700);font-size:12px;font-weight:650}
.admin-bulk-btn.danger{color:var(--danger,#b42318);border-color:color-mix(in srgb,var(--danger,#b42318) 25%,transparent)}
@media(max-width:900px){
  .admin-layout{display:block}
  .admin-nav{position:sticky;top:68px;z-index:90;display:flex;gap:6px;margin:0 -14px 16px;padding:8px 14px;border-width:0 0 1px;border-radius:0;overflow-x:auto;scrollbar-width:none}
  .admin-nav::-webkit-scrollbar{display:none}
  .admin-nav a{flex:0 0 auto;min-height:38px;padding:8px 11px;white-space:nowrap}
}
@media(max-width:640px){
  .admin-topbar{min-height:62px;padding:8px 12px}
  .admin-brand img{width:38px;height:38px;border-radius:11px}
  .admin-brand small{display:none}
  .admin-brand strong{font-size:12.5px}
  .admin-updated{display:none}
  .admin-icon-btn{width:38px;padding:0;display:grid;place-items:center}
  .admin-icon-btn span{display:none}
  .admin-content{padding:14px 12px 96px!important}
  #page-admin-dash .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #page-admin-dash .stat-card{min-height:98px;padding:14px;border-radius:15px}
  #page-admin-dash .stat-card .val{font-size:21px}
  #page-admin-dash h2.tiro{font-size:17px!important}
}

/* ============================================================
   Admin Dashboard — Modern Visual Refresh
   (নিচের সব রুল বিদ্যমান --brand/--surface/--ink theme variable
   ব্যবহার করে, তাই light/dark দুই মোডেই সঠিকভাবে মানানসই থাকে —
   কোথাও ফিক্সড hex color হার্ডকোড করা হয়নি।)
   ============================================================ */

/* টপবারে সূক্ষ্ম gradient accent লাইন — dashboard-কে একটা প্রিমিয়াম, ব্র্যান্ডেড ফিল দেয় */
.admin-topbar{
  position:relative;
}
.admin-topbar::after{
  content:'';
  position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,var(--brand-600,#b3195b),var(--gold,#d4930c),transparent 80%);
  opacity:.55;
}
.admin-icon-btn{transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.admin-icon-btn:active{transform:scale(.96)}

/* Nav — hover/active অবস্থায় smooth transition, বর্তমান pill design ধরে রেখে আরও নিখুঁত */
.admin-nav a{transition:background .15s ease,color .15s ease,transform .1s ease}
.admin-nav a:active{transform:scale(.98)}

/* Stat card — বাঁ পাশে একটা রঙিন accent bar + hover-এ সামান্য lift, flat card থেকে বেশি dimensional মনে হয় */
#page-admin-dash .stat-card{
  position:relative;overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
#page-admin-dash .stat-card::before{
  content:'';position:absolute;left:0;top:0;bottom:0;width:4px;
  background:linear-gradient(180deg,var(--brand-600,#b3195b),var(--gold,#d4930c));
  border-radius:0 4px 4px 0;
}
#page-admin-dash .stat-card:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(35,29,32,.09);
}

/* Card-box (মূল্য হিসাব, সেটিংস প্যানেল ইত্যাদি) — gradient border glow দিয়ে একটু বেশি premium */
#page-admin-dash .card-box{transition:box-shadow .18s ease}
#page-admin-dash .card-box:hover{box-shadow:0 14px 36px rgba(35,29,32,.08)}

/* Table — zebra striping + row hover highlight + rounded first/last cell, প্লেইন সাদা/কালো grid-এর বদলে */
#page-admin-dash .admin-table{border-collapse:separate;border-spacing:0;width:100%}
#page-admin-dash .admin-table thead th{padding:12px 10px;border-bottom:1px solid var(--line)}
#page-admin-dash .admin-table tbody td{padding:10px}
#page-admin-dash .admin-table tbody tr{transition:background .12s ease}
#page-admin-dash .admin-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--surface,#fff) 97%,var(--ink,#000) 3%)}
#page-admin-dash .admin-table tbody tr:hover{background:var(--brand-50,rgba(179,25,91,.06))}
#page-admin-dash .admin-table tbody tr:not(:last-child) td{border-bottom:1px solid var(--line)}
#page-admin-dash .admin-table tbody tr:first-child td:first-child{border-top-left-radius:12px}
#page-admin-dash .admin-table tbody tr:first-child td:last-child{border-top-right-radius:12px}

/* status-pill-কে টেবিলের ভেতরে আরও স্পষ্ট/গোল করে দেখানো */
#page-admin-dash .status-pill{
  display:inline-block;font-weight:700;letter-spacing:.02em;
  box-shadow:0 1px 0 rgba(0,0,0,.02) inset;
}

/* এডিট/বন্ধ-চালু action link-গুলো এখন pill-বাটনের মতো, শুধু আন্ডারলাইন টেক্সট-লিঙ্ক নয় */
#page-admin-dash .admin-table td a{
  display:inline-flex;align-items:center;padding:4px 10px;border-radius:8px;
  font-weight:700;text-decoration:none;transition:background .15s ease;
}
#page-admin-dash .admin-table td a:hover{background:color-mix(in srgb,currentColor 12%,transparent)}

/* Input/select-এর focus state — flat বর্ডারের বদলে brand-color glow */
#page-admin-dash input:focus,#page-admin-dash select:focus,#page-admin-dash textarea:focus{
  outline:none;border-color:var(--brand-400,var(--gold));
  box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-500,var(--gold)) 15%,transparent);
}

/* বাল্ক অ্যাকশন বার-এর বাটন hover পালিশ */
.admin-bulk-btn{transition:transform .12s ease,box-shadow .12s ease}
.admin-bulk-btn:hover{box-shadow:0 6px 16px rgba(35,29,32,.08)}
.admin-bulk-btn:active{transform:scale(.97)}

@media(max-width:640px){
  #page-admin-dash .admin-table thead th{padding:9px 8px;font-size:10px}
  #page-admin-dash .admin-table tbody td{padding:8px}
}

/* ---------- Product Modal — refined header/sections ---------- */
#productModal .modal-box{position:relative}
#productModal .modal-box::before{
  content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand-600,#b3195b),var(--gold,#d4930c));
  border-radius:var(--radius-lg) var(--radius-lg) 0 0;
}
#productModal #pfTitle{font-size:18px;font-weight:800;margin-bottom:4px}
#productModal .card-box{transition:border-color .15s ease}
#productModal .field label{font-weight:600;color:var(--ink-soft)}

/* Phase 6 — Driver dashboard */
.driver-page{min-height:100vh;background:linear-gradient(180deg,var(--surface,#fff8f5) 0%,var(--bg,#fff) 42%);padding-bottom:calc(92px + env(safe-area-inset-bottom))}
.driver-shell{width:min(100% - 24px,760px);margin:0 auto;padding:22px 0 46px}
.driver-back{display:inline-flex;align-items:center;min-height:40px;color:var(--ink-muted);font-size:.82rem;font-weight:700;text-decoration:none;margin-bottom:16px}
.driver-login-wrap{display:grid;place-items:center;min-height:68vh}
.driver-login-card{width:min(100%,460px);padding:28px;border:1px solid var(--line);border-radius:28px;background:var(--card,#fff);box-shadow:0 22px 70px rgba(45,28,28,.1)}
.driver-brandmark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--rose-soft,#fff0f4);font-size:1.65rem;margin-bottom:18px}
.driver-eyebrow{margin:0 0 6px;color:var(--rose,#c94f73);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.driver-title{margin:0;color:var(--ink);font-family:var(--font-display,inherit);font-size:clamp(1.55rem,5vw,2.15rem);line-height:1.15}
.driver-subtitle{margin:8px 0 0;color:var(--ink-muted);font-size:.88rem;line-height:1.65}
.driver-login-form{display:grid;gap:14px;margin-top:22px}
.driver-dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}
.driver-logout{flex:0 0 auto;min-height:42px;padding-inline:16px}
.driver-availability{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--card,#fff);box-shadow:0 10px 34px rgba(45,28,28,.06)}
.driver-online-label{color:var(--ink);font-weight:800;font-size:.92rem}
.driver-online-help{margin-top:4px;color:var(--ink-muted);font-size:.74rem}
.driver-switch{position:relative;display:inline-block;width:54px;height:30px;flex:0 0 auto}
.driver-switch input{position:absolute;opacity:0;pointer-events:none}
.driver-switch-track{position:absolute;inset:0;border-radius:999px;background:#94a3b8;cursor:pointer;transition:.25s}
.driver-switch-track:before{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:.25s}
.driver-switch input:checked + .driver-switch-track{background:#16a34a}
.driver-switch input:checked + .driver-switch-track:before{transform:translateX(24px)}
.driver-switch input:focus-visible + .driver-switch-track{outline:3px solid rgba(201,79,115,.25);outline-offset:3px}
.driver-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px}
.driver-stat-card{padding:16px 14px;border:1px solid var(--line);border-radius:18px;background:var(--card,#fff)}
.driver-stat-card span{display:block;color:var(--ink-muted);font-size:.73rem;font-weight:700}
.driver-stat-card strong{display:block;margin-top:8px;color:var(--ink);font-size:1.35rem}
.driver-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:16px;background:var(--card,#fff);margin-bottom:14px}
.driver-tab{min-height:44px;border-radius:12px;color:var(--ink-muted);font-size:.8rem;font-weight:800}
.driver-tab.is-active{background:var(--rose-soft,#fff0f4);color:var(--rose,#c94f73)}
.driver-order-list{display:grid;gap:12px}
.driver-order-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--card,#fff);box-shadow:0 10px 30px rgba(45,28,28,.05)}
.driver-order-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.driver-order-number{font-size:.92rem;color:var(--ink)}
.driver-order-meta{display:grid;gap:9px;margin-bottom:14px}
.driver-meta-row{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);font-size:.82rem;line-height:1.5}
.driver-meta-row b{color:var(--ink)}
.driver-note{padding:11px 12px;border-radius:12px;background:var(--surface,#fff8f5);color:var(--ink-soft);font-size:.78rem;line-height:1.55}
.driver-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--line);color:var(--ink-muted);font-size:.78rem}
.driver-total strong{color:var(--ink);font-size:1rem}
.driver-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.driver-actions .btn-block{grid-column:1/-1}
.driver-gps-panel{display:grid;gap:5px;padding:10px 12px;border-radius:12px;background:var(--surface,#fff8f5);margin-top:10px}
@media(max-width:540px){.driver-shell{width:min(100% - 18px,760px);padding-top:14px}.driver-login-card{padding:22px;border-radius:22px}.driver-dash-head{align-items:center}.driver-stat-card{padding:14px 10px}.driver-actions{grid-template-columns:1fr}.driver-actions .btn{grid-column:1}.driver-online-help{max-width:220px}}


/* Zone Manager Dashboard — premium mobile-first */
.zone-manager-page{background:linear-gradient(180deg,var(--surface-warm,#fffaf7),var(--bg,#fff));min-height:100vh}.zone-manager-shell{max-width:1440px;margin:auto}.zm-back-link{display:inline-flex;margin-bottom:20px;color:var(--ink-muted);font-size:.84rem}.zm-login-wrap{max-width:520px;margin:4vh auto 8vh}.zm-login-intro{text-align:center;margin-bottom:24px}.zm-login-intro h1{font-size:clamp(2rem,7vw,3.5rem);margin:.35rem 0}.zm-login-intro p{max-width:460px;margin:auto;color:var(--ink-muted);line-height:1.7}.zm-login-card{padding:clamp(20px,5vw,34px);box-shadow:0 24px 70px rgba(54,30,36,.1)}.zm-dashboard-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0}.zm-dashboard-head h1{font-size:clamp(1.7rem,4vw,2.8rem);margin:.25rem 0}.zm-dashboard-head p{color:var(--ink-muted);margin:0}.zm-tabs{display:flex;gap:8px;overflow-x:auto;padding:6px;margin:0 0 22px;background:var(--card,#fff);border:1px solid var(--line);border-radius:18px;position:sticky;top:8px;z-index:12;box-shadow:0 10px 32px rgba(35,20,25,.07)}.zm-tabs button{border:0;background:transparent;color:var(--ink-muted);padding:11px 16px;border-radius:12px;white-space:nowrap;font-weight:700;cursor:pointer}.zm-tabs button.active{background:var(--rose,#c8486d);color:white}.zm-content{min-width:0}.zm-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.zm-overview-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px}.zm-overview-grid>.card-box{min-width:0}.section-head h2,.zm-pane-head h2,.zm-payment-card h2,.zm-alert-card h2{font-size:1rem;margin:.2rem 0 0}.zm-chart{display:flex;align-items:flex-end;gap:7px;height:150px;padding-top:18px}.zm-chart-labels{display:flex;gap:7px}.zm-alert-card{background:#fff8e7;border:1px solid #ecd8a1;border-radius:18px;padding:18px;margin-bottom:18px}.zm-alert-card h2{color:#7b5810;margin-bottom:10px}.zm-pane-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.zm-toolbar{display:flex;gap:8px;flex-wrap:wrap}.zm-toolbar input,.zm-pane-head select{min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--card,#fff);color:var(--ink);padding:0 13px}.zm-payment-card{margin-top:18px}.zone-manager-page .data-table select,.zone-manager-page .data-table input{min-height:38px;border-radius:10px!important}.zone-manager-page .table-scroll.card-box{padding:0;overflow:auto}.zone-manager-page .data-table{min-width:760px}.zone-manager-page .data-table th{position:sticky;top:0;background:var(--card,#fff);z-index:1}.zone-manager-page .eyebrow{font-size:.68rem;letter-spacing:.14em;font-weight:800;color:var(--rose,#c8486d)}
@media(max-width:900px){.zm-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zm-overview-grid{grid-template-columns:1fr}.zm-dashboard-head{align-items:flex-start}.zm-pane-head{align-items:flex-start;flex-direction:column}.zm-toolbar{width:100%}.zm-toolbar input{flex:1;min-width:160px}.zm-pane-head select{width:100%}}
@media(max-width:600px){.zone-manager-shell{padding-left:14px!important;padding-right:14px!important}.zm-dashboard-head{padding-top:8px}.zm-dashboard-head .btn{padding:10px 12px}.zm-tabs{margin-left:-6px;margin-right:-6px;border-radius:14px}.zm-tabs button{padding:10px 13px}.zm-stat-grid{gap:10px}.zm-stat-grid .stat-card{padding:14px}.zm-stat-grid .stat-card:last-child{grid-column:1/-1}.zm-login-wrap{margin-top:1vh}.zm-toolbar .btn{width:100%}.zone-manager-page .table-scroll{margin-left:-4px;margin-right:-4px}.zm-chart{height:120px}}