/* G_SHOP vibrant fashion palette — neutral editorial canvas + energetic retail accents.
   Default is light. Dark mode remains available through the existing theme toggle. */
:root{
 --ink:#fffaf5;--ink-1:#ffffff;--ink-2:#f7f2ec;--ink-3:#eee7df;
 --paper:#24212a;--paper-2:#38333d;
 --text:#24212a;--dim:#6f6872;--faint:#9c949b;
 --line:rgba(36,33,42,.09);--line-2:rgba(36,33,42,.16);
 --lime:#ff6b35;--green:#159b72;--red:#e84d5b;--gold:#e9a72f;
 --purple:#8266d9;--blue:#3478f6;--orange:#ff6b35;
 --glass-bg:rgba(255,255,255,.78);--glass-bg-hi:rgba(255,255,255,.96);--glass-line:rgba(36,33,42,.10);
 --glass-blur:blur(18px) saturate(150%);
 --glow-lime:rgba(255,107,53,.22);--glow-purple:rgba(130,102,217,.14);--glow-blue:rgba(52,120,246,.13);
 --shadow-lg:0 24px 60px -28px rgba(54,42,35,.18),0 0 0 1px rgba(36,33,42,.035) inset;
 --shadow-md:0 14px 32px -18px rgba(54,42,35,.16);--shadow-glow:0 0 38px -20px rgba(255,107,53,.35);
}
[data-theme="light"]{
 --ink:#fffaf5;--ink-1:#fff;--ink-2:#f8f3ed;--ink-3:#eee7df;
 --paper:#24212a;--paper-2:#38333d;--text:#24212a;--dim:#6f6872;--faint:#9c949b;
 --line:rgba(36,33,42,.09);--line-2:rgba(36,33,42,.16);
 --lime:#ff6b35;--green:#159b72;--red:#e84d5b;--gold:#e9a72f;--purple:#8266d9;--blue:#3478f6;--orange:#ff6b35;
 --glass-bg:rgba(255,255,255,.78);--glass-bg-hi:rgba(255,255,255,.96);--glass-line:rgba(36,33,42,.10);
 --glow-lime:rgba(255,107,53,.22);--glow-purple:rgba(130,102,217,.14);--glow-blue:rgba(52,120,246,.13);
 --shadow-lg:0 24px 60px -28px rgba(54,42,35,.18),0 0 0 1px rgba(36,33,42,.035) inset;
 --shadow-md:0 14px 32px -18px rgba(54,42,35,.16);
}
[data-theme="dark"]{
 --ink:#171923;--ink-1:#20232e;--ink-2:#282c38;--ink-3:#333846;
 --paper:#fffaf5;--paper-2:#f1e9df;--text:#f7f4f0;--dim:#b7b0b8;--faint:#827b86;
 --line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.16);
 --lime:#ff8152;--green:#40c99a;--red:#ff6672;--gold:#f4bf55;--purple:#a997f0;--blue:#72a2ff;--orange:#ff8152;
 --glass-bg:rgba(32,35,46,.78);--glass-bg-hi:rgba(40,44,56,.96);--glass-line:rgba(255,255,255,.12);
 --glow-lime:rgba(255,129,82,.22);--glow-purple:rgba(169,151,240,.16);--glow-blue:rgba(114,162,255,.14);
 --shadow-lg:0 24px 60px -28px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.035) inset;
 --shadow-md:0 14px 32px -18px rgba(0,0,0,.42);
}
body{background:radial-gradient(ellipse at 12% 0%,rgba(255,190,151,.16),transparent 32rem),radial-gradient(ellipse at 92% 28%,rgba(255,225,190,.24),transparent 34rem),var(--ink);color:var(--text)}
::selection{background:rgba(255,107,53,.22);color:var(--text)}
.ticker{background:linear-gradient(90deg,#ff7447,#ff9b55 55%,#ffc16b);color:#321b14;box-shadow:0 5px 22px -13px rgba(230,92,42,.55);letter-spacing:0}
.nav{background:color-mix(in srgb,var(--ink) 90%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.nav::after{background:linear-gradient(90deg,transparent,var(--lime),var(--gold),transparent);opacity:.42}
.nav__brand .dot,.mobile-menu__brand .dot{color:var(--lime);text-shadow:none}
.icon-btn{background:var(--glass-bg);border-color:var(--line);color:var(--text)}
.icon-btn:hover{background:var(--glass-bg-hi);border-color:var(--lime);box-shadow:0 7px 20px -14px var(--glow-lime)}
.hero{background:transparent}
.hero__glow,.hero__glow-2{opacity:.3;filter:blur(75px)}
.hero__title em{background:linear-gradient(115deg,#ff7447 5%,#f34f76 52%,#e5a34a 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:none}
.hero__lead{color:var(--dim)}
.hero__lead strong{color:#d64f2b}
[data-theme="dark"] .hero__lead strong{color:#ffb08e}
.btn--primary{background:linear-gradient(120deg,#ff7447,#f45b57 58%,#ed8b42);color:#fff;box-shadow:0 12px 28px -15px rgba(239,91,69,.68)}
.btn--primary:hover{box-shadow:0 16px 32px -15px rgba(239,91,69,.72)}
.btn--ghost{background:var(--glass-bg);border-color:var(--line-2);color:var(--text)}
.chip.active{background:linear-gradient(120deg,#ff7447,#f45b57);border-color:#f45b57;color:#fff;box-shadow:0 8px 20px -12px rgba(239,91,69,.7)}
.chip:hover,.toolbar select:focus,.category-select:focus{border-color:var(--lime)}
.toolbar{background:var(--glass-bg);border-color:var(--line);box-shadow:var(--shadow-md)}
.toolbar input[type="text"],.toolbar select,.category-select{background:var(--ink-1);border-color:var(--line);color:var(--text)}
.pcard{background:var(--ink-1);border-color:var(--line);box-shadow:0 10px 28px -22px rgba(55,42,35,.35)}
.pcard:hover{border-color:color-mix(in srgb,var(--lime) 48%,var(--line));box-shadow:0 18px 38px -25px rgba(55,42,35,.42),0 0 0 1px rgba(255,107,53,.07)}
.pcard__img{background:#f1ece5}
.pcard__name{color:var(--text)}
.pcard:hover .pcard__name{color:var(--lime)}
.pcard__price{color:#d94f30}
[data-theme="dark"] .pcard__price{color:#ff9a75}
.pcard__quick{background:linear-gradient(120deg,#ff7447,#f45b57);color:#fff;box-shadow:0 8px 24px -10px rgba(239,91,69,.55)}
.badge{background:#ff7447;color:#fff;border-color:var(--ink)}
.badge.red,.icon-btn .badge.red{background:#e84d5b;color:#fff}
.story{background:linear-gradient(135deg,#fff0e5,#f9e8ed 54%,#fff4df);color:#29232a;border-block:1px solid rgba(225,112,76,.12)}
[data-theme="dark"] .story{background:linear-gradient(135deg,#352a2d,#302632 54%,#352e26);color:var(--text)}
.story__bullet .n{background:#ffe0d2;color:#b8442a}
.testimonial,.faq__item{background:var(--glass-bg);border-color:var(--line);box-shadow:var(--shadow-md)}
.drawer,.modal__box,.admin{background:color-mix(in srgb,var(--ink-1) 96%,transparent);border-color:var(--glass-line);color:var(--text)}
.drawer{box-shadow:-22px 0 65px rgba(35,25,20,.18)}
.modal__box{box-shadow:var(--shadow-lg),0 0 65px -28px var(--glow-lime)}
.footer{background:color-mix(in srgb,var(--ink) 94%,var(--ink-2));border-top:1px solid var(--line)}
.back-top,.live-chat{box-shadow:0 12px 28px -14px rgba(45,35,30,.28)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
[data-theme="dark"] .hero__title em{background:linear-gradient(115deg,#ff956d,#ff7b91 52%,#f4c16d);background-clip:text;-webkit-background-clip:text;color:transparent}
@media(hover:hover){.pcard:hover{transform:translateY(-4px)}}
@media(prefers-reduced-motion:reduce){.hero__glow,.hero__glow-2,.aurora__blob{animation:none!important}}


/* Product showcase refresh — clear hierarchy, honest product signals, mobile-first purchase flow. */
.pcard{border-radius:22px;border-color:var(--line);background:var(--ink-1);box-shadow:0 12px 30px -24px rgba(36,33,42,.42);transform-style:flat}
.pcard__img{aspect-ratio:4/5;background:linear-gradient(145deg,var(--ink-2),var(--ink-3))}
.pcard__img img{object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.pcard:hover .pcard__img img{transform:scale(1.045)}
.pcard__info{padding:15px 17px 18px;gap:7px}
.pcard__category{font-size:10px;font-weight:700;color:var(--dim);letter-spacing:.04em}
.pcard__name{font-size:14px;line-height:1.65;min-height:2.9em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard__rating{display:flex;align-items:center;gap:5px;color:#bd7b19;font-size:11px;line-height:1.4}
.pcard__rating b{font-family:'Space Grotesk',sans-serif;color:var(--text);font-size:11px}
.pcard__rating small{color:var(--dim);font-size:10px}
.pcard__meta{gap:8px;align-items:flex-end}
.pcard__price{font-size:14px;white-space:nowrap}
.pcard__colors{flex-wrap:wrap;justify-content:flex-end}
.pcard__wish,.pcard__compare{backdrop-filter:blur(12px);box-shadow:0 5px 18px rgba(0,0,0,.10)}
.detail__category{font-size:11px;color:var(--dim);font-weight:700;margin-bottom:7px}
.detail__rating{display:flex;align-items:center;gap:5px;color:#bd7b19;font-size:12px;margin:0 0 10px}
.detail__rating small{color:var(--dim);font-size:11px}
.detail__price{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-shadow:none}
.detail__discount{font-family:'Vazirmatn',sans-serif;font-size:10px;font-weight:800;color:#fff;background:var(--red);border-radius:100px;padding:4px 9px}
.product-purchase-bar{position:sticky;bottom:-36px;z-index:6;margin-inline:-32px;padding:14px 32px 18px;background:color-mix(in srgb,var(--ink-1) 94%,transparent);border-top:1px solid var(--line);box-shadow:0 -12px 24px -22px rgba(20,20,20,.4);backdrop-filter:blur(16px)}
@media(max-width:700px){
  .pcard{border-radius:17px}.pcard__info{padding:12px 12px 14px;gap:6px}
  .pcard__name{font-size:12px;min-height:2.9em}.pcard__price{font-size:12px}
  .pcard__price del{font-size:10px}.pcard__rating{font-size:10px}.pcard__rating small{font-size:9px}
  .pcard__badges{top:9px;right:9px;gap:5px}.pbadge{font-size:9px;padding:5px 8px}
  .gallery{grid-template-columns:1fr}.gallery__main{aspect-ratio:1/1;max-height:54vh}
  .detail{padding:24px 18px 18px;max-height:none;overflow:visible}.detail h2{font-size:21px;padding-inline-end:28px}
  .product-purchase-bar{bottom:-18px;margin-inline:-18px;padding:13px 18px calc(14px + env(safe-area-inset-bottom));gap:9px!important}
  .product-purchase-bar .checkout-btn{font-size:12px;min-height:48px;padding-inline:12px}.product-purchase-bar .qty-ctrl{flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){.pcard,.pcard__img img{transition:none!important}.pcard:hover .pcard__img img{transform:none!important}}

/* Cart and checkout refinement — readable order review and mobile-first form ergonomics. */
.checkout-order-summary{margin-top:18px;padding:16px 17px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ink-2) 62%,transparent)}
.checkout-order-summary__head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}
.checkout-order-summary__head span{font-size:11px;color:var(--dim);white-space:nowrap}
.checkout-order-summary__items{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px}
.checkout-order-summary__items li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:9px;border-top:1px solid var(--line);font-size:12px}
.checkout-order-summary__name{min-width:0;display:grid;gap:3px;font-weight:600}
.checkout-order-summary__name small{font-size:10px;color:var(--dim);font-weight:400}
.checkout-order-summary__items li>b{flex:0 0 auto;font-family:'Space Grotesk',sans-serif;font-size:12px}
.checkout-order-summary__hint{margin:12px 0 0;font-size:10px;line-height:1.8;color:var(--dim)}
.checkout-shipping-note{margin-top:12px;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,var(--blue) 7%,transparent);border:1px solid color-mix(in srgb,var(--blue) 18%,var(--line));font-size:11px;line-height:1.9;color:var(--text)}
#ckSubmit{min-height:52px}
#ckSubmit:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
@media(max-width:700px){
  .drawer__body{padding:16px 16px 22px}
  .drawer__foot{padding:15px 16px calc(14px + env(safe-area-inset-bottom))}
  .drawer__foot .ctotals{gap:7px;margin-bottom:12px}
  .drawer__foot .ctotals__row{font-size:12px}
  .drawer__foot .ctotals__row.big{font-size:15px;padding-top:10px}
  .drawer__foot .checkout-btn{min-height:48px;padding:13px}
  .citem{grid-template-columns:64px minmax(0,1fr);gap:11px;padding:13px 0}
  .citem__img{width:64px;height:82px}
  .citem__name{white-space:normal;line-height:1.6}
  .citem__row{margin-top:8px}
  .checkout-order-summary{padding:13px;border-radius:13px}
  .checkout-shipping-note{font-size:10.5px}
}
@media(max-width:480px){
  #modal{align-items:flex-end;padding:0}
  #modal .modal__box{width:100%;max-height:calc(100dvh - 8px);border-radius:22px 22px 0 0;padding:28px 16px calc(18px + env(safe-area-inset-bottom));margin:0;overscroll-behavior:contain}
  #modal .modal__box h2{font-size:21px;padding-inline-end:32px}
  #modal .modal__box .sub{font-size:12px;margin-bottom:18px}
  #modal .modal__box>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  #modal .field{margin-bottom:13px}
  #modal .field input,#modal .field select,#modal .field textarea{min-height:46px}
  .checkout-steps{margin-bottom:16px}
}