:root{
  --fd-ink:#041519;
  --fd-ink-deep:#010c0f;
  --fd-ink-raise:#0d2229;
  --fd-leaf:#457206;
  --fd-leaf-lift:#55890a;
  --fd-leaf-light:#91a673;
  --fd-sprout:#7abf18;
  --fd-bloom:#ffed00;
  --fd-bark:#2e1e13;
  --fd-paper:#fff;
  --fd-mist:#f2f6ec;
  --fd-txt-dim:#9db3ad;
  --fd-txt-fade:#b3b3b3;
  --fd-line:rgba(255,255,255,.13);
  --fd-shadow:0 18px 44px -18px rgba(4,21,25,.55);
  --fd-radius:10px;
  --fd-radius-lg:20px;
  --fd-wrap:1600px;
  --fd-read:900px;
  --fd-ease:cubic-bezier(.22,.61,.36,1);

  --fd-text:#16241f;
  --fd-text-muted:#5d6d66;
  --fd-border:#e6ece0;
  --fd-surface:#fbfcf8;

  --fd-space-1:4px;
  --fd-space-2:8px;
  --fd-space-3:12px;
  --fd-space-4:20px;
  --fd-space-5:32px;
  --fd-space-6:48px;
  --fd-space-7:72px;
  --fd-space-8:104px;

  --fd-fs-h1:clamp(2.1rem,1.5rem + 2.6vw,3.4rem);
  --fd-fs-h2:clamp(1.5rem,1.25rem + 1.1vw,2.15rem);
  --fd-fs-h3:1.15rem;
  --fd-fs-body:15px;
  --fd-fs-small:13px;
  --fd-lh-tight:1.15;
  --fd-lh-normal:1.5;
}


/* ==================== global.css — v8 / Decathlon-style drill-down mobile nav ====================
   База: v7/global.css. Промени:
   · Desktop (≥861px): без промяна спрямо v7 — per-категорийни .fd-drop панели
   · Mobile (≤860px): fd-util остава видим ( телефон / Facebook / език — както в v7 ),
     само адресът и работното време отпадат; акордеон drawer →
     drill-down slide-in overlay (.fd-nav / .fd-nav-panel)
   ================================================================================ */

/* --- 1. Reset / base ------------------------------------------ */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Montserrat",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--fd-text);
  background:var(--fd-paper);
  font-size:var(--fd-fs-body);
  line-height:var(--fd-lh-normal);
}
img{max-width:100%;display:block;height:auto}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a{text-decoration:none;color:inherit}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3{margin:0}
:focus-visible{outline:2px solid var(--fd-sprout);outline-offset:2px;border-radius:4px}

.fd-wrap{width:100%;max-width:var(--fd-wrap);margin-inline:auto;padding-inline:20px}
.fd-skip{
  position:absolute;left:8px;top:-70px;z-index:99;
  background:var(--fd-sprout);color:#04150a;padding:10px 16px;font-weight:700
}
.fd-skip:focus{top:8px}
.fd-sprite{position:absolute;width:0;height:0;overflow:hidden}
.fd-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;
}
/* Съгласие за бисквитки → секция 18 */

/* --- 2. Header shell ------------------------------------------ */
.fd-header{
  position:sticky;top:0;z-index:60;
  background:var(--fd-ink);
  color:var(--fd-paper);
}

/* --- 2.1 Сервизна лента --------------------------------------- */
.fd-util{
  background:var(--fd-ink-deep);
  border-bottom:1px solid var(--fd-line);
  font-size:11.5px;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-weight:600;
  overflow:hidden;
  max-height:44px;
  transition:max-height .32s var(--fd-ease),opacity .22s linear;
}
.fd-util__in{display:flex;align-items:center;gap:26px;height:38px;color:var(--fd-txt-dim);white-space:nowrap;overflow:hidden}
.fd-util__right{margin-left:auto;display:flex;align-items:center;gap:12px}
.fd-util__item{display:inline-flex;align-items:center;gap:7px;min-width:0;min-height:28px;transition:color .18s}
.fd-util__item:hover{color:var(--fd-paper)}
.fd-util__item svg{width:13px;height:13px;flex:none;color:var(--fd-sprout)}
/* Връзка само с икона — hit-зоната е 30×28px, самата икона остава 13px.
   WCAG 2.2 „Target Size ( Minimum )“ и Lighthouse target-size искат ≥24×24px. */
.fd-util__ico{width:30px;height:28px;justify-content:center;gap:0}
.fd-util__truncate{max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-lang{display:flex;align-items:center;gap:4px;letter-spacing:.08em}
.fd-lang a{display:inline-flex;align-items:center;justify-content:center;min-width:30px;min-height:28px;padding:3px 6px;border-radius:4px;transition:.18s}
.fd-lang a:hover{color:var(--fd-paper)}
.fd-lang a.is-on{background:var(--fd-leaf);color:#fff}

/* --- 2.2 Основна лента ---------------------------------------- */
.fd-bar__in{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:34px;
  height:88px;
  transition:height .32s var(--fd-ease);
}
.fd-logo img{width:auto;height:62px;transition:height .32s var(--fd-ease)}
.fd-burger{display:none}

.fd-search{
  position:relative;display:flex;align-items:center;
  background:var(--fd-paper);
  border-radius:999px;
  height:50px;
  padding:5px 5px 5px 18px;
  box-shadow:0 0 0 0 rgba(122,191,24,0);
  transition:box-shadow .2s var(--fd-ease),height .32s var(--fd-ease);
}
.fd-search:focus-within{box-shadow:0 0 0 3px rgba(122,191,24,.55)}
.fd-search__icon{width:19px;height:19px;flex:none;color:#7c8c88}
.fd-search input{flex:1;min-width:0;border:0;background:none;outline:none;font-size:14.5px;font-weight:500;color:#14231f;padding:0 14px}
.fd-search input::placeholder{color:#8b9a96;font-weight:500}
.fd-search__voice{
  flex:none;display:none;place-items:center;width:34px;height:34px;
  border-radius:50%;color:#7c8c88;transition:background .18s,color .18s;
}
.fd-search__voice.is-available{display:grid}
.fd-search__voice svg{width:18px;height:18px}
.fd-search__voice:hover{background:var(--fd-mist);color:var(--fd-leaf)}
.fd-search__voice.is-listening{background:var(--fd-bloom);color:var(--fd-ink);animation:fd-voice-pulse 1.2s ease-in-out infinite}
.fd-search__voice.is-unavailable{display:none}
@keyframes fd-voice-pulse{50%{box-shadow:0 0 0 5px rgba(255,237,0,.22)}}
.fd-search__btn{
  flex:none;height:40px;padding:0 24px;border-radius:999px;
  background:var(--fd-leaf);color:#fff;font-weight:700;font-size:13.5px;
  letter-spacing:.02em;transition:background .18s;
}
.fd-search__btn:hover{background:var(--fd-leaf-lift)}

.fd-actions{display:flex;align-items:center;gap:8px}
.fd-act{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:8px 12px;border-radius:var(--fd-radius);
  font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--fd-txt-dim);transition:color .18s,background .18s;
}
.fd-act svg{width:21px;height:21px}
.fd-act:hover{color:var(--fd-paper);background:var(--fd-ink-raise)}
.fd-act--cart{
  flex-direction:row;gap:10px;align-items:center;
  background:var(--fd-leaf);color:#fff;border-radius:999px;
  padding:0 22px;height:46px;font-size:13px;margin-left:8px;
}
.fd-act--cart:hover{background:var(--fd-leaf-lift);color:#fff}
.fd-badge{
  font-style:normal;min-width:21px;height:21px;border-radius:999px;
  background:var(--fd-bloom);color:#1c1a00;
  font-size:11.5px;font-weight:800;
  display:grid;place-items:center;padding:0 5px;
}

/* --- 2.3 Категорийна лента (v7: само ниво-1 категории, без all/pages) --- */
.fd-cats{border-top:1px solid var(--fd-line)}
.fd-cats__in{
  display:flex;align-items:stretch;height:52px;
  overflow-x:auto;scrollbar-width:none;
}
.fd-cats__in::-webkit-scrollbar{display:none}

.fd-cats__list{display:flex;align-items:stretch;flex:none}

.fd-cats__item{display:flex;align-items:stretch;position:relative}

.fd-cats__link{
  position:relative;
  display:inline-flex;align-items:center;gap:5px;
  padding:0 11px;height:100%;
  font-size:12.5px;font-weight:600;color:#e2ece8;
  white-space:nowrap;
  transition:color .18s;
}
.fd-cats__link:hover,
.fd-cats__item.is-open .fd-cats__link{color:#fff}

.fd-cats__link::after{
  content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;
  background:var(--fd-sprout);border-radius:3px 3px 0 0;
  transform:scaleX(0);transform-origin:50% 100%;
  transition:transform .26s var(--fd-ease);
}
.fd-cats__link:hover::after,
.fd-cats__item.is-on > .fd-cats__link::after,
.fd-cats__item.is-open > .fd-cats__link::after{transform:scaleX(1)}
.fd-cats__item.is-on > .fd-cats__link{color:#fff}

.fd-cats__link .fd-chev{
  width:10px;height:10px;flex:none;
  transition:transform .22s var(--fd-ease);
}
.fd-cats__item.is-open .fd-cats__link .fd-chev{transform:rotate(180deg)}

/* --- 2.4 Per-категорийни dropdown панели ---------------------- */
.fd-drop{
  position:absolute;
  top:100%;left:0;right:0;
  z-index:70;
  background:var(--fd-paper);
  color:var(--fd-text);
  border-top:3px solid var(--fd-sprout);
  box-shadow:var(--fd-shadow);
  opacity:0;transform:translateY(-10px);pointer-events:none;
  transition:opacity .2s var(--fd-ease),transform .24s var(--fd-ease);
}
.fd-drop.is-open{opacity:1;transform:none;pointer-events:auto}

/* Двупанелен dropdown (категории с под-подкатегории) */
.fd-drop--twopanel .fd-drop__inner{padding:0}
.fd-drop__panel{
  display:grid;
  grid-template-columns:240px 1fr;
  min-height:240px;
}

/* Ляво: ниво-2 списък */
.fd-drop__l2{
  background:var(--fd-surface);
  border-right:1px solid var(--fd-border);
  padding:10px 0;
  min-height:240px;
}
.fd-drop__l2-btn,
.fd-drop__l2-link{
  display:flex;align-items:center;justify-content:space-between;
  width:100%;
  padding:10px 18px;
  font-size:13px;font-weight:600;
  color:var(--fd-text);
  text-align:left;
  transition:background .14s,color .14s;
  border:0;background:none;cursor:pointer;font-family:inherit;
}
.fd-drop__l2-btn:hover,
.fd-drop__l2-link:hover,
.fd-drop__l2 li.is-active .fd-drop__l2-btn{
  background:var(--fd-mist);color:var(--fd-leaf);
}
.fd-drop__l2-btn .fd-l2-chev{
  width:10px;height:10px;flex:none;
  color:var(--fd-text-muted);
  transform:rotate(-90deg);
  transition:color .14s;
}
.fd-drop__l2 li.is-active .fd-drop__l2-btn .fd-l2-chev,
.fd-drop__l2-btn:hover .fd-l2-chev{color:var(--fd-leaf)}

/* Дясно: ниво-3 панели */
.fd-drop__l3-wrap{
  padding:20px 28px;
  position:relative;
}
.fd-drop__l3{display:none}
.fd-drop__l3.is-active{display:block}

.fd-drop__l3-head{
  margin-bottom:14px;
  display:flex;align-items:baseline;gap:12px;
}
.fd-drop__l3-title{
  font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
  color:var(--fd-leaf);margin:0;
}
.fd-drop__l3-all{
  font-size:11.5px;font-weight:600;color:var(--fd-text-muted);
  display:inline-flex;align-items:center;gap:5px;
  transition:color .14s;
}
.fd-drop__l3-all:hover{color:var(--fd-leaf)}
.fd-drop__l3-all svg{width:11px;height:11px}

.fd-drop__l3-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

/* Група за ниво-4 (напр. Сезонни цветя) в рамките на ниво-3 панел — заема целия ред */
.fd-drop__l3-group{grid-column:1/-1}
.fd-drop__l3-group-title{
  display:block;padding:2px 0 8px;
  font-size:11.5px;font-weight:800;color:var(--fd-text-muted);
  text-transform:uppercase;letter-spacing:.07em;
}
.fd-drop__l3-group-items{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

/* Grid dropdown (само ниво-2 листа) */
.fd-drop--grid .fd-drop__inner{padding:20px 0}
.fd-drop__grid-hd{
  font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fd-leaf);margin-bottom:14px;
}
.fd-drop__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}

/* Плочка с иконка за последно-ниво категории (l3-list / l3-group-items / grid) */
.fd-drop__l3-list a,
.fd-drop__l3-group-items a,
.fd-drop__grid a{
  display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  height:100%;
  padding:14px 16px;border-radius:var(--fd-radius-lg);
  border:1px solid var(--fd-border);
  background:var(--fd-paper);
  transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;
}
.fd-drop__l3-list a:hover,
.fd-drop__l3-group-items a:hover,
.fd-drop__grid a:hover{
  border-color:var(--fd-sprout);background:var(--fd-mist);
  transform:translateY(-2px);box-shadow:0 10px 20px -14px rgba(4,21,25,.35);
}
.fd-drop__tile-ico{
  width:42px;height:42px;border-radius:12px;flex:none;
  display:grid;place-items:center;
  background:var(--fd-mist);color:var(--fd-leaf);
}
.fd-drop__tile-ico svg{width:21px;height:21px}
.fd-drop__tile-title{font-size:13px;font-weight:700;color:var(--fd-text);line-height:1.25}
.fd-drop__l3-list a:hover .fd-drop__tile-title,
.fd-drop__l3-group-items a:hover .fd-drop__tile-title,
.fd-drop__grid a:hover .fd-drop__tile-title{color:var(--fd-leaf)}
.fd-drop__tile-sub{font-size:11.5px;font-weight:500;color:var(--fd-text-muted);line-height:1.3}

/* Scrim */
.fd-scrim{position:fixed;inset:0;background:rgba(4,21,25,.45);opacity:0;pointer-events:none;transition:opacity .22s linear;z-index:50}
.fd-scrim.is-on{opacity:1;pointer-events:auto}

/* --- 3. Свито при скрол --------------------------------------- */
.fd-header.is-condensed .fd-util{max-height:0;opacity:0}
.fd-header.is-condensed .fd-bar__in{height:70px}
.fd-header.is-condensed .fd-logo img{height:46px}
.fd-header.is-condensed .fd-search{height:44px}

/* --- 4. Мобилна drill-down навигация (#fdNav) ------------------ */
.fd-nav{
  position:fixed;inset:0;z-index:200;
  display:flex;flex-direction:column;
  background:var(--fd-paper);
  transform:translateX(-100%);
  transition:transform .32s var(--fd-ease);
  visibility:hidden;
}
.fd-nav.is-open{transform:translateX(0);visibility:visible}

/* Горна лента */
.fd-nav__head{
  display:flex;align-items:center;flex:none;
  height:56px;padding:0 8px 0 16px;
  border-bottom:1px solid var(--fd-border);
  gap:8px;
}
.fd-nav__back{display:flex;align-items:center;gap:4px;color:var(--fd-text);font-weight:600;font-size:13px}
.fd-nav__back svg{width:18px;height:18px;flex:none;color:var(--fd-leaf)}
.fd-nav__title{flex:1;font-weight:700;font-size:.95rem;text-align:center;color:var(--fd-text)}
.fd-nav__close{margin-left:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:var(--fd-radius);color:var(--fd-text);transition:background .14s}
.fd-nav__close:hover{background:var(--fd-mist)}
.fd-nav__close svg{width:18px;height:18px}

/* Панелна зона */
.fd-nav__body{flex:1;position:relative;overflow:hidden}

/* Отделен панел */
.fd-nav-panel{
  position:absolute;inset:0;
  overflow-y:auto;-webkit-overflow-scrolling:touch;
  background:var(--fd-paper);
  transform:translateX(100%);        /* скрит вдясно по подразбиране */
  transition:transform .28s var(--fd-ease);
}
.fd-nav-panel.is-active{transform:translateX(0)}
.fd-nav-panel.is-behind{transform:translateX(-100%)} /* изходящ вляво */

/* „Виж всички" линк */
.fd-nav-panel__all{
  display:block;
  padding:14px 20px;
  font-weight:700;font-size:13.5px;
  color:var(--fd-leaf);
  background:var(--fd-mist);
  border-bottom:1px solid var(--fd-border);
}

/* Списък */
.fd-nav-panel__list{list-style:none;margin:0;padding:0}
.fd-nav-panel__list li{border-bottom:1px solid var(--fd-border)}

/* Бутон (категория с деца) */
.fd-nav-panel__btn{
  width:100%;
  display:flex;align-items:center;justify-content:space-between;
  padding:15px 20px;
  background:none;border:none;
  font-size:.95rem;font-weight:500;color:var(--fd-text);
  text-align:left;cursor:pointer;
}
.fd-nav-panel__btn svg{width:16px;height:16px;flex-shrink:0;color:var(--fd-txt-dim);transform:rotate(-90deg)}

/* Линк (листова категория — без деца) */
.fd-nav-panel__link{
  display:block;
  padding:15px 20px;
  font-size:.95rem;font-weight:500;
  color:var(--fd-text);
}

/* Desktop: overlay не е нужен */
@media (min-width:861px){
  .fd-nav{display:none!important}
}

/* --- Responsive breakpoints ----------------------------------- */
@media (max-width:1340px){.fd-util__truncate{max-width:30ch}}
@media (max-width:1024px){.fd-util__hide-sm{display:none}.fd-act span{display:none}.fd-act--cart span{display:inline}}
@media (max-width:860px){
  /* Сервизната лента остава видима и на мобилен ( както в v7 ) —
     показваме само телефон + Facebook + езици, подравнени вдясно. */
  .fd-util{max-height:38px}
  .fd-util__in{gap:14px;height:34px;font-size:10.5px;justify-content:flex-end}
  .fd-util__addr{display:none}
  /* По-малък gap, защото самите икони вече носят 30×28px hit-зона. */
  .fd-util__right{gap:8px}
  .fd-bar__in{grid-template-columns:auto 1fr auto;grid-template-areas:"burger logo actions" "search search search";height:auto;gap:14px;padding-block:14px}
  .fd-burger{display:grid;place-items:center;grid-area:burger;width:42px;height:42px;border-radius:var(--fd-radius);background:var(--fd-ink-raise);color:#fff}
  .fd-burger svg{width:20px;height:20px}
  .fd-logo{grid-area:logo}
  .fd-logo img{height:48px}
  .fd-actions{grid-area:actions;gap:2px}
  .fd-act{padding:8px}
  /* Мобилен: иконите "Профил" и "Количка" са ~20% по-едри ( 21px -> 25px ) */
  .fd-act svg{width:25px;height:25px}
  /* Мобилен ( само тук ): количката изглежда като иконата "Профил" —
     без зеления pill, а броят артикули стои като жълт бадж
     горе-вдясно върху иконата, в стила на текущия дизайн. */
  .fd-act--cart{
    position:relative;
    flex-direction:column;gap:5px;align-items:center;
    background:transparent;color:var(--fd-txt-dim);
    border-radius:var(--fd-radius);
    padding:8px;height:auto;margin-left:0;
    font-size:11px;
  }
  .fd-act--cart:hover,.fd-act--cart:focus-visible{background:var(--fd-ink-raise);color:var(--fd-paper)}
  .fd-act--cart span{display:none}
  .fd-act--cart .fd-badge{
    position:absolute;top:1px;right:1px;
    min-width:16px;height:16px;padding:0 4px;
    font-size:10px;line-height:1;
    box-shadow:0 0 0 2px var(--fd-ink);
    pointer-events:none;
  }
  .fd-search{grid-area:search;height:46px}
  .fd-search__btn{padding:0 18px}
  .fd-cats{display:none}
  .fd-drop{display:none!important}
  .fd-header.is-condensed .fd-bar__in{height:auto}
  .fd-header.is-condensed .fd-logo img{height:44px}
}
@media (max-width:420px){
  .fd-util__in{gap:10px;font-size:10px}
  .fd-util__right{gap:4px}
  .fd-util__item svg{width:12px;height:12px}
  .fd-util__ico{width:28px}
  .fd-lang{gap:2px}
  .fd-lang a{min-width:28px;padding:3px 4px}
}

/* --- 5. Подсказки при търсене --------------------------------- */
.fd-search__clear{flex:none;display:none;width:26px;height:26px;border-radius:50%;color:#7c8c88;place-items:center;margin-right:4px}
.fd-search__clear svg{width:13px;height:13px}
.fd-search__clear:hover{background:#eef1e9;color:#16241f}
.fd-search.has-value .fd-search__clear{display:grid}

.fd-sug{
  position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:5;
  background:var(--fd-paper);color:#16241f;
  border-radius:14px;border-top:3px solid var(--fd-sprout);
  box-shadow:var(--fd-shadow);padding:6px;
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .16s var(--fd-ease),transform .18s var(--fd-ease);
}
.fd-search.is-open .fd-sug{opacity:1;transform:none;pointer-events:auto}
.fd-sug__head{padding:9px 12px 5px;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b9a96}
.fd-sug__row{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:9px 12px;border-radius:9px;font-size:13.5px;font-weight:500;color:#1d2c26;transition:background .14s}
.fd-sug__row:hover,.fd-sug__row.is-cursor{background:var(--fd-mist)}
.fd-sug__row mark{background:none;color:var(--fd-leaf);font-weight:800}
.fd-sug__ico{flex:none;width:26px;height:26px;border-radius:50%;background:var(--fd-mist);color:var(--fd-leaf);display:grid;place-items:center}
.fd-sug__row.is-cursor .fd-sug__ico{background:#fff}
.fd-sug__ico svg{width:14px;height:14px}
.fd-sug__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-sug__price{flex:none;font-weight:700;font-size:12.5px;color:#16241f}
.fd-sug__meta{flex:none;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#9aa8a2}
.fd-sug__empty{padding:18px 12px;font-size:13px;color:#77877f;text-align:center}

/* реален <a> ред - същият вид като бутоните, които замени */
.fd-sug__row{text-decoration:none}
/* "показани резултати за <коригирана дума>" */
.fd-sug__hint{padding:9px 12px;font-size:12.5px;color:#5d6d66;border-bottom:1px solid #eef1e9;margin-bottom:4px}
.fd-sug__hint b{color:var(--fd-leaf);font-weight:800}
/* финалният "виж всички резултати" ред */
.fd-sug__seeall{margin-top:4px;border-top:1px solid #eef1e9;border-radius:0 0 9px 9px;font-weight:700;color:var(--fd-leaf)}
.fd-sug__seeall .fd-sug__ico{background:var(--fd-mist)}
.fd-sug__seeall .fd-sug__meta{color:#b3bfb9}
/* докато тече заявката към /ajax/autocomplete */
.fd-sug.is-loading{opacity:.55}
.fd-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 8px}
.fd-chip{border:1px solid #e3e9dc;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;color:#3a4a43;transition:.16s}
.fd-chip:hover{border-color:var(--fd-sprout);background:var(--fd-mist);color:var(--fd-leaf)}

/* --- 6. Мини количка ------------------------------------------ */
.fd-cartwrap{position:relative;display:flex}
.fd-cart-panel{
  position:absolute;top:calc(100% + 14px);right:0;z-index:70;
  width:min(370px,calc(100vw - 32px));
  background:var(--fd-paper);color:#16241f;
  border-radius:14px;border-top:3px solid var(--fd-sprout);
  box-shadow:var(--fd-shadow);overflow:hidden;
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .18s var(--fd-ease),transform .2s var(--fd-ease);
}
.fd-cart-panel.is-open{opacity:1;transform:none;pointer-events:auto}
.fd-cart__head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eef1e9;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5d6d66}
.fd-cart__head b{color:var(--fd-leaf)}
.fd-cart__list{max-height:320px;overflow-y:auto}
.fd-cart__item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;padding:13px 16px;border-bottom:1px solid #f3f5ef;align-items:start}
.fd-cart__ico{width:56px;height:56px;border-radius:9px;background:var(--fd-mist);color:var(--fd-leaf);display:grid;place-items:center}
.fd-cart__ico svg{width:26px;height:26px}
.fd-cart__name{font-size:12.5px;font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd-cart__unit{font-size:11px;color:#8b9a96;margin-top:2px}
.fd-cart__side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.fd-cart__rm{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#a4b0aa;transition:.16s}
.fd-cart__rm svg{width:11px;height:11px}
.fd-cart__rm:hover{background:#fbeaea;color:#b03a3a}
.fd-cart__price{font-size:13.5px;font-weight:800;white-space:nowrap}
.fd-qty{display:inline-flex;align-items:center;border:1px solid #e3e9dc;border-radius:999px;margin-top:7px}
.fd-qty button{width:26px;height:26px;display:grid;place-items:center;color:#4a5a53;font-weight:700;font-size:15px;line-height:1;border-radius:50%}
.fd-qty button:hover{background:var(--fd-mist);color:var(--fd-leaf)}
.fd-qty span{min-width:24px;text-align:center;font-size:12.5px;font-weight:700}
.fd-cart__foot{padding:14px 16px 16px;display:grid;gap:10px;background:#fbfcf8}
.fd-cart__sum{display:flex;align-items:baseline;justify-content:space-between;font-size:12.5px;color:#5d6d66}
.fd-cart__sum b{font-size:17px;font-weight:800;color:#16241f}
.fd-cart__btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fd-cart__empty{padding:30px 16px;text-align:center;font-size:13px;color:#77877f}
.fd-cart__empty b{display:block;color:#3d4a44;margin-bottom:4px}
.fd-badge[hidden],.fd-cart__foot[hidden]{display:none}
.fd-badge.is-bump{animation:fd-bump .55s var(--fd-ease)}
@keyframes fd-bump{
  0%{transform:scale(1)}
  30%{transform:scale(1.45);background:var(--fd-sprout);color:#fff}
  60%{transform:scale(.94)}
  100%{transform:scale(1)}
}
/* снимка на продукта в мини количката ( с fallback към икона ) */
.fd-cart__ico{overflow:hidden;padding:3px}
.fd-cart__ico img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.fd-cart__name a:hover{color:var(--fd-leaf)}
.fd-qty button[disabled]{opacity:.35;cursor:not-allowed}
.fd-qty button[disabled]:hover{background:none;color:#4a5a53}

/* --- 6.1 Нотификации ( toast ) ------------------------------- */
.fd-toasts{
  position:fixed;right:18px;bottom:18px;z-index:200;
  display:flex;flex-direction:column;gap:10px;
  width:min(360px,calc(100vw - 36px));pointer-events:none;
}
.fd-toast{
  pointer-events:auto;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:start;
  padding:13px 14px;border-radius:12px;
  background:var(--fd-paper);color:var(--fd-text);
  border-left:4px solid var(--fd-leaf);
  box-shadow:0 16px 38px -16px rgba(4,21,25,.5);
  font-size:13px;line-height:1.4;
  opacity:0;transform:translateX(18px);
  transition:opacity .22s var(--fd-ease),transform .22s var(--fd-ease);
}
.fd-toast.is-in{opacity:1;transform:none}
.fd-toast.is-out{opacity:0;transform:translateX(18px)}
.fd-toast__ico{
  width:24px;height:24px;border-radius:50%;flex:none;
  display:grid;place-items:center;
  background:var(--fd-mist);color:var(--fd-leaf);
}
.fd-toast__ico svg{width:13px;height:13px}
.fd-toast__msg strong{font-weight:800}
.fd-toast__x{width:20px;height:20px;flex:none;display:grid;place-items:center;color:#a4b0aa;border-radius:50%;transition:.16s}
.fd-toast__x svg{width:10px;height:10px}
.fd-toast__x:hover{background:var(--fd-mist);color:var(--fd-text)}
.fd-toast--error{border-left-color:#b03a3a}
.fd-toast--error .fd-toast__ico{background:#fbeaea;color:#b03a3a}
.fd-toast--info{border-left-color:var(--fd-sprout)}
@media (max-width:560px){
  .fd-toasts{right:12px;left:12px;bottom:12px;width:auto}
}
@media (prefers-reduced-motion:reduce){
  .fd-toast{transition:none}
  .fd-badge.is-bump{animation:none}
  .fd-prod__cart,.fd-prod__cart .fd-prod__cart-i{transition:none}
}

/* --- 7. Общи бутони ------------------------------------------- */
.fd-btn{height:42px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12.5px;font-weight:700;transition:.16s}
.fd-btn--primary{background:var(--fd-leaf);color:#fff}
.fd-btn--primary:hover{background:var(--fd-leaf-lift)}
.fd-btn--ghost{border:1.5px solid #d8e0d0;color:#2c3a34}
.fd-btn--ghost:hover{border-color:var(--fd-sprout);background:var(--fd-mist)}
.fd-btn--accent{background:var(--fd-bloom);color:#1c1a00}
.fd-btn--accent:hover{background:#fff56b}
.fd-btn--lg{height:50px;padding:0 30px;font-size:13.5px}
.fd-btn svg{width:15px;height:15px}

/* ==================== 8. HERO ==================== */
.fd-hero{background:linear-gradient(180deg,var(--fd-mist) 0%,#fff 78%);padding-block:var(--fd-space-7) var(--fd-space-6);overflow:clip}
.fd-hero__in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--fd-space-6);align-items:center}
.fd-eyebrow{
  display:inline-block;padding:6px 14px;border-radius:999px;
  background:rgba(69,114,6,.1);color:var(--fd-leaf-lift);
  font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  margin-bottom:var(--fd-space-3);
}
.fd-eyebrow--light{background:rgba(255,255,255,.16);color:#fff}
.fd-hero__copy h1{font-size:var(--fd-fs-h1);line-height:var(--fd-lh-tight);letter-spacing:-.01em;color:var(--fd-text)}
.fd-hero__copy p{margin:var(--fd-space-3) 0 0;max-width:52ch;color:var(--fd-text-muted);font-size:16px}
.fd-hero__cta{display:flex;flex-wrap:wrap;gap:var(--fd-space-3);margin-top:var(--fd-space-5)}
.fd-hero__visual{
  position:relative;height:340px;border-radius:var(--fd-radius-lg);
  background:radial-gradient(120% 120% at 80% 10%,rgba(122,191,24,.35),transparent 55%),
             linear-gradient(160deg,var(--fd-leaf) 0%,var(--fd-ink) 92%);
  overflow:hidden;
}
.fd-hero__ico{position:absolute;color:rgba(255,255,255,.9);opacity:.9}
.fd-hero__ico svg{display:block}
.fd-hero__ico--1{width:120px;height:120px;top:-18px;right:-14px;color:rgba(255,255,255,.16)}
.fd-hero__ico--1 svg{width:100%;height:100%}
.fd-hero__ico--2{width:70px;height:70px;left:24px;bottom:96px;color:var(--fd-bloom)}
.fd-hero__ico--2 svg{width:100%;height:100%}
.fd-hero__ico--3{width:150px;height:150px;left:-30px;bottom:-40px;color:rgba(255,255,255,.14)}
.fd-hero__ico--3 svg{width:100%;height:100%}
.fd-hero__stat{
  position:absolute;left:24px;top:24px;
  background:#fff;color:var(--fd-text);border-radius:14px;
  padding:12px 18px;box-shadow:var(--fd-shadow);
  display:flex;flex-direction:column;line-height:1.1;
}
.fd-hero__stat b{font-size:22px;font-weight:800;color:var(--fd-leaf)}
.fd-hero__stat small{font-size:11px;color:var(--fd-text-muted);text-transform:uppercase;letter-spacing:.06em}
@media (max-width:900px){
  .fd-hero__in{grid-template-columns:1fr}
  .fd-hero__visual{height:220px;order:-1}
}

/* ==================== 9. HIGHLIGHTS ==================== */
.fd-high{background:var(--fd-ink);color:#fff;padding-block:var(--fd-space-5)}
.fd-high__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fd-space-4)}
.fd-high__item{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.fd-high__ico{width:44px;height:44px;border-radius:12px;background:var(--fd-ink-raise);color:var(--fd-sprout);display:grid;place-items:center;margin-bottom:4px}
.fd-high__ico svg{width:22px;height:22px}
.fd-high__item b{font-size:15px;font-weight:700}
.fd-high__item span{font-size:12.5px;color:var(--fd-txt-dim)}
@media (max-width:760px){.fd-high__grid{grid-template-columns:1fr 1fr;gap:var(--fd-space-4) var(--fd-space-3)}}

/* ==================== 10. Секции ==================== */
.fd-section{padding-block:var(--fd-space-5)}
.fd-section--alt{background:var(--fd-surface)}
.fd-section__head{/*max-width:60ch*/margin-bottom:var(--fd-space-5)}
.fd-section__head h2{font-size:var(--fd-fs-h2);letter-spacing:-.01em}
.fd-section__head p{margin:8px 0 0;color:var(--fd-text-muted);font-size:14.5px}
.fd-section__more{margin-top:var(--fd-space-5);display:flex;justify-content:center}

.fd-catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fd-space-3)}
.fd-cattile{
  display:flex;flex-direction:column;gap:10px;
  padding:var(--fd-space-4);border-radius:var(--fd-radius-lg);
  border:1px solid var(--fd-border);background:#fff;
  transition:border-color .18s,transform .18s var(--fd-ease),box-shadow .18s;
}
.fd-cattile:hover{border-color:var(--fd-sprout);transform:translateY(-3px);box-shadow:0 16px 30px -18px rgba(4,21,25,.25)}
.fd-cattile__ico{width:52px;height:52px;border-radius:14px;background:var(--fd-mist);color:var(--fd-leaf);display:grid;place-items:center}
.fd-cattile__ico svg{width:26px;height:26px}
.fd-cattile b{font-size:15px;font-weight:700;color:var(--fd-text)}
.fd-cattile small{font-size:12.5px;color:var(--fd-text-muted)}
@media (max-width:900px){.fd-catgrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fd-catgrid{grid-template-columns:1fr}}

/* --- 10.1 Категорийни плочки със снимка (.fd-cattile--media) --- */
.fd-catgrid--media{gap:var(--fd-space-4)}
.fd-cattile--media{padding:0;gap:0;overflow:hidden}
.fd-cattile__media{
  position:relative;display:block;overflow:hidden;
  aspect-ratio:4/3;background:var(--fd-mist);
}
.fd-cattile__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--fd-ease)}
.fd-cattile--media:hover .fd-cattile__media img{transform:scale(1.06)}
.fd-cattile__media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(to top,rgba(4,21,25,.34),rgba(4,21,25,0) 58%);
}
.fd-cattile__media--empty{display:grid;place-items:center;color:var(--fd-leaf-light)}
.fd-cattile__media--empty::after{display:none}
.fd-cattile__media--empty svg{width:75%;height:75%}
.fd-cattile__media .fd-cattile__ico{
  position:absolute;left:12px;top:12px;z-index:1;
  width:42px;height:42px;border-radius:12px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 16px -8px rgba(4,21,25,.5);
}
.fd-cattile__media .fd-cattile__ico svg{width:21px;height:21px}
.fd-cattile__body{display:flex;flex-direction:column;gap:4px;padding:var(--fd-space-3) var(--fd-space-4) var(--fd-space-4)}
.fd-cattile--media b{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.fd-cattile--media b svg{width:15px;height:15px;margin-top:3px;flex:none;color:var(--fd-leaf);transition:transform .18s var(--fd-ease)}
.fd-cattile--media:hover b svg{transform:translateX(3px)}
@media (max-width:560px){
  .fd-catgrid--media{grid-template-columns:1fr 1fr;gap:var(--fd-space-3)}
  .fd-cattile__body{padding:10px 12px 14px}
  .fd-cattile--media b{font-size:13.5px}
  .fd-cattile--media small{font-size:11.5px}
  .fd-cattile__media .fd-cattile__ico{width:34px;height:34px;left:8px;top:8px;border-radius:10px}
  .fd-cattile__media .fd-cattile__ico svg{width:17px;height:17px}
}
@media (prefers-reduced-motion:reduce){
  .fd-cattile__media img,.fd-cattile--media b svg{transition:none}
  .fd-cattile--media:hover .fd-cattile__media img{transform:none}
}

.fd-prodgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fd-space-4)}
.fd-prod{
  position:relative;display:flex;flex-direction:column;gap:6px;
  padding:var(--fd-space-3);border-radius:var(--fd-radius-lg);
  background:#fff;border:1px solid var(--fd-border);
  transition:border-color .18s,box-shadow .18s,transform .18s var(--fd-ease);
}
.fd-prod:hover{border-color:var(--fd-sprout);box-shadow:0 16px 30px -18px rgba(4,21,25,.25);transform:translateY(-3px)}
.fd-prod__visual{
  position:relative;display:grid;place-items:center;overflow:hidden;
  aspect-ratio:1/1;border-radius:14px;margin-bottom:6px;
  background:#fff;box-shadow:inset 0 0 0 1px var(--fd-border);color:var(--fd-leaf);
}
.fd-prod__visual img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .45s var(--fd-ease)}
.fd-prod:hover .fd-prod__visual img{transform:scale(1.05)}
.fd-prod__visual svg{width:44px;height:44px}
.fd-prod__badge{
  position:absolute;top:22px;left:22px;
  background:var(--fd-sprout);color:#0b1a08;
  font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 9px;border-radius:999px;
}
.fd-prod__badge--sale{background:var(--fd-bloom)}
.fd-prod__name{font-size:14px;font-weight:700;line-height:1.35;min-height:2.7em}
.fd-prod__name a:hover{color:var(--fd-leaf)}
.fd-prod__price{font-size:30px;line-height:1.1;font-weight:700;color:var(--fd-leaf);margin-top:2px}
.fd-prod__price s{font-size:15px;font-weight:500;color:var(--fd-text-muted);margin-left:8px}
.fd-prod__add{
  margin-top:4px;height:40px;border-radius:999px;
  background:var(--fd-mist);color:var(--fd-leaf);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:12.5px;font-weight:700;transition:.16s;
}
.fd-prod__add svg{width:15px;height:15px}
.fd-prod__add:hover{background:var(--fd-leaf);color:#fff}

/* --- 10.1 Ред „цена + бутон за количката" ---------------------
   Два варианта, превключвани с data-prodcard на <html>:
   v1 ( по подразбиране ) - само цена + кръгъл икон-бутон
   v2                     - същото + текстов линк „Детайли" отдолу
   Виж inline скрипта в public/head.htm и sections/products/card.htm
   -------------------------------------------------------------- */
.fd-prod__foot{
  margin-top:auto;padding-top:4px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.fd-prod__foot .fd-prod__price{margin-top:0}

.fd-prod__cart{
  position:relative;flex:none;
  width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--fd-leaf);color:#fff;
  box-shadow:0 8px 18px -10px rgba(69,114,6,.9);
  transition:background .16s,transform .16s var(--fd-ease),box-shadow .16s;
}
.fd-prod__cart:hover{background:var(--fd-leaf-lift);transform:translateY(-2px)}
.fd-prod__cart:active{transform:translateY(0) scale(.94)}
.fd-prod__cart .fd-prod__cart-i{
  grid-area:1/1;width:20px;height:20px;
  transition:opacity .18s,transform .18s var(--fd-ease);
}
.fd-prod__cart .fd-prod__cart-i--ok{opacity:0;transform:scale(.4)}
.fd-prod__cart-spin{
  grid-area:1/1;width:20px;height:20px;border-radius:50%;
  border:2px solid rgba(255,255,255,.35);border-top-color:#fff;
  opacity:0;transition:opacity .15s;
}

/* зает: скриваме иконата, показваме spinner */
.fd-prod__cart.is-busy{pointer-events:none}
.fd-prod__cart.is-busy .fd-prod__cart-i{opacity:0;transform:scale(.5)}
.fd-prod__cart.is-busy .fd-prod__cart-spin{opacity:1;animation:fd-spin .7s linear infinite}

/* успех: чавка за кратко */
.fd-prod__cart.is-ok{background:var(--fd-sprout);color:#0b1a08}
.fd-prod__cart.is-ok .fd-prod__cart-i--cart{opacity:0;transform:scale(.5)}
.fd-prod__cart.is-ok .fd-prod__cart-i--ok{opacity:1;transform:none}

/* изчерпан продукт */
.fd-prod__cart.is-out{
  background:var(--fd-mist);color:#a9b6ae;box-shadow:none;cursor:not-allowed;
}
.fd-prod__cart.is-out .fd-prod__cart-i{width:16px;height:16px}

@keyframes fd-spin{to{transform:rotate(360deg)}}

/* линк „Детайли" — само във вариант 2 */
.fd-prod__details{
  display:none;align-items:center;justify-content:center;gap:5px;
  margin-top:8px;padding-top:8px;border-top:1px solid var(--fd-border);
  font-size:12px;font-weight:700;letter-spacing:.02em;
  color:var(--fd-text-muted);transition:color .16s;
}
.fd-prod__details svg{width:12px;height:12px}
.fd-prod__details:hover{color:var(--fd-leaf)}
[data-prodcard="v2"] .fd-prod__details{display:flex}

@media (max-width:900px){
  .fd-prodgrid{grid-template-columns:1fr 1fr}
  .fd-prod__price{font-size:28px}
}
@media (max-width:560px){
  .fd-prodgrid{grid-template-columns:1fr 1fr;gap:var(--fd-space-3)}
  .fd-prod{padding:8px}
  .fd-prod__name{font-size:13px}
  .fd-prod__price{font-size:22px}
  .fd-prod__add{height:36px;font-size:12px}
  .fd-prod__foot{gap:6px}
  .fd-prod__cart{width:40px;height:40px}
  .fd-prod__cart .fd-prod__cart-i,.fd-prod__cart-spin{width:17px;height:17px}
}
@media (prefers-reduced-motion:reduce){
  .fd-prod__visual img{transition:none}
  .fd-prod:hover .fd-prod__visual img{transform:none}
}

/* ==================== 11. Промо банер ==================== */
.fd-band{background:linear-gradient(120deg,var(--fd-leaf) 0%,var(--fd-ink) 100%);color:#fff;padding-block:var(--fd-space-6)}
.fd-band__in{display:flex;align-items:center;gap:var(--fd-space-5)}
.fd-band__ico{flex:none;width:84px;height:84px;border-radius:20px;background:rgba(255,255,255,.12);display:grid;place-items:center}
.fd-band__ico svg{width:42px;height:42px}
.fd-band__copy{flex:1;min-width:0}
.fd-band__copy h2{font-size:var(--fd-fs-h2);margin:6px 0 0}
.fd-band__copy p{margin:8px 0 0;color:rgba(255,255,255,.82);max-width:60ch;font-size:14.5px}
@media (max-width:760px){.fd-band__in{flex-direction:column;text-align:center}}

/* ==================== 12. Newsletter ==================== */
.fd-news{padding-block:var(--fd-space-6);background:var(--fd-surface)}
.fd-news__in{
  display:flex;align-items:center;gap:var(--fd-space-5);
  background:#fff;border:1px solid var(--fd-border);border-radius:var(--fd-radius-lg);
  padding:var(--fd-space-5);
}
.fd-news__ico{flex:none;width:56px;height:56px;border-radius:14px;background:var(--fd-mist);color:var(--fd-leaf);display:grid;place-items:center}
.fd-news__ico svg{width:26px;height:26px}
.fd-news__copy{flex:1;min-width:220px}
.fd-news__copy h2{font-size:20px}
.fd-news__copy p{margin:6px 0 0;color:var(--fd-text-muted);font-size:13.5px}
.fd-news__form{display:flex;gap:10px;flex:none}
.fd-news__form input{height:48px;min-width:220px;border-radius:999px;border:1.5px solid var(--fd-border);padding:0 18px;font-size:14px;font-family:inherit}
.fd-news__form input:focus-visible{outline:2px solid var(--fd-sprout);outline-offset:1px}
.fd-news__form button{height:48px;padding:0 22px;border-radius:999px;background:var(--fd-leaf);color:#fff;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;gap:8px;transition:.16s}
.fd-news__form button:hover{background:var(--fd-leaf-lift)}
.fd-news__form button svg{width:15px;height:15px}
@media (max-width:760px){.fd-news__in{flex-direction:column;align-items:stretch;text-align:center}.fd-news__form{flex-direction:column}.fd-news__form input{min-width:0}}

/* ==================== 13. Футър ==================== */
.fd-footer{background:var(--fd-ink-deep);color:var(--fd-txt-dim)}
.fd-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--fd-space-5);padding-block:var(--fd-space-6) var(--fd-space-5)}
.fd-footer__col h3{color:#fff;font-size:14px;margin-bottom:var(--fd-space-3)}
.fd-footer__col ul{display:grid;gap:10px}
.fd-footer__col a{font-size:13.5px;transition:color .16s}
.fd-footer__col a:hover{color:#fff}
.fd-footer__col--brand p{margin:var(--fd-space-3) 0;font-size:13.5px;max-width:45ch;line-height:1.6}
.fd-footer__logo img{height:52px;width:auto}
.fd-footer__social{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--fd-ink-raise);color:#fff}
.fd-footer__social:hover{background:var(--fd-leaf)}
.fd-footer__social svg{width:16px;height:16px}
.fd-footer__contact{display:grid;gap:12px}
.fd-footer__contact li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5}
.fd-footer__contact svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--fd-sprout)}
.fd-footer__pay{display:flex;gap:10px;flex-wrap:wrap;padding-block:var(--fd-space-3);border-top:1px solid var(--fd-line)}
.fd-pay{font-size:11.5px;font-weight:700;color:var(--fd-txt-dim);border:1px solid var(--fd-line);border-radius:999px;padding:6px 14px}
.fd-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--fd-space-3);border-top:1px solid var(--fd-line);padding-block:var(--fd-space-3);font-size:12.5px;flex-wrap:wrap}
.fd-footer__legal{display:flex;gap:var(--fd-space-4);font-size:11px;}
.fd-footer__legal a:hover{color:#fff}

/* --- 13.1 Колона "Полезно" · линк към всички статии ------------ */
.fd-footer__more{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700}
.fd-footer__more svg{width:14px;height:14px;transition:transform .16s var(--fd-ease)}
.fd-footer__more:hover svg{transform:translateX(3px)}

/* --- 13.2 Бюлетин във футъра ----------------------------------
   Базовите .fd-news__* правила са в секция 12 ( светлата лента ).
   Тук се пре-дефинира само тъмният вариант вътре във футъра.      */
.fd-footer .fd-news__form{flex-wrap:wrap;gap:8px;margin-top:var(--fd-space-3)}
.fd-footer .fd-news__form input{
  flex:1 1 190px;min-width:0;height:42px;padding:0 16px;font-size:13px;
  background:var(--fd-ink-raise);border:1px solid var(--fd-line);color:#fff;
}
.fd-footer .fd-news__form input::placeholder{color:#6d8781}
.fd-footer .fd-news__form button{height:42px;padding:0 20px;font-size:12.5px}
.fd-footer .fd-news__form.is-busy{opacity:.6;pointer-events:none}
.fd-news__hint{margin:10px 0 0;font-size:11.5px;line-height:1.45;color:#6d8781;max-width:45ch}
.fd-news__hint.is-ok{color:var(--fd-sprout)}
.fd-news__hint.is-error{color:#ff9b8f}

/* --- 13.3 Лента "доверие" -------------------------------------
   Маркъпът във footer.htm е временно коментиран.                 */
.fd-footer__trust{
  display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fd-space-4);
  border-top:1px solid var(--fd-line);padding-block:var(--fd-space-4);
}
.fd-footer__trust li{display:flex;align-items:center;gap:12px;font-size:12.5px;line-height:1.35}
.fd-footer__trust svg{width:22px;height:22px;flex:none;color:var(--fd-sprout)}
.fd-footer__trust b{display:block;color:#fff;font-size:13px;margin-bottom:2px}
.fd-footer__trust--slim svg{width:18px;height:18px}
.fd-footer__trust--slim b{display:inline;margin:0}

@media (max-width:980px){.fd-footer__grid{grid-template-columns:1fr 1fr;row-gap:var(--fd-space-5)}}
@media (max-width:900px){.fd-footer__trust{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.fd-footer__grid{grid-template-columns:1fr}}
@media (max-width:520px){.fd-footer__trust{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ==================== 14. Вътрешни страници · форми ====================
   Използва се от: public/login, public/registration, public/contact
   Всички цветове идват от :root променливите по-горе.
   ====================================================================== */

/* --- 14.1 Обвивка на вътрешна страница ------------------------ */
.fd-page{padding-block:var(--fd-space-6);background:var(--fd-paper)}
.fd-page--alt{background:var(--fd-surface)}
.fd-page__head{text-align:center;max-width:72ch;margin:0 auto var(--fd-space-6)}
.fd-page__head h1{font-size:var(--fd-fs-h1);line-height:var(--fd-lh-tight);letter-spacing:-.01em;color:var(--fd-text)}
.fd-page__head h2{font-size:var(--fd-fs-h2);line-height:var(--fd-lh-tight);letter-spacing:-.01em;color:var(--fd-text)}
.fd-page__rule{display:block;width:64px;height:4px;border-radius:999px;background:var(--fd-sprout);margin:var(--fd-space-3) auto 0}
.fd-page__sub{margin:var(--fd-space-3) 0 0;color:var(--fd-text-muted);font-size:16px;line-height:1.6}
/* seo_h2 се извежда като истинско <h2> — SEO тежест без визуален шум */
.fd-page__head h2.fd-page__sub{
  font-size:17px;font-weight:500;letter-spacing:0;
  color:var(--fd-text-muted);line-height:1.6;
}

/* --- 14.2 Текст от редактора (page_content) ------------------- */
.fd-prose{color:var(--fd-text-muted);font-size:14.5px;line-height:1.7}
.fd-prose > *:last-child{margin-bottom:0}
.fd-prose p{margin:0 0 var(--fd-space-3)}
.fd-prose h2,.fd-prose h3,.fd-prose h4{color:var(--fd-text);font-size:var(--fd-fs-h3);font-weight:700;margin:0 0 var(--fd-space-2);line-height:1.3}
.fd-prose strong,.fd-prose b{color:var(--fd-text);font-weight:700}
.fd-prose a{color:var(--fd-leaf);font-weight:600}
.fd-prose a:hover{text-decoration:underline}
.fd-prose ul,.fd-prose ol{display:grid;gap:8px;margin:0 0 var(--fd-space-3);padding:0}
.fd-prose ul li{position:relative;padding-left:22px;list-style:none}
.fd-prose ul li::before{content:"";position:absolute;left:5px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--fd-sprout)}
.fd-prose ol{padding-left:20px}
.fd-prose ol li{list-style:decimal;padding-left:4px}
.fd-prose img{border-radius:var(--fd-radius);margin-bottom:var(--fd-space-3)}
.fd-prose table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0 0 var(--fd-space-3)}
.fd-prose th,.fd-prose td{border:1px solid var(--fd-border);padding:8px 12px;text-align:left}

/* --- 14.3 Карта (контейнер) ----------------------------------- */
.fd-card{
  background:var(--fd-paper);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius-lg);
  padding:var(--fd-space-5);
  box-shadow:0 18px 44px -30px rgba(4,21,25,.4);
}
.fd-card--flat{box-shadow:none}
.fd-card--mist{background:var(--fd-surface)}
.fd-card__title{
  display:flex;align-items:center;gap:10px;
  font-size:var(--fd-fs-h3);font-weight:800;color:var(--fd-text);
  margin:0 0 var(--fd-space-4);line-height:1.3;
}
.fd-card__title svg{width:20px;height:20px;flex:none;color:var(--fd-leaf)}

/* --- 14.4 Форма ----------------------------------------------- */
.fd-form{display:grid;gap:var(--fd-space-4)}
.fd-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--fd-space-4)}
.fd-field{display:grid;gap:6px;min-width:0}
.fd-field--wide{grid-column:1/-1}
.fd-field__label{
  font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fd-text-muted);
}
.fd-field__label .fd-req{color:var(--fd-leaf);margin-left:2px}
.fd-field__hint{font-size:12px;color:var(--fd-text-muted)}

.fd-input,.fd-textarea,.fd-select{
  width:100%;max-width:100%;
  font-family:inherit;font-size:14.5px;font-weight:500;color:var(--fd-text);
  background:var(--fd-paper);
  border:1.5px solid var(--fd-border);
  border-radius:var(--fd-radius);
  height:48px;padding:0 16px;
  transition:border-color .16s,box-shadow .16s;
}
.fd-textarea{height:auto;min-height:140px;padding:14px 16px;line-height:1.6;resize:vertical}
.fd-select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  padding-right:40px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6d66' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px;
}
.fd-input::placeholder,.fd-textarea::placeholder{color:#9aa8a2;font-weight:500}
.fd-input:hover,.fd-textarea:hover,.fd-select:hover{border-color:#d2ddc8}
.fd-input:focus,.fd-textarea:focus,.fd-select:focus{
  border-color:var(--fd-sprout);
  box-shadow:0 0 0 3px rgba(122,191,24,.22);
}
.fd-input:focus,.fd-input:focus-visible,
.fd-textarea:focus,.fd-textarea:focus-visible,
.fd-select:focus,.fd-select:focus-visible{outline:none}
.fd-input[disabled],.fd-textarea[disabled],.fd-select[disabled]{background:var(--fd-surface);color:#9aa8a2;cursor:not-allowed}

/* Checkbox / radio */
.fd-check{display:flex;align-items:flex-start;gap:11px}
.fd-check input[type="checkbox"],
.fd-check input[type="radio"]{
  appearance:none;-webkit-appearance:none;
  flex:none;width:20px;height:20px;margin:1px 0 0;position:relative;
  border:1.5px solid var(--fd-border);border-radius:6px;background:#fff;
  cursor:pointer;transition:background .16s,border-color .16s;
}
.fd-check input[type="radio"]{border-radius:50%}
.fd-check input:hover{border-color:var(--fd-sprout)}
.fd-check input:focus-visible{outline:2px solid var(--fd-sprout);outline-offset:2px}
.fd-check input:checked{background:var(--fd-leaf);border-color:var(--fd-leaf)}
.fd-check input[type="checkbox"]:checked::after{
  content:"";position:absolute;left:6px;top:2px;
  width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;
  transform:rotate(45deg);
}
.fd-check input[type="radio"]:checked::after{
  content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;
}
.fd-check label{font-size:13.5px;line-height:1.5;color:var(--fd-text-muted);cursor:pointer}
.fd-check label a{color:var(--fd-leaf);font-weight:600}
.fd-check label a:hover{text-decoration:underline}

/* Действия */
.fd-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fd-space-3)}
.fd-btn--block{width:100%}
.fd-btn[disabled],.fd-btn.is-busy{opacity:.6;pointer-events:none}

/* --- 14.5 Съобщения ------------------------------------------- */
.fd-alert{
  display:flex;align-items:flex-start;gap:10px;
  margin:0 0 var(--fd-space-4);
  padding:13px 16px;border-radius:var(--fd-radius);
  border:1px solid;font-size:13.5px;line-height:1.5;
}
.fd-alert:last-child{margin-bottom:0}
.fd-alert svg{width:17px;height:17px;flex:none;margin-top:2px}
.fd-alert p{margin:0}
.fd-alert--success{background:#f1f8e7;border-color:#c9e3a4;color:#33590a}
.fd-alert--warning{background:#fdf4e3;border-color:#f0d9a2;color:#7a5504}
.fd-alert--error{background:#fbeceb;border-color:#eec3bf;color:#8c2f26}
.fd-alert[hidden]{display:none}

/* --- 14.6 Вход / Регистрация ---------------------------------- */
.fd-auth{max-width:520px;margin-inline:auto}
.fd-auth__hints{margin-bottom:var(--fd-space-4);text-align:center}
.fd-auth__foot{margin-top:var(--fd-space-4);text-align:center;font-size:13.5px;color:var(--fd-text-muted)}
.fd-auth__foot a{color:var(--fd-leaf);font-weight:700}
.fd-auth__foot a:hover{text-decoration:underline}

/* --- 14.7 Контакти -------------------------------------------- */
.fd-contact__grid{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:var(--fd-space-5);
  align-items:start;
}
.fd-contact__intro{margin-bottom:var(--fd-space-5);}

.fd-infolist{display:grid}
.fd-infolist li{
  display:flex;align-items:flex-start;gap:13px;
  padding:13px 0;border-bottom:1px solid var(--fd-border);
  font-size:13.5px;line-height:1.5;min-width:0;
}
.fd-infolist li:first-child{padding-top:0}
.fd-infolist li:last-child{border-bottom:0;padding-bottom:0}
.fd-infolist__ico{
  flex:none;width:38px;height:38px;border-radius:11px;
  background:var(--fd-mist);color:var(--fd-leaf);
  display:grid;place-items:center;
}
.fd-infolist__ico svg{width:18px;height:18px}
.fd-infolist__body{min-width:0}
.fd-infolist__label{
  display:block;margin-bottom:2px;
  font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--fd-text-muted);
}
.fd-infolist__val{display:block;font-weight:600;color:var(--fd-text);word-break:break-word}
.fd-infolist a.fd-infolist__val:hover{color:var(--fd-leaf)}

.fd-contact__social{
  display:flex;flex-wrap:wrap;gap:10px;
  margin-top:var(--fd-space-4);padding-top:var(--fd-space-4);
  border-top:1px solid var(--fd-border);
}

/* Карта */
.fd-map{margin-top:var(--fd-space-6)}
.fd-map__head{margin-bottom:var(--fd-space-4)}
.fd-map__head h2{font-size:var(--fd-fs-h2);letter-spacing:-.01em;color:var(--fd-text)}
.fd-map__frame{
  position:relative;overflow:hidden;
  border:1px solid var(--fd-border);border-radius:var(--fd-radius-lg);
  background:var(--fd-mist);
  box-shadow:0 18px 44px -32px rgba(4,21,25,.45);
}
.fd-map__frame iframe{display:block;width:100%;height:440px;border:0}

/* --- 14.8 Responsive ------------------------------------------ */
@media (max-width:960px){
  .fd-contact__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .fd-page{padding-block:var(--fd-space-5)}
  .fd-page__head{margin-bottom:var(--fd-space-5)}
  .fd-form__grid{grid-template-columns:1fr}
  .fd-card{padding:var(--fd-space-4);border-radius:var(--fd-radius)}
  .fd-map__frame{border-radius:var(--fd-radius)}
  .fd-map__frame iframe{height:320px}
  .fd-form__actions .fd-btn{width:100%}
}

/* --- 14.9 Трохи ( breadcrumbs ) -------------------------------
   Ползва се от: public/page/index.htm
   -------------------------------------------------------------- */
.fd-crumbs{margin:0 0 var(--fd-space-4)}
.fd-crumbs ol{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px;
  font-size:12.5px;font-weight:600;color:var(--fd-text-muted);
}
.fd-crumbs li{display:inline-flex;align-items:center;gap:6px;min-width:0}
.fd-crumbs li + li::before{
  content:"";width:5px;height:5px;flex:none;
  border-right:1.5px solid #c3cdbb;border-top:1.5px solid #c3cdbb;
  transform:rotate(45deg);
}
.fd-crumbs a{display:inline-flex;align-items:center;gap:6px;transition:color .16s}
.fd-crumbs a:hover{color:var(--fd-leaf)}
.fd-crumbs svg{width:14px;height:14px;flex:none;color:var(--fd-sprout)}
.fd-crumbs [aria-current="page"] span{
  color:var(--fd-text);
  max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* --- 14.10 Съдържателна страница ( page_content от TinyMCE ) ---
   .fd-article стеснява колоната до четима ширина; .fd-prose--page е
   „основен текст" вариантът на .fd-prose ( по-контрастен и по-едър ).
   -------------------------------------------------------------- */
.fd-article{max-width:var(--fd-read);margin-inline:auto}

.fd-prose--page{color:var(--fd-text);font-size:16px;line-height:1.75}
.fd-prose--page p{margin:0 0 var(--fd-space-4)}
.fd-prose--page h2,
.fd-prose--page h3,
.fd-prose--page h4{
  color:var(--fd-text);font-weight:800;line-height:1.3;
  margin:var(--fd-space-6) 0 var(--fd-space-3);
  scroll-margin-top:140px;
}
.fd-prose--page > h2:first-child,
.fd-prose--page > h3:first-child,
.fd-prose--page > h4:first-child{margin-top:0}
.fd-prose--page h2{
  font-size:var(--fd-fs-h2);letter-spacing:-.01em;
  padding-bottom:var(--fd-space-3);
  border-bottom:1px solid var(--fd-border);
}
.fd-prose--page h3{font-size:19px}
.fd-prose--page h4{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--fd-text-muted)}
.fd-prose--page ul,
.fd-prose--page ol{gap:10px;margin:0 0 var(--fd-space-4)}
.fd-prose--page li{color:var(--fd-text)}
.fd-prose--page ul li::before{top:.66em;background:var(--fd-leaf)}
.fd-prose--page blockquote{
  margin:0 0 var(--fd-space-4);padding:var(--fd-space-4) var(--fd-space-5);
  background:var(--fd-mist);border-left:4px solid var(--fd-sprout);
  border-radius:0 var(--fd-radius) var(--fd-radius) 0;
  color:var(--fd-text);font-size:15.5px;
}
.fd-prose--page blockquote p:last-child{margin-bottom:0}
.fd-prose--page hr{
  border:0;height:1px;background:var(--fd-border);
  margin:var(--fd-space-6) 0;
}
.fd-prose--page img{margin:var(--fd-space-4) 0}
.fd-prose--page table{margin:0 0 var(--fd-space-4);font-size:14.5px}
.fd-prose--page th{background:var(--fd-mist);font-weight:700;color:var(--fd-text)}
.fd-prose--page th,
.fd-prose--page td{padding:11px 14px}
/* широки таблици от редактора не бива да чупят страницата */
.fd-prose--page > table{display:block;overflow-x:auto}

/* --- 14.11 Галерия към страницата ------------------------------
   Лайтбоксът е Magnific Popup ( .magnificPopup , секция 19 ).
   -------------------------------------------------------------- */
.fd-gallery{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:var(--fd-space-3);
  max-width:var(--fd-read);margin:var(--fd-space-6) auto 0;
}
.fd-gallery__item{
  display:block;overflow:hidden;position:relative;
  border-radius:var(--fd-radius);border:1px solid var(--fd-border);
  background:var(--fd-surface);
  aspect-ratio:4/3;
}
.fd-gallery__item img{
  width:100%;height:100%;object-fit:cover;
  transition:transform .4s var(--fd-ease);
}
.fd-gallery__item:hover img{transform:scale(1.06)}
.fd-gallery__item::after{
  content:"";position:absolute;inset:0;
  background:rgba(4,21,25,.16);opacity:0;transition:opacity .2s;
}
.fd-gallery__item:hover::after{opacity:1}

/* --- 14.12 Responsive ( 14.9 – 14.11 ) ------------------------- */
@media (max-width:640px){
  .fd-crumbs{margin-bottom:var(--fd-space-3)}
  .fd-crumbs ol{font-size:12px}
  .fd-crumbs [aria-current="page"] span{max-width:22ch}
  .fd-prose--page{font-size:15.5px}
  .fd-prose--page h2,
  .fd-prose--page h3,
  .fd-prose--page h4{margin-top:var(--fd-space-5)}
  .fd-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:var(--fd-space-5)}
}
/* ==================== 14. END ==================== */

/* ==================== 15. Пазарска количка / Поръчка ====================
   Използва се от: public/cart/index.htm
   Скриптове: assets/js/cart.js ( data-cart-* ) , assets/js/cart-page.js ,
              assets/js/jquery.min.js ( checkout / delivery / order )

   ВАЖНО: част от селекторите тук стилизират HTML, който идва ГОТОВ от
   сървъра и не бива да се променя в PHP:
     .delivery_method , .choice , .company , .price , .offices   ( delivery_methods.php )
     #streets li.suggest                                        ( delivery_streets.php )
     .loady                                                     ( jquery.min.js )
     .alert.alert-danger                                        ( delivery_methods.php )
   ====================================================================== */

/* --- 15.1 Скелет ---------------------------------------------- */
.fd-checkout__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 380px;
  gap:var(--fd-space-5);
  align-items:start;
}
.fd-checkout__main{display:grid;gap:var(--fd-space-4);min-width:0}
.fd-checkout__aside{
  position:sticky;top:138px;
  display:grid;gap:var(--fd-space-4);min-width:0;
}

/* --- 15.2 Редове в количката ---------------------------------- */
.fd-lines{padding-bottom:var(--fd-space-4)}
.fd-lines__count{
  margin-left:auto;flex:none;
  min-width:26px;height:22px;padding:0 8px;border-radius:999px;
  background:var(--fd-mist);color:var(--fd-leaf);
  font-size:12px;font-weight:800;
  display:inline-grid;place-items:center;
}
.fd-lines__list{display:grid;border-top:1px solid var(--fd-border)}

.fd-line{
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr) auto auto;
  grid-template-areas:"media body qty sum";
  align-items:center;
  gap:var(--fd-space-4);
  padding:var(--fd-space-4) 40px var(--fd-space-4) 0;
  border-bottom:1px solid var(--fd-border);
}
.fd-line__media{
  grid-area:media;
  width:76px;height:76px;border-radius:var(--fd-radius);
  background:var(--fd-mist);color:var(--fd-leaf);
  display:grid;place-items:center;overflow:hidden;padding:4px;
}
.fd-line__media img{width:100%;height:100%;object-fit:contain}
.fd-line__media svg{width:30px;height:30px}

.fd-line__body{grid-area:body;min-width:0;display:grid;gap:4px}
.fd-line__name{
  font-size:14.5px;font-weight:700;line-height:1.35;color:var(--fd-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.fd-line__name:hover{color:var(--fd-leaf)}
.fd-line__meta{
  display:flex;flex-wrap:wrap;gap:4px 14px;
  font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--fd-text-muted);
}
.fd-line__meta b{color:var(--fd-text);font-weight:800}

/* Заявена разновидност - продукт БЕЗ свързани продукти, чийто избор от
   продуктовата страница ще влезе в коментара на поръчката.
   Контракт: docs/product-preferences.md */
.fd-line__pref{
  display:flex;flex-direction:column;gap:2px;
  margin:2px 0 0;padding:6px 10px;
  border-left:2px solid var(--fd-sprout);
  background:var(--fd-mist);border-radius:0 var(--fd-radius) var(--fd-radius) 0;
  font-size:12px;line-height:1.45;
}
.fd-line__pref span{color:var(--fd-text-muted)}
.fd-line__pref b{color:var(--fd-text);font-weight:700}

.fd-line__unit{font-size:12.5px;color:var(--fd-text-muted)}

.fd-line__qty{grid-area:qty}
.fd-line__sum{
  grid-area:sum;
  min-width:96px;text-align:right;
  font-size:16px;font-weight:800;color:var(--fd-text);white-space:nowrap;
}
.fd-line__rm{
  position:absolute;top:50%;right:0;transform:translateY(-50%);
  width:30px;height:30px;border-radius:50%;
  display:grid;place-items:center;color:#a4b0aa;transition:.16s;
}
.fd-line__rm svg{width:11px;height:11px}
.fd-line__rm:hover{background:#fbeaea;color:#b03a3a}
.fd-line.is-busy{opacity:.5;pointer-events:none}

/* стъпков контрол — по-голям вариант на .fd-qty от мини количката */
.fd-qty--lg{border-color:#dde5d5;border-radius:999px;margin-top:0;background:var(--fd-paper)}
.fd-qty--lg button{width:34px;height:34px;font-size:17px}
.fd-qty__in{
  width:46px;height:34px;padding:0;
  border:0;background:none;outline:none;
  font-family:inherit;font-size:13.5px;font-weight:800;color:var(--fd-text);
  text-align:center;-moz-appearance:textfield;
}
.fd-qty__in::-webkit-outer-spin-button,
.fd-qty__in::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.fd-qty__in[disabled]{opacity:.5}

.fd-lines__foot{
  display:flex;align-items:baseline;justify-content:space-between;gap:var(--fd-space-3);
  padding-top:var(--fd-space-4);
}
.fd-lines__foot-label{
  font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fd-text-muted);
}
.fd-lines__foot-label em{
  display:block;margin-top:3px;
  font-style:normal;font-weight:600;letter-spacing:0;text-transform:none;font-size:11.5px;
}
.fd-lines__foot-sum{font-size:22px;font-weight:800;color:var(--fd-text);white-space:nowrap}
.fd-lines__phys{margin:6px 0 0;text-align:right;font-size:12px;color:var(--fd-text-muted)}

/* --- 15.3 Стъпки ---------------------------------------------- */
.fd-steps{display:grid;gap:var(--fd-space-4)}
.fd-step__title{
  display:flex;align-items:center;gap:12px;
  font-size:var(--fd-fs-h3);font-weight:800;color:var(--fd-text);
  margin:0 0 var(--fd-space-4);line-height:1.3;
}
.fd-step__n{
  flex:none;width:30px;height:30px;border-radius:50%;
  background:var(--fd-leaf);color:#fff;
  font-size:13px;font-weight:800;
  display:grid;place-items:center;
}
.fd-step__hint{margin:0 0 var(--fd-space-4);font-size:13px;color:var(--fd-text-muted);line-height:1.6}
.fd-form__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.fd-form__grid--3 .fd-field--street{grid-column:span 2}

/* --- 15.4 Подсказки за улица ( #streets — сървърен HTML ) ------ */
.fd-suggest{position:relative}
#streets{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;
  background:var(--fd-paper);
  border:1px solid var(--fd-border);border-radius:var(--fd-radius);
  box-shadow:0 18px 44px -22px rgba(4,21,25,.45);
  max-height:260px;overflow-y:auto;
}
#streets:empty{display:none !important}
#streets ul{display:grid}
#streets li.suggest{
  padding:10px 14px;font-size:13.5px;line-height:1.4;cursor:pointer;
  border-bottom:1px solid #f2f5ee;transition:background .14s,color .14s;
}
#streets li.suggest:last-child{border-bottom:0}
#streets li.suggest:hover{background:var(--fd-mist);color:var(--fd-leaf)}

/* --- 15.4a Datepicker ( публичен checkout ) --------------------- */
.ui-datepicker.fd-datepicker-public{
  width:320px !important;max-width:calc(100vw - 40px);padding:var(--fd-space-3);
  border:1px solid var(--fd-border);border-radius:var(--fd-radius);
  background:var(--fd-paper);box-shadow:0 18px 44px -22px rgba(4,21,25,.45);
  font-family:inherit;font-size:13px;color:var(--fd-text);z-index:50 !important;
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-header{
  display:flex;align-items:center;justify-content:space-between;
  min-height:42px;padding:4px 6px;
  border:0;border-radius:6px;background:var(--fd-mist);color:var(--fd-text);
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-title{
  display:flex;align-items:center;justify-content:center;gap:0;
  margin:0 34px;font-weight:700;
}
.ui-datepicker.fd-datepicker-public select.ui-datepicker-month,
.ui-datepicker.fd-datepicker-public select.ui-datepicker-year{
  height:30px;margin:0;padding:0 24px 0 8px;
  border:1px solid var(--fd-border);border-radius:6px;background:var(--fd-paper);
  color:var(--fd-text);font-family:inherit;font-size:13px;font-weight:600;line-height:1;cursor:pointer;
}
.ui-datepicker.fd-datepicker-public select.ui-datepicker-month:focus,
.ui-datepicker.fd-datepicker-public select.ui-datepicker-year:focus{
  outline:2px solid var(--fd-sprout);outline-offset:1px;
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-prev,
.ui-datepicker.fd-datepicker-public .ui-datepicker-next{
  top:9px;width:24px;height:24px;border-radius:50%;
  background:var(--fd-text-muted);cursor:pointer;
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-prev{left:6px}
.ui-datepicker.fd-datepicker-public .ui-datepicker-next{right:6px}
.ui-datepicker.fd-datepicker-public .ui-datepicker-prev:hover,
.ui-datepicker.fd-datepicker-public .ui-datepicker-next:hover{
  border:0;background:var(--fd-leaf);
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-prev .ui-icon,
.ui-datepicker.fd-datepicker-public .ui-datepicker-next .ui-icon{
  display:none;
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-prev::before,
.ui-datepicker.fd-datepicker-public .ui-datepicker-next::before{
  display:block;color:var(--fd-paper);font-size:20px;font-weight:500;line-height:23px;text-align:center;
}
.ui-datepicker.fd-datepicker-public .ui-datepicker-prev::before{content:"\2039"}
.ui-datepicker.fd-datepicker-public .ui-datepicker-next::before{content:"\203A"}
.ui-datepicker.fd-datepicker-public table{
  width:100%;margin:var(--fd-space-3) 0 0;border-collapse:separate;border-spacing:3px;
}
.ui-datepicker.fd-datepicker-public th{
  padding:2px 0 5px;color:var(--fd-text);font-size:12px;font-weight:800;
}
.ui-datepicker.fd-datepicker-public td{padding:0;text-align:center}
.ui-datepicker.fd-datepicker-public td span,
.ui-datepicker.fd-datepicker-public td a{
  display:grid;place-items:center;width:100%;height:34px;
  border:1px solid var(--fd-border);border-radius:0;
  background:var(--fd-surface);color:var(--fd-text);font-size:13px;
}
.ui-datepicker.fd-datepicker-public td a:hover,
.ui-datepicker.fd-datepicker-public td a:focus{
  border-color:var(--fd-sprout);background:var(--fd-mist);color:var(--fd-leaf);
  outline:none;
}
.ui-datepicker.fd-datepicker-public td.ui-datepicker-today a{
  border-color:var(--fd-sprout);background:var(--fd-bloom);color:var(--fd-text);
}
.ui-datepicker.fd-datepicker-public td .ui-state-active{
  border-color:var(--fd-leaf);background:var(--fd-leaf);color:var(--fd-paper);
  font-weight:800;
}
.ui-datepicker.fd-datepicker-public td.ui-datepicker-other-month span{visibility:hidden}
@media (max-width:600px){
  .ui-datepicker.fd-datepicker-public{
    width:calc(100vw - 40px) !important;left:20px !important;
  }
}

/* --- 15.5 Методи за доставка ( сървърен HTML ) ----------------- */
.fd-methods{display:grid;gap:10px}
.fd-methods__idle{
  display:flex;align-items:center;gap:12px;
  padding:18px;border:1.5px dashed var(--fd-border);border-radius:var(--fd-radius);
  color:var(--fd-text-muted);font-size:13px;
}
.fd-methods__idle svg{width:22px;height:22px;flex:none;color:var(--fd-leaf-light)}
.fd-methods__idle p{margin:0}

.fd-methods .delivery_method,
#delivery_methods .delivery_method{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) auto;
  grid-template-areas:
    "choice company name price"
    "offices offices offices offices";
  align-items:center;
  gap:6px 14px;
  padding:14px 18px;
  border:1.5px solid var(--fd-border);border-radius:var(--fd-radius);
  background:var(--fd-paper);
  cursor:pointer;
  transition:border-color .16s,box-shadow .16s,background .16s;
}
#delivery_methods .delivery_method:hover{border-color:#cfdcc2;background:var(--fd-surface)}
#delivery_methods .delivery_method.selected{
  border-color:var(--fd-sprout);
  background:#fbfdf6;
  box-shadow:0 0 0 3px rgba(122,191,24,.16);
}
#delivery_methods .delivery_method > .clearfix{display:none}

#delivery_methods .delivery_method > .choice{grid-area:choice;display:flex;align-items:center}
#delivery_methods .delivery_method input[type="radio"]{
  appearance:none;-webkit-appearance:none;
  width:20px;height:20px;margin:0;flex:none;position:relative;
  border:1.5px solid var(--fd-border);border-radius:50%;background:#fff;
  cursor:pointer;transition:background .16s,border-color .16s;
}
#delivery_methods .delivery_method input[type="radio"]:checked{background:var(--fd-leaf);border-color:var(--fd-leaf)}
#delivery_methods .delivery_method input[type="radio"]:checked::after{
  content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#fff;
}

#delivery_methods .delivery_method > .company{grid-area:company;display:flex;align-items:center}
#delivery_methods .delivery_method > .company img{
  max-width:86px !important;max-height:34px !important;
  width:auto;height:auto;object-fit:contain;
}
#delivery_methods .delivery_method > h5{
  grid-area:name;margin:0;min-width:0;
  font-size:13.5px;font-weight:700;line-height:1.35;color:var(--fd-text);
}
#delivery_methods .delivery_method > .price{
  grid-area:price;white-space:nowrap;
  font-size:15px;font-weight:800;color:var(--fd-leaf);
}
#delivery_methods .delivery_method > .offices{grid-area:offices;margin-top:8px}
#delivery_methods .delivery_method select{
  width:100%;max-width:100%;
  font-family:inherit;font-size:13.5px;font-weight:500;color:var(--fd-text);
  background:var(--fd-paper);
  border:1.5px solid var(--fd-border);border-radius:var(--fd-radius);
  height:44px;padding:0 38px 0 14px;cursor:pointer;
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235d6d66' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:14px 14px;
}
#delivery_methods .delivery_method select:focus{outline:none;border-color:var(--fd-sprout);box-shadow:0 0 0 3px rgba(122,191,24,.22)}
#delivery_methods .delivery_method select[disabled]{background-color:var(--fd-surface);color:#9aa8a2;cursor:not-allowed}

/* съобщения от сървъра ( Bootstrap-подобни класове ) */
.fd-checkout .alert{
  margin:0;padding:13px 16px;border-radius:var(--fd-radius);
  border:1px solid;font-size:13.5px;line-height:1.5;
}
.fd-checkout .alert-danger{background:#fbeceb;border-color:#eec3bf;color:#8c2f26}

/* --- 15.6 Loader ( .loady — идва от jquery.min.js ) ------------ */
.loady{
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:22px;text-align:center;
  font-size:13px;color:var(--fd-text-muted);
}
.loady img{width:24px;height:auto}
.loady p{margin:0}

/* --- 15.7 Сегментиран избор ( Да / Не ) ------------------------ */
.fd-segment{display:inline-flex;gap:6px;padding:4px;border-radius:999px;background:var(--fd-mist)}
.fd-segment li{display:flex;position:relative}
.fd-segment input[type="radio"]{
  position:absolute;inset:0;width:100%;height:100%;
  opacity:0;margin:0;cursor:pointer;
}
.fd-segment label{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:78px;height:36px;padding:0 18px;border-radius:999px;
  font-size:12.5px;font-weight:700;color:var(--fd-text-muted);
  cursor:pointer;transition:background .16s,color .16s,box-shadow .16s;
}
.fd-segment input:hover + label{color:var(--fd-text)}
.fd-segment input:checked + label{background:var(--fd-paper);color:var(--fd-leaf);box-shadow:0 2px 8px -3px rgba(4,21,25,.35)}
.fd-segment input:focus-visible + label{outline:2px solid var(--fd-sprout);outline-offset:2px}

.fd-invoice{margin-top:var(--fd-space-4)}

/* --- 15.8 Обобщение ------------------------------------------- */
.fd-summary{border-top:3px solid var(--fd-sprout)}
.fd-summary__rows{display:grid;gap:2px;margin-bottom:var(--fd-space-4)}
.fd-summary__rows p{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:0;padding:9px 0;border-bottom:1px solid var(--fd-border);
  font-size:13.5px;color:var(--fd-text-muted);
}
.fd-summary__rows p strong{font-weight:600;color:var(--fd-text-muted)}
.fd-summary__rows p span{font-weight:800;color:var(--fd-text);white-space:nowrap;text-align:right}
.fd-summary__rows .price-total{padding-top:13px;border-bottom:0}
.fd-summary__rows .price-total strong{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--fd-text)}
.fd-summary__rows .price-total span{font-size:24px;color:var(--fd-leaf)}
.fd-summary__rows .vat{
  display:block;padding:0;border-bottom:0;
  font-size:11.5px;line-height:1.5;color:var(--fd-text-muted);
}
.fd-summary__agree{margin-bottom:var(--fd-space-4)}
.fd-summary .loady{padding:34px 12px}

/* --- 15.9 Бърза поръчка / помощ ------------------------------- */
.fd-quick__info{margin-bottom:var(--fd-space-4);font-size:13px}
.fd-help .fd-prose{font-size:13.5px}

.fd-notice{
  display:flex;align-items:flex-start;gap:14px;
  padding:16px 18px;border-radius:var(--fd-radius);
  background:var(--fd-mist);border:1px solid var(--fd-border);
  font-size:13.5px;line-height:1.5;color:var(--fd-text-muted);
}
.fd-notice svg{width:20px;height:20px;flex:none;color:var(--fd-leaf);margin-top:2px}
.fd-notice p{margin:0 0 10px}

/* --- 15.10 Празна количка ------------------------------------- */
.fd-empty{
  max-width:520px;margin-inline:auto;text-align:center;
  display:grid;justify-items:center;gap:var(--fd-space-4);
  padding:var(--fd-space-6) var(--fd-space-4);
}
.fd-empty__ico{
  width:84px;height:84px;border-radius:50%;
  background:var(--fd-mist);color:var(--fd-leaf-light);
  display:grid;place-items:center;
}
.fd-empty__ico svg{width:36px;height:36px}

/* --- 15.11 Бутони ( допълнения ) ------------------------------ */
.fd-btn--sm{height:34px;padding:0 16px;font-size:11.5px}

/* --- 15.12 Responsive ----------------------------------------- */
@media (max-width:1200px){
  .fd-checkout__grid{grid-template-columns:minmax(0,1fr) 330px}
}
@media (max-width:1024px){
  .fd-checkout__grid{grid-template-columns:1fr}
  .fd-checkout__aside{position:static;top:auto}
  .fd-form__grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-form__grid--3 .fd-field--street{grid-column:span 2}
}
@media (max-width:720px){
  .fd-line{
    grid-template-columns:64px minmax(0,1fr);
    grid-template-areas:
      "media body"
      "qty   sum";
    gap:12px var(--fd-space-3);
    padding:var(--fd-space-4) 34px var(--fd-space-4) 0;
  }
  .fd-line__media{width:64px;height:64px}
  .fd-line__sum{min-width:0;font-size:15px;align-self:center}
  .fd-line__rm{top:var(--fd-space-4);transform:none}
  .fd-lines__foot-sum{font-size:19px}
  .fd-form__grid--3{grid-template-columns:1fr}
  .fd-form__grid--3 .fd-field--street{grid-column:auto}

  #delivery_methods .delivery_method{
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:
      "choice name    price"
      "choice company company"
      "offices offices offices";
    padding:14px;
  }
  #delivery_methods .delivery_method > .company{margin-top:4px}
  .fd-segment{width:100%}
  .fd-segment li{flex:1}
  .fd-segment label{width:100%;min-width:0}
}
/* ==================== 15. END ==================== */


/* ==================== 16. Системно съобщение · Отказ от поръчка ====================
   Използва се от: public/refusal
   .fd-receipt отпечатва HTML-а, който идва от модела (потвърждаващият имейл).
   ================================================================================== */

.fd-receipt{
  max-width:820px;margin-inline:auto;
  background:var(--fd-paper);
  border:1px solid var(--fd-border);
  border-top:4px solid var(--fd-sprout);
  border-radius:var(--fd-radius-lg);
  padding:var(--fd-space-5);
  box-shadow:0 18px 44px -30px rgba(4,21,25,.4);
}
.fd-receipt--warning{border-top-color:#e0a83c}
.fd-receipt--warning .fd-receipt__ico{background:#fdf4e3;color:#a97404}

.fd-receipt__head{
  display:flex;align-items:center;gap:14px;
  padding-bottom:var(--fd-space-4);margin-bottom:var(--fd-space-4);
  border-bottom:1px solid var(--fd-border);
}
.fd-receipt__ico{
  flex:none;width:48px;height:48px;border-radius:14px;
  background:var(--fd-mist);color:var(--fd-leaf);
  display:grid;place-items:center;
}
.fd-receipt__ico svg{width:24px;height:24px}
.fd-receipt__titles{min-width:0}
.fd-receipt__title{font-size:var(--fd-fs-h3);font-weight:800;color:var(--fd-text);line-height:1.3;margin:0}
.fd-receipt__meta{display:block;margin-top:3px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fd-text-muted)}

/* Тяло — типография за HTML-а от модела */
.fd-receipt__body{color:var(--fd-text);font-size:15px;line-height:1.7}
.fd-receipt__body > *:first-child{margin-top:0}
.fd-receipt__body > *:last-child{margin-bottom:0}
.fd-receipt__body h1,.fd-receipt__body h2,.fd-receipt__body h3,
.fd-receipt__body h4,.fd-receipt__body h5,.fd-receipt__body h6{
  color:var(--fd-text);font-weight:800;line-height:1.3;
  margin:var(--fd-space-5) 0 var(--fd-space-3);
}
.fd-receipt__body h1,.fd-receipt__body h2,.fd-receipt__body h3,.fd-receipt__body h4{font-size:18px}
.fd-receipt__body h5,.fd-receipt__body h6{
  font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--fd-leaf);
  margin-bottom:var(--fd-space-2);
}
.fd-receipt__body p{margin:0 0 var(--fd-space-3)}
.fd-receipt__body strong,.fd-receipt__body b{font-weight:700;color:var(--fd-text)}
.fd-receipt__body a{color:var(--fd-leaf);font-weight:600}
.fd-receipt__body a:hover{text-decoration:underline}
.fd-receipt__body hr{border:0;border-top:1px solid var(--fd-border);margin:var(--fd-space-4) 0}

.fd-receipt__body ul{display:grid;gap:9px;margin:0 0 var(--fd-space-4);padding:0}
.fd-receipt__body ul li{position:relative;padding-left:24px;list-style:none;color:var(--fd-text-muted)}
.fd-receipt__body ul li::before{content:"";position:absolute;left:6px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--fd-sprout)}
.fd-receipt__body ul li strong{color:var(--fd-text)}

.fd-receipt__body ol{counter-reset:fdstep;display:grid;gap:var(--fd-space-3);margin:0 0 var(--fd-space-4);padding:0}
.fd-receipt__body ol li{
  counter-increment:fdstep;list-style:none;position:relative;
  padding:14px 16px 14px 56px;
  background:var(--fd-surface);border:1px solid var(--fd-border);border-radius:var(--fd-radius);
  color:var(--fd-text-muted);
}
.fd-receipt__body ol li::before{
  content:counter(fdstep);
  position:absolute;left:14px;top:13px;
  width:28px;height:28px;border-radius:50%;
  background:var(--fd-leaf);color:#fff;
  font-size:13px;font-weight:800;
  display:grid;place-items:center;
}
.fd-receipt__body ol li strong{color:var(--fd-text)}

.fd-receipt__body table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 var(--fd-space-4)}
.fd-receipt__body th,.fd-receipt__body td{border:1px solid var(--fd-border);padding:9px 12px;text-align:left}
.fd-receipt__body th{background:var(--fd-mist);font-weight:700}

.fd-receipt__actions{
  display:flex;flex-wrap:wrap;gap:var(--fd-space-3);
  margin-top:var(--fd-space-5);padding-top:var(--fd-space-4);
  border-top:1px solid var(--fd-border);
}

/* Форма за отказ — по-широка карта */
.fd-refusal{max-width:820px;margin-inline:auto}
.fd-refusal__hints{margin-bottom:var(--fd-space-4)}

@media (max-width:640px){
  .fd-receipt{padding:var(--fd-space-4);border-radius:var(--fd-radius)}
  .fd-receipt__head{gap:11px}
  .fd-receipt__ico{width:40px;height:40px;border-radius:11px}
  .fd-receipt__ico svg{width:20px;height:20px}
  .fd-receipt__body ol li{padding:12px 13px 12px 50px}
  .fd-receipt__body ol li::before{left:12px;top:11px;width:26px;height:26px}
  .fd-receipt__actions .fd-btn{width:100%}
}

/* --- 16.1 Печат ----------------------------------------------- */
@media print{
  .fd-header,.fd-footer,.fd-scrim,.fd-skip,.fd-nav,.fd-sprite,
  .cookies-agreement,.fd-receipt__actions,.fd-page__rule{display:none!important}
  html,body{background:#fff!important}
  .fd-page{padding-block:0!important}
  .fd-page__head{display:none}
  .fd-receipt{
    max-width:none;margin:0;padding:0;
    border:0!important;box-shadow:none!important;border-radius:0;
  }
  .fd-receipt__head{padding-bottom:10px;margin-bottom:14px}
  .fd-receipt__ico{display:none}
  .fd-receipt__body{font-size:12pt;line-height:1.5;color:#000}
  .fd-receipt__body ol li,.fd-receipt__body ul li{color:#000;break-inside:avoid;page-break-inside:avoid}
  .fd-receipt__body ol li{background:none;border:1px solid #bbb}
  .fd-receipt__body ol li::before{background:#000;color:#fff;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  a[href]::after{content:""}
}
/* ==================== 16. END ==================== */

/* ==================== 17. Модален прозорец ( FDModal ) ====================
   Рисува се от assets/js/modal.js — маркъпът НЕ живее в шаблон.
   Използва се отвсякъде през displayModal() / FDModal.open().
   Визуалният език е същият като на .fd-receipt ( секция 16 ).
   ========================================================================= */

.fd-modal{
  position:fixed;inset:0;z-index:300;
  display:grid;place-items:center;
  padding:var(--fd-space-4);
  opacity:0;transition:opacity .22s var(--fd-ease);
}
.fd-modal.is-in{opacity:1}
.fd-modal.is-out{opacity:0}

.fd-modal__scrim{
  position:absolute;inset:0;
  background:rgba(4,21,25,.62);
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}

.fd-modal__box{
  position:relative;
  width:100%;max-width:560px;
  max-height:calc(100vh - var(--fd-space-5));
  overflow:auto;-webkit-overflow-scrolling:touch;
  background:var(--fd-paper);
  border:1px solid var(--fd-border);
  border-top:4px solid var(--fd-sprout);
  border-radius:var(--fd-radius-lg);
  padding:var(--fd-space-5);
  box-shadow:0 30px 70px -28px rgba(4,21,25,.65);
  transform:translateY(14px) scale(.985);
  transition:transform .22s var(--fd-ease);
  outline:none;
}
.fd-modal.is-in .fd-modal__box{transform:none}

.fd-modal--sm .fd-modal__box{max-width:420px}
.fd-modal--lg .fd-modal__box{max-width:820px}

/* --- 17.1 Затваряне ------------------------------------------- */
.fd-modal__x{
  position:absolute;top:12px;right:12px;
  width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;
  color:#a4b0aa;background:transparent;transition:.16s;
}
.fd-modal__x svg{width:12px;height:12px}
.fd-modal__x:hover{background:var(--fd-mist);color:var(--fd-text)}

/* --- 17.2 Глава ----------------------------------------------- */
.fd-modal__head{
  display:flex;align-items:center;gap:14px;
  padding-right:34px;
  padding-bottom:var(--fd-space-4);margin-bottom:var(--fd-space-4);
  border-bottom:1px solid var(--fd-border);
}
.fd-modal__ico{
  flex:none;width:48px;height:48px;border-radius:14px;
  background:var(--fd-mist);color:var(--fd-leaf);
  display:grid;place-items:center;
}
.fd-modal__ico svg{width:24px;height:24px}
.fd-modal__titles{min-width:0}
.fd-modal__meta{
  display:block;margin-bottom:3px;
  font-size:11.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fd-text-muted);
}
.fd-modal__title{
  margin:0;font-size:var(--fd-fs-h3);font-weight:800;
  color:var(--fd-text);line-height:1.3;
}

/* --- 17.3 Тяло ( HTML от сървъра ) ---------------------------- */
.fd-modal__body{color:var(--fd-text);font-size:15px;line-height:1.65}
.fd-modal__body > *:first-child{margin-top:0}
.fd-modal__body > *:last-child{margin-bottom:0}
.fd-modal__body p{margin:0 0 var(--fd-space-3)}
.fd-modal__body strong,.fd-modal__body b{font-weight:700}
.fd-modal__body a{color:var(--fd-leaf);font-weight:600}
.fd-modal__body a:hover{text-decoration:underline}
.fd-modal__body h1,.fd-modal__body h2,.fd-modal__body h3,
.fd-modal__body h4,.fd-modal__body h5,.fd-modal__body h6{
  color:var(--fd-text);font-weight:800;line-height:1.3;font-size:17px;
  margin:var(--fd-space-4) 0 var(--fd-space-2);
}
.fd-modal__body ul{display:grid;gap:8px;margin:0 0 var(--fd-space-3);padding:0}
.fd-modal__body ul li{position:relative;padding-left:22px;list-style:none;color:var(--fd-text-muted)}
.fd-modal__body ul li::before{
  content:"";position:absolute;left:5px;top:.62em;
  width:7px;height:7px;border-radius:50%;background:var(--fd-sprout);
}
.fd-modal__body ol{margin:0 0 var(--fd-space-3);padding-left:20px}
.fd-modal__body ol li{margin-bottom:6px;color:var(--fd-text-muted)}
.fd-modal__body table{width:100%;border-collapse:collapse;font-size:14px;margin:0 0 var(--fd-space-3)}
.fd-modal__body th,.fd-modal__body td{border:1px solid var(--fd-border);padding:8px 11px;text-align:left}
.fd-modal__body th{background:var(--fd-mist);font-weight:700}
.fd-modal__body hr{border:0;border-top:1px solid var(--fd-border);margin:var(--fd-space-4) 0}

/* --- 17.4 Действия -------------------------------------------- */
.fd-modal__actions{
  display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--fd-space-2);
  margin-top:var(--fd-space-5);padding-top:var(--fd-space-4);
  border-top:1px solid var(--fd-border);
}

/* --- 17.5 Типове ---------------------------------------------- */
.fd-modal--ok    .fd-modal__box{border-top-color:var(--fd-sprout)}
.fd-modal--info  .fd-modal__box{border-top-color:var(--fd-leaf)}
.fd-modal--info  .fd-modal__ico{background:var(--fd-mist);color:var(--fd-leaf)}
.fd-modal--warn  .fd-modal__box{border-top-color:#e0a83c}
.fd-modal--warn  .fd-modal__ico{background:#fdf4e3;color:#a97404}
.fd-modal--error .fd-modal__box{border-top-color:#b03a3a}
.fd-modal--error .fd-modal__ico{background:#fbeaea;color:#b03a3a}

/* --- 17.6 Responsive ------------------------------------------ */
@media (max-width:640px){
  .fd-modal{padding:var(--fd-space-3);place-items:end center}
  .fd-modal__box{
    padding:var(--fd-space-4);
    border-radius:var(--fd-radius);
    max-height:calc(100vh - var(--fd-space-4));
  }
  .fd-modal__head{gap:11px}
  .fd-modal__ico{width:40px;height:40px;border-radius:11px}
  .fd-modal__ico svg{width:20px;height:20px}
  .fd-modal__actions{justify-content:stretch}
  .fd-modal__actions .fd-btn{flex:1 1 100%}
}

@media (prefers-reduced-motion:reduce){
  .fd-modal,.fd-modal__box{transition:none}
  .fd-modal__box{transform:none}
}

@media print{
  .fd-modal{display:none!important}
}
/* ==================== 17. END ==================== */


/* ==================== 18. Съгласие за бисквитки ( .cookies-agreement ) ====================
   Markup: application/views/public/cookies.htm — легаси класове ( .cookies-agreement,
   .site-button, .agree ), затова имената НЕ се пипат. Стилът е пренаписан върху
   дизайн-токените ( fd-* ): плаваща карта долу, същият радиус/сянка/бутони като .fd-btn.
   ======================================================================================= */

.cookies-agreement{
  position:fixed;
  left:var(--fd-space-4);right:var(--fd-space-4);bottom:var(--fd-space-4);
  z-index:70;
  margin-inline:auto;
  max-width:var(--fd-wrap);
  display:flex;align-items:center;flex-wrap:wrap;
  gap:var(--fd-space-3) var(--fd-space-5);
  padding:var(--fd-space-4);
  background:var(--fd-paper);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius-lg);
  box-shadow:var(--fd-shadow);
  animation:fd-cookies-in .34s var(--fd-ease) both;
}

/* --- 18.1 Текст ----------------------------------------------- */
.cookies-agreement p{
  flex:1 1 420px;
  margin:0;
  color:var(--fd-text-muted);
  font-size:var(--fd-fs-small);
  line-height:var(--fd-lh-normal);
  text-align:left;
}
.cookies-agreement p strong{color:var(--fd-text);font-weight:700}
.cookies-agreement p a{color:var(--fd-leaf);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.cookies-agreement p a:hover{color:var(--fd-leaf-lift)}

/* --- 18.2 Действия -------------------------------------------- */
.cookies-agreement ul{
  flex:0 0 auto;margin:0;padding:0;
  display:flex;align-items:center;flex-wrap:wrap;gap:var(--fd-space-2);
  margin-left:auto;
}
.cookies-agreement ul li{display:flex}

/* База ( = .fd-btn ) + вторично действие „Научи повече" ( = .fd-btn--ghost ) */
.cookies-agreement .site-button{
  display:inline-flex;align-items:center;justify-content:center;
  height:38px;padding:0 20px;
  border:1.5px solid #d8e0d0;
  border-radius:999px;
  background:transparent;
  color:#2c3a34;
  font-size:12.5px;font-weight:700;line-height:1;white-space:nowrap;
  cursor:pointer;
  transition:background-color .16s,border-color .16s,color .16s;
}
.cookies-agreement .site-button:hover{border-color:var(--fd-sprout);background:var(--fd-mist);color:#2c3a34}

/* Основно действие — „Съгласявам се" ( = .fd-btn--primary ) */
.cookies-agreement .site-button.agree{
  border-color:var(--fd-leaf);
  background:var(--fd-leaf);
  color:var(--fd-paper);
}
.cookies-agreement .site-button.agree:hover{border-color:var(--fd-leaf-lift);background:var(--fd-leaf-lift);color:var(--fd-paper)}

@keyframes fd-cookies-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* --- 18.3 Responsive ------------------------------------------ */
@media (max-width:860px){
  .cookies-agreement{
    left:var(--fd-space-2);right:var(--fd-space-2);bottom:var(--fd-space-2);
    padding:var(--fd-space-3);
    border-radius:var(--fd-radius);
    gap:var(--fd-space-3);
  }
  .cookies-agreement p{flex:1 1 100%;text-align:center}
  .cookies-agreement ul{margin-left:0;width:100%;justify-content:center}
}
@media (max-width:480px){
  .cookies-agreement ul li{flex:1 1 100%}
  .cookies-agreement .site-button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  .cookies-agreement{animation:none}
}
/* ==================== 18. END ==================== */


/* ==================== 19. Magnific Popup ( само за галерии ) ====================
   Плъгинът се ползва ЕДИНСТВЕНО за лайтбокс на снимки и видео
   ( .mfp-gallery , .jmp-gallery , .product-images , .video , .popup-youtube ).
   Съобщенията и диалозите минават през секция 17 ( FDModal ) — не през него.
   ============================================================================== */

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
}
.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*# sourceMappingURL=magnific-popup.css.map */



/* ==================== 20. Профил на потребителя ====================
   Използва се от: public/profile/index.htm , password.htm , company.htm ,
   orders.htm и общия партиал public/profile/nav.htm.

   Скелетът е двуколонен — лепкава странична навигация вляво, съдържание
   вдясно в .fd-card. Под 900px навигацията става хоризонтална лента от
   табове, която се скролва настрани.

   Формите ползват 14.4 ( .fd-form / .fd-field / .fd-input ), съобщенията
   14.5 ( .fd-alert ), обобщението на поръчката 15.8 ( .fd-summary__rows ),
   празното състояние 15.10 ( .fd-empty ). Тук са само разликите.
   ================================================================================== */

/* --- 20.1 Скелет ---------------------------------------------- */
.fd-account{
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:var(--fd-space-5);
  align-items:start;
}
.fd-account__side{position:sticky;top:138px;min-width:0}
.fd-account__main{min-width:0;display:grid;gap:var(--fd-space-4)}

/* --- 20.2 Странична навигация --------------------------------- */
.fd-account__nav{
  background:var(--fd-paper);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius-lg);
  padding:var(--fd-space-3);
  box-shadow:0 18px 44px -30px rgba(4,21,25,.4);
}

/* Кой е логнат */
.fd-account__id{
  display:flex;align-items:center;gap:12px;min-width:0;
  padding:var(--fd-space-2) var(--fd-space-3) var(--fd-space-4);
  margin-bottom:var(--fd-space-2);
  border-bottom:1px solid var(--fd-border);
}
.fd-account__avatar{
  flex:none;width:42px;height:42px;border-radius:50%;
  background:var(--fd-mist);color:var(--fd-leaf);
  display:grid;place-items:center;
}
.fd-account__avatar svg{width:20px;height:20px}
.fd-account__who{min-width:0;display:grid;gap:2px}
.fd-account__who b{
  font-size:14px;font-weight:800;color:var(--fd-text);line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.fd-account__who span{
  font-size:12px;color:var(--fd-text-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Пунктове */
.fd-account__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.fd-account__link{
  display:flex;align-items:center;gap:11px;
  padding:11px var(--fd-space-3);border-radius:var(--fd-radius);
  font-size:13.5px;font-weight:600;color:var(--fd-text-muted);
  transition:background .16s,color .16s;
}
.fd-account__link svg{width:18px;height:18px;flex:none;color:var(--fd-leaf-light);transition:color .16s}
.fd-account__link span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-account__link:hover{background:var(--fd-mist);color:var(--fd-text)}
.fd-account__link:hover svg{color:var(--fd-leaf)}
.fd-account__link.is-active{background:var(--fd-leaf);color:#fff;font-weight:700}
.fd-account__link.is-active svg{color:var(--fd-bloom)}
.fd-account__link--out{
  margin-top:var(--fd-space-2);padding-top:var(--fd-space-3);
  border-top:1px solid var(--fd-border);border-radius:0 0 var(--fd-radius) var(--fd-radius);
}
.fd-account__link--out:hover{background:#fbeceb;color:#8c2f26}
.fd-account__link--out:hover svg{color:#8c2f26}

/* --- 20.3 Поле само за четене --------------------------------- */
.fd-input[readonly]{
  background:var(--fd-surface);color:var(--fd-text-muted);
  border-style:dashed;cursor:default;
}
.fd-input[readonly]:hover{border-color:var(--fd-border)}
.fd-input[readonly]:focus{border-color:var(--fd-border);box-shadow:none}
.fd-account .fd-notice p:last-child{margin-bottom:0}

/* --- 20.4 Списък с поръчки ------------------------------------ */
.fd-orders{display:grid;gap:var(--fd-space-3)}

.fd-order{
  background:var(--fd-paper);
  border:1px solid var(--fd-border);
  border-radius:var(--fd-radius-lg);
  box-shadow:0 18px 44px -30px rgba(4,21,25,.4);
  overflow:hidden;
}
.fd-order[open]{border-color:#d2ddc8}

/* Шапка */
.fd-order__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto auto;
  align-items:center;gap:var(--fd-space-3);
  padding:var(--fd-space-4);
  cursor:pointer;list-style:none;
  transition:background .16s;
}
.fd-order__head::-webkit-details-marker{display:none}
.fd-order__head::marker{content:""}
.fd-order__head:hover{background:var(--fd-surface)}
.fd-order__head:focus-visible{outline:2px solid var(--fd-sprout);outline-offset:-2px}

.fd-order__ico{
  flex:none;width:42px;height:42px;border-radius:12px;
  background:var(--fd-mist);color:var(--fd-leaf);
  display:grid;place-items:center;
}
.fd-order__ico svg{width:20px;height:20px}

.fd-order__id{min-width:0;display:grid;gap:2px}
.fd-order__id b{font-size:14.5px;font-weight:800;color:var(--fd-text);line-height:1.25}
.fd-order__id time{font-size:12px;color:var(--fd-text-muted)}

.fd-order__stage{
  padding:5px 12px;border-radius:999px;
  background:var(--fd-mist);color:var(--fd-leaf);
  font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  white-space:nowrap;
}
.fd-order__total{font-size:17px;font-weight:800;color:var(--fd-text);white-space:nowrap}

.fd-order__chev{
  width:16px;height:16px;flex:none;color:var(--fd-text-muted);
  transition:transform .2s var(--fd-ease);
}
.fd-order[open] .fd-order__chev{transform:rotate(180deg)}

/* Тяло */
.fd-order__body{
  padding:0 var(--fd-space-4) var(--fd-space-4);
  border-top:1px solid var(--fd-border);
}
.fd-order__grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--fd-space-4);
  padding-top:var(--fd-space-4);
}
.fd-order__block{min-width:0}
.fd-order__block h3{
  margin:0 0 var(--fd-space-3);
  font-size:11.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;
  color:var(--fd-leaf);
}
.fd-order__none{margin:0;font-size:13.5px;color:var(--fd-text-muted)}

/* Двойки етикет / стойност */
.fd-deflist{margin:0;display:grid}
.fd-deflist > div{
  display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:var(--fd-space-3);
  padding:8px 0;border-bottom:1px solid var(--fd-border);
  font-size:13.5px;line-height:1.5;
}
.fd-deflist > div:last-child{border-bottom:0}
.fd-deflist dt{
  margin:0;font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fd-text-muted);align-self:center;
}
.fd-deflist dd{margin:0;font-weight:600;color:var(--fd-text);word-break:break-word}
.fd-deflist__note{display:block;font-weight:500;font-size:12.5px;color:var(--fd-text-muted)}

/* Продукти */
.fd-order__tablewrap{
  margin-top:var(--fd-space-4);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  border:1px solid var(--fd-border);border-radius:var(--fd-radius);
}
.fd-order__table{width:100%;border-collapse:collapse;font-size:13.5px}
.fd-order__table th,
.fd-order__table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--fd-border)}
.fd-order__table thead th{
  background:var(--fd-mist);
  font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fd-text-muted);white-space:nowrap;
}
.fd-order__table tbody tr:last-child td{border-bottom:0}
.fd-order__table td{color:var(--fd-text);font-weight:600}
.fd-order__table .is-num{text-align:right;white-space:nowrap}
.fd-order__table .is-code{color:var(--fd-text-muted);font-weight:500}
.fd-order__table .is-sum{font-weight:800}

/* Обобщение — 15.8 с по-тесен десен блок */
.fd-order__totals{
  max-width:380px;margin-left:auto;margin-bottom:0;
  padding-top:var(--fd-space-3);
}

/* --- 20.5 Responsive ------------------------------------------ */
@media (max-width:1100px){
  .fd-account{grid-template-columns:250px minmax(0,1fr);gap:var(--fd-space-4)}
}
@media (max-width:900px){
  .fd-account{grid-template-columns:1fr;gap:var(--fd-space-4)}
  .fd-account__side{position:static;top:auto}
  .fd-account__nav{padding:var(--fd-space-2);border-radius:var(--fd-radius)}
  .fd-account__id{
    padding:var(--fd-space-2) var(--fd-space-2) var(--fd-space-3);
    margin-bottom:var(--fd-space-2);
  }
  /* Табове 2 x 2 — активният пункт е винаги видим, без хоризонтален скрол */
  .fd-account__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .fd-account__link{padding:10px 12px;align-items:flex-start}
  .fd-account__link svg{margin-top:1px}
  .fd-account__link span{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.3}
  .fd-account__link--out{
    margin-top:6px;padding-top:10px;
    border-top:1px solid var(--fd-border);border-radius:var(--fd-radius);
  }
}
@media (max-width:420px){
  .fd-account__list{grid-template-columns:1fr}
}
@media (max-width:760px){
  .fd-order__grid{grid-template-columns:1fr;gap:var(--fd-space-4)}
  .fd-order__totals{max-width:none}
}
@media (max-width:640px){
  .fd-order__head{
    grid-template-columns:auto minmax(0,1fr) auto;
    grid-template-areas:
      "ico  id     chev"
      "ico  stage  total";
    gap:6px var(--fd-space-3);
    padding:var(--fd-space-3);
  }
  .fd-order__ico{grid-area:ico;align-self:start}
  .fd-order__id{grid-area:id}
  .fd-order__stage{grid-area:stage;justify-self:start}
  .fd-order__total{grid-area:total;justify-self:end;font-size:15px}
  .fd-order__chev{grid-area:chev;justify-self:end}
  .fd-order__body{padding:0 var(--fd-space-3) var(--fd-space-3)}
  .fd-order__grid{padding-top:var(--fd-space-3)}
  .fd-deflist > div{grid-template-columns:1fr;gap:2px}
  .fd-order__table th,.fd-order__table td{padding:9px 11px}
  .fd-order__totals .price-total span{font-size:20px}
}
@media (max-width:560px){
  /* Таблицата с продукти се разгъва на редове — етикетите идват от data-th,
     затова колоните не се смачкват и няма хоризонтален скрол. */
  .fd-order__tablewrap{border:0;border-radius:0;overflow:visible}
  .fd-order__table,
  .fd-order__table tbody,
  .fd-order__table tr,
  .fd-order__table td{display:block;width:auto}
  .fd-order__table thead{
    position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
  }
  .fd-order__table tr{
    border:1px solid var(--fd-border);border-radius:var(--fd-radius);
    padding:11px 13px;margin-bottom:10px;
  }
  .fd-order__table tr:last-child{margin-bottom:0}
  .fd-order__table td{
    border:0;padding:3px 0;
    display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  }
  .fd-order__table td::before{
    content:attr(data-th);
    font-size:10.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
    color:var(--fd-text-muted);
  }
  .fd-order__table td:first-child{
    display:block;font-weight:800;line-height:1.4;
    margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid var(--fd-border);
  }
  .fd-order__table td:first-child::before{display:none}
  .fd-order__table .is-num{text-align:right}
}

/* --- 20.6 Печат ----------------------------------------------- */
@media print{
  .fd-account{grid-template-columns:1fr}
  .fd-account__side,.fd-order__chev{display:none}
  .fd-order{border:1px solid #bbb;box-shadow:none;break-inside:avoid;page-break-inside:avoid}
  .fd-order__head{cursor:default}
  .fd-order__body{display:block!important}
}
/* ==================== 20. END ==================== */

/* ==================== global.css — END ==================== */