/* КОПИЕ на nov-dizain/css/site.css — НЕ СЕ РЕДАКТИРА ТУК.
   Прави се от tools/dizain-kam-wp.py; единствената разлика е пътят до шрифтовете.
   Промяна в дизайна: в прототипа → пусни скрипта. Добавките само за WordPress
   (известия на WooCommerce и т.н.) са в wp.css. */
/* ══════════════════════════════════════════════════════════════════════
   Фън Шуй Академия — нов дизайн (29.09.2026)
   Структура и визия: по fengshuibg.com (решение на собственика, задължително).
   Фон на ВСИЧКИ страници: снимката на собственика (бамбук, камъни, компас).
   Защо е така и кое е отменено: migraciya-ot-stariya-sait.md, раздел 14.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Шрифтове: същите като в темата, самостоятелно хоствани ── */
@font-face{font-family:Lora;font-weight:600;font-display:swap;src:url(../fonts/lora-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Lora;font-weight:600;font-display:swap;src:url(../fonts/lora-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2026,U+20AC}
@font-face{font-family:Lora;font-weight:700;font-display:swap;src:url(../fonts/lora-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Lora;font-weight:700;font-display:swap;src:url(../fonts/lora-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2026,U+20AC}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(../fonts/manrope-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url(../fonts/manrope-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2026,U+20AC}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(../fonts/manrope-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url(../fonts/manrope-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2026,U+20AC}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(../fonts/manrope-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url(../fonts/manrope-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013-2014,U+2018-201E,U+2026,U+20AC}

/* ── Токени ──
   Скала на шрифта (7 размера): 13 · 15 · 16 · 18 · 24 · ~30 · ~42 px.
   12px етикетите вдигнати на 13 навсякъде (29.09) — по-четими, една стъпка по-малко.
   Беше 11 размера — свита на 29.09 (11→12, 14→15, 17→18, 21.6→24).
   Хартията е кремавата на референцията (#F3EDD7), изсветлена, за да носи текста.
   Зелените са взети от бамбука на снимката, червеното — от компаса.
   Петте цвята на плочките = петте елемента; всяка линия услуги носи един и същ
   цвят на началната, на „Услуги" и в страничното меню (работа: значение). */
:root{
  color-scheme:light;
  --paper:#F7F2E3;
  --paper-2:#EFE7CF;
  --line:#DDD1AE;
  --ink:#1E2917;
  --muted:#4A5540;
  --green-900:#1E4620;
  --green-700:#2B6428;
  --leaf:#C4E2A0;
  --band:#26502A;
  --on-band:#F7F2E3;
  --accent:#A83A18;

  --earth:#F7E0C2;  --earth-line:#CF9451;
  --water:#D7E6F1;  --water-line:#6F9DC0;
  --wood:#DCEFCB;   --wood-line:#79AE57;
  --fire:#F6DAD3;   --fire-line:#CF7D6A;
  --metal:#E9E3F1;  --metal-line:#9C8BC0;

  --r-sm:8px; --r-md:14px; --r-lg:20px;
  --wrap:1120px;
  --bar:64px;   /* височината на горната лента; първият екран = 100svh − лентата */
  --pad:clamp(20px,4vw,48px);
  --shadow:0 12px 44px rgba(24,40,16,.22);
  --serif:Lora,Georgia,"Times New Roman",serif;
  --sans:Manrope,"Segoe UI",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;font:400 1rem/1.65 var(--sans);color:var(--ink);background:#9DBE5A;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-700);text-underline-offset:3px}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:hover{color:var(--green-900)}
:focus-visible{outline:3px solid var(--green-700);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--green-900);line-height:1.2;margin:0}
p{margin:0 0 1em}
.skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--paper);padding:10px 16px;border-radius:var(--r-sm)}
.skip:focus{left:8px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Фонът: закован слой, не background-attachment:fixed (в iOS подскача) ── */
body::before{content:"";position:fixed;inset:0;z-index:-1;
  background:url(../img/fon.jpg) 38% 50%/cover no-repeat}

/* ══════════════ ШАПКА ══════════════ */
.top{position:sticky;top:0;z-index:50;background:rgba(247,242,227,.96);
  border-bottom:1px solid var(--line);backdrop-filter:blur(6px)}
.top-in{max-width:1200px;margin:0 auto;padding:0 var(--pad);display:flex;align-items:stretch;gap:24px;height:var(--bar)}
/* 1200, не 1120: телефоните (551) + менюто (405) + количката (56) + разстоянията (48)
   = 1060px; при 1120 оставаха 1024 и лентата се чупеше на два реда (мерено 29.09) */
/* Старата лента с телефоните и имената — на мястото на знака (собственикът, 29.09).
   Знакът слезе в центъра на снимката; червеният бутон с телефона отпадна. */
.phones-bar{display:flex;align-items:center;gap:4px 10px;flex-wrap:wrap;font-size:.9375rem}
.phones-bar>svg{flex:none;width:16px;height:16px;color:var(--green-700)}
.phones-bar a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink);text-decoration:none;white-space:nowrap}
.phones-bar a b{color:var(--green-900);font-weight:700}
.phones-bar a:hover b{color:var(--accent)}
.phones-bar .sep{color:var(--line)}
.nav{display:flex;align-items:stretch;margin-left:auto}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;align-items:stretch}
.nav>ul>li{position:relative;display:flex;align-items:stretch}
.nav a,.nav button{font:600 .8125rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.nav>ul>li>a{display:flex;align-items:center;padding:0 6px 0 16px}
.nav>ul>li>button.tg{display:flex;align-items:center;justify-content:center;width:36px;border:0;background:none;cursor:pointer;padding:0}
.nav>ul>li>button.tg.lbl{width:auto;gap:8px;padding:0 16px}
.tg svg{width:12px;height:12px;transition:transform .2s}
.tg[aria-expanded="true"] svg{transform:rotate(180deg)}
.nav>ul>li:hover,.nav>ul>li:focus-within{background:var(--paper-2)}
/* Активната точка — зеленият блок на референцията */
.nav>ul>li.on{background:var(--leaf)}
.sub{position:absolute;top:100%;left:0;min-width:340px;list-style:none;margin:0;padding:10px;
  background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green-700);
  border-radius:0 0 var(--r-md) var(--r-md);box-shadow:var(--shadow);display:none}
.nav li:hover>.sub,.nav li.open>.sub{display:block}
/* Падащото не по-високо от екрана — превърта се. Подстраниците на курсовете го удължават
   (01.10.2026); мерено: 10 точки = 424px, при 1366×768 (~650px видими) след 4–5 подстраници
   долните точки щяха да останат под ръба, недостъпни — шапката лепне и менюто с нея. */
.nav .sub{max-height:calc(100vh - var(--bar));overflow-y:auto}
.sub a{display:block;text-decoration:none;padding:11px 12px;border-radius:var(--r-sm);text-transform:none;letter-spacing:0;font-size:.9375rem;font-weight:600}
.sub a:hover{background:var(--paper-2)}
.sub .grp{padding:12px 12px 4px;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
.sub .in a{padding-left:28px;font-weight:400}
/* Трето стъпало: подстраниците на курс под нивото му (собственикът, 01.10.2026: „подменюта към
   всеки продукт“). +16px спрямо нивото — същото отместване се вижда и в зеленото меню и на телефон. */
.sub .in2 a{padding-left:44px}
.sub .dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:10px;border-width:2px;border-style:solid;vertical-align:1px}
.burger{display:none}

/* ══════════════ ПРОЗОРЕЦ КЪМ СНИМКАТА ══════════════
   На мястото на пейзажната лента на референцията: снимката се вижда цяла. */
/* Началната (собственикът, 29.09): преди скрол се виждат САМО лентата, снимката и
   знакът — хартията започва точно на сгъвката. */
.window{height:calc(100svh - var(--bar));min-height:360px;display:flex;flex-direction:column;align-items:center;
  justify-content:flex-start;padding:clamp(24px,9vh,110px) var(--pad) 24px;
  overflow:clip} /* мъглата е по-широка от екрана на телефон → без clip документът ставаше 414 при 375 */
/* Знакът стои НАД камъните, не върху тях: подравнен по средата, надписът минаваше
   точно през камъните (1280×900: надпис 577–637px, камъни ~472–808px). */
/* Вътрешните страници: ниската пейзажна лента на референцията, знакът — малък, в реда */
.window.short{height:clamp(150px,22vh,210px);min-height:0;justify-content:center;padding-block:12px}

/* Знакът: логото и стилизираният надпис, без бял фон, в центъра на снимката.
   Мъглата отзад има работа — четимост: без нея дъговият надпис на логото и
   калиграфията се губят в листата и компаса. Мерено: виж migraciya §15. */
.mark-c{position:relative;isolation:isolate;margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;text-decoration:none}
.mark-c::before{content:"";position:absolute;z-index:-1;inset:-38% -16% -24%;
  background:radial-gradient(closest-side,rgba(247,242,227,.86),rgba(247,242,227,.8) 50%,rgba(247,242,227,.45) 78%,rgba(247,242,227,0))}
.mark-c .b-logo{width:clamp(170px,21vw,290px);height:auto}
.mark-c .b-wm{width:clamp(270px,42vw,600px);height:auto}
.mark-c.small{flex-direction:row;gap:18px}
.mark-c.small::before,.window .mark-c.small::before{inset:-45% -10%}
.mark-c.small .b-logo{width:96px}
.mark-c.small .b-wm{width:clamp(220px,30vw,340px)}

/* ══════════════ ХАРТИЯТА ══════════════ */
/* overflow:clip, НЕ hidden: hidden прави хартията контейнер за превъртане и
   страничната колона (sticky) спираше да залепва — мерено 29.09 */
.paper{max-width:var(--wrap);margin:0 auto;background:var(--paper);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow);overflow:clip}
.sec{padding:clamp(28px,5vw,56px) var(--pad)}
.sec+.sec{border-top:1px solid var(--line)}
.eyebrow{font:700 .8125rem/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.lead-h1{font-size:clamp(1.9rem,3.6vw,2.6rem)}
.facts{margin:12px 0 0;color:var(--muted);font-size:.9375rem}
.facts b{color:var(--ink);font-weight:600}
h2.sec-h{font-size:clamp(1.5rem,2.6vw,1.9rem);margin-bottom:8px}
.sec-sub{color:var(--muted);margin:0 0 28px;max-width:60ch}
/* откроен ред — цитатът за дома и финалът на „Добре дошли“: серифът на заглавията (Lora няма
   курсив тук: без фалшив наклон), малка черта отгоре */
.pull{max-width:42ch;margin:0 auto clamp(28px,4vw,44px);text-align:center;font:600 clamp(1.15rem,2.2vw,1.45rem)/1.5 var(--serif);color:var(--green-900)}
.pull::before{content:"";display:block;width:48px;height:3px;border-radius:2px;background:var(--wood-line);margin:0 auto 18px}
/* Началната (собственикът, 30.09 вечерта): „Добре дошли…“ на мястото на „академията“ и
   „Основателите“ — четирите части на текста в две колони (~60 знака на ред), в реда на клиента */
.welcome{display:grid;grid-template-columns:1fr 1fr;gap:32px clamp(24px,4vw,48px);margin-top:28px}
.welcome h3{font-size:1.375rem;margin-bottom:10px}
.welcome .pull{margin:20px auto 0}
.welcome+.pull{margin:clamp(32px,5vw,48px) auto 0}

/* Уводът — текст отляво, снимка отдясно, като в референцията */
.intro{display:grid;grid-template-columns:1.35fr 1fr;gap:clamp(24px,4vw,48px);align-items:start;margin-top:28px}
.intro p b{color:var(--green-900)}
.intro figure{margin:0}
.intro figure img{border-radius:var(--r-md);border:6px solid #fff;box-shadow:0 6px 22px rgba(24,40,16,.16)}
.intro figcaption{font-size:.9375rem;color:var(--muted);margin-top:10px;text-align:center}
/* Началната: голямата снимка на двамата — първа в раздела, над „Добре дошли…“ (собственикът,
   30.09: „да остане двойната голяма снимка, както беше“), до 760 px (снимката е 864 — без разтягане) */
.intro.photo-top{grid-template-columns:1fr;margin:0 0 clamp(28px,4vw,44px)}
.intro.photo-top figure{max-width:760px;margin:0 auto}
.phones{display:flex;flex-wrap:wrap;gap:8px 20px;padding:16px 20px;background:var(--paper-2);border-radius:var(--r-md);margin-top:8px}
.phones a{font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.phones a span{font-weight:400;color:var(--muted)}

/* Двете разклонения: Цветозар и Мариана */
.people{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.person{display:grid;grid-template-columns:168px 1fr;gap:20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:20px}
.person img{border-radius:10px;aspect-ratio:4/5;object-fit:cover;width:100%}
.person h3{font-size:1.5rem}
.person .role{margin:4px 0 10px;color:var(--accent);font-weight:600;font-size:.9375rem}
.person p{font-size:.9375rem}
.person details{margin-top:4px}
.person summary{cursor:pointer;font-weight:700;color:var(--green-700);min-height:44px;display:flex;align-items:center;list-style:none}
.person summary::-webkit-details-marker{display:none}
.person summary::after{content:"";width:8px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);margin:-4px 0 0 10px;transition:transform .2s}
.person details[open] summary::after{transform:rotate(-135deg);margin-top:4px}
.person details p{margin-top:8px}

/* Петте плочки — цветните бутони на референцията, по един елемент */
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.tile{display:block;padding:18px 20px;border-radius:var(--r-md);border:2px solid;color:var(--ink);text-decoration:none;min-height:96px;transition:transform .15s,box-shadow .15s}
.tile:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,40,16,.14)}
.tile strong{display:block;font:600 1.125rem/1.3 var(--serif);color:var(--ink)}
.tile span{display:block;margin-top:6px;font-size:.9375rem;color:var(--muted)}
/* Етикетът на елемента — на собствен ред: плаващ вдясно пречупваше заглавието */
.tile .el{display:block;font:700 .8125rem/1 var(--sans);font-style:normal;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.t-earth{background:var(--earth);border-color:var(--earth-line)}
.t-water{background:var(--water);border-color:var(--water-line)}
.t-wood{background:var(--wood);border-color:var(--wood-line)}
.t-fire{background:var(--fire);border-color:var(--fire-line)}
.t-metal{background:var(--metal);border-color:var(--metal-line)}

/* Зелената лента — видеата и статиите, като в референцията */
.band{background:var(--band);color:var(--on-band);padding:clamp(28px,5vw,48px) var(--pad)}
.band h2{color:var(--on-band)}
.band .sec-sub{color:#D3DEC8}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(247,242,227,.18);border-radius:var(--r-md);overflow:hidden}
.card img{aspect-ratio:16/9;object-fit:cover;width:100%}
.card div{padding:14px 16px 16px}
.chip{display:inline-block;font:700 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:999px;background:var(--leaf);color:var(--green-900)}
.card h3{color:var(--on-band);font-size:1.125rem;margin:10px 0 6px}
.card p{font-size:.9375rem;color:#D3DEC8;margin:0}

/* Отзиви — началната, под „Статии и видеа“ (собственикът, 01.10.2026). Три вида карти:
   скрийншот, Google (текст), жива публикация (Facebook/Instagram — в тяхната рамка).
   Колони, не решетка: скрийншотите са с различна височина — в решетка всеки ред щеше да е
   колкото най-високия и под ниските да зее празно. 2 колони по ~500px: вградената
   публикация на Facebook иска поне 350. Дълъг скрийншот — до 560px, целият е на връзката. */
.otz-grid{columns:2;column-gap:20px}
.sec-h+.otz-grid{margin-top:20px}  /* без подзаглавие (.sec-sub дава 28px) заглавието лепнеше на 8px */
.otz{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.otz img{width:100%;max-height:560px;object-fit:cover;object-position:top}
.otz figcaption,.otz-g,.otz-live{padding:14px 16px 16px}
.otz .meta{margin:0}
.otz-stars{font-size:1.125rem;line-height:1;letter-spacing:.12em;color:var(--accent);margin:0 0 10px}
.otz-g .otz-text{margin:0 0 10px}
.otz-live blockquote{margin:0}
.otz-more>summary{list-style:none;cursor:pointer}
.otz-more>summary::-webkit-details-marker{display:none}
.otz-more[open]>summary{display:none}  /* „Още отзиви“ се отваря веднъж — после е излишно */

/* ══════════════ ВЪТРЕШНА СТРАНИЦА: съдържание + странична колона ══════════════ */
.crumbs{font-size:.9375rem;color:var(--muted);margin:0 0 14px}
.crumbs a{color:var(--muted)}
.two{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(24px,4vw,48px);align-items:start;margin-top:28px}
.wide{margin-top:28px}
.block{padding:28px 0;border-top:1px solid var(--line)}
.main-col>.block:first-child,.wide>.block:first-child{border-top:0;padding-top:8px}
.block h2{font-size:1.5rem;display:flex;align-items:center;gap:12px;margin-bottom:12px}
.mark{flex:0 0 auto;width:14px;height:14px;border-radius:50%;border:3px solid}
.m-earth{background:var(--earth);border-color:var(--earth-line)}
.m-water{background:var(--water);border-color:var(--water-line)}
.m-wood{background:var(--wood);border-color:var(--wood-line)}
.m-fire{background:var(--fire);border-color:var(--fire-line)}
.m-metal{background:var(--metal);border-color:var(--metal-line)}
.prices{list-style:none;margin:16px 0;padding:0;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.prices li{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 16px;padding:13px 18px}
.prices li+li{border-top:1px solid var(--paper-2)}
.prices b{font-weight:700;white-space:nowrap;color:var(--green-900)}
.ticks{margin:0 0 16px;padding-left:1.2em}
.ticks li{margin:4px 0}
.levels{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:16px 0}
.level{background:var(--water);border:2px solid var(--water-line);border-radius:var(--r-md);padding:14px 16px}
.level small{display:block;font:700 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.level strong{display:block;font:600 1.125rem/1.3 var(--serif);margin-top:6px}
.goods{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}
.good{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.good img{aspect-ratio:1;object-fit:cover;width:100%}
/* корица на книга („Още книги“ под книга) — цялата: в квадрат заглавието се режеше (01.10.2026) */
.good.kniga img{aspect-ratio:auto}
.good{display:flex;flex-direction:column}
.good>div{padding:12px 14px 14px;display:flex;flex-direction:column;flex:1}
.good h3{font:700 .9375rem/1.35 var(--sans);color:var(--ink);margin:0 0 4px}
.good h3 a{color:inherit;text-decoration:none}
.good h3 a:hover{color:var(--green-700);text-decoration:underline}
.good p{margin:0;font-size:.9375rem;color:var(--muted);line-height:1.4}
.good .gp{margin-top:auto;padding-top:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;color:var(--ink);font-weight:600}
.good .gp a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.books{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start}
.books img{border-radius:10px;border:4px solid #fff;box-shadow:0 4px 14px rgba(24,40,16,.16)}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;border-radius:999px;background:var(--green-700);color:#fff;font-weight:700;text-decoration:none}
.btn:hover{background:var(--green-900);color:#fff}
.btn.ghost{background:transparent;color:var(--green-700);border:2px solid var(--green-700)}
.btn.ghost:hover{background:var(--green-700);color:#fff}

/* Страничната колона: търсене, зеленото меню-акордеон, контакт */
.side{display:grid;gap:16px;position:sticky;top:96px}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px}
.search{display:flex;gap:8px}
.search input{flex:1;min-width:0;min-height:44px;border:1px solid var(--line);border-radius:var(--r-sm);padding:0 12px;font:inherit;background:var(--paper)}
.search input:focus-visible{outline:3px solid var(--green-700);outline-offset:1px;border-color:var(--green-700)}
.search button{min-width:44px;min-height:44px;border:0;border-radius:var(--r-sm);background:var(--green-700);color:#fff;cursor:pointer;display:grid;place-items:center}
.search svg{width:18px;height:18px}
.acc{background:var(--band);border-radius:var(--r-md);padding:8px;color:var(--on-band)}
.acc ul{list-style:none;margin:0;padding:0}
.acc>ul>li+li{border-top:1px solid rgba(247,242,227,.16)}
.acc .row{display:flex;align-items:center}
.acc .row a{flex:1;display:flex;align-items:center;min-height:44px;padding:0 10px;color:var(--on-band);text-decoration:none;font:600 .8125rem/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.acc .row a:hover{color:#fff}
.acc .row button{width:44px;height:44px;border:0;background:none;color:var(--on-band);cursor:pointer;display:grid;place-items:center}
.acc .row button svg{width:14px;height:14px;transition:transform .2s}
.acc [aria-expanded="true"] svg{transform:rotate(180deg)}
.acc .inner{display:none;padding:0 6px 10px 14px}
.acc li.open>.inner{display:block}
.acc .inner .grp{padding:12px 6px 2px;font:700 .8125rem/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#B9CBA9}
.acc .inner a{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px;color:#E4ECDB;text-decoration:none;font-size:.9375rem;line-height:1.3}
.acc .inner a:hover{color:#fff}
.acc .inner a[aria-current]{color:#fff;font-weight:700}
.acc .inner .in a{padding-left:28px;font-size:.9375rem}
.acc .inner .in2 a{padding-left:44px}
.acc .dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%;border-width:2px;border-style:solid}
/* Върху тъмнозеленото бледите пълнежи изглеждаха еднакво бели — тук точката е
   в наситения цвят на елемента, иначе кодирането не се чете */
.acc .m-earth{background:var(--earth-line)}
.acc .m-water{background:var(--water-line)}
.acc .m-wood{background:var(--wood-line)}
.acc .m-fire{background:var(--fire-line)}
.acc .m-metal{background:var(--metal-line)}
.box h3{font-size:1.125rem;margin-bottom:8px}
.box p{font-size:.9375rem;margin:0 0 6px}
.box a.tel{font-weight:700;color:var(--ink);text-decoration:none}

/* ══════════════ ОБЩИ ЗА ВЪТРЕШНИТЕ СТРАНИЦИ ══════════════ */
.lead{font-size:1.125rem;line-height:1.6;color:var(--ink);max-width:62ch}
.more{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--green-700);text-decoration:none}
.more:hover{text-decoration:underline}
.meta{font:700 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.note{background:var(--paper-2);border-radius:var(--r-md);padding:14px 18px}
/* 15.10.2026: срокът на хороскопа при плащането — „още по-акцентирано и видимо“ (собственикът); огненият цвят е
   цветът на хороскопите в сайта; само съществуващи токени. Ползва се от темата (checkout/form-checkout.php). */
.note.srok{background:var(--fire);border:2px solid var(--fire-line);font-size:1.125rem;line-height:1.5}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 4px}
.after{margin-top:24px}
.btn.light{background:var(--on-band);color:var(--green-900)}
.btn.light:hover{background:#fff;color:var(--green-900)}
.band-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
.card a{color:inherit;text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.person h3 a{color:inherit;text-decoration:none}
/* в тясната колона на вътрешна страница 168px снимка чупеше името на два реда */
.main-col .people{grid-template-columns:1fr}
.main-col .person{grid-template-columns:104px 1fr;gap:16px;padding:16px}
.main-col .person h3{font-size:1.125rem}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:0}
.chips li{padding:8px 14px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);font-size:.9375rem;font-weight:600}
.filter-row{display:flex;align-items:center;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;margin:16px 0}
.filter-row .chips{margin:0}
.chips.filter button{font:inherit;font-size:.9375rem;font-weight:600;min-height:44px;padding:0 16px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap}
.chips.filter button[aria-pressed="true"]{background:var(--wood);border-color:var(--wood-line);color:var(--green-900)}
.count{margin:0;color:var(--muted);font-size:.9375rem}
.good[hidden]{display:none}
.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.photos.four{grid-template-columns:repeat(4,1fr)}
.photos figure{margin:0}
.photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r-md)}
.photos figcaption{font-size:.9375rem;color:var(--muted);margin-top:8px}
.split{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.split figure{margin:0}
.split img{border-radius:var(--r-md);width:100%}
/* Меките полета на елемента — само за блока с цените (работа: групиране) */
.tinted{border-radius:var(--r-md);padding:24px!important;border:0!important;margin-bottom:8px}
.t-earth-soft{background:#FBEFDF}
.t-fire-soft{background:#FBEAE6}
.ticks.two-col{columns:2;column-gap:32px}
.ticks.two-col li{break-inside:avoid}

/* Личните страници */
.bio{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.portrait{margin:0}
.portrait img{border-radius:var(--r-md);border:6px solid #fff;box-shadow:0 6px 22px rgba(24,40,16,.16);aspect-ratio:4/5;object-fit:cover;width:100%}
.role.big{color:var(--accent);font-weight:700;margin:0 0 10px}
.vwide{position:relative;display:block;border-radius:var(--r-md);overflow:hidden}
.vwide img{width:100%;aspect-ratio:16/9;object-fit:cover}
.play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(168,58,24,.92);color:#fff;display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.play svg{width:28px;height:28px;margin-left:4px}

/* Статии */
.feature{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin:20px 0 24px}
.feature>a{display:block;min-height:260px}
.feature img{width:100%;height:100%;object-fit:cover}
.feature>div{align-self:center}
.feature>div{padding:20px 24px 20px 0}
.feature h2{font-size:1.5rem;margin-bottom:10px}
.feature h2 a,.ncard h3 a{color:inherit;text-decoration:none}
.feature h2 a:hover,.ncard h3 a:hover{color:var(--green-700);text-decoration:underline}
.ngrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.ngrid.three{grid-template-columns:repeat(3,1fr)}
.ncard{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.ncard img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ncard>div{padding:14px 16px 16px}
.ncard h3{font-size:1.125rem;margin-bottom:6px}
.ncard p{font-size:.9375rem;color:var(--muted);margin:0}
.pager{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;font-weight:600}
.pager span{background:var(--green-700);border-color:var(--green-700);color:#fff}
/* Страниците на курса (курсът + подстраниците му) — същите бутони като номерата на „Статии“:
   „коя страница от поредицата е отворена“. Горе, над текста, затова отстъпът е отдолу. */
.kurs-pages{margin:0 0 24px}
.article{max-width:68ch}
.article .hero-img{margin:0 0 20px}
.article .hero-img img{border-radius:var(--r-md);width:100%}
.article p{font-size:1.125rem;line-height:1.75}
.article .share{font-size:.9375rem;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;margin-top:24px}

/* Видеа */
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.vcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.vcard>a{display:block;color:var(--ink);text-decoration:none}
.vcard .thumb{position:relative;display:block}
.vcard .thumb img{width:100%;aspect-ratio:16/9;object-fit:cover}
.vcard .play{width:52px;height:52px;margin:-26px 0 0 -26px}
.vcard h3{font-size:1.125rem;padding:14px 16px 0;margin:0 0 6px}
.vcard>a:hover h3{color:var(--green-700);text-decoration:underline}
.vcard p{font-size:.9375rem;color:var(--muted);padding:0 16px 16px;margin:0}
.vcard>a:only-child h3{padding-bottom:16px}

/* Услуги — петте посоки */
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.svc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-top:6px solid;border-radius:var(--r-md);overflow:hidden;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}
.svc:hover,a.level:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,40,16,.14);color:var(--ink)}
.svc img{width:100%;aspect-ratio:16/9;object-fit:cover}
.svc>div{padding:16px 18px 18px}
.svc .el{font:700 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.svc h2{font-size:1.5rem;margin-bottom:8px}
.svc p{font-size:.9375rem;margin:0 0 8px}
.svc .from{margin:12px 0 0;color:var(--muted)}
.svc .from b{color:var(--green-900)}
.s-earth{border-top-color:var(--earth-line)}
.s-water{border-top-color:var(--water-line)}
.s-wood{border-top-color:var(--wood-line)}
.s-metal{border-top-color:var(--metal-line)}
.s-fire{border-top-color:var(--fire-line)}
.levels.big{grid-template-columns:repeat(2,1fr);gap:14px;margin:20px 0}
.levels.big .level{padding:18px 20px;scroll-margin-top:110px}
.levels.big .level strong{font-size:1.5rem}
/* Курс с текст в панела — цялата карта е връзка към страницата му, с „Прочети →“ отдолу
   (на телефон няма посочване — без надписа картата не изглежда натискаема). Курс без текст
   остава <article>, не се кликва (собственикът, 01.10.2026). */
a.level{display:block;color:var(--ink);text-decoration:none;transition:transform .15s,box-shadow .15s}

/* Хармонизатори и продукт */
.goods{grid-template-columns:repeat(3,1fr)}
.callout{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center;background:var(--wood);border:2px solid var(--wood-line);border-radius:var(--r-md);padding:20px;margin:28px 0} /* 30.09: над „Други“ — и отдолу въздух, иначе линията им опира в карето */
.callout img{border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:50% 20%;width:120px}
.callout h2{font-size:1.5rem;margin-bottom:6px}
.product{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}
.product figure{margin:0}
.product figure img{border-radius:var(--r-md);width:100%}
/* уредите (Хармонизатори): двете снимки — една до друга НАД текста (собственикът: снимките над
   текста; иначе до текста оставаше ~225 px празна колона) */
.product.stack{grid-template-columns:1fr;gap:24px}
.product figure.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.el-tag{display:flex;align-items:center;gap:8px;font:700 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.el-tag .dot{width:12px;height:12px;border-radius:50%;border-width:2px;border-style:solid}
.price{font:600 1.5rem/1.2 var(--serif);color:var(--green-900);margin:0 0 12px}
.desc{margin-top:20px}

/* Книги */
/* 01.10.2026: общата снимка вляво (.book-hero — старите издания) махната; всяка книга — с
   новата си корица до текста (.book.books — видът „корица до текст“ от страницата на Цветозар) */
.book-list{display:grid;gap:16px;margin-top:20px}
.book{background:#fff;border:1px solid var(--line);border-left:6px solid var(--metal-line);border-radius:var(--r-md);padding:18px 20px}
.book h2{font-size:1.5rem;margin-bottom:8px}
.buy{display:flex;align-items:center;gap:16px;margin:12px 0 0}
.buy b{font:600 1.5rem/1 var(--serif);color:var(--green-900)}

/* Хороскоп за 2026 */
.signs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.signs article{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}
.signs h3{font-size:1.125rem}
.signs .yrs{font-size:.8125rem;letter-spacing:.02em;color:var(--muted);margin:4px 0 8px}
.signs p{font-size:.9375rem;margin:0}
.signs .now{background:var(--fire);border-color:var(--fire-line)}

/* Контакти */
.contacts{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.ccard{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px}
.ccard img{width:96px;aspect-ratio:1;object-fit:cover;object-position:50% 18%;border-radius:50%}
.ccard h2{font-size:1.125rem;margin-bottom:2px}
.ccard .role{font-size:.9375rem;color:var(--muted);margin:0 0 10px}
.clist{list-style:none;padding:0;margin:20px 0 0;border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.clist li{display:flex;gap:16px;align-items:center;min-height:52px;padding:0 18px}
.clist li+li{border-top:1px solid var(--paper-2)}
.clist span{width:90px;flex:none;color:var(--muted);font-size:.9375rem}
.clist a{font-weight:700;display:inline-flex;align-items:center;min-height:44px}
/* Имейлът е една дълга дума: academy.fengshui.bg@gmail.com (29.09) на 375 излизаше 51px
   вдясно от реда (на 320 — и от страницата). Пренася се, вместо да се реже. */
.clist a{min-width:0;overflow-wrap:anywhere}
.form{display:grid;gap:14px;max-width:560px;margin-top:12px}
.form .f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form label{display:grid;gap:6px;font-weight:600;font-size:.9375rem}
.form .opt{font-weight:400;color:var(--muted)}
.form input,.form select,.form textarea{font:inherit;font-weight:400;min-height:48px;padding:10px 14px;border:1px solid #8E8466;border-radius:var(--r-sm);background:#fff;color:var(--ink)}
.form input:focus-visible,.form select:focus-visible,.form textarea:focus-visible{outline:3px solid var(--green-700);outline-offset:1px;border-color:var(--green-700)}
.form .btn{justify-self:start;border:0;cursor:pointer;font:inherit;font-weight:700}
.form .ok{background:var(--wood);border-radius:var(--r-sm);padding:12px 14px;margin:0}

/* Преглед — менютата отворени */
.menu-map{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;align-items:start}
.mcol{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--paper)}
.mtop{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 16px;min-height:52px;background:var(--leaf);font:600 .8125rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.mtop a{color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.mtop svg{width:12px;height:12px;transform:rotate(180deg)}
.sub.static{position:static;display:block;min-width:0;border:0;border-top:3px solid var(--green-700);border-radius:0;box-shadow:none;margin:0}
.page-list{margin:16px 0 0;padding-left:1.4em;columns:2;column-gap:32px}
.page-list li{break-inside:avoid;margin:0 0 10px}
.page-list a{font-weight:700;display:inline-flex;min-height:44px;align-items:center}
.page-list span{display:block;font-size:.9375rem;color:var(--muted)}

/* ══════════════ ПОДВАЛ ══════════════ */
.foot{max-width:var(--wrap);margin:0 auto;background:var(--paper-2);border-top:1px solid var(--line);padding:32px var(--pad) 28px;font-size:.9375rem}
.foot-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.foot h3{font-size:1.125rem;margin-bottom:10px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0}
.foot li a,.foot .copy a{display:inline-flex;align-items:center;min-height:44px}
.foot a{color:var(--ink)}
.foot .copy{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

/* ══════════════ ПОКУПКАТА: количка, плащане с карта ══════════════
   Карта (Revolut: Visa, Mastercard, Apple Pay, Google Pay) — по подразбиране.
   Наложен платеж — само при физическа стока (книгите). Банков превод — по договора. */
[hidden]{display:none!important}
.cart-link{position:relative;align-self:center;display:grid;place-items:center;width:48px;height:48px;margin-left:8px;border-radius:var(--r-sm);color:var(--ink)}
.cart-link:hover{background:var(--paper-2);color:var(--ink)}
.cart-link svg{width:24px;height:24px}
.badge{position:absolute;top:2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font:700 .8125rem/20px var(--sans);text-align:center}

/* „Добави“ до всяка фиксирана цена */
.prices li:has(.add){grid-template-columns:1fr auto auto;align-items:center}
.add{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 14px;border:0;border-radius:999px;background:var(--green-700);color:#fff;font:700 .9375rem/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.add:hover{background:var(--green-900);color:#fff}
.add svg{width:18px;height:18px}
.add.ask{background:transparent;color:var(--green-700);border:2px solid var(--green-700)}
.add.ask:hover{background:var(--green-700);color:#fff}
.buy .add{min-height:48px;padding:0 20px}
.pay-note{margin:14px 0 0;font-size:.9375rem}

/* „Добавено“ */
.toast{position:fixed;left:50%;bottom:24px;z-index:120;display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;max-width:min(92vw,520px);padding:12px 18px;border-radius:var(--r-md);
  background:var(--green-900);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.25);font-size:.9375rem;transform:translate(-50%,160%);transition:transform .25s ease}
.toast.on{transform:translate(-50%,0)}
.toast a{color:var(--leaf);font-weight:700;display:inline-flex;align-items:center;min-height:44px}

/* значките на картите */
.payicons{display:flex;flex-wrap:wrap;gap:6px}
.payicons svg{width:46px;height:30px}
.foot-pay{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:20px;color:var(--muted);font-size:.9375rem}

/* Количката */
.cart{max-width:760px}
.cart-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ci{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 12px 12px 18px}
.ci-t b{display:block}
.ci-t span{display:block;font-size:.9375rem;color:var(--muted)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.qty button{width:44px;height:44px;border:0;background:none;font:600 1.25rem/1 var(--sans);color:var(--ink);cursor:pointer;border-radius:999px}
.qty output{min-width:24px;text-align:center;font-weight:700}
.ci-p{font-weight:700;color:var(--green-900);white-space:nowrap}
.ci-x{width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--muted);font:400 1.5rem/1 var(--sans);cursor:pointer}
.ci-x:hover{background:var(--paper-2);color:var(--ink)}
.cart-sum{margin-top:16px;background:var(--paper-2);border-radius:var(--r-md);padding:18px}
.cart-sum p{display:flex;justify-content:space-between;gap:16px;margin:0 0 8px}
.cart-sum p span:last-child{text-align:right}
.grand{font:600 1.5rem/1.3 var(--serif);color:var(--green-900)}
.cart-sum .grand{margin:12px 0 16px;padding-top:12px;border-top:1px solid var(--line)}
.btn.big{min-height:56px;width:100%;justify-content:center;font-size:1.125rem;border:0;cursor:pointer;font-family:inherit}
.cart-sum .payicons{justify-content:center;margin-top:14px}
.empty{padding:8px 0}

/* Плащането */
.steps{list-style:none;display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 24px;padding:0;font-size:.9375rem;color:var(--muted)}
.steps li{display:inline-flex;align-items:center;gap:8px}
.steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper-2);border:1px solid var(--line);font-weight:700}
.steps .done span{background:var(--wood);border-color:var(--wood-line);color:var(--green-900)}
.steps .on{color:var(--ink);font-weight:700}
.steps .on span{background:var(--green-700);border-color:var(--green-700);color:#fff}
.co{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}
.co-form fieldset{border:0;margin:0 0 28px;padding:0;min-width:0}
.co-form legend{padding:0;margin-bottom:12px;font:600 1.5rem/1.2 var(--serif);color:var(--green-900)}
.co-form .form{margin-top:0;max-width:none}
.opts{display:grid;gap:10px}
.opt,.pay-opt{display:flex;align-items:center;gap:14px;min-height:60px;padding:12px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer}
.opt:has(input:checked),.pay-opt.on{border-color:var(--green-700);box-shadow:0 0 0 1px var(--green-700)}
.opt input,.pay-opt input{flex:none;width:20px;height:20px;accent-color:var(--green-700);margin:0}
.opt span,.po-t{display:flex;flex-direction:column;gap:2px}
.opt small,.po-t small{font-size:.9375rem;color:var(--muted)}
.opts .form{margin-top:4px}
.card-panel{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:16px}
.wallets{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wallet{min-height:48px;border-radius:var(--r-sm);font:700 .9375rem/1 var(--sans);cursor:pointer}
.wallet.apple{background:#111;color:#fff;border:0}
.wallet.google{background:#fff;color:#3C4043;border:1px solid #747775}
.or{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--muted);font-size:.9375rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.secure{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;color:var(--muted);font-size:.9375rem}
.secure svg{flex:none;width:18px;height:18px;color:var(--green-700);margin-top:2px}
.proto-note{margin:10px 0 0;text-align:center;color:var(--muted);font-size:.9375rem}
.co-sum{position:sticky;top:96px;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:18px}
.co-sum h2{font-size:1.5rem;margin-bottom:10px}
.co-sum ul{list-style:none;margin:0 0 10px;padding:0}
.co-sum li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--paper-2);font-size:.9375rem}
.co-sum li b{white-space:nowrap}
.co-sum p{display:flex;justify-content:space-between;gap:12px;margin:0 0 6px;font-size:.9375rem}
.co-sum .grand{font-size:1.5rem;margin:10px 0 4px}

/* Поръчката е приета */
.done{max-width:640px}
.done-ok{display:grid;place-items:center;width:64px;height:64px;margin-bottom:12px;border-radius:50%;background:var(--wood);border:2px solid var(--wood-line);color:var(--green-900);font:700 2rem/1 var(--sans)}
.done h2{font-size:1.5rem;margin:24px 0 8px}
.prices li.grand{font:600 1.125rem/1.3 var(--sans);background:var(--paper-2)}

/* Само за телефон — скрити на компютър */
.sheet,.mbar,.crumb-back{display:none}
.btn:active,.tile:active,.svc:active,.ncard:active,.vcard:active,.good:active,.card:active,a.level:active{transform:scale(.985)}

/* ══════════════ ТЕЛЕФОН И ТАБЛЕТ ══════════════ */
@media (max-width:1199px){
  /* Под 1200px менюто не се побира до пълните имена и телефоните — минава в ☰ */
  .nav{display:none}
  .burger{display:grid;place-items:center;width:48px;height:48px;align-self:center;margin-left:8px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;cursor:pointer}
  .burger svg{width:22px;height:22px}
  .cart-link{margin-left:auto}
  /* Листът с менюто — на цял екран, всичко разгънато */
  .sheet{display:block;position:fixed;inset:0;z-index:100;background:var(--paper);overflow-y:auto;overscroll-behavior:contain;
    padding:0 var(--pad) calc(24px + env(safe-area-inset-bottom));transform:translateY(100%);visibility:hidden;
    transition:transform .22s ease,visibility 0s linear .22s}
  .sheet.open{transform:none;visibility:visible;transition:transform .22s ease}
  html.sheet-open{overflow:hidden}
  .sheet-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;min-height:64px;
    margin:0 calc(-1 * var(--pad));padding:0 var(--pad);background:var(--paper);border-bottom:1px solid var(--line)}
  .sheet-h{margin:0;font:600 1.5rem/1 var(--serif);color:var(--green-900)}
  .sheet-x{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;color:var(--ink);cursor:pointer}
  .sheet-x svg{width:22px;height:22px}
  .sheet .search{margin:16px 0 4px}
  .sheet-sec{padding:14px 0 10px;border-bottom:1px solid var(--line)}
  .sheet-top{margin:0;font:700 .8125rem/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
  .sheet-top a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);text-decoration:none}
  .sheet ul{list-style:none;margin:0;padding:0}
  .sheet li a{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 12px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-size:1.125rem;font-weight:600}
  .sheet li.in a{min-height:48px;padding-left:36px;font-size:1rem;font-weight:400}
  .sheet li.in2 a{padding-left:52px}
  .sheet li a[aria-current]{background:var(--leaf);color:var(--green-900)}
  .sheet li a:active{background:var(--paper-2)}
  .sheet .grp{padding:10px 12px 2px;font:700 .8125rem/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
  .sheet .dot{flex:none;width:12px;height:12px;border-radius:50%;border-width:2px;border-style:solid}
  .sheet .m-earth{background:var(--earth-line)}
  .sheet .m-water{background:var(--water-line)}
  .sheet .m-wood{background:var(--wood-line)}
  .sheet .m-fire{background:var(--fire-line)}
  .sheet .m-metal{background:var(--metal-line)}
  .sheet-call{display:grid;gap:10px;padding:20px 0 4px}
  .sheet-call .btn{min-height:60px;justify-content:flex-start;gap:14px;padding:0 20px;border-radius:var(--r-md)}
  .sheet-call .btn svg{flex:none;width:22px;height:22px}
  .sheet-call .btn span{display:flex;flex-direction:column;gap:2px;line-height:1.2}
  .sheet-call .btn small{font-size:.9375rem;font-weight:600;opacity:.9}
  .sheet-cart{position:relative;display:flex;align-items:center;gap:12px;min-height:52px;padding:0 16px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink);font-weight:700;text-decoration:none}
  .sheet-cart svg{width:22px;height:22px}
  .sheet-cart .badge{position:static}
  .sheet-mail{display:inline-flex;align-items:center;min-height:44px;font-weight:700;justify-self:start}
  .sheet-map{margin:4px 0 0}
  .sheet-map a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}

}
@media (max-width:1000px){
  /* Горната лента с телефоните и имената остава (решение на собственика), но не
     лепне — 97px постоянно заети от 812 бяха 12% от екрана. Постоянните действия
     са в долната лента (обаждане + меню), под палеца. */
  :root{--bar:88px}
  html{scroll-padding-top:16px}
  .top{position:relative}
  /* два реда: по един телефон на ред, всеки ≥44px */
  .phones-bar{flex-direction:column;align-items:flex-start;justify-content:center;gap:0}
  .phones-bar>svg,.phones-bar .sep{display:none}
  /* На телефон количката е в долната лента и в менюто: до ☰ и пълните имена
     лентата ставаше 391px при 375 (16px преливане, мерено 29.09) */
  .cart-link{display:none}
  .burger{display:grid;place-items:center;width:48px;height:48px;align-self:center;margin-left:auto;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;cursor:pointer}
  .burger svg{width:22px;height:22px}
  .nav{display:none}
  /* minmax(0,…), не 1fr: иначе колоната не се свива под съдържанието си — редът с
     филтрите я разпъваше до ~600px и хартията режеше текста вдясно (мерено 29.09) */
  .two{grid-template-columns:minmax(0,1fr)}
  /* Страничната колона дублира менюто и телефоните — на телефон излишна
     (539–847px в края на всяка страница). Търсенето е в листа с менюто. */
  .side{display:none}
  .crumbs{display:none}
  .crumb-back{display:block;margin:0 0 4px}
  .crumb-back a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;color:var(--green-700);text-decoration:none}

  /* Долната лента — обаждане и меню под палеца; появява се щом горната излезе от екрана */
  .mbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;
    background:rgba(247,242,227,.97);backdrop-filter:blur(8px);border-top:1px solid var(--line);
    box-shadow:0 -6px 20px rgba(24,40,16,.12);padding-bottom:env(safe-area-inset-bottom);
    transform:translateY(110%);transition:transform .2s ease}
  .mbar.on{transform:none}
  html.sheet-open .mbar{transform:translateY(110%)}
  .mbar a,.mbar button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:60px;
    border:0;background:none;color:var(--green-900);font:700 .8125rem/1 var(--sans);text-decoration:none;cursor:pointer}
  .mbar a+a,.mbar button{border-left:1px solid var(--line)}
  .mbar svg{width:22px;height:22px}
  .mbar a svg{color:var(--accent)}
  .mbar a:active,.mbar button:active{background:var(--paper-2)}
  .mbar .mb-cart{position:relative}
  .mbar .mb-cart svg{color:var(--green-900)}
  .mbar .badge{top:6px;right:calc(50% - 26px)}
  .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
  .co{grid-template-columns:minmax(0,1fr)}
  .co-sum{position:static;order:-1}
  .foot{padding-bottom:calc(28px + 64px + env(safe-area-inset-bottom))}
  .goods{grid-template-columns:repeat(2,1fr)}
  .menu-map{grid-template-columns:1fr}
  .signs{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  /* Изправен екран: изрязването отляво, за да влязат камъните и бамбукът,
     а не само компасът */
  body::before{background-position:24% 50%}
  /* На телефон надписът е почти колкото екрана — мъглата по-широка от него, иначе
     краищата му падат върху тъмните листа (мерено: мин. 2.64 при 375) */
  .mark-c::before{inset:-38% -34% -24%}
  .intro{grid-template-columns:1fr}
  .intro figure{order:-1}
  .people{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  /* без колони — и живата публикация до ръбовете на екрана: Facebook не я прави по-тясна от
     350px, а картата е 335 (мерено на 375: изрязани 31px вдясно). В колони (дори 1) картата
     не може да излезе извън колоната — затова columns:auto, обикновен поток. */
  .otz-grid{columns:auto}
  .otz-live{margin-inline:calc(-1 * var(--pad));border-radius:0;border-inline:0;padding-inline:0}
  .otz-live blockquote{padding-inline:var(--pad)}
  /* подвалът: контактите на цял ред, двата списъка един до друг */
  .foot-in{grid-template-columns:1fr 1fr;gap:16px}
  .foot-in>div:first-child{grid-column:1/-1}

  /* по-ниска лента със знака и по-рано заглавието (h1 беше на 342–367px) */
  .window.short{height:120px}
  .mark-c.small{gap:12px}
  .mark-c.small .b-logo{width:64px}
  .mark-c.small .b-wm{width:200px}
  .sec{padding:24px var(--pad)}
  .lead-h1{font-size:1.8125rem}
  .two,.wide{margin-top:12px}
  .lead{font-size:1.0625rem}

  /* компактни списъци: снимка вляво, заглавие вдясно (9 статии бяха ~5 екрана) */
  .ngrid{gap:10px}
  .ncard{display:grid;grid-template-columns:112px 1fr}
  .ncard>a{display:block}
  .ncard img{height:100%;min-height:100px;aspect-ratio:auto}
  .ncard>div{padding:10px 12px}
  .ncard h3{font-size:1rem;margin-bottom:4px}
  .ncard .meta{margin-bottom:4px}
  .ncard p:not(.meta){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .vgrid{gap:10px}
  .vcard>a{display:grid;grid-template-columns:136px 1fr;gap:12px;align-items:center;padding:8px}
  .vcard .thumb img{border-radius:8px}
  .vcard .play{width:36px;height:36px;margin:-18px 0 0 -18px}
  .vcard .play svg{width:18px;height:18px}
  .vcard h3,.vcard>a:only-child h3{padding:0;margin:0;font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .vcard>p{display:none}
  .card{display:grid;grid-template-columns:112px 1fr}
  .card>a img{height:100%;min-height:104px;aspect-ratio:auto}
  .card div{padding:10px 12px}
  .card h3{font-size:1rem;margin:6px 0 0}
  .card p{display:none}
  .person,.main-col .person{grid-template-columns:96px 1fr;gap:14px;padding:14px}
  .person h3,.main-col .person h3{font-size:1.125rem}
  .svc img{aspect-ratio:2/1}
  .tinted{padding:14px!important}
  /* името на цял ред, отдолу цената и „Добави“ — в три колони името се чупеше на 4 реда */
  .prices li:has(.add){grid-template-columns:1fr auto;align-items:center;row-gap:8px}
  .prices li:has(.add) span{grid-column:1/-1}
  .prices li:has(.add) .add{justify-self:end}
  .ci{grid-template-columns:1fr auto;grid-template-areas:"t x" "q p";padding:12px 8px 12px 14px}
  .ci-t{grid-area:t}.ci-x{grid-area:x}.qty{grid-area:q;justify-self:start}.ci-p{grid-area:p;align-self:center;padding-right:8px}
  .wallets{grid-template-columns:1fr}
  .prices li{padding:12px 14px}
  .feature>a{min-height:0}
  .feature img{aspect-ratio:16/9;height:auto}

  /* филтърът — един ред, превърта се настрани */
  .filter-row{display:block}
  .chips.filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:2px var(--pad) 6px}
  .chips.filter::-webkit-scrollbar{display:none}
  .chips.filter button{flex:none}
  .count{margin:6px 0 0}
  .good>div>p:not(.gp){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .levels{grid-template-columns:1fr}
  .books{grid-template-columns:110px 1fr}
  /* книгите на „Книги“ — корицата над текста: до нея в картата оставаха ~158px и бутонът
     „Добави в количката“ излизаше вдясно, изрязан от хартията (мерено на 375, 01.10.2026) */
  .book.books{grid-template-columns:1fr;gap:14px}
  .book.books img{width:120px}
  .paper{border-radius:var(--r-md) var(--r-md) 0 0}
  .bio,.product,.split,.feature{grid-template-columns:1fr}
  .product figure.pair{gap:10px}
  .welcome{grid-template-columns:1fr;gap:24px}
  .bio .portrait{max-width:220px}
  .feature>div{padding:0 18px 18px}
  .ngrid,.ngrid.three,.vgrid,.svc-grid,.contacts,.levels.big{grid-template-columns:1fr}
  .photos,.photos.four{grid-template-columns:repeat(2,1fr);gap:10px}
  .photos figure:last-child:nth-child(odd){grid-column:1/-1}
  .signs{grid-template-columns:repeat(2,1fr)}
  .ticks.two-col,.page-list{columns:1}
  .form .f-row{grid-template-columns:1fr}
  .callout{grid-template-columns:1fr}
  .callout img{width:96px}
}
@media (max-width:420px){
  .goods{grid-template-columns:1fr 1fr;gap:10px}
  .signs{gap:8px}
  .signs article{padding:12px}
}