/*
Theme Name: Pershume
Theme URI: https://pershume.ir
Author: Pershume
Author URI: https://pershume.ir
Description: قالبِ اختصاصیِ فروشگاهِ عطر و ادکلن — با پنلِ کاملِ مدیریتِ محتوا و ظاهر
Version: 1.5.35
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pershume
Tags: woocommerce, rtl, e-commerce, custom-colors, full-width-template
*/

/* ============================================================================
 * Self-hosted Vazirmatn (pershume-speed blocks Google Fonts — do NOT @import).
 * woff2 weights bundled in assets/fonts/.
 * ========================================================================== */
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:400;font-display:swap;
  src:url("assets/fonts/Vazirmatn-Regular.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:500;font-display:swap;
  src:url("assets/fonts/Vazirmatn-Medium.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:600;font-display:swap;
  src:url("assets/fonts/Vazirmatn-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:700;font-display:swap;
  src:url("assets/fonts/Vazirmatn-Bold.woff2") format("woff2")}
@font-face{font-family:"Vazirmatn";font-style:normal;font-weight:900;font-display:swap;
  src:url("assets/fonts/Vazirmatn-Black.woff2") format("woff2")}

/* ============================================================================
 * Homepage styles — ported from mockups/phome-scento.html
 * ========================================================================== */
:root{
    --ink:#1c1b24;
    --ink-soft:#6b6a76;
    --line:#e8e8ef;
    --line-soft:#f2f2f7;
    --paper:#ffffff;
    --paper-2:#f6f6fb;
    /* MANDATORY compatibility vars — pershume-image-fx promo bar (pershume-image-fx.php)
       and sms-suite OTP buttons (sms-suite/assets/css/login.css) read these EXACT names */
    --wd-primary-color:#6b6bb3;   /* brand violet */
    --wd-link-color:#4a4ab2;
    --accent:var(--wd-primary-color);   /* the ONE accent */
    --accent-deep:var(--wd-link-color);
    --sale:var(--wd-primary-color);
    --brass:#9a7634;   /* secondary accent — the gold used in the homepage category tiles */
    /* Brand violet RAMP — the deep/mid/glow stops used by the عطریاب panel and
       the two hero gradients. These were hardcoded hexes, which meant changing
       the Branding colour left those three large surfaces violet. Declared here
       with the EXACT shipped values, so rendering is unchanged; every consumer
       below reads them through var(), and inc/design-tokens.php can override
       them from the panel. Distinct from --wd-primary-color/--wd-link-color,
       which are owned by the brand_color emitter at wp_head:20. */
    --brand-deep:#2a2348;
    --brand-mid:#3a2f7e;
    --brand-glow:#5a4bd0;
    --brand-tint:#d8d2ff;
    --brand-night:#241d3f;
    --brand-shade:#3a2d5c;
    /* Semantic status colours — named for MEANING, not hue. Without these the
       wishlist heart stays pink and the sale badge stays rose on a shop whose
       brand is green, which is one of the loudest "same theme" tells. Exact
       shipped values, so rendering is unchanged until the panel overrides them.
       --sale-badge-glow is its own token because it is an rgba() shadow tint
       and cannot be derived from a hex without color-mix(). */
    --sale-badge:#e23b5a;
    --sale-badge-glow:rgba(226,59,90,.5);
    --wish:#e0668f;
    --wish-deep:#dd5182;
    --wish-fill:#e75d8b;
    --wish-tint:#ffdfe9;
    --ok:#2e9e6b;
    --ok-deep:#2e9a55;
    --ok-tint:#eaf6ee;
    --live:#7be0a8;
    --star:#f3b340;
    --gold-soft:#f2d78e;
    /* Neutral ramp — the greys/off-whites that were scattered as raw hexes.
       Kept at their EXACT shipped values rather than collapsed onto the six
       existing neutrals, because several differ by only a shade or two and
       merging them would be a silent visual change. Only the three seeds
       (--mute, --surface-2, --stage-fallback) are exposed in the panel; the rest
       are CSS-only so the colours tab stays readable, and remain overridable
       from custom CSS or a child theme. */
    --ink-2:#46444f;
    --ink-3:#5d5b67;
    --ink-4:#6a6875;
    --ink-deep:#2a2735;
    --mute:#9a9aa6;
    --mute-2:#9492a0;
    --mute-3:#8c8b96;
    --mute-4:#a6a4b1;
    --mute-5:#b6b5c0;
    --surface:#fbfbff;
    --surface-2:#fafaff;
    --surface-3:#fcfcfe;
    --surface-4:#f5f5fb;
    --surface-5:#f3f3fa;
    /* Fallback halo behind a product bottle. Per-card --tint (the bottle's own
       dominant colour, set inline by pershume_product_card) always wins; this is
       only what shows when a product has no tint of its own. */
    --stage-fallback:#e9e6f1;
    --border-3:#e2e1ea;
    --border-4:#e6e6f4;
    --border-5:#f0f0f7;
    --radius:10px;
    /* Corner-radius SCALE — the fix for "every skin looks the same".
       This stylesheet used to hardcode ~70 border-radius values, so the
       --radius token reached only 6 rules: a skin asking for square (0px) or
       very round (22px) corners barely changed the page. Each step below is a
       ratio of --radius, so ONE token reshapes the entire UI, and at the
       shipped 10px every step reproduces its previous pixel value EXACTLY
       (--r-14 = 14px, --r-30 = 30px …) — pershume.ir renders unchanged.
       --r-pill and --r-round are deliberately NOT derived: a lozenge and a
       circle are shape decisions, not sizes. A skin overrides them on purpose
       (e.g. steel-forge squares every circle; see inc/skins.php). */
    --r-5:calc(var(--radius) * .5);
    --r-6:calc(var(--radius) * .6);
    --r-7:calc(var(--radius) * .7);
    --r-8:calc(var(--radius) * .8);
    --r-9:calc(var(--radius) * .9);
    --r-11:calc(var(--radius) * 1.1);
    --r-12:calc(var(--radius) * 1.2);
    --r-13:calc(var(--radius) * 1.3);
    --r-14:calc(var(--radius) * 1.4);
    --r-16:calc(var(--radius) * 1.6);
    --r-18:calc(var(--radius) * 1.8);
    --r-20:calc(var(--radius) * 2);
    --r-22:calc(var(--radius) * 2.2);
    --r-24:calc(var(--radius) * 2.4);
    --r-30:calc(var(--radius) * 3);
    --r-40:calc(var(--radius) * 4);
    --r-pill:999px;
    --r-round:50%;
    --maxw:1440px;
    --gut:clamp(20px,5vw,72px);
    /* Typography tokens. Declared here with the shipped values so the stylesheet
       is self-contained; inc/design-tokens.php re-declares :root later in
       wp_head (priority 25) ONLY when the admin has overridden them. */
    --font-body:"Vazirmatn","Segoe UI",Tahoma,sans-serif;
    --line-height:1.85;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:var(--font-body);
    background:var(--paper);
    color:var(--ink);
    line-height:var(--line-height);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  /* Headings follow the body font unless a distinct heading face is set in the
     panel. --font-head is intentionally NOT declared above: undefined makes the
     fallback apply, so nothing changes until it is actually overridden. */
  h1,h2,h3,h4,h5,h6{font-family:var(--font-head,var(--font-body))}
  a{color:inherit;text-decoration:none}
  img{max-width:100%}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}

  /* micro label — the gallery voice */
  .label{
    font-size:11px;
    letter-spacing:.32em;
    text-transform:uppercase;
    color:var(--ink-soft);
    font-weight:500;
    display:inline-block;
  }
  .label-en{font-family:"Segoe UI",sans-serif}

  /* ---------- promo bar ---------- */
  .promo{
    background:var(--accent);
    color:#fff;
    text-align:center;
    font-size:11.5px;
    letter-spacing:.22em;
    padding:9px 16px;
    font-weight:300;
  }
  .promo b{color:#fff;font-weight:700}

  /* ---------- header ---------- */
  /* slim top utility strip */
  .utilbar{
    background:var(--paper-2);
    border-bottom:1px solid var(--line-soft);
    font-size:12px;color:var(--ink-soft);
  }
  .utilbar .wrap{display:flex;align-items:center;justify-content:space-between;height:38px}
  .utilbar a{color:var(--ink-soft);transition:color .25s}
  .utilbar a:hover{color:var(--accent)}
  .utilbar .u-right{display:flex;align-items:center;gap:18px}
  .utilbar .u-sep{color:var(--line)}
  .utilbar .u-left{display:flex;align-items:center;gap:8px}
  .utilbar .u-left b{color:var(--accent);font-weight:600}
  @media(max-width:560px){.utilbar .u-left{display:none}.utilbar .wrap{justify-content:center;height:auto;min-height:44px}.utilbar a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}}
  header{
    position:sticky;top:0;z-index:50;
    background:rgba(255,255,255,.9);
    backdrop-filter:saturate(140%) blur(14px);
    border-bottom:1px solid var(--line);
  }
  .bar{
    display:flex;align-items:center;gap:28px;
    height:80px;
  }
  .logo{
    display:inline-flex;align-items:center;line-height:1;white-space:nowrap;
  }
  .logo img{height:40px;width:auto;display:block}
  nav.main{display:flex;gap:30px;margin-inline-start:14px}
  nav.main a{
    font-size:13.5px;color:var(--ink-soft);position:relative;
    padding:4px 0;transition:color .3s;
  }
  nav.main a::after{
    content:"";position:absolute;bottom:-2px;right:0;left:auto;
    width:0;height:1px;background:var(--accent);transition:width .35s ease;
  }
  nav.main a:hover{color:var(--ink)}
  nav.main a:hover::after{width:100%}
  .tools{margin-inline-start:auto;display:flex;align-items:center;gap:6px}
  /* mobile-only search trigger — the desktop layout shows the full search bar */
  .search-toggle{display:none}
  .hdr-search{
    display:flex;align-items:center;gap:8px;
    border:0;border-bottom:1px solid var(--line);border-radius:0;
    padding:7px 2px;background:transparent;transition:border-color .3s;
    min-width:170px;
  }
  .hdr-search:focus-within{border-bottom:1.5px solid var(--accent)}
  .hdr-search:focus-within .ico{color:var(--accent-deep)}
  .hdr-search input{border:0;outline:0;background:transparent;font-family:inherit;font-size:12.5px;width:100%}
  .hdr-search input::placeholder{color:var(--mute)}
  .icon-btn{
    width:42px;height:42px;border-radius:var(--r-round);border:1px solid transparent;
    background:transparent;cursor:pointer;font-size:16px;flex:none;
    display:grid;place-items:center;position:relative;color:var(--ink);
    transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .15s ease;
  }
  .icon-btn .ico{transition:stroke .25s ease}
  .icon-btn:hover{background:#fff;border-color:var(--line);color:var(--accent-deep)}
  .icon-btn:active{transform:scale(.92)}
  .icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:#fff;border-color:var(--line)}
  .cart-count{
    position:absolute;top:-2px;inset-inline-end:-2px;background:var(--accent);color:#fff;
    font-size:10.5px;font-weight:700;line-height:1;min-width:17px;height:17px;border-radius:var(--r-9);
    display:grid;place-items:center;padding:0 4px;letter-spacing:0;
    border:2px solid var(--paper);box-shadow:0 2px 5px -1px rgba(40,30,70,.4);
  }
  /* hamburger — hidden on desktop */
  .nav-toggle{
    display:none;width:44px;height:44px;border-radius:var(--r-round);border:1px solid transparent;
    background:transparent;cursor:pointer;font-size:20px;color:var(--ink);
    place-items:center;transition:.3s;
  }
  .nav-toggle:hover{background:#fff;border-color:var(--line)}
  /* mobile nav backdrop + mobile-only nav extras */
  .nav-backdrop{position:fixed;inset:0;background:rgba(28,27,36,.45);z-index:40;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .nav-backdrop.open{opacity:1;visibility:visible}
  .nav-extra{display:none}
  @media(min-width:1081px){.nav-backdrop{display:none}}
  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

  /* ---------- hero ---------- */
  .hero{
    position:relative;
    padding:clamp(26px,4vh,44px) 0 8px;
    border-bottom:1px solid var(--line);
    background:radial-gradient(120% 100% at 100% 0%, rgba(107,107,179,.07) 0%, transparent 55%), var(--paper);
  }
  /* Keep the cash offer on the right and group the installment pitch with its
     provider logos on the left. */
  .hero-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(22px,3vw,40px);row-gap:12px;align-items:stretch}
  .hero-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:10px;min-width:0;padding:clamp(22px,3vw,36px);border:1px solid rgba(107,107,179,.2);border-top:3px solid rgba(107,107,179,.6);border-radius:24px;background:radial-gradient(90% 70% at 100% 0%,rgba(107,107,179,.08),transparent 72%),linear-gradient(145deg,#f8f7ff 0%,#fff 76%);box-shadow:0 18px 48px -34px rgba(74,74,178,.18)}
  .hero-content .hero-eyebrow,.hero-content h1,.hero-content .lead,.hero-content .pay-deck{grid-column:auto;grid-row:auto;align-self:flex-start}
  .hero-content .hero-eyebrow{margin:0}
  .hero-content h1{margin:0 0 2px}
  .hero-content .lead{max-width:46ch;margin:0}
  .hero-content .pay-deck{align-self:stretch;margin:2px 0 0}
  .hero-cash-panel{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-width:0;padding:clamp(22px,3vw,36px);border:1px solid rgba(36,153,105,.2);border-top:3px solid rgba(36,153,105,.55);border-radius:24px;background:radial-gradient(90% 70% at 100% 0%,rgba(37,178,119,.1),transparent 72%),linear-gradient(145deg,#f1fbf5 0%,#fff 76%);box-shadow:0 18px 48px -34px rgba(27,126,83,.25);text-align:right}
  .cash-panel-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#16764f;font-size:12px;font-weight:800}
  .cash-panel-eyebrow span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e0f5e8;color:#b58a45}
  .hero-cash-panel h2{margin:0;color:var(--ink);font-size:clamp(21px,2.3vw,28px);font-weight:800;line-height:1.45;letter-spacing:-.025em}
  .hero-cash-saving{display:flex;align-items:center;gap:16px;width:min(100%,390px);padding:14px 17px;border:1px solid #c7ead5;border-radius:18px;background:linear-gradient(115deg,#e7f8ed,#f4fcf7);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px -20px rgba(22,117,83,.5)}
  .hero-cash-saving>strong{display:grid;place-items:center;flex:none;width:76px;height:76px;border:1px solid rgba(22,117,83,.14);border-radius:50%;background:#fff;color:#14764f;font-size:clamp(29px,3.3vw,40px);font-weight:900;line-height:1;letter-spacing:-.04em;box-shadow:0 4px 12px rgba(22,117,83,.1)}
  .hero-cash-saving>span{display:flex;flex-direction:column;gap:4px;color:#176b4a;font-size:clamp(17px,1.7vw,21px);font-weight:900;line-height:1.4}
  .hero-cash-saving small{color:#56806b;font-size:12px;font-weight:600}
  .hero-cash-panel>p{margin:0;color:var(--ink-soft);font-size:13.5px;line-height:1.85}
  .hero-cash-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;margin-top:6px;padding:0 18px;border:1px solid #178153;border-radius:30px;background:#178153;color:#fff;font-size:13px;font-weight:800;transition:background .2s,transform .2s}
  .hero-cash-link:hover{background:#116742;border-color:#116742;color:#fff;transform:translateY(-1px)}
  .hero-cash-link span{font-size:17px;line-height:1}
  .hero-eyebrow{
    align-self:flex-start;
    justify-self:start;
    display:inline-flex;align-items:center;gap:9px;line-height:1;
    font-size:11px;letter-spacing:.12em;color:var(--accent-deep);font-weight:600;
    padding:8px 15px;border:1px solid var(--line);border-radius:var(--r-40);
    background:rgba(107,107,179,.05);
    margin-bottom:8px;
  }
  .hero-eyebrow .dot{
    width:6px;height:6px;border-radius:var(--r-round);background:var(--accent);flex:none;
    animation:livedot 2s ease-out infinite;
  }
  @keyframes livedot{0%{box-shadow:0 0 0 0 rgba(107,107,179,.5)}100%{box-shadow:0 0 0 9px rgba(107,107,179,0)}}
  .hero h1{
    font-size:clamp(23px,3vw,38px);
    line-height:1.14;font-weight:700;letter-spacing:-.01em;
    margin-bottom:10px;
  }
  .hero h1 em{
    font-style:normal;font-weight:700;position:relative;white-space:nowrap;
    background:linear-gradient(95deg,var(--accent-deep) 0%,var(--accent) 52%,var(--accent) 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:var(--accent-deep);
    padding-bottom:3px;
  }
  .hero h1 em::after{
    content:"";position:absolute;right:2px;left:2px;bottom:0;height:6px;
    background:linear-gradient(90deg,rgba(74,74,178,0) 0%,var(--accent) 50%,rgba(74,74,178,0) 100%);
    border-radius:var(--r-6);opacity:.55;
  }
  .hero .lead{
    font-size:clamp(15px,1.7vw,17px);color:var(--ink-soft);max-width:44ch;
    line-height:1.85;margin-bottom:14px;font-weight:300;
  }
  .hero .lead b{color:var(--ink);font-weight:600}
  .btn{
    display:inline-flex;align-items:center;gap:12px;
    background:var(--accent);color:#fff;
    padding:16px 24px;border-radius:var(--r-40);border:1px solid var(--accent);
    font-size:13.5px;letter-spacing:.05em;cursor:pointer;font-family:inherit;
    transition:.4s cubic-bezier(.2,.7,.3,1);
  }
  .btn:hover{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;gap:18px}
  .btn .arr{transition:transform .4s}
  .btn:hover .arr{transform:translateX(-4px)}
  .btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
  .btn-ghost:hover{background:var(--ink);color:var(--paper)}

  /* ---------- عطریاب finder ---------- */
  .hero-aside{position:relative;display:flex}
  /* standalone section (moved out of the hero) */
  /* ===== عطریاب section — bold assistant promo (right) + 4 category cards (left) ===== */
  .scent-sec{padding:clamp(44px,6vh,78px) 0;background:linear-gradient(180deg,var(--paper-2) 0%,var(--paper) 100%);border-block:1px solid var(--line)}
  .scent-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(18px,2.4vw,30px);align-items:start}
  /* one half of the band switched off → single full-width column, never a gap
     where the missing half used to sit */
  .scent-grid--solo{grid-template-columns:1fr}
  .scent-cats{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,16px)}

  /* the promo card — the homepage's single bold eye-catcher */
  .scent-promo{position:relative;overflow:hidden;border-radius:var(--r-24);padding:clamp(26px,2.8vw,40px);color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:radial-gradient(120% 130% at 100% 0%,var(--brand-glow) 0%,var(--brand-mid) 55%,var(--brand-deep) 100%);box-shadow:0 34px 70px -40px rgba(58,47,126,.9)}
  .scent-promo::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 88% 8%,rgba(255,255,255,.16),transparent 60%);pointer-events:none}
  .scent-promo > *{position:relative;z-index:1}
  .sp-orb{width:52px;height:52px;border-radius:var(--r-16);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.3);box-shadow:0 0 0 6px rgba(255,255,255,.05)}
  .sp-orb svg{width:28px;height:28px}
  .sp-badge{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.85);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:var(--r-30);padding:6px 13px}
  .sp-live{width:7px;height:7px;border-radius:var(--r-round);background:var(--live);animation:fndLive 2s ease-out infinite}
  .sp-title{font-size:clamp(21px,2.4vw,30px);font-weight:800;line-height:1.4;letter-spacing:-.01em}
  .sp-title em{font-style:normal;background:linear-gradient(90deg,#fff,var(--brand-tint));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .sp-sub{font-size:14px;line-height:2;color:rgba(255,255,255,.8);font-weight:300;max-width:46ch}
  .sp-cta{display:inline-flex;align-items:center;gap:10px;margin-top:4px;background:#fff;color:var(--brand-deep);font-family:inherit;font-size:14.5px;font-weight:800;padding:14px 26px;border:0;border-radius:var(--r-40);cursor:pointer;box-shadow:0 16px 30px -14px rgba(0,0,0,.5);transition:.3s cubic-bezier(.2,.7,.3,1)}
  .sp-cta:hover{transform:translateY(-2px);gap:14px;box-shadow:0 22px 38px -14px rgba(0,0,0,.55)}
  .sp-hints{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
  .sp-hints span{font-size:11.5px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-30);padding:6px 12px}

  /* assistant card */
  .finder{
    background:linear-gradient(180deg,var(--paper) 0%,var(--surface-3) 100%);
    border:1px solid var(--line);border-radius:var(--r-22);
    box-shadow:0 30px 70px -46px rgba(74,74,178,.55), 0 1px 0 rgba(255,255,255,.7) inset;
    padding:clamp(16px,1.9vw,24px);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:430px;
  }
  .finder::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--accent-deep),var(--accent),transparent);opacity:.85}
  .fnd-head{display:flex;align-items:center;gap:11px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}
  .fnd-avatar{flex:none;width:40px;height:40px;border-radius:var(--r-12);display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent-deep),var(--accent))}
  .fnd-avatar svg{width:22px;height:22px}
  .fnd-id{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  .fnd-tag{font-size:13.5px;font-weight:800;color:var(--ink)}
  .fnd-sub{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-soft)}
  .fnd-live{width:7px;height:7px;border-radius:var(--r-round);background:var(--ok);animation:fndLive 2s ease-out infinite;flex:none}
  @keyframes fndLive{0%{box-shadow:0 0 0 0 rgba(46,158,107,.5)}100%{box-shadow:0 0 0 7px rgba(46,158,107,0)}}
  .fnd-ind{font-size:11px;color:var(--ink-soft);font-weight:600}

  /* chat log */
  .fnd-chat{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 4px 6px;display:flex;flex-direction:column;gap:10px;max-height:min(52vh,420px);scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .fnd-chat::-webkit-scrollbar{width:5px}
  .fnd-chat::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--r-8)}
  @keyframes fndPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .fnd-msg{max-width:86%;font-size:13px;line-height:1.9;padding:10px 14px;border-radius:var(--r-16);animation:fndPop .3s cubic-bezier(.2,.8,.3,1);word-break:break-word}
  .fnd-msg-bot{align-self:flex-start;background:var(--paper-2);color:var(--ink);border:1px solid var(--line-soft);border-bottom-right-radius:5px}
  .fnd-msg-user{align-self:flex-end;background:linear-gradient(120deg,var(--accent-deep),var(--accent));color:#fff;border-bottom-left-radius:5px}
  .fnd-msg-cards{max-width:100%;width:100%;padding:0;background:transparent;border:0}
  .fnd-typing{display:flex;gap:4px;align-items:center;padding:13px 16px}
  .fnd-typing span{width:6px;height:6px;border-radius:var(--r-round);background:var(--ink-soft);opacity:.5;animation:fndDot 1.2s infinite ease-in-out}
  .fnd-typing span:nth-child(2){animation-delay:.18s}
  .fnd-typing span:nth-child(3){animation-delay:.36s}
  @keyframes fndDot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:.9}}

  /* suggestion chips */
  .fnd-chips{display:flex;flex-wrap:wrap;gap:7px;padding:10px 2px 2px}
  .fnd-chips.is-hidden{display:none}
  .fnd-chip{background:var(--paper);border:1px solid var(--line);color:var(--accent-deep);font-family:inherit;font-size:12px;font-weight:600;padding:7px 13px;border-radius:var(--r-30);cursor:pointer;transition:.22s}
  .fnd-chip:hover{border-color:var(--accent);background:rgba(107,107,179,.06);transform:translateY(-1px)}

  /* composer */
  .fnd-compose{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line-soft)}
  .fnd-input{flex:1;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-30);padding:12px 18px;font-family:inherit;font-size:13.5px;color:var(--ink);transition:border-color .25s,box-shadow .25s}
  .fnd-input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(107,107,179,.12)}
  .fnd-send{flex:none;width:44px;height:44px;border-radius:var(--r-round);border:0;cursor:pointer;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--accent-deep),var(--accent));box-shadow:0 12px 24px -12px rgba(74,74,178,.8);transition:.3s}
  .fnd-send:hover{transform:translateY(-2px) scale(1.04)}
  .fnd-send svg{width:19px;height:19px;transform:scaleX(-1)}

  /* result mini-cards inside a bot bubble */
  .fnd-results-row{display:flex;flex-direction:column;gap:9px;padding:2px;margin:0}
  .fnd-hit{display:flex;gap:12px;align-items:stretch;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-14);background:var(--paper);padding:10px;transition:.25s}
  .fnd-hit:hover{border-color:var(--accent);box-shadow:0 8px 20px -12px rgba(74,74,178,.5);transform:translateY(-1px)}
  .fnd-hit .fh-photo{flex:none;width:56px;height:70px;border-radius:var(--radius);overflow:hidden;background:var(--paper-2);border:1px solid var(--line-soft);display:grid;place-items:center}
  .fnd-hit .fh-photo img{width:100%;height:100%;object-fit:contain}
  .fnd-hit .fh-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  .fnd-hit .fh-brand{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-family:"Segoe UI",sans-serif;font-weight:600}
  .fnd-hit .fh-name{font-size:13px;font-weight:700;color:var(--ink);line-height:1.4}
  .fnd-hit .fh-desc{font-size:11px;color:var(--ink-soft);line-height:1.55;margin-top:1px}
  .fnd-hit .fh-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:5px;gap:8px}
  .fnd-hit .fh-price{font-size:12.5px;font-weight:700;color:var(--ink)}
  .fnd-hit .fh-price em{font-size:10px;font-weight:400;color:var(--ink-soft);font-style:normal}
  .fnd-hit .fh-cta{font-size:11.5px;font-weight:700;color:var(--accent-deep);flex:none}

  /* ===== chat overlay (opened from the promo CTA) ===== */
  .scent-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;transition:opacity .26s ease}
  /* CRITICAL: the class-level display:flex outranks the [hidden] UA rule, so
     without this the closed overlay stays a full-viewport layer that eats every
     click on the page. Make the hidden attribute actually hide it. */
  .scent-overlay[hidden]{display:none}
  .scent-overlay.is-open{opacity:1}
  .scent-ov-backdrop{position:absolute;inset:0;background:rgba(28,27,54,.55);backdrop-filter:blur(4px)}
  .scent-ov-panel{position:relative;z-index:1;width:100%;max-width:460px;max-height:88vh;display:flex;transform:translateY(18px) scale(.98);transition:transform .3s cubic-bezier(.2,.8,.3,1)}
  .scent-overlay.is-open .scent-ov-panel{transform:translateY(0) scale(1)}
  .scent-ov-panel .finder{width:100%;min-height:0;max-height:88vh;box-shadow:0 40px 90px -30px rgba(28,27,54,.7)}
  .scent-ov-panel .fnd-chat{max-height:none;flex:1;min-height:180px}
  .scent-ov-close{flex:none;width:30px;height:30px;border-radius:var(--r-round);border:1px solid var(--line);background:var(--paper);color:var(--ink-soft);font-size:19px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s;margin-inline-start:auto}
  .scent-ov-close:hover{background:var(--paper-2);color:var(--ink);border-color:var(--accent)}
  body.scent-lock{overflow:hidden}

  @media(max-width:900px){
    .scent-grid{grid-template-columns:1fr}
    .scent-cats{grid-template-columns:1fr 1fr}
  }
  @media(max-width:520px){
    .sp-sub{font-size:13px}
    .sp-title{font-size:22px}
    .scent-overlay{padding:0;align-items:flex-end}
    .scent-ov-panel{max-width:none;max-height:92vh}
    .scent-ov-panel .finder{border-radius:var(--r-22) var(--r-22) 0 0;max-height:92vh}
  }

  /* ---------- hero: payment deck — refined separated chips ---------- */
  .pay-deck{margin-bottom:0}
  .pay-deck .deck-h{
    display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-soft);
    margin-bottom:14px;font-weight:600;letter-spacing:.05em;text-transform:none;
  }
  .pay-deck .deck-h svg{width:15px;height:15px;color:var(--accent);flex:none}
  /* refined chip row — tidy individual cards */
  .pay-row{display:flex;flex-wrap:wrap;gap:10px}
  .pay-c{
    flex:1 1 0;min-width:128px;
    display:flex;align-items:center;gap:11px;
    padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-13);
    background:var(--paper);transition:border-color .3s, background .3s, box-shadow .3s, transform .3s;
  }
  .pay-c:hover{
    border-color:var(--accent);background:rgba(107,107,179,.035);
    box-shadow:0 12px 26px -18px rgba(74,74,178,.55);transform:translateY(-2px);
  }
  .pay-c .pc-ico{
    flex:none;width:38px;height:38px;display:grid;place-items:center;
    border-radius:var(--radius);background:rgba(107,107,179,.09);color:var(--accent-deep);
  }
  .pay-c .pc-ico svg{width:20px;height:20px}
  .pay-c .pc-ico img{display:block;width:100%;height:100%;max-width:38px;max-height:38px;padding:4px;object-fit:contain}
  .pay-c--torob .pc-ico,.pay-c--digipay .pc-ico,.pay-c--snappay .pc-ico{background:#fff;border:1px solid var(--line)}
  .pay-c--torob .pc-ico{border-radius:50%}
  .pay-c .pc-txt{display:flex;flex-direction:column;gap:6px;line-height:1.2;min-width:0}
  .pay-c .pc-nm{font-size:14.5px;font-weight:700;color:var(--ink)}
  .pay-c .pc-st{
    align-self:flex-start;
    font-size:10px;font-weight:700;letter-spacing:.02em;color:var(--accent-deep);
    display:inline-flex;align-items:center;gap:5px;
    padding:3px 9px 3px 8px;border-radius:var(--r-20);background:rgba(107,107,179,.11);
  }
  .pay-c .pc-st::before{content:"";width:6px;height:6px;border-radius:var(--r-round);background:var(--accent)}
  .pay-c.soon .pc-ico{color:var(--ink-soft);background:var(--line-soft)}
  .pay-c.soon .pc-nm{color:var(--ink-soft)}
  .pay-c.soon .pc-st{color:var(--mute-3);background:var(--line-soft)}
  .pay-c.soon .pc-st::before{background:var(--mute-5)}

  /* ---------- hero: order + shipment tracking note strip (under the payment deck) ---------- */
  /* compact, side-by-side — must NOT grow the hero's overall height */
  .pay-track{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}
  .pt-row{

    display:flex;align-items:center;gap:8px;
    border:1px solid var(--line);border-radius:var(--r-11);padding:7px 10px;
    background:var(--paper);transition:border-color .3s, background .3s;
  }
  .pt-row:hover{border-color:var(--accent);background:rgba(107,107,179,.035)}
  .pt-ico{
    flex:none;width:26px;height:26px;display:grid;place-items:center;
    border-radius:var(--r-8);background:rgba(107,107,179,.11);color:var(--accent-deep);
  }
  .pt-ico .ico{width:13px;height:13px}
  .pt-txt{flex:1 1 auto;min-width:0;font-size:11.5px;color:var(--ink);font-weight:700;line-height:1.35}
  .pt-link{
    flex:none;display:inline-flex;align-items:center;gap:5px;
    font-size:11px;font-weight:800;color:#fff;white-space:nowrap;
    background:var(--accent);padding:5px 11px;border-radius:var(--r-20);transition:background .3s;
  }
  .pt-link:hover{background:var(--accent-deep)}
  .pt-link .a{transition:transform .25s}
  .pt-link:hover .a{transform:translateX(-3px)}
  .pt-soon{
    flex:none;font-size:9.5px;font-weight:800;letter-spacing:.02em;color:var(--accent-deep);
    background:rgba(107,107,179,.13);padding:4px 10px;border-radius:var(--r-20);white-space:nowrap;
  }

  /* clean line icons — inherit color from theme */
  .ico{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .hdr-search .ico{width:17px;height:17px;color:var(--mute)}

  /* brand chips — neat aligned grid (سطر و ستونی), equal-width columns */
  /* clear separation from the «آخرین بازدیدها» row above it */
  #brands{border-top:1px solid var(--line-soft)}
  .brands-head{margin-bottom:30px}
  .brands-head .label{margin-bottom:12px}
  .brands-head h2{font-size:clamp(24px,3.2vw,36px);font-weight:700;letter-spacing:-.01em;line-height:1.2}
  .brand-chips{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
  .brand-chip{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 12px;
    border:1px solid var(--line);border-radius:var(--r-11);background:var(--paper);text-decoration:none;
    font-family:"Segoe UI",sans-serif;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
    color:var(--ink-soft);font-weight:600;line-height:1.3;transition:.3s;}
  .brand-chip:hover{border-color:var(--accent);color:var(--accent-deep);background:rgba(107,107,179,.05)}
  @media(max-width:1080px){.brand-chips{grid-template-columns:repeat(4,1fr)}}
  @media(max-width:560px){
    .brand-chips{grid-template-columns:repeat(2,1fr);gap:10px}
    .brand-chip{padding:16px 12px;font-size:12.5px;border-radius:var(--r-14);letter-spacing:.04em;min-height:54px}
    .brands-head{margin-bottom:22px}
  }

  /* ---------- brand infinite marquee ---------- */
  .marquee{direction:ltr;
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    overflow:hidden;background:var(--paper);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
            mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);
  }
  .marquee-track{
    display:flex;width:max-content;align-items:center;padding:17px 0;
    animation:marquee 80s linear infinite;direction:ltr;
    will-change:transform;
  }
  .marquee:hover .marquee-track{animation-play-state:paused}
  .marquee-item{
    display:inline-flex;align-items:center;padding:10px 22px;margin:0 6px;
    border:1px solid var(--line);border-radius:var(--r-11);background:var(--paper);
    font-family:"Segoe UI",sans-serif;
    font-size:clamp(12px,1.4vw,15px);letter-spacing:.18em;text-transform:uppercase;
    color:var(--ink-soft);font-weight:600;white-space:nowrap;transition:.3s;
  }
  .marquee-item:hover{color:var(--accent);border-color:var(--accent);background:rgba(107,107,179,.05)}
 .marquee-dot{display:none}
  .marquee-cell{position:relative;flex-shrink:0;text-align:center;padding:8px clamp(34px,4vw,56px);
    font-family:"Segoe UI",sans-serif;font-size:13px;letter-spacing:.26em;color:var(--mute-2);font-weight:600;white-space:nowrap;transition:color .4s;}
  .marquee-cell::before{content:"";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:1px;height:13px;background:var(--line)}
  .marquee-cell:hover{color:var(--accent-deep)}
  @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  @media(max-width:560px){
    .marquee-cell{padding:8px 28px;letter-spacing:.24em;font-size:11.5px}
    .marquee-track{animation-duration:60s}
  }

  /* ---------- section heads ---------- */
  .sec{padding-block:clamp(60px,9vh,110px)}
  .sec-head{
    display:flex;justify-content:space-between;align-items:flex-end;
    gap:24px;margin-bottom:54px;
  }
  .sec-head h2{font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.2}
  .sec-head .sub{font-size:13px;color:var(--ink-soft);font-weight:300;margin-top:8px;max-width:40ch}
  .sec-head .label{margin-bottom:14px}

  /* ---------- categories ---------- */
  /* richer-but-minimal tiles: each a bordered, softly-tinted card with a visible CTA */
  .cats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.4vw,18px)}
  a.cat{text-decoration:none;color:inherit}
  .cat{
    padding:30px 26px;border:1px solid var(--line);border-radius:var(--r-16);position:relative;overflow:hidden;min-width:0;
    min-height:212px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;
    background:var(--tint,linear-gradient(160deg,rgba(107,107,179,.07) 0%,#fff 72%));
    transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.2,.7,.3,1);
  }
  /* faint decorative ring in the top corner for a finished, on-brand feel — tinted per category */
  .cat::after{content:"";position:absolute;top:-46px;inset-inline-end:-46px;width:120px;height:120px;border-radius:var(--r-round);
    border:1px solid var(--cring,rgba(107,107,179,.16));pointer-events:none;transition:border-color .4s}
  .cat:hover{border-color:var(--cedge,rgba(107,107,179,.4));box-shadow:0 14px 32px var(--cshad,rgba(74,74,178,.12));transform:translateY(-5px)}
  .cat .cat-ico{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:var(--r-14);background:var(--paper);border:1px solid var(--cring,var(--line));color:var(--caccent,var(--accent))}
  .cat .cat-ico svg{width:26px;height:26px}
  .cat h3{font-size:25px;font-weight:800;margin-top:auto}
  .cat .en{font-size:13.5px;letter-spacing:.02em;color:var(--ink-soft);margin-top:5px;font-weight:500}
  /* clearer «مشاهده ←» CTA — a small pill that reads unmistakably as a link */
  .cat .go{
    margin-top:18px;align-self:flex-start;font-size:12.5px;font-weight:700;color:var(--caccent,var(--accent-deep));
    display:inline-flex;gap:7px;align-items:center;min-height:36px;
    padding:7px 15px;border-radius:var(--r-30);background:rgba(255,255,255,.62);
    border:1px solid var(--cring,var(--line));backdrop-filter:blur(2px);
    transition:gap .35s,background .35s,border-color .35s,box-shadow .35s;
  }
  .cat .go .a{transition:transform .35s}
  .cat:hover .go{gap:12px;background:#fff;border-color:var(--caccent,var(--accent));box-shadow:0 6px 16px var(--cshad,rgba(74,74,178,.12))}
  .cat:hover .go .a{transform:translateX(-4px)}

  /* ---------- product grid — Scento-style cards (standalone rounded tiles) ---------- */
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
  .pershume-panel[hidden]{display:none}

  /* ===== unified product card — Scento style (approved mockups/scento-cards-sample.html) =====
     shared by #grid, the flash row & recently-viewed row. A cutout bottle floats on a
     per-product colour-matched radial halo (--tint, from the bottle's dominant colour). */
  .pcard{
    position:relative;display:flex;flex-direction:column;min-width:0;
    background:var(--paper);border:1px solid var(--line);border-radius:var(--r-20);overflow:hidden;
    box-shadow:0 1px 2px rgba(20,18,40,.04);
    transition:border-color .35s, box-shadow .25s ease, transform .25s ease;
  }
  .pcard:hover{
    border-color:rgba(107,107,179,.30);
    transform:translateY(-5px);
    box-shadow:0 22px 46px -20px rgba(40,36,80,.30);
  }
  /* colored stage — radial halo built from the product's own --tint pastel.
     The halo washes out toward --stage-wash, NOT a hardcoded #fff: on a dark
     skin a white wash left a glowing white disc behind every bottle. The var
     defaults to #fff, so a light site renders exactly as before, and the dark
     fix-ups (inc/skins.php) point it at the page's own paper. */
  .pc-stage{
    position:relative;padding:18px 18px 0;height:268px;
    background:radial-gradient(135% 100% at 50% 8%,
      var(--tint,var(--stage-fallback)) 0%,
      color-mix(in srgb,var(--tint,var(--stage-fallback)) 82%,var(--stage-wash,#fff)) 30%,
      color-mix(in srgb,var(--tint,var(--stage-fallback)) 40%,var(--stage-wash,#fff)) 60%,
      var(--paper) 88%);
  }
  /* corner badge — soft, glassy pill */
  .pc-badge{
    position:absolute;top:14px;inset-inline-end:14px;z-index:3;
    font-size:11.5px;font-weight:700;line-height:1.5;
    padding:5px 11px;border-radius:var(--r-pill);
    box-shadow:0 4px 12px -4px rgba(40,30,70,.35);
  }
  .pc-badge-best{background:var(--paper);color:var(--accent-deep);border:1px solid var(--border-4)}
  .pc-badge-excl{background:var(--accent);color:#fff}
  .pc-badge-limited{background:var(--ink-deep);color:var(--paper)}
  .pc-badge-sale{background:linear-gradient(125deg,var(--accent),var(--accent-deep));color:#fff;border:1px solid rgba(255,255,255,.28);font-size:13.5px;font-weight:900;padding:7px 14px;box-shadow:0 6px 16px -4px rgba(74,74,178,.5),0 2px 8px rgba(24,22,48,.16)}
  /* wishlist heart — compact control beside the price in the purchase panel */
  .pc-wish{
    position:static;flex:none;width:38px;height:38px;border-radius:10px;padding:0;
    background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    border:1px solid rgba(226,102,143,.22);
    display:grid;place-items:center;cursor:pointer;
    box-shadow:0 5px 16px -6px rgba(60,20,50,.34);
    transition:background-color .2s ease,border-color .2s ease,transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;
  }
  .pc-wish svg{width:20px;height:20px;fill:none;stroke:var(--wish);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease,fill .2s ease}
  .pc-wish:hover{border-color:rgba(226,102,143,.5);transform:scale(1.12)}
  .pc-wish:hover svg{fill:var(--wish-tint);stroke:var(--wish-deep)}
  .pc-wish:focus-visible{outline:2px solid var(--wish);outline-offset:2px}
  /* liked state — solid rose heart */
  .pc-wish.on{border-color:rgba(226,102,143,.55)}
  .pc-wish.on svg{stroke:var(--wish-deep);fill:var(--wish-fill)}
  /* click micro-animation — a satisfying "pop", skipped for reduced-motion users */
  .pc-wish.pop svg{animation:pcWishPop .45s cubic-bezier(.34,1.56,.64,1)}
  @keyframes pcWishPop{
    0%{transform:scale(1)}
    35%{transform:scale(1.35)}
    60%{transform:scale(.92)}
    100%{transform:scale(1)}
  }
  @media(prefers-reduced-motion:reduce){
    .pc-wish,.pc-wish svg{transition:none!important}
    .pc-wish.pop svg{animation:none!important}
  }
  /* cutout bottle, floating, aligned to the stage floor */
  .pc-bottle-wrap{
    position:relative;height:100%;display:flex;align-items:flex-end;justify-content:center;
  }
  .pc-bottle-wrap img,.pc-bottle{
    position:relative;z-index:2;max-height:200px;width:auto;max-width:90%;object-fit:contain;
    margin-inline:auto;
    transform:translateY(-8px);
    filter:drop-shadow(0 16px 17px rgba(28,26,40,.26));
    transition:transform .3s ease;
  }
  .pcard:hover .pc-bottle-wrap img{transform:translateY(-11px) scale(1.03)}
  .pc-floor{
    position:absolute;bottom:8px;left:50%;transform:translateX(-50%);
    width:62%;height:20px;z-index:1;
    background:radial-gradient(50% 100% at 50% 50%, rgba(40,30,20,.22), transparent 72%);
    filter:blur(4px);
  }
  /* body */
  .pc-body{display:flex;flex-direction:column;flex:1;padding:0 18px 18px;text-align:center}
  .pc-brand{
    font-family:"Segoe UI",sans-serif;
    font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ink-soft);margin-top:14px;
  }
  .pc-name{margin-top:6px;min-height:44px}
  .pc-name a{color:var(--ink);display:flex;flex-direction:column;gap:2px}
  .pc-name-fa{font-size:14.5px;font-weight:800;line-height:1.4;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pc-name-en{font-size:11px;font-weight:600;color:var(--ink-soft);direction:ltr;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  /* star rating */
  .pc-rating{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:9px}
  .pc-stars{display:inline-flex;gap:1px;direction:ltr}
  .pc-stars .star{width:15px;height:15px;display:inline-block;position:relative}
  .pc-stars .star .st{width:15px;height:15px;position:absolute;inset:0}
  .pc-stars .star.full .st{fill:var(--star)}
  .pc-stars .star.empty .st{fill:var(--border-3)}
  .pc-stars .star.half .st{fill:var(--border-3)}
  .pc-stars .star.half::before{
    content:"";position:absolute;inset:0;width:50%;overflow:hidden;z-index:2;
    background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23f3b340" d="M12 2l2.9 6.3 6.9.8-5.1 4.7 1.4 6.8L12 17.8 5.9 21.4l1.4-6.8L2.2 9.9l6.9-.8z"/></svg>') left/15px 15px no-repeat;
  }
  .pc-rate-num{font-size:13px;font-weight:700;color:var(--ink-2)}
  /* 3-note row */
  .pc-notes{
    display:grid;grid-template-columns:repeat(3,1fr);gap:5px;
    margin-top:12px;padding:9px 4px;
    background:var(--surface-2);border:1px solid var(--border-5);border-radius:var(--r-12);
  }
  .pc-note{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}
  .pc-note-lb{font-size:10.5px;color:var(--ink-4);font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  /* پخش / ماندگاری chips */
  .pc-stats{display:flex;gap:8px;margin-top:12px;justify-content:center}
  .pc-chip{
    flex:1;font-size:11.5px;color:var(--ink-3);
    background:var(--surface-4);border-radius:var(--r-9);padding:7px 6px;
    display:flex;align-items:center;justify-content:center;gap:4px;
  }
  .pc-chip .ci{font-size:13px}
  .pc-chip b{color:var(--accent-deep);font-weight:800}
  /* sale strip */
  .pc-price-top{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:15px;min-height:20px}
  .pc-off{background:var(--accent);color:#fff;font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:var(--r-7)}
  .pc-off-soft{background:var(--ok-tint);color:var(--ok-deep)}
  .pc-old{font-size:12.5px;color:var(--mute-4);text-decoration:line-through}
  /* buy button */
  .pc-buy{
    margin-top:auto;width:100%;border:none;cursor:pointer;
    background:var(--accent);color:#fff;border-radius:var(--r-13);padding:11px 14px;
    display:flex;align-items:center;justify-content:space-between;
    box-shadow:0 10px 20px -10px rgba(107,107,179,.7);
    transition:background .2s ease, box-shadow .2s ease;
  }
  .pc-buy:hover{background:var(--accent-deep);box-shadow:0 14px 24px -10px rgba(84,84,154,.8)}
  .pc-buy-main{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;text-align:right}
  .pc-buy-price{font-size:14px;font-weight:800;opacity:.9}
  .pc-buy-price .cur{font-size:11px;font-weight:600;opacity:.85}
  .pc-buy-cash{
    display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;line-height:1.3;
    background:linear-gradient(135deg,#fff7d6 0%,#fff1a6 48%,#fff 100%);
    color:#14532d;border-radius:16px;padding:7px 10px;
    box-shadow:0 14px 28px -16px rgba(15,23,42,.6), inset 0 1px 0 rgba(255,255,255,.55);
    max-width:100%;border:1px solid rgba(234,179,8,.22)
  }
  .pc-buy-cash-tag{
    display:inline-flex;align-items:center;justify-content:center;
    background:#16a34a;color:#fff;border-radius:999px;
    padding:3px 9px;font-size:10px;font-weight:900;white-space:nowrap;
    box-shadow:0 8px 18px -14px rgba(22,163,74,.9)
  }
  .pc-buy-cash-price{font-size:15px;font-weight:900;color:#14532d;letter-spacing:-.01em}
  .pc-buy-cash-price .cur{font-size:10px;font-weight:800;opacity:.76}
  .pc-buy-cash-off{
    display:inline-flex;align-items:center;justify-content:center;
    background:#fff;color:#b45309;border-radius:999px;
    padding:3px 8px;font-size:9.5px;font-weight:900;white-space:nowrap;
    border:1px solid rgba(180,83,9,.12)
  }
  .pc-buy-cta{font-size:12px;font-weight:700;opacity:.95;border-inline-start:1px solid rgba(255,255,255,.28);padding-inline-start:10px}

  /* ---------- product tabs (پرفروش / جدید / تخفیف‌دار) — flush with the grid ---------- */
  /* sit the tab row 1px over the grid's top border so the two read as one connected unit */
  .prod-tabs{
    display:flex;width:fit-content;max-width:100%;margin:0 auto 30px;
    gap:6px;padding:6px;background:var(--surface-5);border:1px solid var(--line-soft);border-radius:var(--r-pill);
    position:relative;z-index:1;flex-wrap:wrap;justify-content:center;
  }
  .prod-tab{
    position:relative;background:transparent;border:0;border-radius:var(--r-pill);
    font-family:inherit;font-size:15px;font-weight:700;color:var(--ink-soft);
    padding:11px 26px;cursor:pointer;transition:all .25s;white-space:nowrap;
    display:inline-flex;align-items:center;gap:8px;
  }
  .prod-tab:hover{color:var(--ink)}
  .prod-tab.is-active{color:#fff;background:var(--accent);box-shadow:0 7px 18px -7px rgba(107,107,179,.7)}
  .prod-tab .pt-n{
    font-family:"Segoe UI",sans-serif;font-size:11px;font-weight:700;color:var(--ink-soft);
    background:#fff;border-radius:var(--r-20);padding:1px 7px;transition:.25s;
  }
  .prod-tab.is-active .pt-n{background:rgba(255,255,255,.24);color:#fff}
  @keyframes gridIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

  /* ---------- پیشنهادِ شگفت‌انگیز (flash deals) — delicate, editorial, white ---------- */
  /* no purple panel: the section reads as plain page, bound only by hairlines */
  .flash{
    background:var(--paper);
    border-top:1px solid var(--line);border-bottom:1px solid var(--line);
    padding:clamp(40px,6vh,72px) 0;margin-top:clamp(46px,7vh,72px);
  }
  .flash-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px 24px;
    flex-wrap:wrap;margin-bottom:54px;
  }
  .flash-title{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
  .flash-title h2{
    font-size:clamp(26px,3.4vw,40px);font-weight:700;letter-spacing:-.01em;line-height:1.2;
    display:inline-flex;align-items:center;gap:10px;
  }
  /* tasteful creative touch — a thin vertical accent-gradient divider */
  .flash-sep{
    width:1px;height:26px;flex:none;
    background:linear-gradient(var(--line) 0%,var(--accent) 50%,var(--line) 100%);
    opacity:.65;
  }
  /* countdown — minimal, no chunky pill panel; clean tinted digit chips */
  .flash-countdown{display:inline-flex;align-items:center;gap:10px}
  .flash-countdown .cd-lbl{font-size:11px;color:var(--ink-soft);font-weight:500;letter-spacing:.02em}
  .flash-clock{display:inline-flex;align-items:center;gap:4px;direction:ltr}
  .flash-clock b{
    font-family:"Segoe UI",sans-serif;font-size:12.5px;font-weight:700;color:var(--accent-deep);
    background:rgba(107,107,179,.07);border-radius:var(--r-5);padding:2px 6px;min-width:25px;text-align:center;
  }
  .flash-clock i{font-style:normal;color:var(--accent);opacity:.5;font-weight:700}
  .flash-all{
    display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;
    color:var(--accent-deep);transition:gap .3s;margin-inline-start:auto;
  }
  .flash-all:hover{gap:13px}
  .flash-all .arr{transition:transform .3s}
  /* horizontal scroller — hosts the unified .pcard, hidden scrollbar */
  .flash-row{
    display:grid;grid-template-columns:repeat(3,1fr);gap:26px;
    padding:3px 0 4px;
  }
  .flash-row .pcard{width:100%}
  /* mobile: flash deals become big swipeable cards instead of 3 squeezed columns */
  @media(max-width:768px){
    .flash-row{display:flex;grid-template-columns:none;gap:14px;
      overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
      scrollbar-width:none;padding-bottom:6px;margin-inline:calc(var(--gut)*-1);
      padding-inline:var(--gut)}
    .flash-row::-webkit-scrollbar{display:none}
    .flash-row .pcard{flex:0 0 78%;width:auto;scroll-snap-align:center}
  }
  /* delicate deal card — slimmer & airier than the main grid card */
  .fcard{
    flex:0 0 clamp(196px,21vw,224px);position:relative;padding:24px 20px 22px;
    border-inline-start:1px solid var(--line);background:var(--paper);transition:background .4s;
    display:flex;flex-direction:column;
  }
  .fcard:first-child{border-inline-start:0}
  .fcard:hover{background:var(--paper-2)}
  /* refined ٪۳۰ badge — small, elegant, brand-purple, floats on the photo corner */
  .fcard .fbadge{
    position:absolute;top:16px;inset-inline-end:16px;z-index:2;
    font-size:11px;font-weight:700;letter-spacing:.02em;color:var(--accent-deep);
    background:rgba(107,107,179,.1);padding:3px 9px;border-radius:var(--r-30);line-height:1.5;
  }
  /* lighter photo — hairline tile, no heavy shadow */
  .fcard .fshot{
    aspect-ratio:1/1.15;margin:4px 0 16px;
    background:#fff;border:1px solid var(--line-soft);border-radius:var(--radius);
    display:grid;place-items:center;padding:14px;overflow:hidden;
  }
  .fcard .fshot img{width:100%;height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
  .fcard:hover .fshot img{transform:translateY(-5px) scale(1.04)}
  .fcard .fbrand{
    font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);
    font-family:"Segoe UI",sans-serif;font-weight:600;margin-bottom:7px;
  }
  .fcard .fname{
    font-size:13.5px;font-weight:600;line-height:1.5;color:var(--ink);margin-bottom:12px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;
  }
  .fcard .fprices{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:14px}
  .fcard .fnow{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:.01em}
  .fcard .fnow .ft{font-size:11px;color:var(--ink-soft);font-weight:400;margin-inline-start:3px}
  .fcard .fold{font-size:11.5px;color:var(--mute);text-decoration:line-through}
  /* lighter «افزودن به سبد» — slim ghost text + minimal + icon, over a hairline */
  .fcard .fadd{
    margin-top:auto;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
    background:transparent;border:0;border-top:1px solid var(--line-soft);
    padding:13px 0 0;font-family:inherit;font-size:12.5px;font-weight:600;letter-spacing:.01em;
    color:var(--accent-deep);cursor:pointer;transition:color .3s;
  }
  .fcard .fadd:hover{color:var(--accent)}
  .fcard .fadd .fadd-ic{
    width:24px;height:24px;flex:none;display:grid;place-items:center;line-height:1;
    border:1px solid var(--line);border-radius:var(--r-round);font-size:14px;color:var(--accent-deep);transition:.35s;
  }
  .fcard .fadd:hover .fadd-ic{background:var(--accent);border-color:var(--accent);color:#fff;transform:rotate(90deg)}
  @media(max-width:480px){
    .flash{margin-top:40px;padding:34px 0}
    .flash-head{margin-bottom:22px}
    .flash-sep{display:none}
    .flash-all{margin-inline-start:0}
    .fcard{flex:0 0 168px;padding:18px 16px 18px}
    .fcard .fname{font-size:13px;min-height:38px}
    .fcard .fadd{font-size:12px}
  }

  /* ---------- brands ---------- */
  .brands{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
  .brands-track{display:flex;gap:0}
  .brand{
    flex:1;text-align:center;padding:38px 12px;
    border-inline-start:1px solid var(--line);font-family:"Segoe UI",sans-serif;
    font-size:clamp(13px,1.6vw,17px);letter-spacing:.28em;color:var(--mute);font-weight:500;
    transition:.4s;cursor:default;white-space:nowrap;
  }
  .brand:first-child{border-inline-start:0}
  .brand:hover{color:var(--accent-deep);background:#fff;letter-spacing:.34em}

  /* ---------- trust / commitment (تعهدِ ما — the ONE trust section) ---------- */
  .trust-head{align-items:flex-end}
  .trust-head .sub{font-size:13px;color:var(--ink-soft);font-weight:300;margin-top:10px;max-width:44ch}
  /* headline stat — folds the «۳۳۰+ عطرِ اورجینال» number in, cleanly */
  .trust-stat{flex:none;text-align:left;line-height:1.15}
  .trust-stat b{
    display:block;font-size:clamp(36px,4.6vw,54px);font-weight:700;
    letter-spacing:-.02em;line-height:1;
    background:linear-gradient(95deg,var(--accent-deep) 0%,var(--accent) 58%,var(--accent) 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:var(--accent-deep);
  }
  .trust-stat span{font-size:12.5px;color:var(--ink-soft);font-weight:500;letter-spacing:.02em;margin-top:6px;display:inline-block}

  .trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .tr{
    padding:56px 32px;border-inline-start:1px solid var(--line);text-align:center;
    transition:background .4s;
  }
  .tr:first-child{border-inline-start:0}
  .tr:hover{background:var(--paper-2)}
  .tr .ic{
    width:64px;height:64px;margin:0 auto 22px;border:1px solid var(--line);border-radius:var(--r-round);
    display:grid;place-items:center;color:var(--accent);transition:.4s;
  }
  .tr .ic svg{width:25px;height:25px}
  .tr:hover .ic{border-color:var(--accent);background:#fff;transform:translateY(-4px);box-shadow:0 16px 32px rgba(74,74,178,.14)}
  .tr h4{font-size:16.5px;font-weight:700}
  .tr p{font-size:12.5px;color:var(--ink-soft);font-weight:300;margin-top:8px;line-height:1.7}

  /* ---------- brand story (about band) — flat, editorial, hairline ---------- */
  .story{
    border-top:1px solid var(--line);
    background:var(--paper);
  }
  .story-in{
    display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,6vw,84px);
    align-items:center;padding:clamp(56px,9vh,110px) 0;
  }
  .story-media{position:relative;justify-self:center;max-width:420px;width:100%}
  /* no story photo → single column, so the text isn't stranded on one half */
  .story--nomedia .story-in{grid-template-columns:1fr;max-width:780px;margin-inline:auto}
  /* image framed by a single clean hairline — no glow, no heavy shadow */
  .story-frame{
    position:relative;overflow:hidden;border-radius:var(--r-16);
    border:1px solid var(--line);background:#fff;
  }
  .story-frame img{display:block;width:100%;height:auto}
  /* branded art panel (used when there's no photo) — intentional, not a gap */
  .story-frame--art{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
    background:
      radial-gradient(120% 90% at 50% 0%,rgba(107,107,179,.18),rgba(107,107,179,.04) 55%,#fff 100%),
      linear-gradient(160deg,var(--surface),var(--paper));
  }
  .story-frame--art .sf-bottle{width:74px;height:auto;color:var(--accent);opacity:.55}
  .story-frame--art .sf-brand{font-family:"Segoe UI",sans-serif;font-weight:700;letter-spacing:.34em;
    font-size:15px;color:var(--accent-deep)}
  .story-frame--art .sf-tag{font-size:12.5px;color:var(--ink-soft);letter-spacing:.02em}
  .story-badge{
    position:absolute;z-index:2;bottom:14px;right:14px;
    display:inline-flex;align-items:center;gap:9px;
    background:rgba(255,255,255,.92);backdrop-filter:blur(6px);
    border:1px solid var(--line);border-radius:var(--r-40);padding:8px 15px;
  }
  .story-badge svg{width:18px;height:18px;color:var(--accent);flex:none}
  .story-badge b{font-size:12.5px;font-weight:700;color:var(--ink)}
  .story-body .label{margin-bottom:16px}
  .story-body h2{
    font-size:clamp(26px,3.4vw,42px);font-weight:700;line-height:1.22;
    letter-spacing:-.01em;margin-bottom:22px;
  }
  .story-body h2 em{font-style:normal;color:var(--accent)}
  /* story copy — set off by a thin hairline rule, not a panel */
  .story-body p.lead{
    font-size:clamp(14.5px,1.6vw,17px);color:var(--ink-soft);font-weight:300;
    line-height:2.05;max-width:52ch;
    padding-top:22px;border-top:1px solid var(--line);margin-bottom:30px;
  }
  .story-cta{
    display:inline-flex;align-items:center;gap:12px;
    background:var(--accent);color:#fff;border:1px solid var(--accent);
    padding:14px 28px;border-radius:var(--r-40);font-size:13.5px;font-weight:600;
    letter-spacing:.02em;transition:.4s cubic-bezier(.2,.7,.3,1);cursor:pointer;
  }
  .story-cta:hover{background:transparent;color:var(--accent-deep);gap:18px}
  .story-cta .arr{transition:transform .4s}
  .story-cta:hover .arr{transform:translateX(-4px)}

  /* about: two concentration items — connected hairline grid */
  .conc-cards{
    display:grid;grid-template-columns:1fr 1fr;
    border-block:1px solid var(--line);margin-bottom:30px;
  }
  .conc{
    display:flex;align-items:center;gap:13px;
    padding:16px 18px;border-inline-start:1px solid var(--line);transition:background .3s;
  }
  .conc:first-child{border-inline-start:0;padding-inline-start:0}
  .conc:hover{background:var(--paper-2)}
  .conc .conc-letter{
    width:42px;height:42px;flex:none;display:grid;place-items:center;
    font-family:"Segoe UI",sans-serif;font-weight:700;font-size:14px;letter-spacing:.02em;
    border:1px solid var(--line);border-radius:var(--radius);color:var(--accent-deep);
  }
  .conc.conc-x .conc-letter{background:var(--accent);color:#fff;border-color:var(--accent)}
  .conc .conc-txt{display:flex;flex-direction:column;line-height:1.4;min-width:0;text-align:right}
  .conc .conc-txt b{font-size:14.5px;font-weight:700;color:var(--ink)}
  .conc .conc-txt .conc-en{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-family:"Segoe UI",sans-serif;margin-top:3px}

  /* ---------- footer (flat, light, hairline — cohesive with the page) ---------- */
  footer{
    color:var(--ink-soft);
    background:var(--paper);
    border-top:1px solid var(--line);
  }

  /* trust / payment row
   * The band used to be a flat --paper strip with a hairline, which read as
   * "unfinished page bottom" rather than a deliberate reassurance band. It now
   * sits on a faint tinted surface with an accent top-rule, so the seals and
   * the payment chips look like one intentional unit. */
  .f-trust{
    position:relative;
    border-bottom:1px solid var(--line);
    padding-block:clamp(30px,4.5vh,48px);
    background:
      radial-gradient(120% 140% at 100% 0%, rgba(107,107,179,.055), transparent 60%),
      linear-gradient(180deg, var(--paper-2), var(--paper));
  }
  /* Hairline of brand colour along the top of the band — ties the footer to the
   * header's accent without adding another border the eye has to parse. */
  .f-trust::before{
    content:"";position:absolute;inset-inline:0;top:0;height:2px;
    background:linear-gradient(90deg, transparent, var(--accent) 22%, var(--accent-deep) 78%, transparent);
    opacity:.5;
  }
  .f-trust-in{display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4vw,56px);align-items:center}
  .seals{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
  /* credible seal badges — framed tile, shield+check crest, verified strip */
  .seal-tile{
    position:relative;background:linear-gradient(165deg,var(--surface) 0%,var(--paper) 100%);
    border:1px solid var(--line);border-radius:var(--r-14);padding:14px 14px 12px;
    display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;
    transition:.3s;box-shadow:0 2px 10px rgba(74,74,178,.04);
  }
  .seal-tile:hover{border-color:rgba(107,107,179,.4);box-shadow:0 10px 24px rgba(74,74,178,.1);transform:translateY(-2px)}
  .seal-tile img{display:block}
  .seal-tile .ss-ic{
    width:42px;height:42px;border-radius:var(--r-12);display:grid;place-items:center;margin:2px auto 8px;
    background:linear-gradient(160deg,rgba(107,107,179,.16),rgba(107,107,179,.06));
    color:var(--accent-deep);border:1px solid rgba(107,107,179,.22);
  }
  .seal-tile .ss-ic svg{width:23px;height:23px}
  .seal-tile b{font-size:11.5px;font-weight:700;color:var(--ink);display:block;line-height:1.45;padding:0 2px}
  .seal-tile>span{font-size:11px;letter-spacing:.16em;color:var(--ink-soft);text-transform:uppercase;font-family:"Segoe UI",sans-serif;display:block;margin-top:3px}
  .seal-vf{display:inline-flex;align-items:center;gap:4px;margin-top:9px;font-size:11px;font-weight:700;
    color:var(--accent-deep);background:rgba(107,107,179,.1);border-radius:var(--r-20);padding:3px 10px;letter-spacing:0}
  .seal-vf svg{width:11px;height:11px;flex:none}
  .seal-enamad{width:138px}
  .seal-saman{width:120px}
  .pay-block{display:flex;flex-direction:column;gap:12px;justify-self:end;min-width:0}
  /* Section label — was bare uppercase grey, now carries a short accent tick so
   * it reads as a heading instead of stray small print. */
  .pay-block .pb-h{
    display:inline-flex;align-items:center;gap:8px;
    font-size:11px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink-2);font-weight:700;
  }
  .pay-block .pb-h::before{
    content:"";width:16px;height:2px;border-radius:2px;flex:none;
    background:linear-gradient(90deg,var(--accent),var(--accent-deep));
  }
  .pay-chips{display:flex;gap:10px;flex-wrap:wrap}
  .pchip{
    display:inline-flex;align-items:center;gap:9px;
    background:var(--paper);border-radius:var(--r-40);padding:8px 16px;
    font-size:12.5px;font-weight:600;color:var(--ink-2);
    border:1px solid var(--line);
    box-shadow:0 1px 3px rgba(28,27,36,.04);
    transition:transform .25s, border-color .25s, color .25s, box-shadow .25s;
  }
  .pchip:hover{
    border-color:var(--accent);color:var(--accent-deep);
    transform:translateY(-2px);box-shadow:0 6px 16px rgba(74,74,178,.12);
  }
  .pchip img{display:block;flex:none}
  .pchip .pc-dot{width:9px;height:9px;border-radius:var(--r-round);background:var(--accent);flex:none}
  .pchip svg{width:16px;height:16px;color:var(--accent-deep);flex:none}
  /* «پرداختِ امن» — the one chip that is a claim, not a brand, so it gets a
   * filled treatment to stand apart from the gateway names beside it. */
  .pchip.secure{
    background:linear-gradient(150deg,rgba(107,107,179,.13),rgba(107,107,179,.05));
    color:var(--accent-deep);border-color:rgba(107,107,179,.34);font-weight:700;
  }
  .pchip.secure svg{color:var(--accent-deep)}

  .f-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px;padding-block:clamp(48px,7vh,80px) 54px}
  .f-logo{margin-bottom:18px}
  .f-logo img{height:38px;width:auto;display:block}
  .f-about{font-size:13px;color:var(--ink-soft);line-height:2.1;font-weight:300;max-width:38ch}
  /* Column headings — the accent tick replaces the old flat grey caps, giving
   * the four columns a visible anchor line across the footer. */
  .f-col h5{
    position:relative;font-size:11px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--ink);margin-bottom:20px;font-weight:700;padding-bottom:10px;
  }
  .f-col h5::after{
    content:"";position:absolute;inset-inline-start:0;bottom:0;width:22px;height:2px;border-radius:2px;
    background:linear-gradient(90deg,var(--accent),var(--accent-deep));
  }
  .f-col a,.f-col p{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:12px;transition:color .25s, transform .25s;font-weight:300}
  /* Links slide a hair toward the reading edge on hover — a cheap affordance
   * that makes the column feel interactive without moving neighbours. */
  .f-col a:hover{color:var(--accent-deep);transform:translateX(-3px)}
  .f-contact b{font-family:"Segoe UI",sans-serif;letter-spacing:.04em;direction:ltr;display:inline-block;color:var(--ink)}
  .f-bottom{
    border-top:1px solid var(--line);padding-block:24px;display:flex;justify-content:space-between;
    align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);
  }
  /* The optional «ساخته‌شده با…» tail — a pill, so it doesn't read as a second
   * copyright line competing with the first. The global .label sets .32em
   * letter-spacing for Latin micro-labels; inside a tight pill of Persian text
   * that just looks broken, so it is dialled back here. */
  .f-bottom .label{
    background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r-40);
    padding:5px 12px;font-size:11.5px;color:var(--ink-2);
    letter-spacing:.02em;text-transform:none;
  }
  .socials{display:flex;gap:10px}
  .socials a{position:relative;width:38px;height:38px;border:1px solid var(--line);border-radius:var(--r-round);display:grid;place-items:center;transition:.3s;background:var(--paper);color:var(--ink-soft)}
  .socials a::after{content:"";position:absolute;inset:-3px;border-radius:var(--r-round)}
  .socials a:hover{border-color:var(--accent);color:var(--accent-deep);background:rgba(107,107,179,.05)}

  /* ---------- chat fab ---------- */
  .nav-backdrop.open ~ .fab{z-index:30}
  .fab{
    position:fixed;bottom:26px;left:26px;z-index:60;
    width:58px;height:58px;border-radius:var(--r-round);background:var(--ink);color:var(--paper);
    border:0;cursor:pointer;font-size:22px;display:grid;place-items:center;
    box-shadow:0 14px 34px rgba(74,74,178,.22);transition:.4s;
  }
  .fab:hover{transform:translateY(-4px) scale(1.05);background:var(--accent-deep)}
  .fab::after{
    content:"";position:absolute;inset:0;border-radius:var(--r-round);border:1px solid var(--accent);
    animation:ring 2.4s ease-out infinite;
  }
  @keyframes ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

  /* ============ responsive ============ */

  /* tablet — collapse desktop nav into a dropdown toggled by the hamburger */
  @media(max-width:1080px){
    .nav-toggle{display:grid}
    nav.main{
      display:none;position:absolute;top:100%;right:0;left:0;
      flex-direction:column;gap:0;margin:0;background:var(--paper);
      border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(74,74,178,.08);
    }
    nav.main.open{display:flex}
    nav.main a{
      font-size:15px;padding:15px var(--gut);border-top:1px solid var(--line-soft);
    }
    nav.main a::after{display:none}
    nav.main .nav-extra{display:block;color:var(--accent-deep);font-weight:600}

    .grid,.cats,.trust{grid-template-columns:repeat(2,1fr)}
    .grid .card:nth-child(4n+1){border-inline-start:1px solid var(--line)}
    .grid .card:nth-child(2n+1),.cats .cat:nth-child(2n+1),.trust .tr:nth-child(2n+1){border-inline-start:0}
    .hero-grid{grid-template-columns:1fr;gap:14px}
    /* single column ≤1080: undo the desktop two-column placement so the pitch and
       the pay-deck stack instead of the deck being forced into a missing col 2. */
    .hero-content,.hero-cash-panel{grid-column:1;grid-row:auto;align-self:stretch}
    .hero-content{padding:20px;border-radius:20px;gap:10px}
    .hero-content .hero-eyebrow,.hero-content h1,.hero-content .lead,.hero-content .pay-deck{grid-column:auto;grid-row:auto;align-self:flex-start}
    .hero-content .pay-deck{align-self:stretch}
    .hero-cash-panel{min-height:0;padding:20px;border-radius:20px;gap:11px}
    .hero-cash-saving{width:100%;gap:12px;padding:12px}
    .hero-cash-saving>strong{width:64px;height:64px;font-size:32px}
    .hero-cash-saving>span{font-size:17px}
    .f-grid{grid-template-columns:1fr 1fr}
    .brands-track{flex-wrap:wrap}
    .brand{flex:0 0 25%;border-bottom:1px solid var(--line)}
  }

  /* small tablet / large phone */
  @media(max-width:768px){
    .bar{height:64px;gap:14px}
    .hdr-search{min-width:0;width:160px}
    .hdr-search input{width:100%}
    .promo{font-size:11px;letter-spacing:.16em}
    .sec{padding-block:clamp(48px,7vh,80px)}
    .sec-head{margin-bottom:36px}
    .brand{flex:0 0 33.333%;padding:30px 8px}

    /* brand story → stack, image first */
    .story-in{grid-template-columns:1fr;gap:34px;text-align:center}
    .story-media{order:-1}
    .story-body .label{margin-bottom:12px}
    .story-body p.lead{max-width:none;margin-inline:auto}

    /* footer trust row → stack */
    .f-trust-in{grid-template-columns:1fr;gap:30px}
    .seals{justify-content:center}
    .pay-block{justify-self:stretch}
    .pay-chips{justify-content:center}
    .pay-block .pb-h{text-align:center}

    /* trust head → stack the stat under the heading */
    .trust-head{flex-direction:column;align-items:flex-start;gap:18px}
    .trust-stat{text-align:right;display:flex;align-items:baseline;gap:10px}
    .trust-stat span{margin-top:0}
  }

  /* phones — keep a comfortable 2-column product grid */
  @media(max-width:480px){
    .bar{height:60px}
    .logo img{height:34px}
    /* phones: the inline search bar has no room, so collapse it behind a search
       icon that drops a full-width search row under the header (was display:none —
       which left phone users with no search at all). */
    .search-toggle{display:grid}
    .hdr-search{
      position:absolute;top:100%;inset-inline:0;margin:0;
      width:auto;
      background:var(--paper);border:1px solid var(--line);border-top:0;
      border-radius:0 0 var(--r-14) var(--r-14);padding:12px 16px;min-width:0;
      box-shadow:0 18px 30px rgba(30,24,60,.12);display:none;
    }
    header.search-open .hdr-search{display:flex}
    /* the live-results dropdown had min-width:320px — on a 360px phone that
       overflowed the viewport and gave the whole page a horizontal scroll. */
    .live-search-panel{inset-inline:0;width:auto;max-width:100%}
    .live-results .lr-nm,.live-results .lr-en{max-width:100%}
    .tools{gap:2px}
    .icon-btn{width:44px;height:44px;font-size:17px}

    .hero{padding:26px 0 30px}
    .hero h1{margin-bottom:8px}
    .hero .lead{font-size:14px;line-height:1.8;margin-bottom:12px}
    .hero-eyebrow{margin-bottom:8px;font-size:10.5px;padding:7px 13px}
    .finder{padding:20px 16px}
    /* installment gateways: compact 3-up chips (icon over name) instead of full-width rows */
    .pay-row{gap:8px}
    .pay-c{min-width:0;flex:1 1 0;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:12px 6px}
    .pay-c .pc-ico{width:34px;height:34px}
    .pay-c .pc-ico svg{width:18px;height:18px}
    .pay-c .pc-txt{align-items:center;gap:5px}
    .pay-c .pc-nm{font-size:12.5px}
    .pay-c .pc-st{font-size:9.5px;padding:2px 7px}
    .pay-track{margin-top:10px;gap:7px}
    .pt-row{flex-basis:100%;padding:8px 10px}

    .sec-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px}
    .sec-head .sub{max-width:none}

    /* product tabs: horizontal scroll, no wrap, hidden scrollbar */
    .prod-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .prod-tabs::-webkit-scrollbar{display:none}
    .prod-tab{flex:none;padding:12px 14px;font-size:13.5px}
    .prod-tab .pt-n{margin-inline-start:5px;font-size:11px}

    /* product grid: ONE big card per row on phones — bottle fully visible */
    .grid{grid-template-columns:1fr;gap:18px}
    .pc-stage{height:clamp(300px,82vw,380px);padding:20px 20px 0}
    .pc-bottle-wrap img,.pc-bottle{max-height:clamp(240px,66vw,320px);max-width:78%}
    .pc-body{padding:0 13px 14px}
    .pc-badge{font-size:10.5px;padding:4px 9px;top:10px;inset-inline-end:10px}
	.pc-wish{width:34px;height:34px}
    .pc-wish svg{width:16px;height:16px}
    .pc-name{font-size:14px;margin-top:6px;line-height:1.45}
    /* compact notes on phones — slimmer & narrower (≈ buy-button width), centered */
    .pc-notes{margin-top:10px;padding:7px 6px;gap:4px;max-width:320px;margin-inline:auto}
    .pc-note{gap:2px}
    .pc-note-lb{font-size:10px}
    .pc-brand{margin-top:10px}
    .pc-name{min-height:0}
    .pc-chip{font-size:11px;padding:6px 5px}
    .pc-buy-price{font-size:13px}
    .pc-buy-cash{gap:5px;padding:6px 8px}
    .pc-buy-cash-tag{font-size:8.5px;padding:2px 7px}
    .pc-buy-cash-price{font-size:13px}
    .pc-buy-cash-off{font-size:8.5px;padding:2px 6px}
    .pc-buy-cta{font-size:11px;padding-inline-start:8px}
    .pc-old{font-size:11px}

    /* categories & trust: 2 columns */
    .cats{grid-template-columns:repeat(2,1fr)}
    .cat{min-height:160px;padding:24px 18px}
    .cat h3{font-size:21px}
    .cat .cat-ico{width:42px;height:42px}
    .cat .cat-ico svg{width:23px;height:23px}
    .trust{grid-template-columns:repeat(2,1fr)}
    .tr{padding:30px 16px}

    /* about: concentration items stack — hairline switches to top dividers */
    .conc-cards{grid-template-columns:1fr}
    .conc,.conc:first-child{border-inline-start:0;padding-inline-start:18px}
    .conc{border-top:1px solid var(--line)}
    .conc:first-child{border-top:0}

    /* brands: 2 per row */
    .brand{flex:0 0 50%;padding:26px 8px;font-size:13px;letter-spacing:.2em}

    /* footer: logo+about full width, then 2 link columns side-by-side, contact full width */
    .f-grid{grid-template-columns:1fr 1fr;gap:28px 20px}
    .f-grid>div:first-child{grid-column:1 / -1}
    .f-contact{grid-column:1 / -1}
    .f-about{max-width:none}
    .f-col h5{margin-bottom:14px}
    .f-bottom{flex-direction:column;text-align:center;gap:10px}

    .fab{width:50px;height:50px;font-size:19px;bottom:18px;left:18px}
  }

  /* ---------- آخرین بازدیدهای شما (recently viewed) — horizontal row, same unified card ---------- */
  .recent-row{
    display:flex;gap:clamp(12px,1.4vw,18px);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
    padding:3px 0 4px;
  }
  .recent-row::-webkit-scrollbar{display:none}
  .recent-row .pcard{flex:0 0 clamp(248px,26vw,300px)}
  @media(max-width:480px){
    .recent-row .pcard{flex:0 0 230px}
  }

  /* ---------- Magazine (magazine / blog) — flat editorial grid ---------- */
  .mag-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
  a.mcard{text-decoration:none;color:inherit}
  .mcard{
    display:flex;flex-direction:column;
    border-inline-start:1px solid var(--line);border-bottom:1px solid var(--line);
    background:var(--paper);transition:transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s;
  }
  .mag-grid .mcard:nth-child(3n+1){border-inline-start:0}
  .mcard:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(74,74,178,.10)}
  .mcard-cover{aspect-ratio:16/10;overflow:hidden;background:var(--paper-2);border-bottom:1px solid var(--line-soft)}
  .mcard-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.3,1)}
  .mcard:hover .mcard-cover img{transform:scale(1.05)}
  .mcard-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
  /* text-forward cards (no featured image) get a slim brand gradient accent instead of an empty cover */
  .mcard--noimg{position:relative}
  .mcard--noimg::before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-deep) 100%)}
  .mcard--noimg .mcard-body{padding-top:28px}
  .mcard--noimg .mtitle{font-size:19px}
  .mtag{
    align-self:flex-start;font-size:11px;letter-spacing:.16em;text-transform:uppercase;
    color:var(--accent-deep);background:rgba(107,107,179,.1);padding:4px 11px;border-radius:var(--r-30);
    font-family:"Segoe UI",sans-serif;font-weight:700;margin-bottom:16px;
  }
  .mtitle{font-size:17.5px;font-weight:700;line-height:1.55;color:var(--ink);margin-bottom:10px;transition:color .3s}
  .mcard:hover .mtitle{color:var(--accent-deep)}
  .mexcerpt{font-size:13px;color:var(--ink-soft);font-weight:300;line-height:1.9;margin-bottom:20px}
  .mmeta{
    margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding-top:16px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--ink-soft);
  }
  .mmeta .mdate{display:inline-flex;align-items:center;gap:8px;font-weight:300}
  .mmeta .mdate i{font-style:normal;width:3px;height:3px;border-radius:var(--r-round);background:var(--line)}
  .mmore{display:inline-flex;align-items:center;gap:7px;color:var(--accent-deep);font-weight:600;transition:gap .3s}
  .mcard:hover .mmore{gap:11px}
  @media(max-width:900px){
    .mag-grid{grid-template-columns:repeat(2,1fr)}
    .mag-grid .mcard:nth-child(3n+1){border-inline-start:1px solid var(--line)}
    .mag-grid .mcard:nth-child(2n+1){border-inline-start:0}
  }
  @media(max-width:560px){
    .mag-grid{grid-template-columns:1fr}
    .mag-grid .mcard,.mag-grid .mcard:nth-child(2n+1),.mag-grid .mcard:nth-child(3n+1){border-inline-start:0}
    .mcard-body{padding:22px 20px 24px}
  }

  /* experiment: all action buttons → filled brand-purple (like .fnd-start) */
  .add, .fnd-card .fc-buy, .story-cta, .btn{
    background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
  }
  .add:hover, .fnd-card .fc-buy:hover, .story-cta:hover, .btn:hover{
    background:var(--accent-deep)!important;color:#fff!important;border-color:var(--accent-deep)!important;
  }
  .add .pls{color:#fff!important;border-color:rgba(255,255,255,.6)!important;background:transparent!important}

  /* ---------- hero slider (image-only banners — like the real pershume.ir) ---------- */
  /* deep brand-purple gradient base so the slim band is never a dead black rectangle,
     even while the geo-blocked banner images fail to load */
  .hslider{position:relative;overflow:hidden;border-bottom:1px solid var(--line);
    background:linear-gradient(120deg,var(--brand-deep) 0%,var(--accent-deep) 58%,var(--accent) 100%)}
  .hs-track{display:flex;direction:ltr;transition:transform .6s cubic-bezier(.4,0,.2,1)}
  /* the banner JPG sits ON TOP of a per-slide purple gradient fallback (2nd bg layer);
     if the image fails, the gradient shows through instead of black.
     SLIM banner strip — no text overlay, just the image */
  /* match the banner artwork ratio (≈2:1) so uploaded slides show in full with
     no top/bottom crop, on every screen width. Capped so huge monitors don't
     get an oversized hero. */
  .hs-slide{flex:0 0 100%;aspect-ratio:1774 / 887;max-height:560px;
    background-size:cover;background-position:center;background-repeat:no-repeat;
    position:relative;display:block}
  /* faint bottom gradient only — purely so the white dots stay legible over light banners */
  .hs-slide::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(to top,rgba(16,14,34,.22) 0%,rgba(16,14,34,0) 26%)}
  .hs-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:var(--r-round);
    background:rgba(255,255,255,.82);border:0;font-size:22px;line-height:1;color:var(--ink);cursor:pointer;
    display:grid;place-items:center;transition:.3s;z-index:3;box-shadow:0 4px 16px rgba(0,0,0,.18)}
  .hs-arrow:hover{background:#fff;color:var(--accent-deep)}
  .hs-prev{right:18px}.hs-next{left:18px}
  .hs-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:3}
  .hs-dots button{position:relative;width:9px;height:9px;border-radius:var(--r-round);border:0;background:rgba(255,255,255,.55);cursor:pointer;transition:.3s;padding:0}
  .hs-dots button::after{content:"";position:absolute;inset:-18px -8px}
  .hs-dots button.on{background:#fff;width:26px;border-radius:var(--r-5)}
  /* phone: taller box than the 2:1 art so background-size:cover zooms in and
     trims the dark bokeh sides (bottles read bigger). */
  @media(max-width:560px){.hs-slide{aspect-ratio:auto;height:clamp(215px,60vw,255px);max-height:none}
    /* small, faded arrows so they don't cover the banner text */
    .hs-arrow{width:30px;height:30px;font-size:16px;background:rgba(255,255,255,.42);
      box-shadow:none;color:rgba(40,38,60,.85)}
    .hs-prev{right:8px}.hs-next{left:8px}
    .hs-dots{bottom:8px}}

  /* ---------- hero variant: banner-split (inc/hero-variants.php) ---------- */
  /* text column beside a single image. Either column can be missing — the grid
     collapses to one column instead of leaving an empty cell. */
  .hsplit{border-bottom:1px solid var(--line);
    background:linear-gradient(120deg,var(--brand-night) 0%,var(--brand-shade) 52%,var(--accent-deep) 100%);color:#fff}
  .hsplit-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px);
    align-items:center;padding-block:clamp(28px,5vh,64px)}
  .hsplit-grid:has(.hsplit-body:only-child){grid-template-columns:1fr}
  .hsplit-body{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .hsplit-eyebrow{font-size:11.5px;letter-spacing:.3em;text-transform:uppercase;
    color:rgba(255,255,255,.7);font-weight:500}
  .hsplit-body h1{font-size:clamp(24px,3.4vw,42px);line-height:1.35;font-weight:700;color:#fff}
  .hsplit-body h1 em{font-style:normal;color:var(--gold-soft)}
  .hsplit-body p.lead{font-size:clamp(14px,1.2vw,16.5px);color:rgba(255,255,255,.76);max-width:52ch}
  .hsplit-cta{display:inline-flex;align-items:center;gap:8px;margin-top:4px;
    padding:12px 26px;border-radius:var(--radius);font-size:14.5px;font-weight:600;
    background:#fff;color:var(--accent-deep);transition:transform .25s,box-shadow .25s;
    box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
  .hsplit-cta:hover{transform:translateY(-2px);box-shadow:0 18px 34px -14px rgba(0,0,0,.55)}
  .hsplit-media img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;
    border-radius:var(--radius);box-shadow:0 24px 48px -20px rgba(0,0,0,.6)}
  @media(max-width:860px){
    .hsplit-grid{grid-template-columns:1fr;gap:22px}
    .hsplit-media{order:-1}
    .hsplit-media img{aspect-ratio:16/9}
  }

  /* ---------- hero variant: minimal (inc/hero-variants.php) ---------- */
  /* one centred headline on a colour field, no imagery at all */
  .hmin{border-bottom:1px solid var(--line);background:var(--paper-2)}
  .hmin-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;
    padding-block:clamp(38px,8vh,96px)}
  .hmin-in h1{font-size:clamp(26px,4vw,52px);line-height:1.3;font-weight:700;color:var(--ink);max-width:22ch}
  .hmin-in h1 em{font-style:normal;color:var(--accent)}
  .hmin-in p.lead{font-size:clamp(14px,1.2vw,17px);color:var(--ink-soft);max-width:58ch}
  .hmin-cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;
    padding:12px 30px;border-radius:var(--radius);font-size:14.5px;font-weight:600;
    background:var(--accent);color:#fff;transition:background .25s,transform .25s}
  .hmin-cta:hover{background:var(--accent-deep);transform:translateY(-2px)}

  /* polish: scroll-reveal + smooth scroll + back-to-top */
  html{scroll-behavior:smooth}
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}
  .reveal.in{opacity:1;transform:none}
  .to-top{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:var(--r-round);
    background:var(--accent);color:#fff;border:0;cursor:pointer;display:grid;place-items:center;
    font-size:20px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.35s;z-index:50;
    box-shadow:0 8px 24px rgba(107,107,179,.35)}
  .to-top.on{opacity:1;visibility:visible;transform:none}
  .to-top:hover{background:var(--accent-deep)}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}
  .pc-en{display:block;font-size:12px;color:var(--ink-soft);letter-spacing:.05em;margin:-3px 0 9px;font-family:"Segoe UI",sans-serif;font-weight:600}

  /* ---------- live AJAX search dropdown ---------- */
  @media(min-width:481px){.hdr-search{position:relative}}
  .live-search-panel{position:absolute;top:calc(100% + 8px);inset-inline-end:0;width:min(420px,calc(100vw - 24px));
    background:#fff;border:1px solid var(--line);border-radius:var(--r-14);
    box-shadow:0 20px 44px -16px rgba(40,36,80,.34);z-index:70;overflow:hidden;
    max-height:72vh;display:flex;flex-direction:column}
  .live-search-panel[hidden],.live-search-panel .lr-all[hidden]{display:none!important}
  .live-search-status{flex:none;padding:10px 14px 8px;font-size:11.5px;color:var(--ink-soft);background:#fff}
  .live-search-status:empty{display:none}
  .live-search-status.lr-loading{color:var(--accent-deep)}
  .live-search-status.lr-error{color:#9a2b2b;background:#fff8f8}
  .live-results{min-width:0;overflow-y:auto;overscroll-behavior:contain}
  .live-results .lr-item{display:flex;align-items:center;gap:11px;padding:10px 14px;
    text-decoration:none;color:inherit;border-bottom:1px solid var(--line-soft);transition:background .2s}
  .live-results .lr-item:hover,.live-results .lr-item[aria-selected="true"]{background:var(--paper-2)}
  .live-results .lr-item[aria-selected="true"]{box-shadow:inset -3px 0 var(--accent)}
  .live-results .lr-item:focus-visible,.live-search-panel .lr-all:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
  .live-results .lr-item img{width:44px;height:44px;object-fit:contain;flex:none;
    border:1px solid var(--line-soft);border-radius:var(--r-9);background:#fff;padding:3px}
  .live-results .lr-tx{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
  .live-results .lr-nm{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live-results .lr-en{font-size:10.5px;color:var(--ink-soft);direction:ltr;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .live-results .lr-pr{font-size:12px;font-weight:800;color:var(--accent-deep);white-space:nowrap;flex:none}
  .live-search-panel .lr-all{display:block;flex:none;border-top:1px solid var(--line);padding:12px 14px;text-align:center;font-size:12.5px;
    font-weight:700;color:#fff;background:var(--accent);text-decoration:none}
  .live-search-panel .lr-all:hover{background:var(--accent-deep)}

  @media(max-width:480px){.live-search-panel{inset-inline:0;width:auto;max-width:100%}}
  @media(prefers-reduced-motion:reduce){.live-results .lr-item{transition:none}}

  /* #2 iOS zoom-on-focus fix: form inputs must be ≥16px on phones */
  @media(max-width:560px){
    input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px !important}
  }
  /* #3 lift the floating chat/back-to-top above the product sticky buy bar */
  body.has-stickybar .fab,body.has-stickybar .to-top{bottom:86px}

  /* ============================================================================
   * ===== PACKS ===== curated multi-perfume bundles (inc/packs.php)
   * ========================================================================== */
  #packs{border-top:1px solid var(--line-soft)}
  .pk-grid{
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:clamp(16px,1.8vw,24px);
  }
  .pk-card{
    display:flex;flex-direction:column;min-width:0;
    border:1px solid var(--line);border-radius:var(--r-18);overflow:hidden;
    background:
      radial-gradient(120% 90% at 100% 0%,rgba(107,107,179,.07) 0%,transparent 52%),
      var(--paper);
    padding:22px 22px 20px;
    transition:border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.2,.7,.3,1);
  }
  .pk-card:hover{
    border-color:rgba(107,107,179,.5);
    box-shadow:0 22px 44px rgba(74,74,178,.12);
    transform:translateY(-5px);
  }

  /* pack title and subtitle */
  .pk-head{display:flex;align-items:flex-start;gap:0}
  .pk-titles{min-width:0}
  .pk-title{font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--ink);line-height:1.35}
  .pk-sub{font-size:12px;font-weight:300;color:var(--ink-soft);margin-top:4px;line-height:1.55}

  /* fanned bottle collage + count chip */
  .pk-collage{
    position:relative;margin:18px 0 16px;min-height:118px;
    display:flex;align-items:center;justify-content:center;
    border-radius:var(--r-14);
    background:linear-gradient(160deg,var(--paper-2) 0%,#fff 78%);
    border:1px solid var(--line-soft);
  }
  .pk-fan{display:flex;align-items:flex-end;justify-content:center;height:118px;padding:8px 0}
  .pk-thumb{
    flex:none;width:64px;height:104px;margin-inline-start:-26px;
    display:grid;place-items:center;
    transform:rotate(calc((var(--i) - 1.5) * 7deg)) translateY(calc(var(--i) * -1px));
    transform-origin:bottom center;
    transition:transform .45s cubic-bezier(.2,.7,.3,1);
    filter:drop-shadow(0 10px 14px rgba(40,30,70,.14));
  }
  .pk-thumb:first-child{margin-inline-start:0}
  .pk-thumb .pk-thumb-img{
    width:100%;height:100%;object-fit:contain;display:block;
  }
  .pk-card:hover .pk-thumb{transform:rotate(calc((var(--i) - 1.5) * 10deg)) translateY(calc(var(--i) * -3px - 2px))}
  .pk-count{
    position:absolute;top:9px;inset-inline-end:9px;
    font-size:11px;font-weight:800;color:var(--accent-deep);
    background:rgba(255,255,255,.92);border:1px solid rgba(107,107,179,.2);
    padding:4px 10px;border-radius:var(--r-20);backdrop-filter:blur(3px);
  }

  /* foot: combined price + CTA */
  .pk-foot{
    margin-top:auto;padding-top:16px;border-top:1px solid var(--line-soft);
    display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  }
  .pk-price{display:flex;flex-direction:column;gap:3px;min-width:0}
  .pk-price-lbl{font-size:10.5px;letter-spacing:.02em;color:var(--ink-soft);font-weight:400}
  .pk-price-val{font-size:16px;font-weight:800;color:var(--ink);white-space:nowrap}
  .pk-price-val .cur{font-size:11px;font-weight:600;color:var(--ink-soft)}
  .pk-cta{
    flex:none;display:inline-flex;align-items:center;gap:7px;
    font-size:12.5px;font-weight:800;color:#fff;white-space:nowrap;text-decoration:none;
    background:var(--accent);padding:10px 16px;border-radius:var(--r-22);
    transition:background .3s,gap .3s;
  }
  .pk-cta:hover{background:var(--accent-deep);gap:11px}
  .pk-cta .arr{transition:transform .3s}
  .pk-cta:hover .arr{transform:translateX(-3px)}

  @media(max-width:960px){
    .pk-grid{grid-template-columns:repeat(2,1fr)}
  }
  @media(max-width:640px){
    /* horizontal snap-scroll rail on phones */
    .pk-grid{
      grid-template-columns:none;display:flex;gap:14px;
      overflow-x:auto;scroll-snap-type:x mandatory;
      margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);
      -webkit-overflow-scrolling:touch;scrollbar-width:none;
    }
    .pk-grid::-webkit-scrollbar{display:none}
    .pk-card{flex:0 0 82%;scroll-snap-align:start}
  }
  @media(max-width:480px){
    .pk-card{flex-basis:86%;padding:18px 18px 16px}
    .pk-title{font-size:16.5px}
    .pk-thumb{width:56px;height:92px;margin-inline-start:-22px}
    .pk-fan{height:100px}
    .pk-collage{min-height:104px}
  }
/* layout: keep the wishlist heart alone at the image top-corner; push the
   TorobPay installment badge to the image BOTTOM corner (its natural home,
   near the price) so the two icons no longer crowd each other. */
.pc-stage .torobpay-product-badge{position:absolute!important;top:12px!important;bottom:auto!important;inset-inline-start:12px!important;inset-inline-end:auto!important;z-index:5;margin:0!important}

/* Pershume — compact product card on mobile (additive override, appended) */
@media (max-width: 760px){
	.pc-stage{height:clamp(208px,55vw,268px);padding:16px 16px 0}
	.pc-bottle-wrap img,.pc-bottle{max-height:clamp(168px,45vw,224px);max-width:74%}
	.pc-body{padding:0 13px 12px}
	.pc-brand{margin-top:6px}
	.pc-name{margin-top:3px;font-size:13.5px;line-height:1.35}
	.pc-notes{margin-top:7px;padding:6px}
	.pc-price-top{margin-top:9px}
	.pc-buy{padding:9px 12px}
	.grid{gap:14px}
}

/* ============================================================================
 * Element variants — driven by the body classes emitted in inc/theme-variants.php
 * (pv-button-*, pv-card-*, pv-footer-*, pv-heading-*). The registry default of
 * each element is the theme's existing look, so a site that never touches the
 * panel renders exactly as before; only an explicit choice changes anything.
 * The hero variant is NOT here — it swaps markup, see inc/hero-variants.php.
 * ========================================================================== */

/* ---------- button: outlined ----------
 * NB: the base rule at "all action buttons → filled brand-purple" uses
 * !important, so every variant below has to as well. Selectors list the
 * button classes that actually exist in the markup: .btn, .pc-buy (product
 * card), .story-cta, .sp-cta (عطریاب), .flash-all, and the hero variants' CTAs. */
.pv-button-outlined .btn,
.pv-button-outlined .pc-buy,
.pv-button-outlined .story-cta,
.pv-button-outlined .sp-cta,
.pv-button-outlined .hsplit-cta,
.pv-button-outlined .hmin-cta{
  background:transparent!important;color:var(--accent)!important;border:1px solid var(--accent)!important;
}
.pv-button-outlined .btn:hover,
.pv-button-outlined .pc-buy:hover,
.pv-button-outlined .story-cta:hover,
.pv-button-outlined .sp-cta:hover,
.pv-button-outlined .hsplit-cta:hover,
.pv-button-outlined .hmin-cta:hover{
  background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
}
/* the price inside .pc-buy is white by default — it has to follow the text colour */
.pv-button-outlined .pc-buy .pc-buy-price,
.pv-button-outlined .pc-buy .pc-buy-cta{color:inherit}
.pv-button-outlined .pc-buy .pc-buy-cta{border-inline-start-color:currentColor}

/* ---------- button: gradient ---------- */
.pv-button-gradient .btn,
.pv-button-gradient .pc-buy,
.pv-button-gradient .story-cta,
.pv-button-gradient .sp-cta,
.pv-button-gradient .hsplit-cta,
.pv-button-gradient .hmin-cta{
  background:linear-gradient(120deg,var(--accent) 0%,var(--accent-deep) 100%)!important;
  border-color:transparent!important;color:#fff!important;
}
.pv-button-gradient .btn:hover,
.pv-button-gradient .pc-buy:hover,
.pv-button-gradient .story-cta:hover,
.pv-button-gradient .sp-cta:hover,
.pv-button-gradient .hsplit-cta:hover,
.pv-button-gradient .hmin-cta:hover{
  background:linear-gradient(120deg,var(--accent-deep) 0%,var(--accent) 100%)!important;
  border-color:transparent!important;color:#fff!important;
}

/* ---------- button: pill (fully rounded, roomier) ---------- */
.pv-button-pill .btn,
.pv-button-pill .pc-buy,
.pv-button-pill .story-cta,
.pv-button-pill .sp-cta,
.pv-button-pill .hsplit-cta,
.pv-button-pill .hmin-cta{
  border-radius:var(--r-pill)!important;padding-inline:30px!important;
}

/* ---------- card: shadowed (no border, lifted) ---------- */
.pv-card-shadowed .pcard{
  border-color:transparent;
  box-shadow:0 14px 34px -18px rgba(40,36,80,.34);
}
.pv-card-shadowed .pcard:hover{
  border-color:transparent;
  box-shadow:0 30px 60px -22px rgba(40,36,80,.42);
}

/* ---------- card: bordered (flat, crisp edge, no lift) ---------- */
.pv-card-bordered .pcard{
  border-color:var(--ink);border-radius:var(--radius);box-shadow:none;
}
.pv-card-bordered .pcard:hover{
  border-color:var(--ink);transform:none;
  box-shadow:0 10px 26px -18px rgba(40,36,80,.28);
}

/* ---------- footer: minimal (one compact row; link columns dropped) ----------
 * Keeps the brand block, the contact column and the bottom bar; hides the two
 * link columns and the trust strip that make the columns layout tall. */
.pv-footer-minimal .site-footer .f-grid{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;
  gap:clamp(16px,2.4vw,32px);
}
.pv-footer-minimal .site-footer .f-col:not(.f-contact){display:none}
.pv-footer-minimal .site-footer .f-trust{display:none}

/* ---------- section heading: plain (drop the eyebrow label) ----------
 * The homepage uses three heading wrappers, not just .sec-head. */
.pv-heading-plain .sec-head .label,
.pv-heading-plain .flash-head .label,
.pv-heading-plain .brands-head .label,
.pv-heading-plain .story-body .label{display:none}
.pv-heading-plain .sec-head h2,
.pv-heading-plain .flash-head h2,
.pv-heading-plain .brands-head h2{letter-spacing:-.02em}

/* Centered, open payment strip: keep the site’s two offers clear without boxed cards. */
.hero{padding:clamp(30px,4.4vh,52px) 0 clamp(30px,4.4vh,52px)}
.hero-grid{width:min(100%,1080px);margin-inline:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:0;row-gap:24px;align-items:stretch}
.hero-content{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:18px 34px;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center}
.hero-content .hero-eyebrow,.hero-content h1,.hero-content .lead,.hero-content .pay-deck{align-self:center;text-align:center}
.hero-content .hero-eyebrow{margin:0;padding:0;border:0;border-radius:0;background:transparent;font-size:11px;letter-spacing:0;color:var(--accent-deep)}
.hero-content h1{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.4}
.hero-content .lead{margin:0;max-width:44ch}
.hero-content .pay-deck{align-self:stretch;margin:4px 0 0}
.hero-content .pay-deck .deck-h{justify-content:center;margin-bottom:12px}
.hero-cash-panel{grid-column:1;grid-row:1;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:18px 34px;border:0;border-inline-end:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;text-align:center}
.hero-cash-panel .cash-panel-eyebrow{justify-content:center;color:#16764f}
.hero-cash-panel .cash-panel-eyebrow span{width:auto;height:auto;background:none;color:#b58a45;font-size:16px}
.hero-cash-panel h2{font-size:clamp(20px,2.2vw,27px)}
.hero-cash-saving{justify-content:center;gap:14px;width:auto;max-width:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-cash-saving>strong{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:#14764f;font-size:clamp(54px,7vw,76px);line-height:1.1;letter-spacing:-.055em;box-shadow:none}
.hero-cash-saving>span{gap:2px;font-size:clamp(17px,1.9vw,22px)}
.hero-cash-saving small{font-size:12px}
.hero-cash-panel>p{font-size:13px}
.hero-cash-link{min-height:0;margin-top:2px;padding:7px 0;border:0;border-radius:0;background:transparent;color:#16764f;box-shadow:inset 0 -1px 0 rgba(22,118,79,.28);font-size:13px}
.hero-cash-link:hover{background:transparent;border:0;color:#0f5e3e;box-shadow:inset 0 -2px 0 currentColor;transform:none}
.hero .pay-row{justify-content:center;align-items:center;gap:clamp(14px,2.2vw,28px)}
.hero .pay-c{flex:0 1 auto;min-width:0;gap:8px;padding:4px 6px;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero .pay-c:hover{transform:none;border:0;background:transparent;box-shadow:none}
.hero .pay-c .pc-ico,.hero .pay-c.pay-c--torob .pc-ico,.hero .pay-c.pay-c--digipay .pc-ico,.hero .pay-c.pay-c--snappay .pc-ico{width:38px;height:38px;border:0;border-radius:0;background:transparent}
.hero .pay-c .pc-ico img{max-width:34px;max-height:34px;padding:0}
.hero .pay-c .pc-txt{align-items:flex-start;gap:0}
.hero .pay-c .pc-nm{font-size:13px;font-weight:800}
.hero .pay-c .pc-st{display:none}

@media(max-width:1080px){
  .hero-grid{grid-template-columns:1fr;gap:22px}
  .hero-content,.hero-cash-panel{grid-column:1;grid-row:auto;width:100%;padding:18px 12px}
  .hero-cash-panel{border-inline-end:0;border-top:1px solid var(--line);padding-top:26px}
  .hero-cash-saving>strong{font-size:64px}
}
@media(max-width:480px){
  .hero{padding:26px 0 30px}
  .hero-grid{gap:18px}
  .hero-content,.hero-cash-panel{padding-inline:4px}
  .hero-content h1{font-size:clamp(23px,7vw,30px)}
  .hero .pay-row{gap:12px}
  .hero .pay-c{flex-direction:row;align-items:center;gap:5px;padding:0}
  .hero .pay-c .pc-ico,.hero .pay-c.pay-c--torob .pc-ico,.hero .pay-c.pay-c--digipay .pc-ico,.hero .pay-c.pay-c--snappay .pc-ico{width:32px;height:32px}
  .hero .pay-c .pc-ico img{max-width:30px;max-height:30px}
  .hero .pay-c .pc-txt{align-items:flex-start}
  .hero .pay-c .pc-nm{font-size:11.5px}
  .hero-cash-saving{gap:10px}
  .hero-cash-saving>strong{font-size:56px}
  .hero-cash-saving>span{font-size:16px}
}

/* Wider, shorter hero band: provider marks sit beside the installment copy;
   the cash offer gets a clear ruby accent while both columns stay unboxed. */
.hero{padding:clamp(20px,3vh,34px) 0 clamp(22px,3vh,38px)}
.hero-grid{width:min(100%,1280px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(28px,4vw,56px);row-gap:14px}
.hero-content{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.72fr);grid-template-rows:auto auto auto;grid-template-areas:"eyebrow deck" "title deck" "lead deck";align-content:center;justify-content:stretch;align-items:center;gap:8px 24px;padding:10px 24px;text-align:right}
.hero-content .hero-eyebrow{grid-area:eyebrow;justify-self:start;align-self:end;text-align:right}
.hero-content h1{grid-area:title;justify-self:start;align-self:center;text-align:right;font-size:clamp(24px,2.6vw,34px);line-height:1.3}
.hero-content .lead{grid-area:lead;justify-self:start;align-self:start;text-align:right}
.hero-content .pay-deck{grid-area:deck;align-self:center;justify-self:stretch;margin:0;padding-inline-start:clamp(15px,2vw,26px);border-inline-start:1px solid var(--line);text-align:right}
.hero-content .pay-deck .deck-h{justify-content:flex-start;text-align:right;margin-bottom:10px;font-size:10.5px;letter-spacing:0}
.hero .pay-row{justify-content:flex-start;gap:8px}
.hero .pay-c{flex:1 1 58px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px}
.hero .pay-c .pc-ico,.hero .pay-c.pay-c--torob .pc-ico,.hero .pay-c.pay-c--digipay .pc-ico,.hero .pay-c.pay-c--snappay .pc-ico{width:34px;height:34px}
.hero .pay-c .pc-ico img{max-width:32px;max-height:32px}
.hero .pay-c .pc-txt{align-items:center}
.hero .pay-c .pc-nm{font-size:11.5px}
.hero-cash-panel{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.58fr);grid-template-rows:auto auto auto auto;grid-template-areas:"eyebrow saving" "title saving" "copy saving" "cta saving";align-content:center;justify-content:stretch;align-items:center;gap:7px 20px;padding:10px 26px;border-inline-end:1px solid var(--line);text-align:right}
.hero-cash-panel .cash-panel-eyebrow{grid-area:eyebrow;justify-self:start;align-self:end;justify-content:flex-start;color:#b52e43}
.hero-cash-panel .cash-panel-eyebrow span{color:#cf5364}
.hero-cash-panel h2{grid-area:title;justify-self:start;align-self:center;text-align:right;font-size:clamp(20px,2.1vw,27px)}
.hero-cash-saving{grid-area:saving;flex-direction:column;align-items:center;justify-content:center;gap:0;position:relative}
.hero-cash-saving>strong{color:#c13d50;font-size:clamp(56px,6vw,74px);text-shadow:0 8px 22px rgba(193,61,80,.18);animation:cashOfferPulse 2.8s ease-in-out infinite}
.hero-cash-saving>span{align-items:center;color:#b02f44;font-size:clamp(15px,1.5vw,19px)}
.hero-cash-saving small{color:#9e6670;font-size:11px}
.hero-cash-panel>p{grid-area:copy;justify-self:start;align-self:start;text-align:right;font-size:12.5px}
.hero-cash-link{grid-area:cta;justify-self:start;align-self:start;margin:0;color:#b52e43;box-shadow:inset 0 -1px 0 rgba(181,46,67,.35)}
.hero-cash-link:hover{background:transparent;border:0;color:#902437;box-shadow:inset 0 -2px 0 currentColor;transform:none}
@keyframes cashOfferPulse{0%,100%{transform:scale(1);text-shadow:0 8px 22px rgba(193,61,80,.16)}50%{transform:scale(1.06);text-shadow:0 8px 30px rgba(193,61,80,.34)}}
@media(max-width:1080px){
  .hero{padding:28px 0 32px}
  .hero-grid{width:100%;grid-template-columns:1fr;gap:20px}
  .hero-content{grid-column:1;grid-row:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px 4px;text-align:center}
  .hero-content .hero-eyebrow,.hero-content h1,.hero-content .lead,.hero-content .pay-deck{grid-area:auto;align-self:center;justify-self:center;text-align:center}
  .hero-content .pay-deck{width:min(100%,600px);margin:4px 0 0;padding:14px 0 0;border-inline-start:0;border-top:1px solid var(--line)}
  .hero-content .pay-deck .deck-h{justify-content:center;text-align:center}
  .hero .pay-row{justify-content:center;gap:clamp(16px,4vw,32px)}
  .hero .pay-c{flex:0 1 auto;flex-direction:row;gap:7px;padding:0}
  .hero .pay-c .pc-txt{align-items:flex-start}
  .hero-cash-panel{grid-column:1;grid-row:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 4px;border-inline-end:0;border-top:1px solid var(--line);text-align:center}
  .hero-cash-panel .cash-panel-eyebrow,.hero-cash-panel h2,.hero-cash-panel>p,.hero-cash-link{align-self:center;justify-self:center;text-align:center}
  .hero-cash-saving{flex-direction:row;gap:12px}
  .hero-cash-saving>strong{font-size:64px}
  .hero-cash-saving>span{align-items:flex-start;font-size:18px}
}
@media(max-width:480px){
  .hero{padding:24px 0 28px}
  .hero-grid{gap:16px}
  .hero-content h1{font-size:clamp(23px,7vw,30px)}
  .hero .pay-row{gap:12px}
  .hero .pay-c{flex:0 1 auto;flex-direction:column;gap:4px}
  .hero .pay-c .pc-ico,.hero .pay-c.pay-c--torob .pc-ico,.hero .pay-c.pay-c--digipay .pc-ico,.hero .pay-c.pay-c--snappay .pc-ico{width:32px;height:32px}
  .hero .pay-c .pc-nm{font-size:11px}
  .hero-cash-saving>strong{font-size:56px}
  .hero-cash-saving>span{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-cash-saving>strong{animation:none}}


/* Temporary category section redesign: use each WooCommerce category's real image. */
.scent-cats .cat{isolation:isolate;min-height:214px;padding:23px 22px}
.scent-cats .cat-photo{position:absolute;z-index:-1;inset-inline-start:0;inset-block-end:0;width:58%;height:90%;display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none}
.scent-cats .cat-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:left bottom;mix-blend-mode:multiply;opacity:.94;filter:drop-shadow(0 12px 16px rgba(37,30,55,.12));transition:transform .45s cubic-bezier(.2,.7,.3,1),opacity .3s}
.scent-cats .cat:hover .cat-photo img{transform:translateY(-5px) scale(1.035);opacity:1}
.scent-cats .cat-ico,.scent-cats .cat-copy{position:relative;z-index:1}
.scent-cats .cat-copy{max-width:68%;align-self:flex-start}
.scent-cats .cat h3{font-size:clamp(20px,2vw,25px);line-height:1.35}
.scent-cats .cat .en{font-size:12.5px}

/* Product-card purchase strip follows the product page's cash-first hierarchy. */
.pc-buy{gap:10px;padding:8px 10px;background:#fff;color:var(--ink);border:1px solid rgba(107,107,179,.22);box-shadow:0 5px 16px -13px rgba(40,35,80,.32);border-radius:16px}
.pc-buy:hover{background:#fff;border-color:rgba(107,107,179,.48);box-shadow:0 9px 20px -14px rgba(84,84,154,.38)}
.pc-buy-main{gap:7px;flex:1}
.pc-buy-installment{display:flex;align-items:center;gap:5px;color:var(--ink-3);font-size:10px;line-height:1.2}
.pc-buy-installment small{font-size:10px;font-weight:700;color:var(--ink-soft)}
.pc-buy-price{font-size:11px;font-weight:600;color:var(--mute-4);opacity:1}
.pc-buy-price .cur{font-size:9px}
.pc-buy-cash{display:flex;justify-content:flex-start;gap:5px 7px;width:100%;padding:6px 8px;border:1px solid rgba(195,61,80,.18);border-radius:12px;background:linear-gradient(110deg,#fff7f7,#fff 78%);box-shadow:none;color:#8f2638}
.pc-buy-cash-tag{background:#c13d50;padding:3px 8px;font-size:10px}
.pc-buy-cash-price{font-size:14px;color:#b52e43;font-weight:900}
.pc-buy-cash-price .cur{font-size:9px}
.pc-buy-cash-compare{font-size:9px;color:#928c96;white-space:nowrap}
.pc-buy-cash-saving{font-size:9px;color:#13734d;font-weight:900;white-space:nowrap}
.pc-buy-cash-off{background:#fff0f1;border-color:rgba(195,61,80,.16);color:#b52e43;font-size:9px;padding:2px 6px}
.pc-buy-cta{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-width:94px;padding:0 12px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:11px;font-weight:800;opacity:1;white-space:nowrap}
.pc-buy-cta:hover{background:var(--accent-deep)}
.pc-purchase{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:auto}
.pc-price-panel{display:flex;align-items:center;min-width:0;padding:9px;border:1px solid rgba(107,107,179,.18);border-radius:14px;background:linear-gradient(145deg,#faf9ff,#fff 85%)}
.pc-price-panel .pc-buy-main{flex:1;text-decoration:none;color:inherit}
.pc-price-panel .pc-buy-main:hover{color:inherit}
.pc-buy-actions{display:flex;direction:rtl;align-items:stretch;gap:8px;width:100%}
.pc-buy-actions .pc-wish{position:static;inset:auto;flex:none;width:40px;height:40px;border-radius:11px;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:rgba(107,107,179,.2);box-shadow:0 2px 8px rgba(48,44,84,.07);transform:none}
.pc-buy-actions .pc-wish svg{width:18px;height:18px}
.pc-buy-actions .pc-wish:hover{border-color:rgba(226,102,143,.5);transform:translateY(-1px)}
.pc-buy-actions .pc-buy-cta{flex:1;align-self:stretch;justify-content:center;min-height:40px;margin-top:0;padding:8px 12px;border-radius:11px;color:#fff!important}
@media(max-width:600px){.pc-purchase{gap:6px}.pc-price-panel{padding:7px}.pc-buy-actions{gap:7px}.pc-buy-actions .pc-wish{width:36px;height:36px;border-radius:9px}.pc-buy-actions .pc-wish svg{width:16px;height:16px}.pc-buy-actions .pc-buy-cta{min-height:36px}}
@media(max-width:600px){
  .pc-buy{gap:7px;padding:7px}
  .pc-buy-cash{gap:4px 5px;padding:6px}
  .pc-buy-cash-price{font-size:13px}
  .pc-buy-cash-compare,.pc-buy-cash-saving,.pc-buy-cash-off{font-size:8px}
  .pc-buy-cta{min-width:82px;padding-inline:8px;font-size:10px}
}

/* Make the cash recommendation and all of its supporting copy easier to notice. */
.hero-cash-panel h2{font-size:clamp(25px,2.6vw,34px);font-weight:900;line-height:1.35}
.hero-cash-saving>strong{font-size:clamp(72px,7.6vw,94px);font-weight:950}
.hero-cash-saving>span{font-size:clamp(19px,2vw,25px);font-weight:950}
.hero-cash-saving small{font-size:13px;font-weight:750}
.hero-cash-panel>p{font-size:15px;font-weight:600;color:#76505a}
.hero-cash-link{font-size:15px;font-weight:900}
@media(max-width:1080px){.hero-cash-saving>strong{font-size:74px}.hero-cash-saving>span{font-size:21px}.hero-cash-panel>p{font-size:14px}}
@media(max-width:480px){.hero-cash-saving>strong{font-size:64px}.hero-cash-saving>span{font-size:18px}.hero-cash-panel h2{font-size:24px}.hero-cash-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){.scent-cats .cat-photo img{transition:none}}
.pchip-logo{display:block;flex:none;width:auto;height:24px;max-width:58px;object-fit:contain;border-radius:6px}
.scent-cats .cat-photo{z-index:0}
@media(max-width:600px){.pchip{gap:7px;padding:7px 10px}.pchip-logo{height:21px;max-width:50px}}

/* Keep bottle photography clear of copy on the two-column category cards. */
.scent-cats .cat-photo{left:0;right:auto;width:54%;height:82%}
@media(max-width:600px){
  .scent-cats .cat{min-height:228px;padding:16px 12px}
  .scent-cats .cat-photo{left:1px;width:43%;height:67%;opacity:.86}
  .scent-cats .cat-copy{max-width:60%}
  .scent-cats .cat h3{font-size:18px;line-height:1.3}
  .scent-cats .cat .en{font-size:10.5px}
  .scent-cats .cat .go{min-height:30px;margin-top:12px;padding:5px 9px;font-size:10.5px}
  .scent-cats .cat-ico{width:38px;height:38px}
  .scent-cats .cat-ico svg{width:21px;height:21px}
}

/* Tighten the blank band between the brand marquee and flash products. */
.flash{margin-top:clamp(14px,2vh,24px)}
@media(max-width:768px){.flash{margin-top:16px}}
/* Product cards: compact size selector, with cash and savings as the primary offer. */
.pc-volumes{display:flex;align-items:center;gap:3px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;margin-top:11px;padding:4px;background:#f3f2f7;border-radius:999px}
.pc-volumes::-webkit-scrollbar{display:none}
.pc-volume{flex:1 0 auto;min-width:46px;padding:7px 8px;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);font:700 10.5px/1.2 inherit;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.pc-volume.is-active{background:var(--accent);color:#fff;box-shadow:0 4px 10px rgba(74,74,178,.22)}
.pc-volume:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pc-buy{align-items:center;padding:8px 9px;gap:9px}
.pc-buy-main{gap:6px}
.pc-buy-installment{font-size:10px}
.pc-buy-cash{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;justify-content:initial;gap:4px 8px;padding:7px 8px}
.pc-buy-cash-tag{grid-row:1;grid-column:1}
.pc-buy-cash-price{grid-row:1;grid-column:2;font-size:16px}
.pc-buy-cash-saving{grid-row:2;grid-column:2;font-size:9px}
.pc-buy-cash-off{grid-row:2;grid-column:1;font-size:8.5px;padding:2px 5px}
.pc-buy-cta{align-self:center;min-height:42px;min-width:88px;border-radius:13px}
@media(max-width:600px){
  .pc-volumes{margin-top:9px}
  .pc-volume{min-width:43px;padding:7px 6px;font-size:10px}
  .pc-buy{gap:7px;padding:7px}
  .pc-buy-cash{gap:4px 5px;padding:6px}
  .pc-buy-cash-price{font-size:14px}
  .pc-buy-cash-saving{font-size:8px}
  .pc-buy-cash-off{font-size:8px}
  .pc-buy-cta{min-width:78px;min-height:40px;padding-inline:7px;font-size:10px}
}


/* Refined home category photography: keep the product as an accent, not the whole tile. */
.scent-cats .cat-photo{left:24%;bottom:7%;justify-content:center;width:34%;max-width:190px;height:76%;opacity:.9}
.scent-cats .cat-photo img{object-position:center bottom}
@media(max-width:600px){.scent-cats .cat-photo{left:9%;bottom:6%;width:36%;max-width:125px;height:64%;opacity:.86}}

/* Keep the curated shelf clean: no decorative marker above the heading. */
.flash{position:relative;border-top:1px solid rgba(109,105,180,.12);padding-top:22px}
@media(max-width:768px){.flash{padding-top:18px}}

/* Cash-first card pricing: readable comparison, prominent savings, clear full-width action. */
.pc-buy{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:9px;background:#fff;border:1px solid rgba(107,107,179,.2);border-radius:16px;box-shadow:0 5px 16px -13px rgba(40,35,80,.32)}
.pc-buy:hover{background:#fff;border-color:rgba(107,107,179,.48)}
.pc-buy-main{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;min-width:0}
.pc-buy-installment{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0 3px;color:#807b8c;font-size:10px;line-height:1.35}
.pc-buy-installment small{font-size:10px;font-weight:700;color:#777286}
.pc-buy-price{font-size:10px;font-weight:700;color:#827c8c;opacity:1;text-decoration-color:#aa9eaa}
.pc-buy-price .cur{font-size:9px}
.pc-buy-cash{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;align-items:center;gap:5px 8px;width:100%;padding:9px;border:1px solid rgba(195,61,80,.21);border-radius:13px;background:linear-gradient(120deg,#fff5f6 0%,#fff 75%);color:#8f2638}
.pc-buy-cash-tag{grid-column:1;grid-row:1;justify-self:start;background:#c13d50;padding:4px 9px;font-size:10px}
.pc-buy-cash-off{grid-column:2;grid-row:1;justify-self:end;background:#fff0f1;border-color:rgba(195,61,80,.16);color:#b52e43;font-size:9px;padding:3px 7px}
.pc-buy-cash-price{grid-column:1/-1;grid-row:2;justify-self:center;font-size:19px;line-height:1.35;color:#b52e43;font-weight:950;white-space:nowrap}
.pc-buy-cash-price .cur{font-size:10px}
.pc-buy-cash-saving{grid-column:1/-1;grid-row:3;display:block;padding:5px 7px;border-radius:9px;background:#edf8f1;color:#14744d;font-size:12px;line-height:1.4;text-align:center;font-weight:900;white-space:normal}
.pc-buy-cta{display:flex;align-items:center;justify-content:center;align-self:stretch;width:100%;min-height:38px;padding:7px 10px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:11px;font-weight:850;white-space:nowrap}
.pc-buy-cta:hover{background:var(--accent-deep)}
@media(max-width:600px){
 .pc-buy{gap:7px;padding:8px}
 .pc-buy-cash{gap:5px 6px;padding:8px}
 .pc-buy-cash-price{font-size:17px}
 .pc-buy-cash-saving{font-size:11px}
 .pc-buy-cta{min-height:36px;font-size:10px}
}

/* Product cards expose both variation attributes and start at 30 ml perfume. */
.pc-variant-picker{display:flex;flex-direction:column;gap:7px;margin:10px 0 5px}
.pc-volumes{margin:0}
.pc-qualities{display:flex;align-items:center;justify-content:center;gap:6px;max-width:100%;padding:3px;background:#fbf8f7;border:1px solid rgba(151,92,93,.1);border-radius:11px}
.pc-quality{flex:1 1 0;min-width:0;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:#766c75;font-family:inherit;font-size:10px;font-weight:700;line-height:1.25;white-space:nowrap;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
.pc-quality.is-active{background:#fff;color:#b2384c;box-shadow:0 2px 8px rgba(80,42,62,.1)}
.pc-quality:disabled,.pc-volume:disabled{opacity:.38;cursor:not-allowed}
.pc-quality:focus-visible{outline:2px solid #bb4654;outline-offset:1px}
.pc-buy-installment{margin-top:7px;padding:2px 4px 5px;border-bottom:1px solid rgba(110,105,151,.12);font-size:12px}
.pc-buy-installment small{font-size:11px}
.pc-buy-price{font-size:13px;font-weight:800;color:#554e65}
.pc-buy-cash{grid-template-rows:auto auto auto auto}
.pc-buy-cash-compare{grid-column:1/-1;grid-row:2;justify-self:center;display:flex;align-items:center;gap:4px;color:#9a8490;font-size:10px;line-height:1.3}
.pc-buy-cash-compare small{font-size:9px;color:#867982}
.pc-buy-cash-compare del{text-decoration-thickness:1px;text-decoration-color:#b68e9b}
.pc-buy-cash-price{grid-row:3}
.pc-buy-cash-saving{grid-row:4}
@media(max-width:600px){
 .pc-variant-picker{gap:6px;margin:9px 0 4px}
 .pc-quality{padding:6px 5px;font-size:9px}
 .pc-buy-installment{margin-top:7px;font-size:11px}
 .pc-buy-price{font-size:12px}
 .pc-buy-cash-compare{font-size:9px}
}

/* Keep the cash discount red, while tying the savings callout to the site's violet palette. */
.pc-buy-cash-saving{background:linear-gradient(90deg,#f0effb,#f7f5fc);color:#514b9b;border:1px solid rgba(107,107,179,.13)}

/* Recently viewed perfumes: a distinct editorial shelf, separate from product-card grids. */
#recent.recent-scent-section{margin-block:clamp(30px,5vw,58px);padding:0}
.recent-scent-panel{position:relative;overflow:hidden;padding:clamp(22px,3.5vw,42px);border:1px solid rgba(117,108,178,.2);border-radius:28px;background:radial-gradient(70% 130% at 100% 0%,rgba(127,111,191,.42),transparent 62%),linear-gradient(125deg,#29243f 0%,#37305b 52%,#211f35 100%);box-shadow:0 24px 58px -38px rgba(43,35,81,.6);color:#fff}
.recent-scent-panel::before{content:"";position:absolute;inset-inline-start:-80px;top:-100px;width:260px;height:260px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.02);pointer-events:none}
.recent-scent-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.recent-scent-heading{min-width:0}
.recent-scent-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:7px;color:#d9d2f2;font-size:12px;font-weight:700;letter-spacing:.02em}
.recent-scent-kicker span{color:#e8bd74;font-size:17px}
.recent-scent-heading h2{margin:0;color:#fff;font-size:clamp(25px,2.6vw,34px);font-weight:850;line-height:1.35;letter-spacing:-.02em}
.recent-scent-heading p{margin:5px 0 0;color:rgba(245,242,255,.72);font-size:14px;line-height:1.8}
.recent-scent-count{display:flex;align-items:center;gap:9px;flex:none;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#eeeafa;font-size:12px;font-weight:600}
.recent-scent-count strong{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#fff;color:#534b91;font-size:13px;font-weight:900}
.recent-scent-track{position:relative;z-index:1;display:flex;gap:13px;overflow-x:auto;padding:2px 1px 8px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.32) transparent;-webkit-overflow-scrolling:touch}
.recent-scent-track::-webkit-scrollbar{height:5px}
.recent-scent-track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.32);border-radius:99px}
.recent-scent-card{position:relative;display:flex;flex:1 0 220px;flex-direction:column;max-width:none;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.72);border-radius:19px;background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(246,244,251,.96));color:#262334;text-decoration:none;box-shadow:0 10px 28px -23px rgba(0,0,0,.65);transition:transform .24s,border-color .24s,box-shadow .24s}
.recent-scent-card:hover{transform:translateY(-4px);border-color:#d8c9f0;box-shadow:0 18px 32px -22px rgba(0,0,0,.55);color:#262334}
.recent-scent-index{position:absolute;z-index:2;top:16px;inset-inline-start:16px;color:#8b83b5;font-family:"Segoe UI",sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em}
.recent-scent-bottle{position:relative;display:grid;place-items:center;height:142px;margin-bottom:9px;overflow:hidden;border-radius:14px;background:radial-gradient(ellipse at 50% 72%,rgba(114,103,176,.14),transparent 55%),linear-gradient(145deg,#f3f0fa,#fff 72%)}
.recent-scent-orbit{position:absolute;width:92px;height:92px;border:1px solid rgba(119,105,177,.14);border-radius:50%;pointer-events:none}
.recent-scent-image{position:relative;z-index:1;display:block;width:auto!important;max-width:78%;height:126px!important;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 10px 12px rgba(40,34,70,.15));transition:transform .35s}
.recent-scent-card:hover .recent-scent-image{transform:translateY(-3px) scale(1.04)}
.recent-scent-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:4px;padding:0 3px}
.recent-scent-brand{color:#77718c;font-family:"Segoe UI",sans-serif;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.recent-scent-copy strong{display:-webkit-box;overflow:hidden;min-height:42px;color:#292638;font-size:14px;font-weight:800;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.recent-scent-price{color:#655e81;font-size:11.5px;font-weight:650;line-height:1.55}
.recent-scent-cta{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:7px;padding-top:8px;border-top:1px solid #ebe8f2;color:#5c559d;font-size:12px;font-weight:800}
.recent-scent-cta span{font-size:16px;line-height:1;transition:transform .2s}
.recent-scent-card:hover .recent-scent-cta span{transform:translateX(-3px)}
@media(max-width:600px){
 #recent.recent-scent-section{margin-block:30px}
 .recent-scent-panel{padding:20px 14px;border-radius:22px}
 .recent-scent-head{align-items:flex-start;margin-bottom:17px}
 .recent-scent-heading h2{font-size:25px}
 .recent-scent-heading p{font-size:13px}
 .recent-scent-count{gap:6px;padding:6px 8px;font-size:10px}
 .recent-scent-count strong{width:25px;height:25px;font-size:11px}
 .recent-scent-track{gap:10px;margin-inline:-2px;padding-inline:2px}
 .recent-scent-card{flex:0 0 min(72vw,220px);max-width:none;padding:9px}
 .recent-scent-bottle{height:130px}
 .recent-scent-image{height:116px!important}
 .recent-scent-copy strong{font-size:13.5px}
}

/* Color review: one violet base, ruby only for cash discounts, champagne used sparingly. */
:root{--paper-2:#f7f6fb;--line:#e8e5f0;--line-soft:#f1eff6;--ink-soft:#686677;--brass:#a78a52;--wish:#716bb1;--wish-deep:#5d579e;--wish-fill:#6b66b0;--wish-tint:#efedf9;--ok:#716bb1;--ok-deep:#5d579e;--ok-tint:#f0effa}
.hero-cash-panel{border-color:rgba(193,61,80,.2);border-top-color:rgba(193,61,80,.58);background:radial-gradient(90% 70% at 100% 0%,rgba(193,61,80,.09),transparent 72%),linear-gradient(145deg,#fff5f6 0%,#fff 76%);box-shadow:0 18px 48px -34px rgba(155,55,78,.24)}
.cash-panel-eyebrow{color:#b2384c}
.cash-panel-eyebrow span{background:#fff0f2;color:#ad8750}
.hero-cash-saving{border-color:rgba(193,61,80,.2);background:linear-gradient(115deg,#fff0f2,#fff8f8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px -20px rgba(155,55,78,.35)}
.hero-cash-saving>strong{border-color:rgba(193,61,80,.16);color:#bd394f;box-shadow:0 4px 12px rgba(155,55,78,.1)}
.hero-cash-saving>span{color:#a92e45}
.hero-cash-saving small{color:#8e6a75}
.hero-cash-link{border-color:#b9364d;background:#b9364d}
.hero-cash-link:hover{border-color:#9e2d42;background:#9e2d42}

/* Homepage type scale: keep headings consistent and small labels legible. */
body.home .flash-title h2,body.home .sec-head h2,body.home .brands-head h2,body.home .story-body h2{font-size:clamp(26px,2.7vw,36px);line-height:1.3;letter-spacing:-.015em}
body.home .hero-eyebrow,body.home .cash-panel-eyebrow,body.home .flash-countdown .cd-lbl,body.home .brands-head .label,body.home .sec-head .label{font-size:12px}
body.home .sec-head .sub,body.home .trust-head .sub,body.home .hero .lead{font-size:15px;line-height:1.85}
body.home .pc-name-fa{font-size:15.5px;line-height:1.5}
body.home .pc-name-en{font-size:11.5px;line-height:1.45}
body.home .pc-brand{font-size:11.5px}
body.home .pc-volume{font-size:11px}
body.home .pc-quality{font-size:10.5px}
body.home .pc-buy-cta{font-size:12px}
body.home .pc-buy-cash-compare,body.home .pc-buy-cash-compare small{font-size:10px}
body.home .cat h3{font-size:clamp(21px,2vw,24px);line-height:1.35}
body.home .cat .en{font-size:13px}
body.home .story-badge b,body.home .trust-stat span{font-size:13px}
body.home .f-col h5{font-size:13px;font-weight:800}
body.home .f-col a,body.home .f-col p{font-size:13.5px;line-height:1.8}
@media(max-width:768px){
 body.home .flash-title h2,body.home .sec-head h2,body.home .brands-head h2,body.home .story-body h2{font-size:28px;line-height:1.35}
 body.home .hero .lead,body.home .sec-head .sub,body.home .trust-head .sub{font-size:14.5px}
 body.home .cat h3{font-size:19px}
}
@media(max-width:480px){
 body.home .hero-eyebrow{font-size:11px}
 body.home .pc-name-fa{font-size:15px}
 body.home .pc-volume{font-size:10.5px}
 body.home .pc-quality{font-size:10px}
 body.home .pc-buy-cta{font-size:11px}
 body.home .f-col a,body.home .f-col p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.recent-scent-card,.recent-scent-image,.recent-scent-cta span{transition:none}}

/* Product-card options and cash offer: clear states with fewer competing boxes. */
.pcard .pc-variant-picker{gap:6px;margin:10px 0 5px}
.pcard .pc-volumes,
.pcard .pc-qualities{
  display:flex;align-items:center;gap:3px;width:100%;max-width:100%;min-width:0;
  padding:4px;border:1px solid #e9e7f2;border-radius:999px;background:#f6f5fa;
  overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;
}
.pcard .pc-volumes::-webkit-scrollbar,
.pcard .pc-qualities::-webkit-scrollbar{display:none}
.pcard .pc-volume,
.pcard .pc-quality{
  display:inline-flex;align-items:center;justify-content:center;flex:1 0 auto;min-width:44px;min-height:29px;
  padding:6px 8px;border:0;border-radius:999px;background:transparent;color:#686677;
  font-family:inherit;font-size:10px;font-weight:700;line-height:1.25;white-space:nowrap;
  cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;
}
.pcard .pc-quality{flex:1 1 0;min-width:0;text-align:center;white-space:normal}
.pcard .pc-volume.is-active,.pcard .pc-quality.is-active{background:var(--accent);color:#fff;box-shadow:0 3px 9px rgba(74,74,178,.2)}
.pcard .pc-volume:not(.is-active):hover,.pcard .pc-quality:not(.is-active):hover{background:rgba(107,107,179,.1);color:#514b9b}
.pcard .pc-volume:disabled,.pcard .pc-quality:disabled{opacity:.4;cursor:not-allowed}
.pcard .pc-volume:focus-visible,.pcard .pc-quality:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pcard .pc-buy{
  gap:8px;padding:9px;background:#fff;border:1px solid rgba(107,107,179,.2);
  border-radius:15px;box-shadow:0 5px 16px -13px rgba(40,35,80,.32);color:var(--ink);
}
.pcard .pc-buy:hover{background:#fff;border-color:rgba(107,107,179,.46);box-shadow:0 8px 20px -14px rgba(84,84,154,.36)}
.pcard .pc-buy-installment{margin-top:0;padding:1px 3px 6px;border-bottom:1px solid #eeecf5;color:#777286;font-size:11px}
.pcard .pc-buy-installment small{color:#686677;font-size:10px;font-weight:750}
.pcard .pc-buy-price{color:#514b82;font-size:12px;font-weight:850}
.pcard .pc-buy-price .cur{color:#777286;font-size:9px;font-weight:500}
.pcard .pc-buy-cash{
  grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto;gap:5px 7px;
  width:100%;padding:8px;border:0;border-radius:11px;background:#f7f6fb;color:#514b82;
}
.pcard .pc-buy-cash-tag{grid-row:1;grid-column:1;background:#e9e6f7;color:#514b9b;padding:4px 8px;font-size:9px;font-weight:800}
.pcard .pc-buy-cash-off{grid-row:1;grid-column:2;background:transparent;border:0;color:#514b9b;padding:3px 2px;font-size:9px;font-weight:800}
.pcard .pc-buy-cash-price{grid-row:2;grid-column:1/-1;justify-self:center;color:#514b9b;font-size:18px;font-weight:900;line-height:1.35}
.pcard .pc-buy-cash-price .cur{color:#686677;font-size:9px;font-weight:600}
.pcard .pc-buy-cash-saving{grid-row:3;grid-column:1/-1;display:block;padding:0;border:0;background:transparent;color:#514b9b;font-size:10px;line-height:1.4;text-align:center;font-weight:800;white-space:normal}
.pcard .pc-buy-cta{min-height:38px;border-radius:11px;background:var(--accent);font-size:11px}
.pcard .pc-buy-cta:hover{background:var(--accent-deep)}
@media(max-width:600px){
  .pcard .pc-variant-picker{gap:6px;margin:9px 0 4px}
  .pcard .pc-volume,.pcard .pc-quality{min-height:28px;padding:6px 7px;font-size:9.5px}
  .pcard .pc-buy{gap:7px;padding:8px}
  .pcard .pc-buy-cash{gap:5px 6px;padding:7px}
  .pcard .pc-buy-cash-price{font-size:16px}
  .pcard .pc-buy-cash-saving{font-size:10px}
  .pcard .pc-buy-cta{min-height:36px;font-size:10.5px}
}
@media(max-width:360px){
  .pcard .pc-volume,.pcard .pc-quality{min-width:40px;padding-inline:5px;font-size:9px}
  .pcard .pc-buy-cash-price{font-size:15px}
  .pcard .pc-buy-cash-saving{font-size:9px}
}
.recent-scent-orbit{position:absolute;z-index:0}

/* Recent perfumes use their own clean shelf layout, without generic header chrome. */
@media(min-width:701px){.recent-scent-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));overflow:visible}.recent-scent-card{max-width:360px;width:100%}}

.recent-scent-track[data-count="1"]{justify-content:center}
@media(min-width:701px){.recent-scent-track{justify-items:center}}

/* Keep concentration choices short and aligned with the volume row. */
.pcard .pc-qualities{gap:3px;padding:3px}
.pcard .pc-quality{min-height:27px;padding:4px 2px;font-size:9.5px;line-height:1.1;white-space:nowrap}
@media(max-width:360px){.pcard .pc-quality{padding-inline:1px;font-size:8.5px}}

/* The wishlist square sits beside the purchase CTA and matches its height. */
.pcard .pc-buy-actions{align-items:stretch}
.pcard .pc-buy-actions .pc-wish{box-sizing:border-box;width:42px;height:42px;border-color:var(--accent);background:var(--accent);box-shadow:0 4px 11px rgba(74,74,178,.18)}
.pcard .pc-buy-actions .pc-wish svg{fill:none;stroke:#fff}
.pcard .pc-buy-actions .pc-wish:hover{border-color:var(--accent-deep);background:var(--accent-deep);transform:translateY(-1px)}
.pcard .pc-buy-actions .pc-wish:hover svg{fill:none;stroke:#fff}
.pcard .pc-buy-actions .pc-wish.on svg{fill:#fff;stroke:#fff}
.pcard .pc-buy-actions .pc-buy-cta{box-sizing:border-box;height:42px;min-height:42px;padding-block:0;color:#fff!important;line-height:1.2}
@media(max-width:600px){
  .pcard .pc-buy-actions .pc-wish{width:38px;height:38px}
  .pcard .pc-buy-actions .pc-buy-cta{height:38px;min-height:38px}
}

/* Keep the floating mobile controls compact and give the back-to-top button a crisp icon. */
.to-top svg{display:block;width:20px;height:20px}
@media(max-width:560px){
  .to-top{right:14px;bottom:calc(70px + env(safe-area-inset-bottom,0px));width:42px;height:42px;font-size:0}
  .to-top svg{width:19px;height:19px}
  body.has-stickybar .to-top{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
}

/* Homepage payment pair: installment gateways on the left and the cash ticket on the right. */
.hero{padding:22px 0 18px;border-bottom:0;background:linear-gradient(180deg,#faf9fd 0%,#f7f6fb 58%,#f5f4f9 100%)}
.hero-grid{width:min(100%,1440px);grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:14px;row-gap:14px;align-items:stretch}
.hero-content{grid-column:2;grid-row:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);grid-template-rows:auto auto auto;grid-template-areas:"eyebrow deck" "title deck" "lead deck";align-content:center;align-items:center;gap:8px 14px;min-height:210px;padding:14px;border:1px solid #e4e2ee;border-radius:17px;background:linear-gradient(140deg,#f3f2f9,#faf9fc);box-shadow:none;text-align:right}
.hero-content .hero-eyebrow{grid-area:eyebrow;align-self:end;justify-self:start;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--accent-deep);font-size:10px;letter-spacing:0}
.hero-content h1{grid-area:title;align-self:center;justify-self:start;margin:0;font-size:clamp(21px,2vw,26px);line-height:1.65;letter-spacing:0}
.hero .hero-content .lead{grid-area:lead;align-self:start;justify-self:start;margin:0;color:var(--ink-soft);font-size:10px;line-height:1.7}
.hero-content .pay-deck{grid-area:deck;align-self:center;justify-self:stretch;min-width:0;margin:0;padding-inline-start:13px;border-inline-start:1px solid #dcd9e9;text-align:right}
.hero-content .pay-deck .deck-h{justify-content:flex-start;margin:0 0 7px;color:var(--accent-deep);font-size:9px;letter-spacing:0;line-height:1.5}
.hero-content .pay-deck .deck-h .ico{display:none}
.hero .pay-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:2px 7px}
.hero .pay-c{display:flex;flex:initial;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:46px;padding:5px 4px;border:0;border-top:1px solid #e7e5ef;border-radius:0;background:transparent;box-shadow:none;text-align:center;transform:none}
.hero .pay-c:hover{border-color:#e7e5ef;background:transparent;box-shadow:none;transform:none}
.hero .pay-c .pc-ico,.hero .pay-c.pay-c--torob .pc-ico,.hero .pay-c.pay-c--digipay .pc-ico,.hero .pay-c.pay-c--snappay .pc-ico{display:grid;place-items:center;flex:none;width:auto;height:34px;border:0;border-radius:0;background:transparent;color:var(--accent-deep)}
.hero .pay-c .pc-ico img{display:block;width:auto;max-width:42px;height:auto;max-height:34px;padding:0;border-radius:0;background:transparent;object-fit:contain}
.hero .pay-c.pay-c--digipay .pc-ico img{max-width:34px;max-height:34px}
.hero .pay-c.pay-c--torob .pc-ico img{max-width:36px;max-height:36px}
.hero .pay-c.pay-c--snappay .pc-ico img{max-width:42px;max-height:34px}
.hero .pay-c .pc-txt{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}
.hero .pay-c .pc-nm{color:var(--ink);font-size:10px;font-weight:800;line-height:1.35}
.hero .pay-c .pc-st{align-self:center;display:block;padding:0;border-radius:0;background:transparent;color:var(--muted);font-size:8px;font-weight:500;letter-spacing:0;line-height:1.3}
.hero .pay-c .pc-st::before{display:none}
.hero .pay-c:nth-child(3){grid-column:1/-1;justify-self:center;width:64%}
.hero-payment-cash{grid-column:1;grid-row:1;display:flex;align-items:center;min-width:0;min-height:232px;padding:18px;border:1px solid rgba(107,105,180,.28);border-radius:17px;background:#f3f2f9;box-shadow:0 11px 28px rgba(74,74,178,.12);text-align:right}
.home-cash-ticket{display:grid;grid-template-columns:120px minmax(0,1fr);width:100%;min-width:0;min-height:194px;overflow:hidden;border:1px solid #d4d1e8;border-radius:14px;background:#fff;box-shadow:0 9px 22px rgba(49,45,101,.09)}
.home-cash-percent{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-width:0;background:var(--accent);color:#fff;text-align:center}
.home-cash-percent::after{content:"";position:absolute;right:-8px;top:calc(50% - 8px);width:16px;height:16px;border-radius:50%;background:#f3f2f9}
.home-cash-percent strong{font-size:43px;font-weight:950;line-height:1;letter-spacing:-1px}
.home-cash-percent strong small{font-size:23px}
.home-cash-percent>span{color:#f2f1fb;font-size:10px}
.home-cash-copy{align-self:center;min-width:0;padding:19px;direction:rtl;text-align:right}
.home-cash-kicker{display:block;margin-bottom:7px;color:var(--accent-deep);font-size:10.5px;font-weight:850}
.home-cash-copy h2{margin:0;color:var(--ink);font-size:18px;font-weight:900;line-height:1.6;letter-spacing:0}
.home-cash-copy p{margin:5px 0 0;color:var(--ink-soft);font-size:11.5px;line-height:1.75}
.home-cash-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:9px 15px;border-radius:999px;background:var(--accent);color:#fff;font-size:11.5px;font-weight:850;text-decoration:none;transition:background .2s,transform .2s}
.home-cash-link:hover{background:var(--accent-deep);color:#fff;transform:translateY(-1px)}
.home-cash-link span{font-size:13px;line-height:1}
body.home.pv-marquee-strip .marquee{padding:5px 0;border-top:1px solid #eeedf4;border-bottom:1px solid #eeedf4;background:#f7f6fa;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
body.home.pv-marquee-strip .marquee-track{gap:0;padding:10px 0}
body.home.pv-marquee-strip .marquee-cell{margin:0 4px;padding:8px 15px;border:1px solid #eeedf4;border-radius:10px;background:rgba(255,255,255,.55);color:#918e9e;font-size:11px;font-weight:550;letter-spacing:.055em;box-shadow:none}
body.home.pv-marquee-strip .marquee-cell::before{display:none}
body.home.pv-marquee-strip .marquee-cell:hover{border-color:rgba(107,105,180,.3);background:rgba(255,255,255,.8);color:#77738d}
@media(max-width:1080px){
  .hero-grid{width:min(100%,760px);grid-template-columns:minmax(0,1fr);gap:12px}
  .hero-content,.hero-payment-cash{grid-column:1;grid-row:auto;width:100%}
  .hero-content{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"eyebrow" "title" "lead" "deck";gap:6px;min-height:0;padding:15px}
  .hero-content .hero-eyebrow,.hero-content h1,.hero .hero-content .lead{justify-self:start;text-align:right}
  .hero-content h1{font-size:clamp(20px,4.2vw,25px)}
  .hero-content .pay-deck{width:100%;margin-top:6px;padding:11px 0 0;border-inline-start:0;border-top:1px solid #dcd9e9}
  .hero-content .pay-deck .deck-h{justify-content:flex-start}
  .hero-payment-cash{min-height:0;padding:15px}
}
@media(max-width:768px){
  .hero .pay-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
  .hero .pay-c{min-height:49px}
  .hero .pay-c:nth-child(3){grid-column:auto;justify-self:stretch;width:auto}
  .hero .pay-c .pc-st{display:none}
}
@media(max-width:480px){
  .hero{padding:18px 0 24px}
  .hero-grid{gap:10px}
  .hero .pay-row{gap:2px 6px}
  .hero .pay-c{min-height:44px}
  .hero-payment-cash{padding:11px}
  .home-cash-ticket{grid-template-columns:82px minmax(0,1fr)}
  .home-cash-copy{padding:12px}
  .home-cash-copy h2{font-size:14.5px}
  .home-cash-copy p{font-size:9px}
  .home-cash-link{margin-top:7px;padding:7px 10px;font-size:9px}
  .home-cash-ticket{min-height:176px;grid-template-columns:86px minmax(0,1fr)}
  .home-cash-percent strong{font-size:36px}
  .home-cash-percent strong small{font-size:19px}
  .home-cash-copy{padding:13px}
  .home-cash-copy h2{font-size:15.5px}
  .home-cash-copy p{font-size:9.5px}
  .home-cash-link{margin-top:8px;padding:8px 11px;font-size:10px}
  body.home.pv-marquee-strip .marquee-cell{margin:0 3px;padding:7px 12px;font-size:10px;letter-spacing:.04em}
}
@media(max-width:360px){.home-cash-ticket{min-height:168px;grid-template-columns:74px minmax(0,1fr)}.home-cash-percent strong{font-size:33px}.home-cash-copy{padding:10px}.home-cash-copy h2{font-size:14px}}

/* Homepage category cards — concept 19: full-surface fragrance halo, no inset copy panel. */
.scent-cats .cat.cat-v19-card{
  display:block;min-height:218px;padding:0;border:1px solid color-mix(in srgb,var(--cat-tone) 18%,#fff);border-radius:22px;
  background:radial-gradient(ellipse at 87% 48%,color-mix(in srgb,var(--cat-tone) 10%,transparent),transparent 68%),linear-gradient(112deg,color-mix(in srgb,var(--cat-tint) 88%,#fff),color-mix(in srgb,var(--cat-tint) 54%,#f3f1f8));
  box-shadow:inset 0 1px #ffffffa6,0 14px 28px -23px color-mix(in srgb,var(--cat-tone) 38%,transparent);isolation:isolate;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease
}
.scent-cats .cat.cat-v19-card::before{content:"";position:absolute;z-index:0;left:-95px;top:-108px;width:238px;height:238px;border:1px solid color-mix(in srgb,var(--cat-tone) 12%,transparent);border-radius:50%;box-shadow:0 0 0 13px color-mix(in srgb,var(--cat-tone) 2%,transparent);pointer-events:none}
.scent-cats .cat.cat-v19-card::after{content:"";position:absolute;z-index:2;left:51%;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--cat-tone) 23%,transparent) 24% 76%,transparent);pointer-events:none}
.scent-cats .cat.cat-v19-card:hover{border-color:color-mix(in srgb,var(--cat-tone) 35%,#fff);box-shadow:0 17px 30px -22px color-mix(in srgb,var(--cat-tone) 48%,transparent);transform:translateY(-2px)}
.scent-cats .cat-v19-detail{position:absolute;z-index:1;left:0;right:auto;top:0;bottom:0;width:59%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 72%,transparent 100%)}
.scent-cats .cat-v19-detail::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at 43% 72%,color-mix(in srgb,var(--cat-tone) 18%,white),color-mix(in srgb,var(--cat-tint) 30%,transparent) 48%,transparent 78%)}
.scent-cats .cat-v19-detail::after{content:"";position:absolute;z-index:0;left:-7%;top:8%;width:86%;height:132%;border:1px solid color-mix(in srgb,var(--cat-tone) 11%,white);border-radius:50%;transform:rotate(-12deg)}
.scent-cats .cat-v19-detail img{position:absolute;z-index:1;left:var(--cat-crop-left,-60%);right:auto;bottom:var(--cat-crop-bottom,-92%);width:var(--cat-crop-width,205%);height:var(--cat-crop-height,194%);max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 15px 19px color-mix(in srgb,var(--cat-tone) 20%,transparent));transition:transform .38s cubic-bezier(.2,.75,.25,1),filter .38s ease}
.scent-cats .cat-v19-card--men .cat-v19-detail{--cat-crop-left:-57%;--cat-crop-bottom:-93%;--cat-crop-width:198%;--cat-crop-height:188%}
.scent-cats .cat-v19-card--women .cat-v19-detail{--cat-crop-left:-60%;--cat-crop-bottom:-97%;--cat-crop-width:207%;--cat-crop-height:194%}
.scent-cats .cat-v19-card--shared .cat-v19-detail{--cat-crop-left:-54%;--cat-crop-bottom:-89%;--cat-crop-width:192%;--cat-crop-height:182%}
.scent-cats .cat-v19-card--niche .cat-v19-detail{--cat-crop-left:-58%;--cat-crop-bottom:-93%;--cat-crop-width:201%;--cat-crop-height:188%}
.scent-cats .cat-v19-copy{position:absolute;z-index:3;inset-inline-start:13px;top:50%;width:46%;max-width:none;align-self:auto;transform:translateY(-50%);text-align:right}
.scent-cats .cat-v19-top{display:flex;align-items:center;gap:8px;min-width:0}
.scent-cats .cat-v19-symbol{position:static;inset:auto;z-index:auto;display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--cat-tone) 28%,white);border-radius:50%;background:color-mix(in srgb,var(--cat-tint) 62%,white);color:var(--cat-tone);box-shadow:0 5px 12px color-mix(in srgb,var(--cat-tone) 9%,transparent)}
.scent-cats .cat-v19-symbol svg{display:block;width:18px;height:18px;transition:transform .28s ease}
.scent-cats .cat-v19-top h3{flex:1;min-width:0;margin:0;color:var(--ink);font-size:clamp(17px,1.55vw,21px);font-weight:850;letter-spacing:-.035em;line-height:1.45}
.scent-cats .cat-v19-sub{display:block;margin-top:7px;color:var(--ink-soft);font-size:11px;line-height:1.65}
.scent-cats .cat-v19-link{display:inline-flex;align-items:center;justify-content:space-between;min-width:104px;min-height:32px;gap:8px;margin-top:12px;padding:3px 4px 3px 10px;border:1px solid color-mix(in srgb,var(--cat-tone) 30%,white);border-radius:999px;background:color-mix(in srgb,var(--cat-tint) 62%,white);color:var(--cat-tone);font-size:10px;font-weight:800;transition:background .2s ease,border-color .2s ease}
.scent-cats .cat-v19-link .a{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--cat-tone);color:#fff;font-size:13px;line-height:1;transition:transform .22s ease}
.scent-cats .cat.cat-v19-card:hover .cat-v19-symbol svg{transform:rotate(-7deg) scale(1.06)}
.scent-cats .cat.cat-v19-card:hover .cat-v19-link{border-color:color-mix(in srgb,var(--cat-tone) 48%,white);background:color-mix(in srgb,var(--cat-tint) 80%,white)}
.scent-cats .cat.cat-v19-card:hover .cat-v19-link .a{transform:translateX(-2px)}
.scent-cats .cat.cat-v19-card:hover .cat-v19-detail img{transform:translateY(-3px) scale(1.015)}
@media(max-width:900px){.scent-cats .cat.cat-v19-card{min-height:226px}.scent-cats .cat-v19-copy{inset-inline-start:16px;width:43%}.scent-cats .cat.cat-v19-card::after{left:53%}}
@media(max-width:600px){
  .scent-cats{gap:10px}
  .scent-cats .cat.cat-v19-card{min-height:194px;border-radius:19px}
  .scent-cats .cat-v19-detail{width:57%}
  .scent-cats .cat-v19-copy{inset-inline-start:10px;width:47%}
  .scent-cats .cat.cat-v19-card::after{left:51%;top:23%;bottom:23%}
  .scent-cats .cat-v19-top{gap:6px}
  .scent-cats .cat-v19-symbol{width:28px;height:28px}
  .scent-cats .cat-v19-symbol svg{width:16px;height:16px}
  .scent-cats .cat-v19-top h3{font-size:16px;line-height:1.4}
  .scent-cats .cat-v19-sub{margin-top:6px;font-size:10px}
  .scent-cats .cat-v19-link{min-width:88px;min-height:29px;margin-top:10px;font-size:9.5px}
  .scent-cats .cat-v19-link .a{width:21px;height:21px}
}
@media(max-width:380px){
  .scent-cats{gap:8px}
  .scent-cats .cat.cat-v19-card{min-height:184px;border-radius:17px}
  .scent-cats .cat-v19-copy{inset-inline-start:8px;width:49%}
  .scent-cats .cat.cat-v19-card::after{left:50%}
  .scent-cats .cat-v19-symbol{width:26px;height:26px}
  .scent-cats .cat-v19-top h3{font-size:14px}
  .scent-cats .cat-v19-link{min-width:80px;padding-inline:3px 7px}
}
@media(hover:none){.scent-cats .cat.cat-v19-card:hover{transform:none}.scent-cats .cat.cat-v19-card:hover .cat-v19-detail img,.scent-cats .cat.cat-v19-card:hover .cat-v19-symbol svg,.scent-cats .cat.cat-v19-card:hover .cat-v19-link .a{transform:none}}
@media(prefers-reduced-motion:reduce){.scent-cats .cat-v19-detail img,.scent-cats .cat-v19-symbol svg,.scent-cats .cat-v19-link .a{transition:none}}