/* Black, white and a warm off-white. No accent colour: a sale is a struck
   price, not a red sticker, which is how the shops this is modelled on do it
   and how the shop's own black-and-white wordmark reads.
   Taken from the reference rather than guessed: #ffffff, #faf9f7 and the
   logo's own #1a1a18. */
:root{
  --bg:#ffffff; --bg2:#faf9f7; --bg3:#ffffff; --panel:#f4f2ef;
  --text:#1a1a18; --muted:#6e6e6a; --line:#e6e3de;
  --ink:#000000; --on-ink:#ffffff;
  --radius:2px; --maxw:1320px;
}
/* The two fonts from the shop itself, not from Google (the owner, 30.10.2026 — PageSpeed: „Приложи т.2 и т.3“): Google's
   stylesheet on another server held the first paint of a phone ~0,7 s and swapped the fonts late (a computer's CLS).
   Cyrillic and Latin only, as Google cut them (public/fonts/, SIL Open Font License). */
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/playfair-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Playfair Display";font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/playfair-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/wix-400-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/wix-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/wix-500-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/wix-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/wix-600-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/wix-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/wix-700-cyrillic.woff2) format("woff2");unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
@font-face{font-family:"Wix Madefor Text";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/wix-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* While Wix Madefor Text loads, Arial sized to its width (measured on Cyrillic text: 102.5 %), so the lines break the
   same and nothing jumps when the font arrives (PageSpeed, 14.10.2026: CLS 0.55 on a computer — „Web font loaded“). */
@font-face{font-family:"Wix Fallback";src:local("Arial"),local("ArialMT"),local("Liberation Sans"),local("Helvetica");size-adjust:102.5%;ascent-override:98.4%;descent-override:24.6%;line-gap-override:0%}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--text);
  font:15px/1.6 "Wix Madefor Text","Wix Fallback","Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  min-height:100dvh;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 16px}
.ico{display:inline-block;width:22px;height:22px;flex:0 0 auto;line-height:0}
.ico svg{width:100%;height:100%;display:block}

/* The two bars above the header — "Тестова версия…" and "Безплатна доставка над 49,90 €" — are gone (the owner,
   27.09.2026: "махни тези две полета"); the free-delivery line stays in the basket and at the checkout. */

/* header */
.site-head{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:var(--pwa-h,0px);z-index:30}
/* Equal side columns, so the wordmark sits in the exact middle whatever is
   beside it. On a phone the profile and the language live in the drawer,
   and the right side is the basket alone. */
/* padding on all four sides: this rule outranks .wrap's, so the 16px gutter is repeated here */
/* On a phone the side groups take what they need (three icons left, two
   right) and the wordmark gets the rest at its full size, a few pixels off
   the exact middle; equal columns would squeeze it instead. */
.head-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:8px 16px}
.head-left{grid-column:1;grid-row:1;display:flex;align-items:center;margin-left:-8px}
.head-left .iconbtn,.head-actions .iconbtn{width:36px}
.logo{grid-column:2;grid-row:1;justify-self:center;min-width:0;max-width:100%}
.head-actions{grid-column:3;grid-row:1}
.head-actions .lang{display:none}
#searchToggle{position:absolute;opacity:0;pointer-events:none;width:0;height:0;font-size:16px}
/* A phone, as Douglas and Notino (the owner, 27.09.2026): the menu, the wordmark, the profile, the heart and the
   basket in the top row; the search always under them, the whole width, a filled bar with the camera inside. */
.search{grid-row:2;display:flex}
.head-left .search-open,.head-left .scan{display:none!important}
.search-open{cursor:pointer}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* a bigger wordmark (the owner, 27.09.2026: "увеличи логото"): 32px on a phone, as far as the icons beside it allow */
.logo img{height:32px;width:auto;max-width:100%;object-fit:contain;object-position:center}
@media (max-width:360px){.head-left .iconbtn,.head-actions .iconbtn{width:34px}.logo img{height:28px}}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  width:44px;height:44px;border:0;background:transparent;cursor:pointer;padding:0;border-radius:0}
.iconbtn:hover{text-decoration:none}
.cartbtn .ico,.wishbtn .ico{position:relative}
.wishbtn .lbl,.cartbtn .lbl{margin-left:8px}
.cart-n{position:absolute;top:-6px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--ink);color:var(--on-ink);
  font-size:10px;font-weight:700;line-height:17px;text-align:center;font-style:normal}
.head-actions{display:flex;align-items:center;gap:2px;justify-self:end}
.head-actions .lbl{display:none;font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.lang{font-size:12px;font-weight:600;letter-spacing:.08em;width:auto;padding:0 6px;color:var(--muted)}
.lang:hover{color:var(--text)}
.search{width:100%;grid-column:1/-1;padding:2px 0 8px;min-width:0}
.sbar{flex:1;min-width:0;display:flex;align-items:center;background:var(--bg2);border:1px solid transparent;border-radius:8px;padding:0 2px}
.sbar .s-go,.sbar .scan{padding-left:6px;padding-right:6px}
.sbar:focus-within{border-color:var(--ink);background:var(--bg)}
.sbar input:focus,.sbar input:focus-visible{outline:0;box-shadow:none}
/* 16px exactly: anything smaller and iOS Safari zooms the page on focus. */
.search input{
  flex:1;min-width:0;font-size:16px;padding:10px 4px;
  border:0;border-radius:0;
  background:transparent;color:var(--text);-webkit-appearance:none;appearance:none;
}
.search input::placeholder{color:var(--muted)}
.search button{font-size:16px;padding:9px 8px;border:0;
  background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center}
.search input::-webkit-search-cancel-button{margin-left:4px}
.search input.ph-measure::-webkit-search-cancel-button,.search input:placeholder-shown::-webkit-search-cancel-button{display:none}
/* Aura's pill in the field (the owner: "таб с логото на AI със звездичките и да пише Aura AI"), on a phone as on a
   desktop ("нека така да остане, само събери текста в търсачката" — the field's words shortened to fit beside it). */
.search .aura-pill{display:inline-flex;flex:none;align-items:center;gap:5px;margin:0 2px 0 4px;padding:4px 10px 4px 8px;border:1px solid #e6dccd;border-radius:999px;background:#fbf7f1;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--text);white-space:nowrap}
.search .aura-pill:hover{border-color:#7c3aed;background:#fff}
.search .aura-pill .ai-stars{flex:none}
.search{position:relative}
/* The products under the field as it is typed (src/search-suggest.js), phone and desktop alike. */
.sugg{position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--bg);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.14);margin-top:4px;overflow:hidden;max-height:min(70vh,560px);overflow-y:auto}
.sugg[hidden]{display:none}
.sugg .sg-i{display:flex;gap:12px;align-items:center;padding:9px 12px;text-decoration:none;color:var(--text);border-bottom:1px solid var(--line)}
.sugg .sg-i:hover,.sugg .sg-i.on{background:var(--bg2)}
.sugg .sg-img{flex:0 0 48px;width:48px;height:48px;object-fit:contain;background:#fff;border-radius:6px}
.sugg .sg-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.sugg .sg-b{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.sugg .sg-n{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sugg .sg-p{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.sugg .sg-now{font-size:14px;font-weight:700}.sugg .sg-now.sale{color:#c8102e}
.sugg .sg-old{font-size:12px;color:var(--muted)}
.sugg .sg-pct{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:#c8102e;border-radius:4px;padding:1px 5px}
.sugg .sg-out{font-style:normal;font-weight:600;font-size:11px;color:#b91c1c}
.sugg .sg-all{display:block;padding:11px 12px;text-align:center;font-weight:700;font-size:13px;letter-spacing:.04em;text-decoration:none;color:var(--text);background:var(--bg2)}
.sugg .sg-all:hover,.sugg .sg-all.on{background:var(--line)}
.sugg .sg-none{margin:0;padding:14px 12px;color:var(--muted);font-size:14px}
.sugg .spq{padding:6px 12px 12px}.sugg .spq-h{display:flex;align-items:center;justify-content:space-between;margin:10px 0 8px;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.sugg .spq-x{border:0;background:none;color:var(--muted);font:inherit;font-size:11.5px;text-transform:none;letter-spacing:0;text-decoration:underline;cursor:pointer;padding:0}
.sugg .spq-row{display:flex;flex-wrap:wrap;gap:8px}.sugg .spq-c{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:999px;font-size:14px;line-height:1.2;color:var(--text);text-decoration:none;background:var(--bg)}
.sugg .spq-c.spq-rec::before{content:"↺ ";color:var(--muted)}.sugg .spq-c:hover,.sugg .spq-c.on{border-color:var(--text);background:var(--bg2)}
@media (min-width:900px){.sugg{right:auto;width:max(100%,460px)}}

.ico-s{width:18px;height:18px}
/* The camera next to the magnifier, in the top row and again in the search
   row: a phone thing (the desktop hides the left group). shop.js shows it; the
   viewfinder (.sc-view) covers the screen with the live picture, a frame
   with four corners to aim by, and a line for what happened. It scans by
   itself; the buttons are close and the phone's own camera app. */
.search .scan{margin-left:2px}
.scan[hidden]{display:none!important}
/* While the viewfinder is open nothing sits on the camera: Aura's round button, its menu, chat, photo panel and bubble (z-index 2147483647) go. */
html.sc-on #ac-fab,html.sc-on #ac-ai-box,html.sc-on #ac-vision-box,html.sc-on .ac-proactive-bubble{display:none!important}
body:has(#drawer.open) .ac-proactive-bubble{display:none!important}
.sc-view{position:fixed;inset:0;z-index:1000;background:#000;color:#fff;display:flex;flex-direction:column;font-family:inherit}
.sc-view video{flex:1;width:100%;min-height:0;object-fit:cover;background:#000}
.sc-frame{position:absolute;left:8%;right:8%;top:22%;height:36%;pointer-events:none}
.sc-frame i{position:absolute;width:26px;height:26px;border:3px solid #fff;border-radius:2px}
.sc-frame i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}
.sc-frame i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}
.sc-frame i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}
.sc-frame i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}
.sc-frame:after{content:"";position:absolute;left:6%;right:6%;top:50%;height:2px;background:rgba(255,64,64,.85);animation:scLine 2.2s ease-in-out infinite}
@keyframes scLine{0%,100%{top:18%}50%{top:82%}}
.sc-res{position:absolute;left:0;right:0;bottom:0;max-height:78%;overflow:auto;background:#fff;color:#111;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));z-index:3;box-shadow:0 -10px 30px rgba(0,0,0,.35);text-align:left}
.sc-rx{position:absolute;top:10px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid #ddd;background:#fff;color:#111;font-size:18px;cursor:pointer;padding:0}
.sc-ok{margin:0 0 8px;display:inline-block;padding:6px 12px;border-radius:999px;background:#e9f7ee;color:#166534;font-weight:800;font-size:15px}
.sc-note{margin:0 0 10px;font-size:14px;color:#444;line-height:1.4}
.sc-card{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-top:1px solid #eee}
.sc-card img,.sc-noimg{width:76px;height:76px;object-fit:contain;border-radius:10px;background:#f6f5f2;display:flex;align-items:center;justify-content:center;font-size:30px}
.sc-ct{display:grid;gap:4px;min-width:0}.sc-ct b{font-size:15px;line-height:1.3}.sc-pr{font-size:17px;font-weight:800}.sc-pr s{color:#999;font-weight:400;font-size:14px}
.sc-cb{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.sc-add{background:#111;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;font-size:14px;cursor:pointer}
.sc-see{display:inline-flex;align-items:center;padding:10px 14px;border:1px solid #111;border-radius:10px;color:#111;font-weight:700;font-size:14px;text-decoration:none}
.sc-all{display:block;margin:8px 0 0;font-weight:700;color:#111}.sc-again{display:block;width:100%;margin:12px 0 0;padding:12px;border-radius:12px;border:1px solid #ddd;background:#f6f5f2;color:#111;font-weight:700;font-size:15px;cursor:pointer}
.sc-aura{display:block;margin:0 auto 12px;padding:10px 18px;border-radius:999px;border:0;background:#fff;color:#111;font-weight:800;font-size:15px;cursor:pointer}
.sc-bar{padding:14px 16px calc(18px + env(safe-area-inset-bottom));background:#000;text-align:center}
.sc-msg{min-height:20px;font-size:14px;line-height:1.4;margin:0 0 12px;color:#ddd}
.sc-msg.err{color:#ff9c9c}
.sc-btns{display:flex;align-items:center;justify-content:center;gap:56px}
.sc-x,.sc-pick{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.sc-x .ico,.sc-pick .ico{width:22px;height:22px}
.nav{display:none}
@media (min-width:900px){
  /* search | logo | actions — placed by column, not by source order, because
     the menu button (first in the source) is gone at this width. Equal side
     columns keep the wordmark in the exact middle. */
  .head-row{grid-template-columns:1fr auto 1fr;gap:24px;padding:16px 16px}
  .search{grid-column:1;grid-row:1;padding:0;display:flex;max-width:360px;justify-self:start}
  .sbar,.sbar:focus-within{background:transparent;border:0;border-radius:0;padding:0;border-bottom:1px solid var(--text)}
  /* a mouse does not zoom on focus, so the desktop field can be quieter than 16px */
  .search input{font-size:14px;padding:6px 0}
  .search button{font-size:14px;padding:6px 8px}
  .search .s-go{order:3}
  .search .scan{display:none}
  .sbar .aura-pill{order:2;margin:0 4px;padding:4px 11px 4px 9px;gap:6px}
  .logo{grid-column:2;grid-row:1;justify-self:center}
  .logo img{height:58px}
  .head-left{display:none}
  .head-actions{grid-column:3;grid-row:1;gap:14px;margin:0;justify-self:end}
  .head-actions .lang{display:inline-flex}
  .head-actions .iconbtn{width:auto;padding:0 4px}
  .head-actions .lbl{display:inline}
  .nav{display:block;border-bottom:1px solid var(--line);background:var(--bg)}
  .nav>.wrap>ul{display:flex;list-style:none;margin:0;padding:0;justify-content:center;flex-wrap:wrap}
  .nav>.wrap>ul>li{position:relative}
  .nav a.top{color:var(--text)}
  .nav a.top:hover,.nav a.top[aria-current="page"]{text-decoration:none}
  .nav .sub{display:none;position:absolute;left:0;top:100%;min-width:260px;background:var(--bg);
    border:1px solid var(--line);list-style:none;margin:0;padding:8px 0;z-index:40;box-shadow:0 12px 30px rgba(0,0,0,.08)}
  .nav li:hover>.sub,.nav li:focus-within>.sub{display:block}
  /* the last two tabs open their list to the left, or it runs off the page */
  .nav>.wrap>ul>li:nth-last-child(-n+2)>.sub{left:auto;right:0}
  .nav>.wrap>ul>li:first-child>.sub{left:0;right:auto}
  .nav .sub a{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:13px}
  .nav .sub a:hover{background:var(--bg2);text-decoration:none}
  .nav .sub .ico{width:18px;height:18px;color:var(--muted)}
}
/* The desktop menu: eight departments in one row and their wide menus (src/mega-menu.js). */

@media (min-width:900px){
  .nav{position:relative}
  .nav>.wrap>ul{display:flex;flex-wrap:nowrap;justify-content:center;gap:0;padding:0}
  .nav>.wrap>ul>li.mm-li{position:static}
  .nav a.top{display:block;padding:13px 12px 12px;font-size:13.5px;line-height:1.4;letter-spacing:.01em;white-space:nowrap;border-bottom:2px solid transparent}
  .nav li:hover>a.top,.nav li:focus-within>a.top,.nav a.top[aria-current]{border-bottom-color:var(--ink)}
  .nav a.mm-offers{color:#c8102e}.nav a.mm-offers:hover{border-bottom-color:#c8102e}
  /* 9 sections since Четки и гребени stood on their own (25.10.2026): closer together on a narrow computer, still one row. */
  @media (max-width:1079px){.nav a.top{padding:13px 8px 12px}}
  @media (min-width:1280px){.nav a.top{padding:14px 18px 13px;font-size:14.5px}}
  @media (min-width:1440px){.nav a.top{padding:14px 22px 13px;font-size:15px;letter-spacing:.02em}}
  /* The panel: shown after the cursor rests a moment (a passing cursor opens nothing), at once on keyboard focus. */
  .mm{position:absolute;left:0;right:0;top:100%;z-index:60;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 22px 40px rgba(0,0,0,.09);
    visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility 0s linear .15s;max-height:calc(100vh - 150px);overflow-y:auto}
  .nav li.mm-li:hover>.mm{visibility:visible;opacity:1;transform:none;transition-delay:.18s,.18s,.18s}
  .nav li.mm-li:focus-within>.mm{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  @media (prefers-reduced-motion:reduce){.mm{transition:none}.nav li.mm-li:hover>.mm{transition-delay:0s}}
  .mm-in{max-width:var(--maxw);margin:0 auto;padding:26px 16px 30px;display:grid;grid-template-columns:190px minmax(0,1fr) 230px;gap:36px;text-align:left}
  .mm-in:not(:has(.mm-brands)){grid-template-columns:190px minmax(0,1fr)}
  .mm-k{margin:0 0 12px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .mm ul{list-style:none;margin:0;padding:0}
  .mm a{color:var(--text);text-decoration:none}
  .mm-disc{border-right:1px solid var(--line);padding-right:24px}
  .mm-disc li a{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:14px;font-weight:600}
  .mm-disc li a:hover{text-decoration:underline}
  .mm-disc .ico,.mm-col .ico{width:18px;height:18px;flex:0 0 auto;color:var(--muted);display:inline-flex}
  .mm-disc .ico svg,.mm-col .ico svg{width:100%;height:100%}
  .mm-red{color:#c8102e!important}.mm-red .ico{color:#c8102e!important}
  .mm-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:22px 30px;align-content:start}
  .mm-cats>.mm-k,.mm-cats>.mm-logos-wide,.mm-cats>.mm-more{grid-column:1/-1}
  .mm-h{display:block;margin:0 0 8px;font-size:14px;font-weight:700;line-height:1.35}
  a.mm-h:hover{text-decoration:underline}
  .mm-bare .mm-h{margin:0 0 12px}
  .mm-col li a{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:13.5px;line-height:1.35;color:var(--text)}
  .mm-col li a:hover{color:var(--ink);text-decoration:underline}
  .mm-col li a.mm-all{font-weight:600;color:var(--muted)}
  .mm-brands{border-left:1px solid var(--line);padding-left:24px}
  .mm-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
  .mm-logos-wide{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
  .mm-logos a{display:flex;align-items:center;justify-content:center;height:56px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .15s,box-shadow .15s}
  .mm-logos a:hover{border-color:var(--ink);box-shadow:0 4px 12px rgba(0,0,0,.06)}
  .mm-logos li,.mm-brands,.mm-cats{min-width:0}
  .mm-logos .blogo{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;background:none}
  .mm-logos img{width:auto;height:auto;max-width:100%;max-height:40px;object-fit:contain}
  .mm-logos .txt{font-size:12px;font-weight:700;text-align:center}
  /* „Най-продавани": the rest of the last row, its cards sliding sideways by the arrows and the dots. */
  .mm-best{min-width:0;align-self:start}
  .mm-best[hidden]{display:none}
  .mm-best-track{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;outline:0}
  .mm-best-track::-webkit-scrollbar{display:none}
  .mm-bc{display:flex;flex-direction:column;gap:5px;scroll-snap-align:start;font-size:13px;line-height:1.35;color:var(--text);min-width:0}
  .mm-bc:hover .mm-bc-n{text-decoration:underline}
  .mm-bc-i{display:block;aspect-ratio:1;border:1px solid var(--line);border-radius:12px;background:#fff;position:relative;overflow:hidden}
  .mm-bc-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:8px}
  .mm-bc-r{position:absolute;top:6px;left:6px;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ink);color:var(--on-ink);font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}
  .mm-bc-b{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .mm-bc-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mm-bc-p{font-weight:700;font-size:13.5px}.mm-bc-p s{font-weight:400;color:var(--muted);margin-left:5px;font-size:12px}
  .mm-best-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}
  .mm-best-nav button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--bg);font-size:20px;line-height:1;cursor:pointer;color:var(--text)}
  .mm-best-nav button:hover:not([disabled]){border-color:var(--ink)}.mm-best-nav button[disabled]{opacity:.3;cursor:default}
  .mm-best-dots{display:flex;gap:7px}.mm-best-dots i{width:8px;height:8px;border-radius:50%;background:#d9d5ce;cursor:pointer}.mm-best-dots i.on{background:var(--ink)}
  .mm-more{display:inline-block;margin-top:12px;font-size:13.5px;font-weight:600}
  .mm-more:hover{text-decoration:underline}
}

/* a narrow desktop: the bigger wordmark and the search both fit when the profile, heart and basket are icons only */
@media (min-width:900px) and (max-width:1199px){.head-actions .lbl{display:none}.head-actions{gap:8px}.logo img{height:50px}}
/* A computer, as Златна рибка's (the owner, 10.10.2026: „логото да отиде в ляво а в средата да е търсачката както е сега
   но да е по широка на десктоп“; „страницата на компютъра да е от край до край“): the wordmark on the left, a wide search
   in a box in the middle, the actions on the right; the page from edge to edge; the menu not spread — a little larger,
   a little apart. The home page's banner keeps its own width (it is edge to edge already). */
@media (min-width:900px){
  .head-row{grid-template-columns:auto minmax(0,1fr) auto;gap:28px;padding:14px 16px}
  .logo{grid-column:1;justify-self:start}
  .search{grid-column:2;justify-self:center;width:100%;max-width:760px}
  .sbar,.sbar:focus-within{border:1px solid #cfcac2;border-radius:4px;padding:0 4px 0 14px;background:var(--bg)}
  .sbar:focus-within{border-color:var(--text)}
  .search input{font-size:15px;padding:11px 0}
  .head-actions{grid-column:3}
}
@media (min-width:900px) and (max-width:1199px){.logo img{height:40px}.head-row{gap:18px}}
@media (min-width:1200px){
  .wrap{max-width:none;padding-left:clamp(24px,3vw,56px);padding-right:clamp(24px,3vw,56px)}
  .logo img{height:52px}
}
/* the menu a little larger and apart, where the eight fit in one row */
@media (min-width:1440px){.nav a.top{padding:15px 24px 14px;font-size:15.5px;letter-spacing:.02em}}
@media (min-width:1680px){.nav a.top{padding:15px 30px 14px;font-size:16px}}

/* ЗАКЛЮЧЕНО (26.09.2026): дизайнът на сандвич менюто е одобрен от собственика.
   Не се променя без негова изрична молба; tools/test-drawer.mjs пази хеш на
   този CSS блок, на navMarkup, на маркъпа aside.drawer и на скрипта и пада
   при всяка промяна — при поискана от собственика промяна се обновява там. */
/* drawer — laid out the way the big beauty shops lay theirs: a home
   icon, the language and the × on top; two buttons (sign in / register, or
   the profile / sign out); then a large serif heading for every world
   (brands, the season, hits, hair, face, body…) with its categories under
   it, open from the start, each with its icon — and a chevron only on a
   row that opens a panel, never on a link; a thin line between the worlds. */
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:opacity .2s;z-index:50}
.scrim.open{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;left:0;bottom:0;width:min(88vw,400px);background:var(--bg);z-index:60;
  transform:translateX(-102%);transition:transform .25s ease;display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden}
/* The head and the buttons stay put; the list scrolls under them, and a
   category's panel slides in over the list from the left (the way the big
   beauty shops do it) — the list keeps its place underneath. */
.dr-body{position:relative;flex:1;min-height:0;overflow:hidden}
.dr-list{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}
.drawer.open{transform:none}
.dr-head{display:flex;align-items:center;gap:2px;padding:6px 6px 6px 8px;border-bottom:1px solid var(--line)}
.dr-head .home{color:var(--text)}
.dr-head .home .ico{width:24px;height:24px}
/* beside the house, the heart and the basket as up top, with their counts (the owner, 27.09.2026) */
.dr-head .dr-ic{color:var(--text);width:42px}.dr-head .dr-ic .ico{position:relative;width:22px;height:22px}
.dr-head .mid{display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin-left:auto;min-height:44px;padding:0 10px}
.dr-head .mid .ico{width:20px;height:20px}
.dr-head a:hover{text-decoration:none}
.dr-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px 16px 18px;border-bottom:1px solid var(--line)}
.dr-auth a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 10px;border:1px solid var(--ink);border-radius:var(--radius);
  color:var(--ink);font-size:14px;font-weight:600;letter-spacing:.02em;line-height:1.2;text-align:center;min-width:0}
.dr-auth a span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dr-auth a.fill{background:var(--ink);color:var(--on-ink)}
.dr-auth a:hover{text-decoration:none}
/* A guest's page may come from the cache, so which pair shows is decided
   by body.is-user — set here when the server knows, and by shop.js after
   /api/me either way. */
.dr-auth .me,body.is-user .dr-auth .guest{display:none}
body.is-user .dr-auth .me{display:flex}
.drawer ul{list-style:none;margin:0;padding:0}
.dr-g{border-bottom:1px solid var(--line);padding:6px 0 12px}
.dr-h{display:flex;align-items:center;gap:12px;margin:0;padding:20px 16px 10px;color:var(--text);
  font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:.01em}
.dr-g>ul{display:block}
.dr-row{display:flex;align-items:center}
.dr-row a,.dr-row .dr-sub{flex:1;display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:15px;min-height:46px;line-height:1.3;min-width:0;
  border:0;background:transparent;color:var(--text);font-family:inherit;text-align:left;cursor:pointer;width:100%}
.dr-row a:hover{text-decoration:none}
.dr-row .ico{width:22px;height:22px;color:var(--text)}
.dr-row .chev{margin-left:auto;width:18px;height:18px;color:var(--text)}
.dr-row a.all{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
/* The panel of one category: it takes the place of the list (the head and
   the buttons stay), slides in from the right, and the back arrow puts the
   list back where it was. */
.dr-panel{position:absolute;inset:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg);z-index:2;
  transform:translateX(-100%);visibility:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s .3s}
.dr-panel.on{transform:none;visibility:visible;transition:transform .3s cubic-bezier(.4,0,.2,1),visibility 0s}
@media (prefers-reduced-motion:reduce){.dr-panel,.dr-panel.on{transition:none}}
.dr-back{display:flex;align-items:center;gap:10px;width:100%;margin:0;padding:22px 16px 14px;border:0;background:transparent;color:var(--text);
  font:inherit;font-size:22px;font-weight:700;line-height:1.25;text-align:left;cursor:pointer}
.dr-back .ico{width:24px;height:24px;flex:0 0 auto}
.dr-panel>ul{padding:0 0 12px}
/* The brand list is part of the drawer's own scroll — never a box that
   scrolls by itself, which would trap the thumb until it hits the bottom.
   Five brands are in the HTML, "more" fetches the rest (shop.js, /api/brands). */
.drawer .dr-blist{display:block}
.dr-blist .dr-row a{gap:12px;padding:8px 16px;min-height:44px}
.dr-blist .blogo.sm{width:56px;height:28px;flex:0 0 auto}
.dr-blist .wait{padding:10px 16px;font-size:12px;color:var(--muted)}
.dr-more-brands{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:0;background:transparent;font:inherit;font-size:14px;
  font-weight:600;color:var(--text);cursor:pointer;text-align:left}
.dr-more-brands .chev{width:18px;height:18px;margin-left:auto}
/* The letters under „Всички марки" (the owner, 10.10.2026): one tap shows only that letter's brands, a second tap (or
   „Всички") all of them; the row stays at the top while the list scrolls under it. */
.dr-az{position:sticky;top:0;z-index:2;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 0 10px}
.dr-az[hidden]{display:none}
.dr-az-row{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px}
.dr-az button{flex:0 0 auto;min-width:38px;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text);
  font:inherit;font-size:15px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s,border-color .15s,color .15s}
.dr-az button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.dr-az .az-all{padding:0 14px;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.dr-blist li.az-off{display:none}
.dr-az-none{padding:14px 16px;color:var(--muted);font-size:14px}
/* The departments (the owner, 01.10.2026, as the desktop bar): „Открий" as chips, the departments as large rows, each
   department's panel with its categories opening in place to their sub-categories, and the top brands. */
.dr-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 4px}
.dr-chip{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg2);color:var(--text);font-size:14px;font-weight:600}
.dr-chip .ico{width:18px;height:18px}.dr-chip:hover{text-decoration:none;border-color:var(--ink)}
.dr-chip.red{color:#c8102e;border-color:#f3c6cd;background:#fff5f6}
.dr-deps{padding:4px 0 8px}
.dr-row .dr-dep{font-size:17px;font-weight:600;min-height:56px}
.dr-row .dep-i{width:40px;height:40px;padding:9px;border-radius:50%;box-sizing:border-box;flex:0 0 auto;color:var(--text);background:var(--bg2)}
.dep-brands{background:#f5f5f4!important}.dep-dye{background:#fdf2f8!important;color:#9d174d!important}.dep-hair{background:#eff6ff!important;color:#1d4ed8!important}
.dep-style{background:#f5f3ff!important;color:#6d28d9!important}.dep-face{background:#fff7ed!important;color:#c2410c!important}.dep-natural{background:#f0fdf4!important;color:#15803d!important}
.dep-sets{background:#fefce8!important;color:#a16207!important}.dep-offers{background:#fff1f2!important;color:#c8102e!important}
.dep-kosa{background:#eff6ff!important;color:#1d4ed8!important}.dep-boya{background:#fdf2f8!important;color:#9d174d!important}.dep-uredi{background:#f5f3ff!important;color:#6d28d9!important}.dep-litse{background:#fff7ed!important;color:#c2410c!important}
.dep-grim{background:#fdf4ff!important;color:#a21caf!important}.dep-tyalo{background:#ecfeff!important;color:#0e7490!important}.dep-nokti{background:#fff1f2!important;color:#be123c!important}.dep-komplekti{background:#fefce8!important;color:#a16207!important}.dep-more{background:#f0fdf4!important;color:#15803d!important}
.dr-panel .dr-row .ico:first-child{width:30px;height:30px;padding:6px;border-radius:50%;background:var(--bg2);box-sizing:border-box;flex:0 0 auto}
.dr-panel .dr-blist .dr-row a{gap:12px}
.dr-row a.dr-offers{font-size:17px;font-weight:600;min-height:56px;color:#c8102e}
.dr-tb{padding:10px 16px 22px;border-top:1px solid var(--line)}
.dr-k{margin:6px 0 10px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:600}
.dr-tb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dr-tb-row a{display:flex;align-items:center;justify-content:center;height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:4px}
.dr-tb-row .blogo.sm{width:100%;height:100%;border:0;background:none;margin:0}
/* „Наскоро разгледани" in the drawer: a row that slides sideways, small pictures, the name in two lines, the price. */
.dr-seen-row{display:grid;grid-auto-flow:column;grid-auto-columns:112px;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 16px 8px;
  scroll-snap-type:x proximity;scroll-padding:0 16px;-webkit-overflow-scrolling:touch}
.dr-seen-row::-webkit-scrollbar{display:none}
.dr-seen-row .seen-it{display:flex;flex-direction:column;gap:6px;color:var(--text);font-size:12px;line-height:1.35;scroll-snap-align:start;min-width:0}
.dr-seen-row .seen-it:hover{text-decoration:none}
.dr-seen-row .seen-it img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px}
.dr-seen-row .seen-it img.seen-none{padding:30% 14%;opacity:.55}
.dr-seen-row .seen-it span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dr-seen-row .seen-it b{font-size:13px}
.dr-seen .strip-nav{margin:2px 0 0}
/* On a phone only (the owner, 01.10.2026: „само на мобилна, на десктоп не") — a desktop has no menu button anyway. */
@media (min-width:900px){.dr-seen{display:none!important}}
.dr-more{padding:8px 0 14px}
.dr-more-ttl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:12px 16px 4px}
.dr-more a{display:flex;align-items:center;gap:14px;padding:11px 16px;font-size:15px;min-height:46px;line-height:1.3}
.dr-more a:hover{text-decoration:none;background:var(--bg2)}
.dr-more .ico{width:22px;height:22px;color:var(--text)}
.dr-more small{color:var(--muted);font-size:12px}

/* sign-in dialog */
.auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:none;align-items:flex-end;justify-content:center;z-index:70;
  padding:0}
.auth-overlay.open{display:flex}
.auth{background:var(--bg);width:100%;max-width:440px;padding:22px 20px calc(22px + env(safe-area-inset-bottom));position:relative}
@media (min-width:600px){.auth-overlay{align-items:center;padding:16px}.auth{padding:30px 30px 28px}}
.auth h2{margin:0 34px 4px 0;font-size:18px;letter-spacing:.04em}
.auth .sub{margin:0 0 18px;color:var(--muted);font-size:13px}
.auth label{display:block;font-size:12px;color:var(--muted);margin:0 0 5px;letter-spacing:.04em;text-transform:uppercase}
.auth input{width:100%;font-size:16px;padding:12px 12px;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--text);-webkit-appearance:none;appearance:none}
.auth input:focus{outline:none;border-color:var(--ink)}
.auth .btn{width:100%;margin-top:12px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:14px;border:0;border-radius:0;background:var(--ink);color:var(--on-ink);cursor:pointer}
.auth .btn[disabled]{opacity:.5;cursor:wait}
.auth .link{background:none;border:0;padding:0;margin:14px 0 0;color:var(--muted);font-size:13px;cursor:pointer;text-decoration:underline}
.auth .or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0 14px;text-transform:uppercase;letter-spacing:.1em}
.auth .or:before,.auth .or:after{content:"";flex:1;height:1px;background:var(--line)}
.auth .g{display:flex;justify-content:center;min-height:44px}
.auth .apple-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:300px;max-width:100%;height:44px;margin:10px auto 0;border:0;border-radius:4px;background:#000;color:#fff;font:500 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.auth .apple-btn:disabled{opacity:.6}
.auth .pk-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:300px;max-width:100%;height:44px;margin:10px auto 0;border:1px solid #1f1f1f;border-radius:4px;background:#fff;color:#1f1f1f;font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer}.auth .pk-btn:disabled{opacity:.6}
#authPkWrap.top{margin:0 0 6px}#authPkWrap.top .pk-btn{margin-top:0}
/* „Влизайте с Face ID“ — after a sign-in, once a device (public/shop.js pkOffer): a sheet from below on a phone, a card in the middle on a computer. */
.pk-sheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;background:rgba(17,17,17,.42);animation:pkFade .2s ease}
.pk-card{position:relative;width:100%;max-width:440px;background:var(--bg);border-radius:20px 20px 0 0;padding:28px 24px calc(22px + env(safe-area-inset-bottom));text-align:center;box-shadow:0 -10px 40px rgba(0,0,0,.18);animation:pkUp .28s cubic-bezier(.2,.8,.2,1)}
.pk-card:before{content:"";position:absolute;top:9px;left:50%;width:38px;height:4px;margin-left:-19px;border-radius:2px;background:var(--line)}
@media(min-width:700px){.pk-sheet{align-items:center}.pk-card{border-radius:18px;padding:34px 32px 26px;box-shadow:0 20px 60px rgba(0,0,0,.22)}.pk-card:before{display:none}}
.pk-ico{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:24px;background:var(--bg2);color:var(--ink);margin:4px 0 14px}
.pk-ico svg{width:52px;height:52px}
.pk-card h3{margin:0 0 6px;font-size:21px;line-height:1.25}
.pk-card .pk-sub{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.45}
.pk-pts{list-style:none;margin:0 auto 20px;padding:0;text-align:left;max-width:330px}
.pk-pts li{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.4;padding:5px 0}
.pk-pts li:before{content:"✓";flex:0 0 20px;height:20px;border-radius:50%;background:#e7f4ec;color:#1a7f45;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.pk-card .pk-yes{display:block;width:100%;min-height:52px;font-size:16px;font-weight:600;border:0;border-radius:12px;background:#111;color:#fff;cursor:pointer}.pk-card .pk-yes:disabled{opacity:.6}.pk-card .pk-yes:focus-visible{outline:3px solid #8ab4ff;outline-offset:2px}
.pk-card .pk-no{display:block;width:100%;margin-top:8px;padding:12px;background:none;border:0;color:var(--muted);font:inherit;font-size:15px;cursor:pointer}
.pk-card .pk-msg{margin:10px 0 0;font-size:13px;color:#b91c1c;min-height:0}
.pk-card.done .pk-ico{background:#e7f4ec;color:#1a7f45}
@keyframes pkUp{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@keyframes pkFade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.pk-sheet,.pk-card{animation:none}}
.auth .fb-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:300px;max-width:100%;height:44px;margin:10px auto 0;border-radius:4px;background:#1877f2;color:#fff;font:600 15px/1 Helvetica,Arial,sans-serif;text-decoration:none}.auth .fb-btn:hover{background:#166fe5}
.auth-msg{margin:12px 0 0;font-size:13px;color:var(--text);min-height:1.2em}
.auth-msg.ok{color:var(--muted)}
.auth .x{position:absolute;top:8px;right:8px}
.auth .code{letter-spacing:.35em;text-align:center;font-size:22px}

/* brand logos: one box, one size, wherever they appear. The picture is
   pinned to the box's four edges, not laid out as a flex item — a replaced
   element with a percentage width inside a flex box is sized by its own
   ratio in Chrome and spills out of a box that is not its shape. */
.blogo{display:flex;align-items:center;justify-content:center;position:relative;width:120px;height:60px;
  background:#fff;border:1px solid var(--line);overflow:hidden;flex:0 0 auto;min-width:0}
.blogo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.blogo .txt{font-size:12px;font-weight:600;text-align:center;padding:4px 6px;line-height:1.2;letter-spacing:.02em;
  flex:1 1 auto;min-width:0;overflow:hidden;overflow-wrap:anywhere;max-height:100%}
.blogo.sm{width:72px;height:36px}
.blogo.sm .txt{font-size:10px}
.blogo.lg{width:160px;height:80px}
.blogo.wall{width:100%;height:auto;aspect-ratio:2/1}
a:hover .blogo{border-color:var(--ink)}
/* the Brands tab in the bar */
.nav .sub.brands{min-width:0;padding:14px;display:none;grid-template-columns:repeat(3,120px);gap:10px}
.nav li:hover>.sub.brands,.nav li:focus-within>.sub.brands{display:grid}
.nav .sub.brands a{padding:0;display:block}
.nav .sub.brands a.all{grid-column:1/-1;padding:10px 4px 0;font-size:13px;text-align:center}

/* Arrows and dots under whatever scrolls sideways on a phone (shop.js stripNav):
   the product strips, the home page's category boxes, chips, tabs, the reviews. */
@media (max-width:899px){
  .strip-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 10px}
  .strip-nav button{width:40px;height:40px;border:0;background:transparent;font:inherit;font-size:26px;line-height:1;color:var(--text);cursor:pointer;padding:0}
  .strip-nav button[disabled]{opacity:.25}
  .strip-dots{display:flex;gap:8px;align-items:center}
  .strip-dots i{width:8px;height:8px;border-radius:50%;background:#d9d5ce;display:block;transition:background .15s}
  .strip-dots i.on{background:var(--ink)}
  .strip-nav.pages{margin:-6px 0 10px}.strip-nav.pages button{height:34px}
}
.crumbs{font-size:12px;color:var(--muted);padding:18px 0 4px}
.crumbs a{color:var(--muted)}
.crumbs .sep{padding:0 7px;opacity:.6}

h1{font-size:clamp(24px,3.2vw,32px);line-height:1.2;margin:10px 0 4px;font-weight:500;letter-spacing:.01em}
h2{font-size:clamp(18px,2.2vw,22px);margin:34px 0 14px;font-weight:600;letter-spacing:.01em}
/* Display headings in a serif, like the wordmark and like the reference. */
.display{font-family:"Playfair Display",Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.02em}
h3{font-size:15px;margin:18px 0 8px;font-weight:600}
.count{color:var(--muted);font-size:13px;margin:0 0 18px}

/* Hairlines are drawn by the cards, not by a coloured grid behind them: an
   unfilled last row must stay white, not show a beige field. */
.grid{display:grid;gap:1px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:1px 0 34px}
@media (min-width:600px){.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}
.card{background:var(--bg);display:flex;flex-direction:column;padding:0 0 16px;min-width:0;box-shadow:0 0 0 1px var(--line)}
.card{position:relative}
.card .ph{aspect-ratio:1;background:var(--bg2);position:relative;display:block}
.ph-acts{display:flex;gap:6px;z-index:2;position:relative}
.card .ph-acts{margin:-42px 8px 8px auto;width:max-content;justify-content:flex-end}
.heart,.cmp{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.heart.on{color:#e0143c;border-color:#e0143c}.heart.on svg{fill:#e0143c}
.cmp.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}
.heart:hover,.cmp:hover{border-color:var(--ink)}
.btn-f.again{background:#c8102e;border-color:#c8102e;color:#fff}
.buy.again{background:#c8102e}
.consent{position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(0,0,0,.12);padding:14px 16px calc(14px + env(safe-area-inset-bottom))}
.consent[hidden]{display:none}.consent-in{max-width:1100px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between}
.consent p{margin:0;font-size:14px;line-height:1.5;flex:1 1 380px}.consent p a{text-decoration:underline}
.consent-b{display:flex;gap:8px}.consent-b button{padding:10px 16px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:0}
.consent-b .btn-o{border:1px solid var(--ink);background:#fff;color:var(--text)}.consent-b .btn-f{border:1px solid var(--ink);background:var(--ink);color:var(--on-ink)}
.toast{position:fixed;left:50%;bottom:150px;transform:translateX(-50%);background:var(--ink);color:var(--on-ink);padding:10px 18px;border-radius:999px;font-size:14px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.2);opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;max-width:calc(100vw - 32px);box-sizing:border-box}
@media (max-width:600px){.toast{white-space:normal;width:max-content;text-align:center;line-height:1.35;border-radius:16px;padding:10px 16px}}
.toast.on{opacity:1}
.cmpbar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:41;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 16px;box-shadow:0 8px 28px rgba(0,0,0,.14);font-size:14px}
.cmpbar[hidden]{display:none}
.cmpbar .cb-items{display:flex;gap:6px;flex:1;min-width:0;overflow:hidden}
.cmpbar .cb-items span{display:inline-flex;align-items:center;gap:6px;background:var(--bg2);border-radius:999px;padding:4px 10px;font-size:12px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmpbar .cb-items span b{cursor:pointer;font-weight:400}
.cmpbar .cb-go{display:inline-flex;align-items:center;min-height:38px;padding:0 16px;background:var(--ink);color:var(--on-ink);border-radius:999px;font-weight:600;text-decoration:none;white-space:nowrap}
.cmpbar .cb-x{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;padding:6px}
@media(min-width:900px){.cmpbar{left:auto;right:24px;bottom:84px;min-width:360px;max-width:560px}}
body.has-cartbar .cmpbar{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 66px)}
@media(min-width:900px){body.has-cartbar .cmpbar{bottom:84px}}
/* With the assistant Aura on the page (its round button sits bottom right, 24px up,
   64px tall) the bars step up above it — the basket bar first, the compare bar over it. */
body.has-bot .cmpbar,body.has-bot .cartbar{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 88px)}
body.has-bot.has-cartbar .cmpbar{bottom:calc(max(12px,env(safe-area-inset-bottom)) + 154px)}
body.has-bot.has-cartbar{padding-bottom:166px}
@media(min-width:900px){body.has-bot .cmpbar,body.has-bot .cartbar{bottom:100px}body.has-bot.has-cartbar .cmpbar{bottom:166px}}
/* Absolute, so a tall source picture cannot stretch the square: every box on a row stays the same size. */
.card .ph-none{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center}.card .ph-none img{width:62%;height:auto;opacity:.5}.card .ph-none small{color:var(--muted,#8a8580);font-size:12px;line-height:1.3}.card .ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:14px;mix-blend-mode:multiply}
.card .body{padding:12px 12px 0;display:flex;flex-direction:column;gap:5px;flex:1}
.card .brand{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.card .size{font-size:12px;color:var(--muted);margin:-2px 0 4px}
.card .series-of{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:-2px 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .name{font-size:14px;line-height:1.4;margin:0;font-weight:400;overflow-wrap:anywhere}
.card a.name-link:hover{text-decoration:underline}
.card .price{margin-top:auto;padding-top:8px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
/* the app's own code's badge: only inside the app; a thin black line, small letters — activated, black */
.app10{display:none;align-items:center;justify-content:center;gap:0 6px;flex-wrap:wrap;width:100%;box-sizing:border-box;min-height:38px;padding:8px 10px;margin:0;
  border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--text);font:inherit;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  text-align:center;line-height:1.2;cursor:pointer}
.app10 b{font-weight:700}.app10 i{font-style:normal}
.card .app10{flex-direction:column;gap:2px;letter-spacing:.04em}.card .app10 i{display:none}.card .app10 b{font-size:11px;letter-spacing:.08em;text-decoration:underline;text-underline-offset:2px}.card .app10.on b{text-decoration:none}
@media (max-width:600px){.pd-info .app10{flex-direction:column;gap:2px;font-size:12px;letter-spacing:.06em;padding:10px}.pd-info .app10 i{display:none}.card .app10{padding:7px 4px}.card .app10 span{font-size:10.5px;letter-spacing:0}}.app10:hover{opacity:.88}.app10.on{background:var(--ink);color:var(--on-ink,#fff)}
.pd-info .app10{min-height:48px;padding:12px 18px;margin:12px 0 4px;font-size:13px;letter-spacing:.1em}
html.in-app .app10.ok{display:flex}
.card .now{font-size:15px;font-weight:700}
.card .now.sale,.pd-price .now.sale{color:#c8102e}
.card .was{font-size:13px;color:var(--muted);text-decoration:line-through}
/* A sale is a struck price and a quiet black tag, never a coloured sticker. */
/* TBI instalments are offered from 50 €: the bank's small mark on the picture says so. */
.tbi-badge{position:absolute;right:6px;top:6px;display:flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:5px;
  padding:3px 6px 3px 4px;line-height:1.1;z-index:1;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.tbi-badge img{position:static;width:34px;height:auto;display:block;padding:0;flex:0 0 auto}
.tbi-badge .tt{display:flex;flex-direction:column;text-align:left}
.tbi-badge .l{font-size:9px;color:var(--muted);text-transform:lowercase;letter-spacing:.02em}
.tbi-badge b{font-size:10px;color:#b45309;font-weight:700;white-space:nowrap}
@media(min-width:900px){.tbi-badge img{width:40px}.tbi-badge .l{font-size:10px}.tbi-badge b{font-size:11px}}
/* On a phone the mark is gathered — the logo and the monthly sum on one line — so it never covers „Ново“ or the −% tag
   on the left (the owner, 19.10.2026: „баджа на tbi закрива ново … малко го събери“). */
@media(max-width:899px){.tbi-badge{right:5px;top:5px;flex-direction:column;align-items:center;gap:1px;padding:3px 5px;border-radius:4px}
  .tbi-badge img{width:26px}.tbi-badge .l{display:none}.tbi-badge b{font-size:9.5px}}
/* The narrowest phones: under the left tags instead of beside them. */
@media(max-width:374px){.card:has(.badges) .tbi-badge{top:40px}}
.badge{position:absolute;top:10px;left:10px;background:#c8102e;color:#fff;
  font-size:10px;font-weight:700;letter-spacing:.1em;padding:4px 8px}
.badge.out{background:var(--bg);color:var(--muted);border:1px solid var(--line)}
/* „🔵 Кратък срок“ (src/short-expiry.js): an ordinary reduction, its window blue — the shop knows why, the customer does not. */
.badge.blue{background:#1d4ed8;color:#fff}
/* The card's stickers stack in the top-left corner (sale, sold out, new), so
   a new product on sale shows both and neither covers the other. */
.badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;align-items:flex-start;gap:4px;z-index:1}
.badges .badge{position:static}
/* "Препоръчан от" + the shop's mark: a small pill on the brand's line, right — search results only.
   Not "brand-row": the home page's featured brands use that name for their rows. */
.card-brand{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap;min-height:18px}
.card-brand .brand{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-brand .rec{flex:0 0 auto}
.rec{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:2px 4px 2px 8px;border:1px solid #ecd9d2;border-radius:999px;background:#fdf6f3;
  color:#8a4b3c;font-size:10px;font-weight:600;letter-spacing:.02em;line-height:1.3;white-space:nowrap}
.rec img{width:16px;height:16px;display:block}
@media (max-width:560px){.rec{font-size:9px;padding:1px 3px 1px 6px}.rec img{width:14px;height:14px}
  /* a phone's card is narrow: the brand whole on its line, the pill under it — not "BIOP…" beside it */
  .card-brand{flex-wrap:wrap;row-gap:4px}.card-brand .brand{flex:1 0 100%;white-space:normal;overflow:visible}.card-brand .rec{margin-left:0}}
.badge.new{background:#c8102e;color:#fff;text-transform:uppercase}
.oos{font-size:12px;color:var(--muted)}
/* Two buttons on every card: "see" outlined, "add" filled. A product with
   shades or sizes sends the customer to the page to choose. */

.stars{display:inline-flex;gap:1px;color:#e8a000;font-size:14px;line-height:1;font-style:normal}.stars i{font-style:normal;color:#d9d5ce}.stars i.on{color:#e8a000}.stars.none i{color:#d9d5ce}
.rate{display:flex;align-items:center;gap:6px;font-size:12px;margin:2px 0 4px}.rate b{font-weight:700}
.rating{margin:6px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:14px}.rating .rate-link{display:inline-flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.rating .rate-link:hover{text-decoration:underline}.rating .rv-open{text-decoration:underline}
.rv-avg{display:flex;align-items:center;gap:8px;font-size:16px;margin:0 0 6px}.rv-avg .stars{font-size:18px}
.rv-empty{margin:0 0 8px}
.rv-more{margin:34px 0 10px;padding:26px 0 0;border-top:1px solid var(--line)}.rv-more-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin:0 0 14px}.rv-more-h h2{margin:0}
.rv-more-avg{display:flex;align-items:center;gap:8px}.rv-more-avg b{font-size:18px}.rv-more-act{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:16px 0 0}
.rv-more-act .btn-o,.rv-more-act .btn-f{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.rv-more-act .btn-o{border:1px solid var(--ink);color:var(--text)}.rv-more-act .btn-f{background:var(--ink);color:var(--on-ink,#fff)}.rv-more-pts{font-size:13px;color:var(--muted)}
.rv-pts{margin:18px 0 0;padding:22px 22px 18px;border:1px solid #000;background:#fff;color:#000;max-width:560px;text-align:center}.rv-pts>small{display:block;color:#6b6b6b;font-size:12px;line-height:1.6;letter-spacing:.02em}
.rv-pts-k{display:block;font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;margin:0 0 10px}.rv-pts>b{display:block;font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:21px;line-height:1.3;margin:0 0 14px}
.rv-pts ol{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.rv-pts li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 6px;font-size:10.5px;line-height:1.45;letter-spacing:.14em;text-transform:uppercase}.rv-pts li+li{border-left:1px solid #e5e5e5}
.rv-pts li i{order:-1;font-style:normal;font-family:"Playfair Display",Georgia,serif;font-size:28px;line-height:1;letter-spacing:0;text-transform:none}
.rv-meter{display:flex;align-items:center;gap:14px;margin:14px 0 0;padding:12px 14px;border:1px solid #000;background:#fff;font-size:12px;letter-spacing:.04em}.rv-meter b{font-family:"Playfair Display",Georgia,serif;font-weight:400;font-size:26px;line-height:1;min-width:46px;color:#000}.rv-meter span{color:#6b6b6b}.rv-meter>div{flex:1}
.rv-steps{display:flex;gap:4px;margin:8px 0 0}.rv-steps i{flex:1;height:2px;background:#e5e5e5}.rv-steps i.on{background:#000}
.rv-form-wrap{margin:14px 0 0}.rv-form-wrap .rv-start{font:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}
.rv-form{border:1px solid var(--line);padding:16px;margin:12px 0 0;max-width:560px}.rv-form h3{margin:0 0 8px;font-size:16px}
.rv-pick{display:flex;gap:4px;margin:0 0 10px}.rv-pick button{font:inherit;font-size:28px;line-height:1;background:none;border:0;color:#d9d5ce;cursor:pointer;padding:2px}.rv-pick button.on{color:#e8a000}
.rv-form textarea{width:100%;min-height:96px;font:inherit;font-size:15px;padding:10px;border:1px solid var(--line);box-sizing:border-box}
.rv-form .rv-submit{margin:10px 0 0;font:inherit;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:11px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer}.rv-form .rv-submit[disabled]{opacity:.6}
.rv-msg{margin:8px 0 0;font-size:14px}.rv-msg.ok{color:#0a7a3b;font-weight:600}.rv-msg.err{color:#c8102e}

.card .acts{display:grid;gap:6px;padding:12px 0 0}
.card .acts .btn-o,.card .acts .btn-f{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;font:inherit;font-size:12px;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-align:center;cursor:pointer;border-radius:0;text-decoration:none;line-height:1.2}
.card .acts .btn-o{border:1px solid var(--ink);background:#fff;color:var(--text)}
.card .acts .btn-f{border:1px solid var(--ink);background:var(--ink);color:var(--on-ink)}
.card .acts .btn-f.off{background:var(--bg2);border-color:var(--line);color:var(--muted);cursor:default}
.card .acts .btn-o:hover,.card .acts .btn-f:hover{text-decoration:none;opacity:.88}
/* − 1 + over the product page's „Добави в количката" (qtyStep, src/pages.js): „Количество", the pill, the sum for more than one. */
.qty-step{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;height:34px}
.qty-step button{width:34px;height:32px;border:0;background:transparent;font:inherit;font-size:17px;line-height:1;color:var(--text);cursor:pointer;border-radius:999px}
.qty-step button:hover{background:var(--bg2)}
.qty-step input{width:34px;height:32px;border:0;background:transparent;text-align:center;font:inherit;font-size:14px;color:var(--text);-moz-appearance:textfield;appearance:textfield;padding:0}
.qty-step input::-webkit-outer-spin-button,.qty-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.pd-qty{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:4px 0 12px}
.pd-qty-l{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pd-qty .qty-step{height:48px;border-color:#cfcac2}.pd-qty .qty-step button{width:48px;height:46px;font-size:20px}.pd-qty .qty-step input{width:46px;height:46px;font-size:17px;font-weight:600}
.pd-qty .qty-step button:disabled{opacity:.3;cursor:default;background:transparent}
.pd-qty-sum{font-size:14px;color:var(--muted)}.pd-qty-sum b{color:var(--text);font-size:16px}
/* A promo code shown on the product (src/discounts.js showcaseFor, shop.js pcScan): a green box above „Виж продукта",
   a line under the product's price, and a small window — „Активирай", what it is for, until when, time left. */
.pcode-box,.pcode-line{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;border:1px solid #bfe3c9;background:#f0f9f3;color:#14632f;border-radius:8px;padding:7px 10px;font-size:12px;line-height:1.3}
.pcode-box{margin:10px 0 0;flex-direction:column;justify-content:center;text-align:center;gap:4px}   /* centred (the owner, 01.10.2026) */
.pcode-line{margin:10px 0 4px;font-size:14px;padding:9px 12px}
.pcode-tag b{letter-spacing:.06em}
.pcode-box.on,.pcode-line.on{background:#e1f4e7;border-color:#2e9a57}
.pcode-see{background:none;border:0;padding:2px 0;font:inherit;font-weight:600;color:#14632f;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.pcode-with{flex-basis:100%;margin:2px 0 0;color:#14632f}.pcode-with b{font-size:16px}
.pcode-with[hidden]{display:none}
.pcs-bg{position:fixed;inset:0;z-index:79;background:rgba(20,20,18,.32)}
.pcs{position:fixed;z-index:80;left:50%;bottom:12px;transform:translateX(-50%);width:min(420px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto;
  background:#fff;color:var(--text);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.22);padding:18px 18px 12px;animation:pcsUp .28s ease-out}
@keyframes pcsUp{from{transform:translate(-50%,24px);opacity:0}to{transform:translateX(-50%);opacity:1}}
@media (prefers-reduced-motion:reduce){.pcs{animation:none}}
.pcs[hidden],.pcs-bg[hidden]{display:none}
.pcs-x{position:absolute;top:6px;right:8px;width:36px;height:36px;border:0;background:none;font-size:24px;line-height:1;color:var(--muted);cursor:pointer}
.pcs-k{margin:0 0 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#14632f;font-weight:600}
.pcs-h{margin:0 32px 12px 0;font-size:18px;line-height:1.3;font-weight:600}
.pcs-code{border:2px dashed #2e9a57;background:#f3fbf5;color:#14632f;border-radius:10px;padding:10px;text-align:center;font-size:20px;font-weight:700;letter-spacing:.14em;user-select:all;-webkit-user-select:all}
.pcs-go{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin:10px 0 4px;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);font:inherit;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:10px;transition:background .2s,border-color .2s}
.pcs-go.on{background:#2e9a57;border-color:#2e9a57;color:#fff;cursor:default}
.pcs-more dl{margin:10px 0 0}.pcs-more dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.pcs-more dd{margin:2px 0 10px;font-size:14px;line-height:1.45}.pcs-more ul{margin:0;padding-left:18px}
.pcs-left{font-weight:600;color:#14632f;font-variant-numeric:tabular-nums}
.pcs:not(.full) .pcs-more,.pcs.full .pcs-info{display:none}
.pcs-leftrow[hidden],.pcs-more div[hidden]{display:none}
@media(max-width:560px){body:has(.pcs:not([hidden])) #ac-fab,body:has(.pcs:not([hidden])) .ac-proactive-bubble{display:none!important}}   /* Aura's button waits under the window on a phone */
/* Never over the sign-in window, the fingerprint offer or the cookie banner: hidden under them until they are gone
   (the owner, 04.10.2026: „Аура излиза отгоре тук и над съобщението за бисквитки" — „Скрий я отдолу"). */
body:has(.auth-overlay.open) #ac-fab,body:has(.auth-overlay.open) .ac-fab,body:has(.auth-overlay.open) .ac-proactive-bubble,
body:has(#consent:not([hidden])) #ac-fab,body:has(#consent:not([hidden])) .ac-fab,body:has(#consent:not([hidden])) .ac-proactive-bubble,
body:has(#pkOffer) #ac-fab,body:has(#pkOffer) .ac-fab,body:has(#pkOffer) .ac-proactive-bubble,
body:has(#credential_picker_container) #ac-fab,body:has(#credential_picker_container) .ac-fab,body:has(#credential_picker_container) .ac-proactive-bubble{display:none!important}   /* Google One Tap's own sheet (its id) */
.pcs-foot{display:flex;justify-content:space-between;gap:10px;margin-top:4px}
.pcs-foot .lnk{background:none;border:0;padding:6px 0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.card .acts .btn-f.done{background:#15803d;border-color:#15803d}
.card .acts .btn-f.again{background:#c8102e;border-color:#c8102e;color:#fff}.card .acts .btn-f.again:hover{background:#a50d26;border-color:#a50d26}
/* "Added to your basket": a black header with the product's name, the
   product on the left, the basket on the right, the free-delivery line
   underneath. A sheet at the bottom of a phone, a card on a desktop. */
.added-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80;display:flex;align-items:flex-end;justify-content:center;padding:0}
.added-overlay[hidden]{display:none}
.added{position:relative;background:#fff;width:100%;max-width:760px;animation:added-in .22s ease-out;box-shadow:0 -8px 30px rgba(0,0,0,.14)}
@keyframes added-in{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@media(min-width:700px){.added-overlay{align-items:center;padding:16px}}
.added-h{display:flex;align-items:center;gap:12px;background:var(--ink);color:var(--on-ink);padding:14px 52px 14px 18px;position:relative}
.added-h h2{margin:0;font-size:15px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}
.added-h .tick{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex:0 0 auto}
.added-x{position:absolute;top:6px;right:6px;width:40px;height:40px;border:0;background:transparent;font-size:28px;line-height:1;color:#fff;cursor:pointer}
.added-body{display:grid;gap:0}
@media(min-width:700px){.added-body{grid-template-columns:1fr 1fr}.added-item{border-right:1px solid var(--line)}}
.added-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;padding:18px 18px}
.added-more{grid-column:1/-1;margin:-6px 0 0;padding:0 0 4px 18px;list-style:none;font-size:13px;color:var(--muted)}.added-more li{margin:2px 0}
.added-item .pic{width:96px;height:96px;background:var(--bg2);position:relative;display:block;border:1px solid var(--line)}
.added-item .pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
.added-item .txt{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.35}
.added-item .txt>b{font-weight:600}
.added-item .opt,.added-item .q{font-size:12px;color:var(--muted)}
.added-item .q b{color:var(--text)}
.added-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:18px 18px;border-top:1px solid var(--line)}
@media(min-width:700px){.added-cart{border-top:0}}
.added-cart .have{font-size:14px}
.added-cart .mid{font-size:14px}.added-cart .mid b{font-size:16px}
.added-cart .btn-f{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;min-height:48px;margin-top:8px;padding:10px 16px;background:var(--ink);color:var(--on-ink);
  font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.added-cart .btn-f:hover{opacity:.9;text-decoration:none}
.added-cart .lnk{background:none;border:0;font:inherit;font-size:13px;color:var(--muted);text-decoration:underline;cursor:pointer;padding:6px}
.added-free{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;background:var(--bg2);border-top:1px solid var(--line);font-size:13px;text-align:center}
.added-free .ico{width:22px;height:22px;flex:0 0 auto}
.added-free b{font-weight:700}
.added-free [data-added-free-text]{flex:1;min-width:0;text-align:left;font-size:14px;line-height:1.4}
.fprog{display:block;height:8px;margin-top:8px;background:#e6e3de;border-radius:4px;overflow:hidden}
.fprog i{display:block;height:100%;background:var(--ink);border-radius:4px;transition:width .4s ease}
.fprog.ok i{background:#0a7a3b}
.added-free[hidden]{display:none}
/* The mini basket (a computer): the panel slides in from the right over a dimmed page. */
#miniCart{position:fixed;inset:var(--pwa-h,0px) 0 0 0;z-index:300}
/* The app's own script (PWA_BANNER_SRC) puts „Инсталирайте приложението" (#pwa-b) over everything at the top: while the
   phone's menu or the side basket is open it steps aside, else it covers their ✕ (the readiness check, 04.10.2026). The
   menu itself is as approved (test-drawer's lock); the side basket starts under the app's bar inside the app (--pwa-h). */
body:has(.drawer.open) #pwa-b,body:has(#miniCart:not([hidden])) #pwa-b{display:none!important}
#pwa-b{display:none!important}
/* The closed menu is not drawn (the owner, 19.10.2026 — the speed audit, т. 5: „направи и трите, но внимавай да не
   счупиш нещо“): its ~2800 elements stay in the page for the scripts, the browser only skips laying them out and
   painting them while the menu is shut — hidden 0,3 s after it closes, so it slides out whole. A browser without it
   draws it as before. The menu's own CSS, markup and script (tools/test-drawer.mjs) are untouched. */
@keyframes drRest{to{content-visibility:hidden}}
.drawer:not(.open) .dr-body{animation:drRest 0s .3s forwards}
/* Aura's button and bubbles sit on the very top layer of the page; while the basket is open they go under it (the owner,
   01.10.2026: „нека Аура да е под прозореца, а не отгоре"), and come back when it closes. */
body.mc-open .ac-fab,body.mc-open .ac-proactive-bubble,body.mc-open .ac-ai-box,body.mc-open .ac-vision-box{z-index:250!important}
#miniCart[hidden]{display:none}
.mc-bg{position:absolute;inset:0;background:rgba(17,17,17,.42);opacity:0;transition:opacity .35s ease}
.mc-p{position:absolute;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--bg);display:flex;flex-direction:column;box-shadow:-18px 0 50px rgba(0,0,0,.18);transform:translateX(100%);transition:transform .38s cubic-bezier(.22,.8,.24,1);outline:0}
#miniCart.open .mc-bg{opacity:1}#miniCart.open .mc-p{transform:none}
@media(prefers-reduced-motion:reduce){.mc-bg,.mc-p{transition:none}}
.mc-h{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid var(--line)}
.mc-h h2{flex:1;margin:0;font-size:15px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.mc-h h2 span{color:var(--muted);font-weight:600;letter-spacing:0}
.mc-x{width:38px;height:38px;border:0;border-radius:50%;background:none;font-size:18px;cursor:pointer;color:var(--text)}.mc-x:hover{background:var(--bg2)}
.mc-free{display:flex;align-items:center;gap:12px;padding:12px 22px;background:var(--bg2);border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.4}
.mc-free[hidden]{display:none}.mc-free .ico{width:24px;height:24px;flex:0 0 auto}.mc-free>span:last-child{flex:1;min-width:0}
.mc-b{flex:1;overflow-y:auto;padding:6px 22px 18px;overscroll-behavior:contain}
#miniCart.busy .mc-lines{opacity:.55;transition:opacity .2s}
.mc-ok{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:10px 12px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;font-size:13.5px;line-height:1.35;color:#14532d}
.mc-ok[hidden]{display:none}.mc-ok b{display:block;font-size:13px}
.mc-tick{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:#15803d;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}
.mc-lines,.mc-picks ul{list-style:none;margin:0;padding:0}
.mc-line,.mc-picks li{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}
.mc-pic{display:block;width:76px;height:76px;background:var(--bg2);border-radius:10px;position:relative;overflow:hidden}
.mc-pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
.mc-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.mc-br{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mc-nm{font-size:14px;line-height:1.4;color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mc-nm:hover{text-decoration:underline}
.mc-opt{font-size:12.5px;color:var(--muted)}.mc-bad{font-size:12px;color:#b00020}
.mc-row2{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:6px}
.mc-qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px}
.mc-qty button{width:32px;height:32px;border:0;background:none;font-size:17px;cursor:pointer;color:var(--text);border-radius:50%}.mc-qty button:hover{background:var(--bg2)}.mc-qty button:disabled{opacity:.3}
.mc-qty output{min-width:24px;text-align:center;font-size:14px}
.mc-pr{display:flex;flex-direction:column;align-items:flex-end;font-size:15px;white-space:nowrap}.mc-pr s{font-size:12px;color:var(--muted)}.mc-pr b.g{color:#14632f}
.mc-picks .mc-pr{align-items:flex-start;font-size:14px}
.mc-rm{width:30px;height:30px;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer;font-size:13px}.mc-rm:hover{background:#fbe9ec;color:#b00020}
.mc-empty{text-align:center;padding:48px 10px 20px;color:var(--muted)}.mc-empty[hidden]{display:none}.mc-empty .ico{display:inline-block;width:44px;height:44px;opacity:.5}.mc-empty .ico svg{width:100%;height:100%}
.mc-picks{margin:22px 0 0}.mc-picks[hidden]{display:none}
.mc-picks h3{margin:0 0 4px;font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.mc-picks li{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;padding:12px 0}.mc-picks .mc-pic{width:64px;height:64px}
.mc-add{min-height:38px;padding:0 16px;border:1px solid var(--ink);border-radius:999px;background:var(--bg);font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--text)}.mc-add:hover{background:var(--ink);color:var(--on-ink)}
.mc-f{padding:16px 22px 20px;border-top:1px solid var(--line);background:var(--bg);box-shadow:0 -10px 24px rgba(0,0,0,.04)}
.mc-f[hidden]{display:none}
.mc-promo{display:flex;gap:6px;margin:0 0 10px}
.mc-promo input{flex:1;min-width:0;font-size:15px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);text-transform:uppercase;border-radius:0}
.mc-promo input:focus{outline:0;border-color:var(--ink)}
.mc-promo button{padding:0 16px;border:1px solid var(--ink);background:var(--bg);font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:var(--text)}.mc-promo button:hover{background:var(--ink);color:var(--on-ink)}
.mc-msg{margin:-4px 0 8px;font-size:13px;color:#b00020}.mc-msg[hidden]{display:none}
.mc-codes{list-style:none;margin:-2px 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.mc-codes[hidden]{display:none}
.mc-codes li{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border:1px solid #bbf7d0;background:#f0fdf4;color:#0a7a3b;font-size:12.5px;border-radius:999px}.mc-codes li.off{border-color:var(--line);background:var(--bg2);color:var(--muted)}
.mc-codes button{border:0;background:none;color:inherit;cursor:pointer;font-size:12px;padding:2px 4px}
.mc-sum{display:flex;justify-content:space-between;gap:10px;font-size:14px;padding:3px 0}.mc-sum[hidden]{display:none}.mc-sum.disc{color:#0a7a3b}
.mc-sum.tot{font-size:17px;padding:8px 0 0;margin-top:4px;border-top:1px solid var(--line)}.mc-sum.tot b{font-size:19px}
.mc-go{display:flex;align-items:center;justify-content:center;min-height:52px;margin:14px 0 8px;background:var(--ink);color:var(--on-ink);font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}.mc-go:hover{opacity:.9;text-decoration:none}
.mc-cart{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--ink);color:var(--text);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.mc-cart:hover{background:var(--bg2);text-decoration:none}
.mc-empty .mc-cart{display:inline-flex;padding:0 20px;margin-top:14px}
.mc-note{margin:10px 0 0;font-size:12px;color:var(--muted);text-align:center}
/* The basket bar: pinned to the bottom of the screen while there is something in the basket. */
.cartbar{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 18px;box-shadow:0 8px 28px rgba(0,0,0,.14);font-size:14px}
.cartbar[hidden]{display:none}
.cartbar .cb-sum b{font-weight:600}
.cartbar .cb-go{display:inline-flex;align-items:center;min-height:42px;padding:0 20px;background:var(--ink);color:var(--on-ink);border-radius:999px;font-weight:600;font-size:14px;white-space:nowrap;text-decoration:none}
.cartbar .cb-go:hover{text-decoration:none;opacity:.9}
.cartbar .cb-x{position:absolute;top:-9px;right:-4px;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.cartbar .cb-x:hover{color:var(--text)}
body.has-cartbar{padding-bottom:78px}
@media(min-width:900px){.cartbar{left:auto;right:24px;bottom:24px;min-width:340px}}

.pager{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;padding:6px 0 46px}
.pager a,.pager span{padding:10px 14px;border:1px solid var(--line);font-size:13px;min-width:42px;text-align:center}
.pager a:hover{border-color:var(--ink);text-decoration:none}
.pager .on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}

.chips{display:flex;gap:6px;flex-wrap:wrap;padding:2px 0 16px}
.chip{display:inline-block;padding:8px 13px;border:1px solid var(--line);font-size:13px;
  letter-spacing:.01em;background:var(--bg)}
.chip:hover{border-color:var(--ink);text-decoration:none}
.chip.on{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}

.empty{padding:56px 0 72px;text-align:center;color:var(--muted)}
/* footer — the brand and how to reach us first, then the link groups (open
   columns on a desktop, folding rows on a phone), then who delivers and how to
   pay, then the copyright. */
.site-foot{border-top:1px solid var(--line);background:var(--bg2);margin-top:28px;
  padding:36px 0 calc(28px + env(safe-area-inset-bottom));font-size:14px;color:var(--muted)}
.sp+.site-foot{margin-top:0}
.ft-news{display:grid;grid-template-columns:minmax(0,1fr);gap:12px 32px;padding:0 0 26px;margin:0 0 26px;border-bottom:1px solid var(--line)}
.ft-news h3{margin:0 0 4px;font-size:16px;color:var(--text);font-weight:700}.ft-news-t p{margin:0;font-size:13px}
.ft-news-row{display:flex;gap:0}.ft-news-row input{flex:1;min-width:0;font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--ink);border-right:0;border-radius:0;background:#fff;color:var(--text)}
.ft-news-row button{padding:12px 18px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--on-ink);cursor:pointer;border-radius:0}
.ft-news-row button[disabled]{opacity:.6;cursor:wait}
.ft-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.ck-ts{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--line,#e6e3de)}.ck-ts-n{font-size:12px;color:var(--muted,#6b7280);margin:0 0 6px}.ts-slot:empty{display:none}.ts-slot{margin:10px 0;min-height:65px;width:100%}.ts-slot>div,.ts-slot iframe{width:100%!important}
.ft-news-c{margin:8px 0 0;font-size:12px;line-height:1.5}.ft-news-c a{text-decoration:underline}
.ft-news-m{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--text)}.ft-news-m:empty{display:none}.ft-news-m.bad{color:#b91c1c}
@media(min-width:900px){.ft-news{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}}
.site-foot a{color:var(--text)}
.site-foot a:hover{text-decoration:underline}
.ft-top{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
.ft-brand img.ft-logo{height:30px;width:auto;display:block}
.ft-brand p{margin:12px 0 18px;font-size:13px;line-height:1.55;max-width:340px}
.ft-contact{display:flex;flex-direction:column;gap:11px}
.ft-contact a,.ft-contact span{display:flex;gap:10px;align-items:flex-start;color:var(--text);line-height:1.4;overflow-wrap:anywhere}
.ft-contact span{color:var(--muted)}
.ft-contact svg{width:18px;height:18px;flex:0 0 auto;margin-top:1px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ft-social{display:flex;gap:10px;margin-top:18px}
.ft-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:#fff}
.ft-social a:hover{border-color:var(--ink);text-decoration:none}
.ft-social svg{width:18px;height:18px}
.ft-grp h3{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-weight:700}
.ft-grp h3 button{all:unset;display:flex;width:100%;justify-content:space-between;align-items:center;cursor:pointer;padding:15px 0;box-sizing:border-box}
.ft-ck{all:unset;cursor:pointer;color:var(--text)}.ft-ck:hover{text-decoration:underline}
.ck-now{border:1px solid var(--line);padding:14px 16px;margin:0 0 24px}.ck-now h3{margin:14px 0 4px;font-size:15px}.ck-now p{margin:0 0 8px}
.ck-t{width:100%;border-collapse:collapse;font-size:14px}.ck-t td{border-top:1px solid var(--line);padding:8px 6px;vertical-align:top}.ck-t td:first-child{width:38%}
.ck-open{padding:10px 16px;font:inherit;font-size:13px;font-weight:600;border:1px solid var(--ink);background:#fff;color:var(--text);cursor:pointer}
.ft-grp h3 button::after{content:"+";font-size:20px;font-weight:300;letter-spacing:0;line-height:1}
.ft-grp.open h3 button::after{content:"−"}
.ft-links{display:none;flex-direction:column;gap:11px;padding:0 0 16px}
.ft-grp.open .ft-links{display:flex}
.ft-groups .ft-grp{border-top:1px solid var(--line)}
.ft-groups .ft-grp:last-child{border-bottom:1px solid var(--line)}
.ft-trust{display:grid;gap:20px;margin-top:26px}
.ft-app{display:grid;grid-template-columns:auto 1fr;gap:14px 16px;align-items:start;margin-top:26px;padding:22px 20px;border:0;border-radius:0;background:#000;color:#fff}
.ft-app[hidden]{display:none}
.ft-app-i{width:56px;height:56px;border-radius:14px;background:#fff;padding:4px;box-sizing:border-box}
.ft-app-t h3{margin:0;font-family:"Playfair Display",Georgia,serif;font-size:20px;line-height:1.25;color:#fff;text-transform:none;letter-spacing:0;font-weight:400}
.ft-app-for{display:flex;align-items:center;gap:6px;margin:6px 0 10px;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#cfcfcf}.ft-app-for svg{width:16px;height:16px;flex:none}.ft-app-for svg,.ft-app-for svg *{fill:#fff}
.ft-app-t ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13.5px;color:#e6e6e6}
.ft-app-t li{display:flex;gap:8px;align-items:flex-start}.ft-app-t li svg{width:15px;height:15px;flex:none;margin-top:3px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ft-app-go{grid-column:1/-1;display:flex;align-items:center;gap:16px}
.ft-play{display:inline-flex;align-items:center;gap:12px;min-width:176px;padding:9px 20px 9px 14px;border:1.5px solid #fff;border-radius:10px;color:#fff;text-decoration:none;transition:background .2s,color .2s}
.ft-play svg{width:26px;height:28px;flex:none}.ft-play span{display:flex;flex-direction:column;line-height:1.1}.ft-play small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#d6d6d6}.ft-play b{font-size:21px;font-weight:600;letter-spacing:-.01em;color:#fff}
.ft-play:hover{background:#fff;text-decoration:none}.ft-stores{display:flex;gap:10px;flex:1 1 auto;max-width:440px}.ft-stores .ft-play{flex:1 1 0;min-width:0;padding:9px 12px 9px 11px;gap:9px}.ft-stores .ft-play b{font-size:clamp(15px,4.3vw,19px);white-space:nowrap}.ft-stores .ft-play small{white-space:nowrap;letter-spacing:.08em}.ft-play.st-ios{color:#fff}.ft-play.st-ios svg{width:24px;height:24px}a.ft-play.st-ios:hover{color:#000}
.ft-play.st-soon{position:relative;cursor:default}.ft-play.st-soon:hover{background:none}.ft-play em{position:absolute;top:-9px;right:-8px;padding:2px 7px;border-radius:999px;background:#fff;color:#111;font:600 10px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}.ft-play:hover b,.ft-play:hover small{color:#000}
.ft-app-qr{display:none;margin:0;text-align:center;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#bdbdbd}.ft-app-qr img{display:block;width:112px;height:112px;background:#fff;border-radius:0;padding:6px;margin:0 auto 6px}
@media (min-width:720px){.ft-app{grid-template-columns:auto 1fr auto;align-items:center;padding:24px 28px}.ft-app-i{width:64px;height:64px}.ft-app-go{grid-column:auto}.ft-app-qr{display:block}}
.ft-trust h3{margin:0 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text);font-weight:700}
.ft-logos{display:flex;flex-wrap:wrap;gap:8px}
.ft-logos img{height:36px;width:70px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:6px;padding:7px 9px;box-sizing:border-box}
.ft-logos img.dhl{background:#fecc00;border-color:#fecc00;padding:8px 6px}   /* DHL's mark is on its own yellow */
.ft-logos img.pp{padding:8px 7px}   /* PayPal's mark is wide */
.ft-logos img.sd{padding:6px 4px}   /* Sameday's mark is wide too */
.ft-logos img.ap{padding:4px 8px}   /* Apple's mark has its own frame */
.ft-bottom{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.ft-bottom a{color:var(--muted)}
/* the assistant's round button sits bottom right: the last line stays clear of it on a phone */
body.has-bot .site-foot{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
@media(min-width:900px){
  .ft-top{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:40px}
  .ft-groups{display:contents}
  .ft-groups .ft-grp,.ft-groups .ft-grp:last-child{border:0}
  .ft-grp h3 button{cursor:default;padding:4px 0 14px}
  .ft-grp h3 button::after{content:none}
  .ft-links{display:flex}
  .ft-trust{grid-template-columns:1fr 1fr;gap:40px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
  body.has-bot .site-foot{padding-bottom:calc(28px + env(safe-area-inset-bottom))}
}
/* Below the first screen, drawn when it is reached (the owner, 29.10.2026 — the speed audit, т. 4): the home page's
   lower sections, a listing's cards after the first rows, the tabs under a listing, the footer. The reserved height keeps
   the scrollbar steady; nothing changes in how they look. */
.hsec.chosen,.hsec.brandtabs,.hsec.tools{content-visibility:auto;contain-intrinsic-size:auto 900px}
.grid>article.card:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:auto 420px}
.ptabs,.site-foot{content-visibility:auto;contain-intrinsic-size:auto 800px}
/* A product's lower part, the same way (the owner, 29.10.2026 — „Направи В“): the tabs under the description and the
   customers' section (reviews, TikTok, Google, the stores) drawn when reached. */
#pdTabs,section.sp{content-visibility:auto;contain-intrinsic-size:auto 900px}