/*
Theme Name: Labirint Vkusa
Theme URI: https://лабиринт-вкуса.рф
Author: T-Marketing
Description: Фирменная тема доставки «Лабиринт вкуса» — тёмный лабиринт и неоновый оранж: круглые карточки блюд, кольцевой слайдер, липкие категории, попап товара, корзина-drawer.
Version: 2.0.0
Requires PHP: 7.4
Text Domain: labirint
*/

/* ============ FONTS ============ */
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/manrope-v20-cyrillic_latin-regular.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/manrope-v20-cyrillic_latin-600.woff2') format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/manrope-v20-cyrillic_latin-800.woff2') format('woff2')}

/* ============ VARS / RESET ============ */
:root{
  --bg:#ffffff;
  --bg-soft:#f6f3ef;
  --bg-dark:#0b0a09;
  --ink:#141210;
  --ink-2:#77716a;
  --orange:#ff7a00;
  --orange-dark:#ee4d00;
  --orange-soft:#fff0e2;
  /* Зелёный — второй фирменный цвет: бонусы, действия, змейка в лабиринте.
     Он же отличает нас от оранжево-чёрных «собратьев». */
  --green:#2fbf6e;
  --green-dark:#1c9a55;
  --green-soft:#e8f9ef;
  --line:#eee9e2;
  --card-shadow:0 14px 40px -18px rgba(20,18,16,.18);
  --card-shadow-hover:0 24px 54px -20px rgba(28,154,85,.35);
  --r-lg:26px;
  --r-md:18px;
  --r-pill:999px;
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --hdr-h:84px;
  --cat-h:70px;
  /* Тёмная шапка «лабиринта»: узор из прямых углов — тонкий, почти незаметный. */
  --maze:repeating-linear-gradient(90deg,rgba(255,255,255,.028) 0 2px,transparent 2px 26px),
         repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 2px,transparent 2px 26px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Manrope',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
/* Иконки — блочные: иначе SVG считается строчным, садится на базовую линию
   и в круглых плашках визуально уезжает вверх. */
svg{display:block}
button{font-family:inherit;border:0;background:none;cursor:pointer;color:inherit}
input,textarea,select{font-family:inherit;font-size:15px}
::selection{background:var(--green);color:#fff}
.container{max-width:1240px;margin:0 auto;padding:0 20px}
.section{padding:56px 0}
.section-head{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.section-head .s-ico{width:46px;height:46px;border-radius:15px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;flex:0 0 46px}
.section-head .s-ico svg{width:25px;height:25px}
.section-head h2{font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.02em}
.section-head .s-sub{color:var(--ink-2);font-size:14px;margin-top:2px}

/* ============ HEADER ============ */
/* Шапка тёмная — фирменный «лабиринт»: логотип светится на чёрном, как вывеска. */
.site-header{position:sticky;top:0;z-index:120;background:rgba(11,10,9,.92);background-image:var(--maze);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.site-header::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(47,191,110,.55),transparent)}
.hdr-in{height:var(--hdr-h);display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:12px;min-width:0}
.logo-img{width:48px;height:48px;border-radius:13px;object-fit:contain;background:#fff;border:1px solid var(--line);padding:2px}
.logo-txt{line-height:1.1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
/* !important — стили WooCommerce (.woocommerce-page img{height:auto}) иначе раздувают лого на корзине/чекауте */
.logo-main{height:62px !important;width:auto !important;max-width:none !important;display:block}
.mnav-logo{height:38px !important}
/* старые классы оставлены для совместимости */
.logo-script{height:30px !important;width:auto !important;max-width:none !important;display:block}
.logo-points{font-size:9px;line-height:1.35;font-weight:800;color:#b32024;letter-spacing:.01em;white-space:nowrap}
/* Кнопки шапки — скруглённые квадраты, а не «таблетки»: другой ритм, чем у соседей. */
.hdr-account{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transition:border-color .25s,background .25s,transform .22s var(--ease-spring)}
.hdr-account svg{width:20px;height:20px;color:#fff}
.hdr-account:hover{border-color:var(--green);background:rgba(47,191,110,.16);transform:translateY(-2px)}
.hdr-bonus{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:15px;background:rgba(47,191,110,.14);color:#7ee0a6;font-weight:800;font-size:13.5px;border:1px solid rgba(47,191,110,.3);transition:background .25s,color .25s,transform .22s var(--ease-spring)}
.hdr-bonus svg{width:16px;height:16px}
.hdr-bonus:hover{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:transparent;transform:translateY(-2px)}
.burger{display:none;flex-direction:column;justify-content:center;gap:4.5px;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.09);padding:0 11px;flex:0 0 44px}
.burger span{display:block;height:2.2px;border-radius:2px;background:#fff;transition:transform .25s}
.burger:active span{background:var(--green)}
.hdr-spacer{flex:1}
/* Телефон — без рамки: это информация, а не кнопка. */
.hdr-phone{display:flex;align-items:center;gap:10px;height:46px;padding:0 6px 0 0;color:#fff;font-weight:800;font-size:15px;transition:color .25s}
.hdr-phone svg{width:18px;height:18px;color:var(--green);flex:0 0 18px}
.hdr-phone > svg{padding:0;width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:rgba(47,191,110,.15);box-sizing:border-box;padding:7px;color:#fff}
.hdr-phone:hover{color:var(--green)}
.hdr-phone .hp-sub{display:block;font-size:10.5px;color:#8f877d;font-weight:600;line-height:1;letter-spacing:.02em}
/* Корзина — главное действие, поэтому зелёная. */
.cart-btn{position:relative;display:flex;align-items:center;gap:10px;height:46px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:0 20px;border-radius:15px;font-weight:800;font-size:14.5px;transition:transform .22s var(--ease-spring),box-shadow .25s;box-shadow:0 12px 26px -10px rgba(28,154,85,.8)}
.cart-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -10px rgba(28,154,85,.9)}

/* ---- Умный поиск по меню ---- */
.hdr-search{position:relative;flex:1 1 auto;max-width:420px;min-width:150px;margin:0 4px}
.hdr-search .hs-ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;pointer-events:none}
.hdr-search .hs-ico svg{width:18px;height:18px;color:#8f877d}
#hs-input{width:100%;height:46px;padding:0 40px 0 42px;border-radius:15px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:14px;font-weight:600;outline:none;transition:border-color .25s,background .25s}
#hs-input::placeholder{color:#8b837a;font-weight:500}
#hs-input:focus{border-color:var(--green);background:rgba(47,191,110,.08)}
#hs-input:focus + .hs-clear,#hs-input:not(:placeholder-shown) + .hs-clear{display:flex}
#hs-input::-webkit-search-cancel-button{display:none}
.hs-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08)}
.hs-clear svg{width:14px;height:14px;color:#cfc8c0}
.hs-clear:hover{background:rgba(255,255,255,.16)}
.hs-drop{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#141210;border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.9);overflow:hidden;z-index:130;max-height:70vh;overflow-y:auto}
/* Подсказка поиска: строка блюда = фото + название + цена + бонусы + кнопка «в корзину» */
.hs-head{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,#141210,rgba(20,18,16,.94));padding:12px 16px 10px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#8f877d;border-bottom:1px solid rgba(255,255,255,.07)}
.hs-group{display:flex;align-items:center;gap:10px;padding:12px 16px 6px;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--green)}
.hs-group::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(47,191,110,.35),transparent)}
.hs-row{display:flex;align-items:center;gap:12px;padding:9px 14px;transition:background .2s}
.hs-row:hover,.hs-row.hs-on{background:rgba(47,191,110,.1)}
.hs-pic{position:relative;flex:0 0 48px;width:48px;height:48px}
.hs-pic img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.12);transition:transform .3s var(--ease-spring),border-color .25s}
.hs-row:hover .hs-pic img,.hs-row.hs-on .hs-pic img{transform:scale(1.06);border-color:var(--green)}
.hs-row .hs-mid{flex:1;min-width:0}
.hs-row b{display:block;font-size:14px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hs-row b mark{background:rgba(47,191,110,.24);color:var(--green);border-radius:4px;padding:0 2px}
.hs-meta{display:block;font-size:11.5px;color:#8f877d;margin-top:2px}
.hs-buy{display:flex;flex-direction:column;align-items:flex-end;gap:3px;white-space:nowrap}
.hs-price{font-style:normal;font-size:14.5px;font-weight:900;color:#fff;letter-spacing:-.01em}
.hs-price u{text-decoration:none;font-size:11px;font-weight:700;color:#8f877d}
.hs-price em{font-style:normal;color:var(--green)}
.hs-bonus{font-style:normal;font-size:10.5px;font-weight:800;color:var(--green);background:rgba(47,191,110,.12);border-radius:var(--r-pill);padding:2px 8px}
/* Кнопка «+» в подсказке: круглая зелёная. Класс .p-add нужен обработчику клика,
   поэтому перебиваем его стиль карточки более точным селектором. */
.hs-row .hs-add.p-add{flex:0 0 36px;width:36px;height:36px;min-width:0;padding:0;border:0;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(28,154,85,.95);transition:transform .25s var(--ease-spring)}
.hs-row .hs-add.p-add svg{width:17px;height:17px;color:#fff}
.hs-row .hs-add.p-add:hover{transform:scale(1.12) rotate(90deg);background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
.hs-cats{display:flex;flex-wrap:wrap;gap:8px;padding:4px 14px 14px}
.hs-cat{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;color:#e7e2db;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);padding:6px 14px 6px 6px;transition:border-color .25s,background .25s,transform .25s var(--ease-spring)}
.hs-cat img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.hs-cat:hover{border-color:var(--green);background:rgba(47,191,110,.12);transform:translateY(-2px)}
.hs-empty{padding:22px 16px;text-align:center}
.hs-empty b{display:block;font-size:14.5px;font-weight:800;color:#fff}
.hs-empty span{display:block;font-size:12.5px;color:#8f877d;margin-top:6px}
.hs-out{opacity:.5}
.cart-btn svg{width:18px;height:18px}
/* Счётчик корзины: чёрный кружок с белой цифрой — читается на зелёной кнопке. */
.cart-count{position:absolute;top:-6px;right:-6px;min-width:22px;height:22px;padding:0 6px;border-radius:var(--r-pill);background:#0b0a09;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2.5px solid rgba(255,255,255,.9);box-shadow:0 4px 12px -4px rgba(0,0,0,.7);transition:transform .3s var(--ease-spring)}
.cart-count.bump{animation:bump .45s var(--ease-spring)}
@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}

/* ============ CATBAR ============ */
.catbar{position:sticky;top:var(--hdr-real,var(--hdr-h));z-index:110;background:rgba(15,13,12,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.catbar-in{height:var(--cat-h);display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-padding:0 20px}
.catbar-in::-webkit-scrollbar{display:none}
/* Разделы — не иконки, а настоящие фото блюд в кружке. */
.cat-pill{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:var(--r-pill);font-weight:700;font-size:13.5px;color:#e9e4dd;background:transparent;border:1.5px solid transparent;transition:background .25s,color .25s,border-color .25s,transform .22s var(--ease-spring);white-space:nowrap}
.cat-pill .cp-photo{width:44px;height:44px;flex:0 0 44px;border-radius:50%;overflow:hidden;background:#1b1815;display:block;
	outline:2px solid rgba(255,255,255,.14);outline-offset:2px;transition:outline-color .25s}
.cat-pill .cp-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cat-pill:hover{transform:translateY(-2px);color:#fff}
.cat-pill:hover .cp-photo{outline-color:rgba(47,191,110,.7)}
.cat-pill.active{background:rgba(47,191,110,.14);border-color:rgba(47,191,110,.4);color:#fff}
.cat-pill.active .cp-photo{outline-color:var(--green);box-shadow:0 0 0 1px rgba(47,191,110,.4),0 8px 22px -8px rgba(47,191,110,.8)}

/* ============ БАННЕР-КАРУСЕЛЬ (центр чёткий, соседи в блюре) ============ */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero-slider-sec{background:var(--bg-dark);padding:38px 0 34px;position:relative;overflow:hidden;color:#fff}
/* Холст с лабиринтом и змейками — под контентом, кликам не мешает. */
.maze-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.85}
/* Весь контент строго выше змеек — они фон и ничего не перекрывают. */
.hero-slider-sec > .container{position:relative;z-index:2}
.hero-slider-sec .bs-slide,.hero-slider-sec .hero-head,.hero-slider-sec .bs-arrow,.hero-slider-sec .bs-dots{position:relative;z-index:2}
.hero-slider-sec .bs-circle{position:relative;z-index:2;background:#141210}
.hero-slider-sec::before{content:'';position:absolute;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.26),transparent 62%);top:-320px;right:-180px;pointer-events:none}
.hero-slider-sec::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(28,154,85,.16),transparent 62%);bottom:-300px;left:-160px;pointer-events:none}
.hero-slider-sec .container{position:relative}
.hero-head{text-align:center;max-width:760px;margin:0 auto 30px}
.hero-head h1{font-size:clamp(26px,4.2vw,44px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:12px}
.hero-head h1 .hl{color:var(--green);text-shadow:0 0 34px rgba(47,191,110,.55)}
.hero-head p{color:#b3aca3;font-size:clamp(14px,1.5vw,16.5px);line-height:1.55}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:16px}
.hero-tags span{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);font-size:12.5px;font-weight:700;color:#efeae3}
.hero-tags svg{width:14px;height:14px;color:var(--green)}
/* Кольцевая карусель: в центре крупное круглое блюдо, соседи уменьшены и притушены. */
/* Сверху запас: без него кольцо активного блюда срезается краем секции. */
.bslider{position:relative;overflow:hidden;isolation:isolate;padding:26px 0 34px}
.bs-track{display:flex;align-items:center;transition:transform .6s cubic-bezier(.3,.9,.3,1);touch-action:pan-y;will-change:transform}
/* Центральный баннер крупный — текст на картинке должен читаться целиком. */
.bs-slide{flex:0 0 38%;display:block;padding:0 12px;box-sizing:border-box;text-align:center;transition:transform .6s,opacity .6s;transform:scale(.52);opacity:1}
.bs-slide.on{transform:scale(1);opacity:1}
/* Круг по умолчанию, а под курсором перетекает в квадрат со скруглением —
   так на баннере становится виден весь текст, который в круге срезался. */
.bs-circle{display:block;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;position:relative;background:#191614;
	box-shadow:0 30px 60px -26px rgba(0,0,0,.9);outline:2px solid rgba(255,255,255,.12);outline-offset:6px;
	transition:outline-color .5s,box-shadow .5s,border-radius .55s cubic-bezier(.34,1.2,.5,1)}
.bs-slide.on .bs-circle{outline-color:var(--green);box-shadow:0 34px 72px -22px rgba(28,154,85,.75)}
.bs-slide:hover .bs-circle,.bs-slide.on:hover .bs-circle{border-radius:42px}
.bs-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.bs-cap{display:block;margin-top:18px;font-size:clamp(14px,1.7vw,17px);font-weight:800;letter-spacing:-.01em;line-height:1.25}
.bs-note{display:block;margin-top:5px;font-size:12.5px;color:#a39d94;line-height:1.4}
.bs-go{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:7px 15px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:800;white-space:nowrap;transition:background .3s,border-color .3s,box-shadow .3s}
.bs-go svg{width:14px;height:14px}
.bs-slide.on .bs-go{background:linear-gradient(135deg,var(--green),var(--green-dark));border-color:transparent;box-shadow:0 12px 26px -10px rgba(28,154,85,.9)}
.bs-slide.on:hover .bs-go{transform:translateY(-2px)}
.bs-arrow{position:absolute;top:calc(50% - 15px);transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;background:rgba(15,14,12,.55);backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s,background .25s,transform .22s var(--ease-spring)}
.bslider:hover .bs-arrow{opacity:1}
.bs-arrow:hover{background:var(--green-dark);transform:translateY(-50%) scale(1.08)}
.bs-arrow svg{width:19px;height:19px}
.bs-prev{left:max(14px, calc(30% - 68px))}
.bs-prev svg{transform:rotate(180deg)}
.bs-next{right:max(14px, calc(30% - 68px))}
.bs-dots{position:absolute;left:0;right:0;bottom:2px;display:flex;justify-content:center;gap:7px;z-index:5}
.bs-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.4);transition:width .35s var(--ease-spring),background .25s}
.bs-dot.on{width:26px;background:var(--green)}
@media (max-width:860px){
  .hero-slider-sec{padding:24px 0 22px}
  .hero-head{margin-bottom:22px}
  .bs-slide{flex-basis:74%;padding:0 8px;transform:scale(.66)}
  .bs-slide.on{transform:scale(1)}
  /* На телефоне наводить нечем: центральный баннер сразу квадратом со скруглением. */
  .bs-slide.on .bs-circle{border-radius:34px}
  .bs-arrow{display:none}
  .bslider{padding-bottom:32px}
  .bs-cap{margin-top:14px}
  .bs-dots{bottom:4px;gap:6px}
  .bs-dot{width:7px;height:7px}
  .bs-dot.on{width:20px}
}

/* ============ МОНЕТА БОНУСОВ ============ */
.bn-coin{width:20px;height:20px;object-fit:contain;display:inline-block;vertical-align:-4px;filter:drop-shadow(0 2px 7px rgba(47,191,110,.5));flex:0 0 auto}
.bn-coin.spin{animation:coinspin 2.6s ease-in-out infinite}
.bn-coin.float{animation:coinfloat 3s ease-in-out infinite}
@keyframes coinspin{0%{transform:rotateY(0)}45%{transform:rotateY(360deg)}100%{transform:rotateY(360deg)}}
@keyframes coinfloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-5px) rotate(4deg)}}
.hdr-bonus .bn-coin{width:19px;height:19px}
.mnav-links .bn-coin,.lk-nav .bn-coin{width:18px;height:18px}
.ft-col a .bn-coin{width:16px;height:16px}
.bn-balance .bn-ico{background:rgba(47,191,110,.14)}
.bn-balance .bn-coin{width:38px;height:38px}
.bnt-ico .bn-coin{width:36px;height:36px}
.bn-pay-head .bn-coin,.bn-guest .bn-coin{width:24px;height:24px}
.bn-drawer .bn-coin{width:18px;height:18px;margin-right:2px}
.lk-tile .lt-ico .bn-coin{width:28px;height:28px}
.bl-ico .bn-coin{width:42px;height:42px}
.lk-reg-note .bn-coin{width:18px;height:18px}
.bn-drawer{animation:bnpop .45s var(--ease-spring)}
@keyframes bnpop{0%{transform:scale(.92);opacity:0}100%{transform:scale(1);opacity:1}}
[data-countup]{font-variant-numeric:tabular-nums}

/* ============ HERO ============ */
.hero{background:var(--bg-dark);color:#fff;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.34),transparent 62%);top:-260px;right:-140px;pointer-events:none}
.hero::after{content:'';position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.16),transparent 60%);bottom:-220px;left:-120px;pointer-events:none}
.hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;padding:64px 20px 70px}
.hero-badges{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}
.h-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-pill);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12.5px;font-weight:700;color:#f4f1ec;backdrop-filter:blur(4px)}
.h-badge svg{width:14px;height:14px;color:var(--green)}
.hero h1{font-size:clamp(30px,4.6vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin-bottom:18px}
.hero h1 .hl{color:var(--green)}
.hero-sub{color:#b7b2aa;font-size:clamp(15px,1.6vw,17.5px);max-width:520px;margin-bottom:30px}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.btn-orange{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15.5px;padding:15px 28px;border-radius:18px;box-shadow:0 16px 34px -12px rgba(28,154,85,.7);transition:transform .25s var(--ease-spring),box-shadow .25s}
.btn-orange:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 22px 44px -12px rgba(28,154,85,.85)}
.btn-orange svg{width:18px;height:18px}
.btn-ghost{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;padding:14px 24px;border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.25);transition:background .25s,border-color .25s,transform .22s var(--ease-spring)}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);transform:translateY(-1px)}
.btn-ghost svg{width:17px;height:17px;color:var(--green)}
.hero-visual{position:relative;min-height:340px}
.hero-photo{width:100%;aspect-ratio:1.06/1;object-fit:cover;border-radius:30px;box-shadow:0 40px 90px -30px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.07);transform:rotate(1.6deg)}
.hero-chip{position:absolute;background:rgba(22,20,18,.85);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px 16px;display:flex;align-items:center;gap:11px;box-shadow:0 18px 40px -14px rgba(0,0,0,.6);animation:float 5s ease-in-out infinite}
.hero-chip svg{width:22px;height:22px;color:var(--green)}
.hero-chip b{font-size:14px;display:block;line-height:1.15}
.hero-chip span{font-size:11.5px;color:#a39d94}
.hero-chip.c1{top:26px;left:-26px}
.hero-chip.c2{bottom:34px;right:-14px;animation-delay:2.2s}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}

/* ============ BENEFITS ============ */
.benefits{padding:34px 0 8px}
.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.benefit{background:var(--bg-soft);border-radius:var(--r-lg);padding:20px;display:flex;gap:14px;align-items:flex-start;transition:transform .25s var(--ease-spring),box-shadow .25s}
.benefit:hover{transform:translateY(-3px);box-shadow:var(--card-shadow)}
.benefit .b-ico{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(20,19,17,.14)}
.benefit .b-ico svg{width:23px;height:23px}
.benefit b{font-size:14.5px;font-weight:800;display:block;margin-bottom:3px;letter-spacing:-.01em}
.benefit span{font-size:12.5px;color:var(--ink-2);line-height:1.4;display:block}

/* ============ PRODUCT GRID ============ */
/* Якорь ведёт ровно под липкие панели: 34px собственного отступа секции
   прячем под них, иначе сверху остаётся хвост предыдущего раздела. */
.cat-section,#menu,#gallery,#delivery,#points{scroll-margin-top:calc(var(--hdr-real,var(--hdr-h)) + var(--cat-real,var(--cat-h)) - 26px)}
.cat-section{padding:34px 0 6px}
.cat-section:last-of-type{padding-bottom:40px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:34px 20px}
.cat-empty{display:flex;align-items:center;gap:16px;background:var(--bg-soft);border:1.5px dashed #ddd6cc;border-radius:var(--r-lg);padding:22px 24px}
.cat-empty .ce-ico{width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center}
.cat-empty .ce-ico svg{width:24px;height:24px}
.cat-empty b{font-size:15px;font-weight:800;display:block;margin-bottom:2px}
.cat-empty span{font-size:13px;color:var(--ink-2)}
/* Карточка блюда круглая: фото — круг в оранжевом кольце, подпись под ним.
   Никаких прямоугольных коробок — так меню читается как витрина, а не как таблица. */
.p-card{background:none;border:0;border-radius:0;overflow:visible;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;transition:transform .28s var(--ease-spring);cursor:pointer}
.p-card:hover{transform:translateY(-6px)}
/* Стоп-лист: блюдо кончилось. Карточку не убираем — гасим, чтобы человек
   видел весь ассортимент и вернулся, а поисковики не теряли страницу товара. */
.p-card.is-out{cursor:default}
.p-card.is-out:hover{transform:none}
.p-card.is-out:hover .p-photo{outline-color:var(--line);box-shadow:0 18px 38px -20px rgba(20,18,16,.35)}
.p-card.is-out .p-photo img{filter:grayscale(1) contrast(.88) brightness(1.06);opacity:.55}
.p-card.is-out .p-photo:hover img{transform:none}
.p-card.is-out .p-name,.p-card.is-out .p-desc{color:var(--ink-2);opacity:.7}
.p-card.is-out .p-price{background:#4a4743;box-shadow:none}
.p-card.is-out .p-price .p-num{color:rgba(255,255,255,.75)}
.p-card.is-out .p-price .p-cur{color:rgba(255,255,255,.5)}
.p-card.is-out .p-price .from{color:rgba(255,255,255,.45)}
.p-card.is-out .p-goto{background:#ded9d2;box-shadow:none}
.p-card.is-out .p-add,.p-add.is-out,.pp-add.is-out,#pp-add.is-out,#pp-add:disabled{
	background:#e6e1da!important;color:#8a827a!important;box-shadow:none!important;cursor:not-allowed}
.p-card.is-out .p-add::before{display:none}
.sp-photo.is-out img{filter:grayscale(1) contrast(.88) brightness(1.06);opacity:.55}
.sp-photo.is-out:hover img{transform:none}
.p-card.sp-buy.is-out{background:none;border:0}
.p-out-badge{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;z-index:2;background:rgba(11,10,9,.86);color:#fff;
	font-size:11.5px;font-weight:800;letter-spacing:.02em;padding:6px 13px;border-radius:999px;backdrop-filter:blur(4px);white-space:nowrap}
.pp-var.is-out{opacity:.45;text-decoration:line-through;pointer-events:none}
#popup.is-out .pp-qty-row{opacity:.5;pointer-events:none}
.pp-out-note{margin:10px 0 0;font-size:13px;line-height:1.5;color:#a03a12;background:#fdf0e9;
	border:1px solid rgba(216,90,48,.28);border-radius:14px;padding:10px 13px}
.p-photo{width:100%;max-width:220px;margin:0 auto;aspect-ratio:1/1;overflow:hidden;background:var(--bg-soft);position:relative;border-radius:50%;
	box-shadow:0 18px 38px -20px rgba(20,18,16,.55);
	outline:2px solid var(--line);outline-offset:5px;
	transition:outline-color .28s,box-shadow .28s}
.p-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.p-card:hover .p-photo{outline-color:var(--green);box-shadow:0 26px 50px -20px rgba(28,154,85,.55)}
.p-card:hover .p-photo img{transform:scale(1.07)}
.p-photo.is-stub{background:#fff}
.p-photo.is-stub img{width:100%;height:100%;object-fit:cover}
.p-body{padding:15px 4px 0;display:flex;flex-direction:column;align-items:center;flex:1;width:100%}
.p-name{font-size:15px;font-weight:800;letter-spacing:-.01em;line-height:1.28;margin-bottom:5px}
.p-desc{font-size:12.5px;color:var(--ink-2);line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}
.p-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%}
/* Цена НИКОГДА не переносится: на узких экранах «2 990 ₽» рассыпалось на три строки.
   Пробелы внутри числа сделаны неразрывными, здесь — страховка на случай мелкого шрифта. */
/* Ценник — тёмная плашка в тон активной категории в шапке: чёрный фон,
   белое число, оранжевый рубль. «от» стоит рядом с числом, не отдельной строкой. */
/* Ценник: чёрная плашка с зелёным рублём — фирменная пара к оранжевому логотипу. */
.p-price{display:inline-flex;align-items:baseline;gap:5px;white-space:nowrap;flex:0 0 auto;
	background:#0d0c0b;border:1px solid rgba(47,191,110,.35);border-radius:13px;padding:7px 13px;line-height:1;
	box-shadow:0 8px 20px -12px rgba(0,0,0,.9)}
.p-card:hover .p-price{border-color:var(--green)}
.p-price .p-num{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}
.p-price .p-cur{color:var(--green)}
/* Узкая карточка: цена строкой выше, кнопка во всю ширину под ней — ОДИНАКОВО
   у всех карточек, иначе соседние подвалы разъезжаются по высоте. */
@media (max-width:760px){
	/* Кольцо вокруг фото занимает +6px с каждой стороны — без запаса соседние карточки слипаются. */
	.grid{grid-template-columns:repeat(2,1fr);gap:26px 20px}
	.p-photo{outline-offset:4px;width:calc(100% - 18px)}
	.p-photo{max-width:100%}
	.p-actions{width:100%}
	.p-add{flex:1;justify-content:center}
	.p-desc{-webkit-line-clamp:2;font-size:12px}
}
.sp-price,#drawer-total,.dr-total b,.bn-amount{white-space:nowrap}
.p-price .from{font-size:11.5px;color:rgba(255,255,255,.6);font-weight:700;line-height:1}
.p-actions{display:flex;gap:6px;align-items:center}
.p-add{position:relative;overflow:hidden;display:flex;align-items:center;gap:7px;height:40px;background:linear-gradient(135deg,var(--green-soft),#d9f3e4);color:var(--green-dark);font-weight:800;font-size:13.5px;padding:0 18px;border-radius:14px;border:1px solid rgba(47,191,110,.25);transition:background .25s,color .22s,transform .22s var(--ease-spring),box-shadow .25s;white-space:nowrap}
.p-add::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translateX(-110%);transition:transform .6s ease}
.p-add svg{width:15px;height:15px;transition:transform .3s var(--ease-spring)}
.p-card:hover .p-add,.p-add:hover{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:transparent;box-shadow:0 12px 24px -8px rgba(28,154,85,.7)}
.p-card:hover .p-add::before{transform:translateX(110%)}
.p-add:active{transform:scale(.94)}
.p-add.added{background:var(--ink) !important;color:#fff !important}
.p-goto{width:40px;height:40px;flex:0 0 40px;border-radius:50% !important;border:0;background:#12100e;color:#fff;box-shadow:0 8px 18px -8px rgba(0,0,0,.6)}
.p-goto svg{width:15px;height:15px;transform:rotate(-45deg);transition:transform .25s var(--ease-spring)}
.p-goto:hover{background:var(--green) !important;color:#fff !important}
.p-goto:hover svg{transform:rotate(-45deg) translateX(2px)}
.p-add.working,.pp-add.working{pointer-events:none;opacity:.92}
.gear-spin{display:inline-flex;animation:gearspin .9s linear infinite}
.gear-spin svg{width:17px;height:17px}
.pp-add .gear-spin svg{width:20px;height:20px}
@keyframes gearspin{to{transform:rotate(360deg)}}
.pp-add.added{background:var(--ink) !important}

/* ============ POPUP ============ */
.sm-overlay{position:fixed;inset:0;background:rgba(15,14,12,.55);backdrop-filter:blur(5px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}
.sm-overlay.open{opacity:1;pointer-events:auto}
.popup{position:fixed;z-index:210;left:50%;top:50%;transform:translate(-50%,-50%) scale(.92);width:min(860px,calc(100vw - 40px));max-height:min(640px,calc(100vh - 60px));background:#fff;border-radius:26px;opacity:0;pointer-events:none;transition:opacity .3s,transform .34s var(--ease-spring);display:flex;overflow:hidden;box-shadow:0 50px 120px -30px rgba(0,0,0,.5)}
.popup.open{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.pp-left{flex:0 0 46%;align-self:flex-start;margin:14px 0 14px 14px;max-height:calc(min(640px,100vh - 60px) - 28px);display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.pp-photo{width:100%;flex:0 0 auto;background:#12100d;position:relative;aspect-ratio:1/1;border-radius:24px;overflow:hidden}
.pp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pp-photo.is-stub{background:#fff}
.pp-photo.is-stub img{object-fit:cover}
/* Верхнего отступа у колонки нет: его держит сама шапка с названием. */
.pp-body{flex:1;padding:0 30px 0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}
/* Крестик всегда поверх прилипшей шапки с названием блюда. */
.pp-close{position:absolute;top:16px;right:16px;z-index:12;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 8px 24px -8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease-spring),background .2s}
.pp-close:hover{transform:rotate(90deg) scale(1.06)}
.pp-close svg{width:17px;height:17px}
/* Название блюда — плотная шапка колонки: всё содержимое уезжает под неё,
   поэтому сверху не видно ни обрезанных карточек, ни просвечивающих букв.
   Под шапкой — короткий мягкий переход. */
.pp-name{font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.15;padding-right:8px;
	position:sticky;top:0;z-index:7;background:#fff;
	padding-top:26px;padding-bottom:10px}
.pp-name::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px;pointer-events:none;
	opacity:0;transition:opacity .18s;background:linear-gradient(#fff,rgba(255,255,255,0))}
.popup.is-scrolled .pp-name::after{opacity:1}
.pp-goto{font-size:12px;font-weight:800;color:var(--green-dark);margin-top:-8px}
.pp-goto:hover{text-decoration:underline}
.pp-desc{font-size:13.5px;color:var(--ink-2);line-height:1.5}
.pp-bonus{display:flex;align-items:center;gap:10px;background:var(--green-soft);border-radius:14px;padding:11px 14px;font-size:13px;line-height:1.4;color:#2f4a3b}
.pp-bonus b{color:var(--green-dark);font-weight:800}
.pp-bonus img,.pp-bonus .bn-coin{width:22px;height:22px;flex:0 0 22px}
/* Заголовок раздела прилипает к верху колонки: карточки уезжают под него,
   и обрез читается как список с шапкой, а не как срезанная картинка. */
.pp-group>b{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2);display:block;margin-bottom:9px;
}
.pp-vars{display:flex;flex-wrap:wrap;gap:8px}
.pp-var{padding:9px 18px;border-radius:var(--r-pill);border:1.5px solid var(--line);font-weight:700;font-size:14px;transition:all .22s;background:#fff}
.pp-var:hover{border-color:var(--green)}
.pp-var.sel{background:var(--ink);color:#fff;border-color:var(--ink)}
.pp-checks{display:flex;flex-wrap:wrap;gap:8px}
/* ---------- Допы и напитки карточками ----------
   Лента с фотографиями: листается вбок пальцем, выбранное обводится. */
#pp-addons,.dop-row{display:flex;flex-wrap:nowrap;gap:10px;margin-top:10px;padding:10px 2px 12px;
	overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}
#pp-addons::-webkit-scrollbar,.dop-row::-webkit-scrollbar{display:none}
.dop-qty{display:none;align-items:center;gap:6px;margin-top:8px}
.dop-card.on .dop-qty{display:inline-flex}
.dop-card.on .dop-plus{display:none}
.dop-qty button{width:28px;height:28px;border-radius:9px;background:var(--bg-2);color:var(--ink);font-size:16px;font-weight:800;line-height:1}
.dop-qty button:hover{background:var(--red);color:#fff}
.dop-qty b{min-width:18px;text-align:center;font-size:14px;font-weight:800}
.dop-card{position:relative;flex:0 0 132px;width:132px;scroll-snap-align:start;
	display:flex;flex-direction:column;padding:0;overflow:hidden;text-align:left;
	background:#fff;border:2px solid var(--line);border-radius:16px;color:inherit;cursor:pointer;
	transition:border-color .18s,transform .18s,box-shadow .18s}
.dop-pic{display:block;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--bg-soft)}
.dop-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.dop-pic-ico{display:grid;place-items:center;font-size:26px;color:var(--green)}
.dop-txt{display:flex;flex-direction:column;gap:2px;padding:9px 10px 0}
.dop-txt b{font-size:13.5px;line-height:1.2}
.dop-txt i{font-style:normal;font-size:11.5px;color:var(--ink-2);line-height:1.25}
.dop-price{padding:6px 10px 10px;font-size:13px;font-weight:800;color:var(--green-dark)}
.dop-tick{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;
	background:var(--green);color:#fff;display:grid;place-items:center;font-size:12px;
	opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s}
.dop-card.on{border-color:var(--green);box-shadow:0 14px 30px -18px rgba(28,154,85,.85)}
/* Плюс на фото — подсказка, что карточку надо нажать. Выбрали — вместо него галочка. */
.dop-plus{position:absolute;right:8px;top:8px;width:26px;height:26px;border-radius:50%;
	background:rgba(255,255,255,.94);color:var(--green);display:grid;place-items:center;
	font-size:17px;font-weight:800;line-height:1;box-shadow:0 6px 14px -8px rgba(20,18,16,.7);
	transition:opacity .16s,transform .16s}
.dop-card.on .dop-plus{opacity:0;transform:scale(.6)}
.dop-card.on .dop-tick{opacity:1;transform:none}
/* Стрелки листания — только там, где есть мышь. */
.dop-holder{position:relative}
.dop-nav{position:absolute;top:38%;z-index:3;width:34px;height:34px;border-radius:50%;
	background:#fff;color:#141311;border:1px solid var(--line);box-shadow:0 10px 24px -12px rgba(20,18,16,.5);
	display:none;place-items:center;font-size:20px;line-height:1;cursor:pointer;transition:opacity .2s,background .2s}
.dop-nav:disabled{opacity:.35;cursor:default}
.dop-nav:hover:not(:disabled){background:var(--green);color:#fff;border-color:var(--green)}
.dop-prev{left:-6px}
.dop-next{right:-6px}
@media (hover:hover){.dop-holder.has-nav .dop-nav{display:grid}}
.dop-card.on .dop-pic img{transform:scale(1.06)}
@media (hover:hover){.dop-card:hover{transform:translateY(-3px);border-color:var(--green-soft)}}
.dop-card:active{transform:scale(.97)}
.dop-drink .dop-pic{aspect-ratio:1/1}
.dop-drink .dop-txt b{font-size:12.5px}
.pp-check{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:var(--r-pill);border:1.5px solid var(--line);font-weight:600;font-size:13px;cursor:pointer;transition:all .22s;user-select:none;background:#fff}
.pp-check input{display:none}
.pp-check .pc-plus{color:var(--green-dark);font-weight:800;font-size:12px}
.pp-check:hover{border-color:var(--green)}
.pp-check.on{background:var(--green-soft);border-color:var(--green);color:var(--green-dark)}
.pp-check.on .pc-tick{display:inline}
.pc-tick{display:none;font-weight:800}
.pp-check.minus.on{background:var(--bg-soft);border-color:var(--ink-2);color:var(--ink)}
.pp-foot{margin-top:auto;display:flex;gap:12px;align-items:center;position:sticky;bottom:0;z-index:4;background:#fff;padding:12px 0 20px}
/* Мягкие края у прокручиваемой колонки: сверху и снизу content уходит
   в белое, а не обрубается по линии. */
/* Дымка сверху появляется только когда колонку реально прокрутили: в покое
   её нет, иначе получается белая полоса поперёк заголовка. */

.pp-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:24px;pointer-events:none;
	background:linear-gradient(rgba(255,255,255,0),#fff)}

.qty{display:flex;align-items:center;gap:2px;background:var(--bg-soft);border-radius:var(--r-pill);padding:5px}
.qty button{width:36px;height:36px;border-radius:50%;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .18s var(--ease-spring)}
.qty button:hover{background:#fff}
.qty button:active{transform:scale(.88)}
.qty b{min-width:30px;text-align:center;font-size:16px}
.pp-add{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:16px;padding:15px 20px;border-radius:var(--r-pill);box-shadow:0 14px 30px -10px rgba(28,154,85,.5);transition:transform .25s var(--ease-spring),box-shadow .25s}
.pp-add:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px rgba(28,154,85,.6)}
.pp-add:active{transform:scale(.97)}
.pp-add svg{width:18px;height:18px}

/* На странице товара попап — bottom-sheet с глубоким блюром фона */
.single-product .sm-overlay{background:rgba(15,14,12,.45);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.single-product .popup{top:auto;bottom:0;transform:translate(-50%,103%);border-radius:26px 26px 0 0;max-height:88vh}
.single-product .popup.open{transform:translate(-50%,0)}
.single-product .pp-photo{border-radius:24px}

/* ============ CART DRAWER ============ */
/* Корзина тёмная, как шапка: выезжает справа с лёгким разворотом,
   позиции проявляются по очереди — движение, а не просто сдвиг панели. */
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:#100e0d;background-image:var(--maze);color:#fff;z-index:220;
	transform:translateX(102%) scale(.98);transform-origin:right center;opacity:.4;
	transition:transform .42s var(--ease-spring),opacity .3s ease;
	display:flex;flex-direction:column;box-shadow:-40px 0 90px -30px rgba(0,0,0,.85);border-left:1px solid rgba(47,191,110,.25)}
.drawer.open{transform:none;opacity:1}
.dr-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid rgba(255,255,255,.09)}
.dr-head h3{font-size:19px;font-weight:800;display:flex;align-items:center;gap:10px;color:#fff}
.dr-head h3 svg{width:20px;height:20px;color:var(--green)}
.dr-close{width:40px;height:40px;border-radius:14px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:transform .25s var(--ease-spring),background .25s}
.dr-close:hover{transform:rotate(90deg);background:rgba(47,191,110,.2)}
.dr-close svg{width:15px;height:15px;color:#fff}
.dr-items{flex:1;overflow-y:auto;padding:14px 20px}
.dr-item{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);align-items:center;animation:drIn .4s var(--ease-spring) backwards}
.dr-item:nth-child(1){animation-delay:.03s}.dr-item:nth-child(2){animation-delay:.07s}.dr-item:nth-child(3){animation-delay:.11s}
.dr-item:nth-child(4){animation-delay:.15s}.dr-item:nth-child(5){animation-delay:.19s}.dr-item:nth-child(n+6){animation-delay:.22s}
@keyframes drIn{from{opacity:0;transform:translateX(26px) scale(.96)}to{opacity:1;transform:none}}
/* Фото в корзине — круглые, как везде на сайте. */
.dr-item img{width:60px;height:60px;border-radius:50%;object-fit:cover;background:#1b1815;flex:0 0 60px;border:1px solid rgba(255,255,255,.14)}
.dr-mid{flex:1;min-width:0}
.dr-mid b{font-size:13.5px;font-weight:800;line-height:1.25;display:block;color:#fff}
.dr-mid .dr-meta{font-size:11.5px;color:#948c82;line-height:1.35;margin-top:2px}
.dr-mid .dr-price{font-size:14px;font-weight:800;margin-top:6px;color:var(--green)}
.dr-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px}
.dr-x{color:#6f675e;transition:color .2s;padding:2px}
.dr-x:hover{color:#ff6a5a}
.dr-x svg{width:14px;height:14px}
.dr-qty{display:flex;align-items:center;gap:1px;background:rgba(255,255,255,.08);border-radius:var(--r-pill);padding:3px}
.dr-qty button{width:27px;height:27px;border-radius:50%;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;color:#fff}
.dr-qty button:hover{background:rgba(47,191,110,.35)}
.dr-qty b{min-width:22px;text-align:center;font-size:13px;color:#fff}
.dr-empty{text-align:center;padding:60px 20px;color:#948c82}
.dr-empty svg{width:56px;height:56px;margin:0 auto 14px;color:#332e29}
.dr-empty b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.dr-foot{border-top:1px solid rgba(255,255,255,.09);padding:16px 20px 20px;background:rgba(8,7,6,.6)}
.dr-note{font-size:11.5px;color:#a49b90;background:rgba(255,255,255,.05);border-radius:14px;padding:10px 13px;margin-bottom:12px;display:flex;gap:8px;align-items:flex-start}
.dr-note svg{width:14px;height:14px;flex:0 0 14px;color:var(--green);margin-top:1px}
.dr-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.dr-total span{color:#a49b90;font-size:14px;font-weight:600}
.dr-total b{font-size:22px;font-weight:800;color:#fff}
.dr-checkout{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15.5px;padding:16px;border-radius:18px;box-shadow:0 16px 32px -12px rgba(28,154,85,.9);transition:transform .25s var(--ease-spring)}
.dr-checkout:hover{transform:translateY(-2px)}
.dr-checkout svg{width:17px;height:17px}
.dr-checkout.disabled{background:rgba(255,255,255,.09);color:#7b736a;box-shadow:none;cursor:not-allowed;pointer-events:none}
.dr-progress{margin-bottom:10px}
.dr-progress-txt{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#a49b90;margin-bottom:7px}
.dr-progress-txt svg{width:14px;height:14px;color:var(--green);flex:0 0 14px}
.dr-progress-txt b{color:#fff}
.dr-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.dr-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--green));transition:width .5s cubic-bezier(.2,.8,.2,1)}

/* ============ МОБИЛЬНОЕ МЕНЮ ============ */
.mnav{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);background:#fff;z-index:230;transform:translateX(-103%);transition:transform .38s var(--ease-spring);display:flex;flex-direction:column;box-shadow:30px 0 80px -30px rgba(0,0,0,.35);overflow-y:auto}
.mnav.open{transform:translateX(0)}
.mnav-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.mnav-head .logo-script{height:26px !important}
.mnav-links{padding:12px 12px 4px;display:flex;flex-direction:column}
.mnav-links a{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:14px;font-weight:800;font-size:15px;transition:background .2s}
.mnav-links a svg{width:19px;height:19px;color:var(--green-dark);flex:0 0 19px}
/* На тёмной шторке подсветка пункта — полупрозрачная зелёная, текст остаётся белым:
   светлая заливка делала надпись нечитаемой. */
.mnav-links a:hover,.mnav-links a:active,.mnav-links a:focus{background:rgba(47,191,110,.18);color:#fff}
.mnav-links a:hover svg,.mnav-links a:active svg{color:var(--green)}
.mnav-links .mnav-lk{background:var(--ink);color:#fff;margin-bottom:6px}
.mnav-links .mnav-lk svg{color:var(--green)}
.mnav-links .mnav-lk:hover,.mnav-links .mnav-lk:active{background:#000}
.mnav-cats{padding:10px 12px;border-top:1px solid var(--line);margin-top:8px}
.mnav-cats b{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);padding:6px 14px 8px}
.mnav-cats a{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:14px;color:#3d3a35}
.mnav-cats a svg{width:17px;height:17px;color:var(--green-dark);flex:0 0 17px}
.mnav-cats a:active,.mnav-cats a:hover{background:rgba(47,191,110,.18);color:#fff}
.mnav-phone{margin:auto 12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;font-weight:800;padding:14px;border-radius:var(--r-pill)}
.mnav-phone svg{width:17px;height:17px;color:var(--green)}

/* ============ КАРТА ============ */
.map-wrap{margin-top:18px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--card-shadow);background:var(--bg-soft);position:relative}
.map-wrap iframe,#ymap{display:block;width:100%;height:380px;border:0}
.map-open{position:absolute;left:14px;bottom:14px;z-index:5;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--ink);font-weight:800;font-size:13px;padding:10px 16px;border-radius:999px;box-shadow:0 10px 26px -10px rgba(0,0,0,.35);transition:transform .22s var(--ease-spring)}
.map-open:hover{transform:translateY(-2px)}
.map-open svg{width:15px;height:15px;color:var(--green-dark)}

/* ============ ЛК: приветствие, плитки, пустая корзина ============ */
.lk-hello h2{font-size:clamp(20px,2.6vw,26px);font-weight:800;margin-bottom:6px}
.lk-hello p{color:var(--ink-2);font-size:14px;margin-bottom:22px}
.lk-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}
.lk-tile{background:var(--bg-soft);border-radius:20px;padding:22px;transition:transform .25s var(--ease-spring),box-shadow .25s}
.lk-tile:hover{transform:translateY(-3px);box-shadow:var(--card-shadow)}
.lk-tile{border:1px solid transparent}
.lk-tile:hover{border-color:rgba(47,191,110,.4)}
.lk-tile .lt-ico{width:48px;height:48px;border-radius:50%;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:12px;box-shadow:0 8px 20px -8px rgba(20,19,17,.14);transition:background .3s,color .3s,transform .35s var(--ease-spring)}
.lk-tile .lt-ico svg{width:23px;height:23px}
.lk-tile:hover .lt-ico{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;transform:rotate(-8deg) scale(1.06)}
.lk-tile b{display:block;font-size:15.5px;font-weight:800;margin-bottom:3px}
.lk-tile .lt-sub{font-size:12.5px;color:var(--ink-2)}
.lk-tile-orange{background:radial-gradient(110% 170% at 10% -40%,rgba(47,191,110,.2),transparent 58%),#0b0a09;color:#fff}
.lk-tile-orange .lt-sub{color:#b7b2aa}
.lk-tile-orange .lt-ico{background:rgba(47,191,110,.16);color:var(--green);box-shadow:none}
.lk-help{display:flex;align-items:center;gap:10px;background:var(--green-soft);border:1px solid rgba(47,191,110,.25);border-radius:18px;padding:14px 18px;font-size:13.5px}
.lk-help svg{width:17px;height:17px;flex:0 0 17px;color:var(--green-dark)}
.lk-help a{color:var(--green-dark)}
.lk-reg-note{display:flex;align-items:flex-start;gap:9px;background:var(--green-soft);border:1px solid rgba(47,191,110,.25);border-radius:16px;padding:13px 15px;font-size:13px;color:#2f4a3b;margin-bottom:16px;line-height:1.5}
.lk-reg-note svg{width:16px;height:16px;flex:0 0 16px;color:var(--green-dark);margin-top:1px}
/* ============ ВХОД И РЕГИСТРАЦИЯ ============ */
.lgn{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;max-width:1060px;margin:0 auto;padding:8px 0 30px;align-items:stretch}
.lgn-solo{grid-template-columns:.85fr 1fr}

/* Левая тёмная колонка «зачем кабинет» */
.lgn-side{position:relative;overflow:hidden;background:radial-gradient(120% 150% at 90% -20%,rgba(47,191,110,.22),transparent 58%),var(--bg-dark);border-radius:var(--r-lg);padding:30px 28px;color:#fff;box-shadow:0 28px 64px -30px rgba(11,10,9,.8)}
.lgn-side::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.lgn-side>*{position:relative;z-index:1}
.lgn-seal{display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:50%;overflow:hidden;background:#100e0c;border:2px solid rgba(47,191,110,.35);box-shadow:0 0 0 8px rgba(47,191,110,.07);margin-bottom:18px}
.lgn-seal img{width:100%;height:100%;object-fit:cover}
.lgn-side-title{display:block;font-size:24px;font-weight:900;letter-spacing:-.025em}
.lgn-side-sub{font-size:13.5px;color:#a39d94;margin:6px 0 22px;line-height:1.55}
.lgn-perks{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0 0 22px;padding:0}
.lgn-perks li{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:13px 15px;transition:border-color .25s,background .25s,transform .3s var(--ease-spring)}
.lgn-perks li:hover{border-color:rgba(47,191,110,.45);background:rgba(47,191,110,.08);transform:translateY(-2px)}
.lgn-perks li>span{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center}
.lgn-perks li>span svg{width:18px;height:18px;color:var(--green)}
.lgn-perks li>span .bn-coin{width:22px;height:22px}
.lgn-perks i{font-style:normal;font-size:14px;font-weight:800}
.lgn-perks em{font-style:normal;font-size:12px;color:#9c948a;line-height:1.45}
.lgn-side-call{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:13px 16px;transition:border-color .25s,background .25s}
.lgn-side-call:hover{border-color:var(--green);background:rgba(47,191,110,.1)}
.lgn-side-call svg{width:20px;height:20px;flex:0 0 20px;color:var(--green)}
.lgn-side-call i{display:block;font-style:normal;font-size:11px;color:#9c948a}
.lgn-side-call b{display:block;font-size:15.5px;font-weight:800;color:#fff}

/* Правая часть: вкладки и формы */
.lgn-main{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px 28px;box-shadow:var(--card-shadow)}
.lgn-tabs{display:flex;gap:6px;background:var(--bg-soft);border-radius:var(--r-pill);padding:5px;margin-bottom:24px}
.lgn-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14.5px;font-weight:800;color:var(--ink-2);border-radius:var(--r-pill);padding:12px 10px;transition:color .25s,background .25s,box-shadow .25s}
.lgn-tab svg{width:17px;height:17px}
.lgn-tab.on{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 12px 24px -12px rgba(28,154,85,.9)}
.lgn-pane{display:none;animation:lgnfade .35s ease}
.lgn-pane.on{display:block}
@keyframes lgnfade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.lgn-row{margin:0 0 16px}
.lgn-row label{display:block;font-size:12.5px;font-weight:800;color:var(--ink-2);margin-bottom:7px}
.lgn-field{position:relative;display:flex;align-items:center}
.lgn-field>svg{position:absolute;left:16px;width:18px;height:18px;color:var(--green);pointer-events:none}
.lgn .lgn-form .lgn-field input.input-text,.lgn .lgn-form .sorm-captcha input.input-text{width:100%;height:54px;border:1.5px solid var(--line);background:var(--bg-soft);border-radius:18px;padding:0 46px;font-size:15px;font-weight:600;color:var(--ink);outline:none;transition:border-color .25s,background .25s,box-shadow .25s}
.lgn .lgn-form .sorm-captcha input.input-text{padding:0 18px}
.lgn .lgn-form .lgn-field input.input-text::placeholder{color:#a8a29a;font-weight:500}
.lgn .lgn-form .lgn-field input.input-text:focus,.lgn .lgn-form .sorm-captcha input.input-text:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(47,191,110,.14)}
.lgn-eye{position:absolute;right:10px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a8a29a;transition:color .25s,background .25s}
.lgn-eye svg{width:18px;height:18px}
.lgn-eye:hover{background:var(--green-soft);color:var(--green-dark)}
.lgn-eye.on{color:var(--green-dark)}
.lgn-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0 12px}
.lgn-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:16px;padding:16px 30px;border-radius:var(--r-pill);box-shadow:0 18px 38px -14px rgba(28,154,85,.95);transition:transform .25s var(--ease-spring),box-shadow .25s}
.lgn-btn:hover{transform:translateY(-2px) scale(1.02)}
.lgn-btn svg{width:18px;height:18px}
.lgn-btn .bn-coin{width:22px;height:22px}
.lgn-remember{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.lgn-remember input{width:18px;height:18px;accent-color:var(--green-dark)}
.lgn-lost a{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--green-dark)}
.lgn-lost svg{width:15px;height:15px}
.lgn-lost a:hover{text-decoration:underline}
.lgn-hint{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--ink-2);background:var(--bg-soft);border-radius:16px;padding:13px 15px;line-height:1.5}
.lgn-hint svg{width:16px;height:16px;flex:0 0 16px;color:var(--green);margin-top:1px}
.lgn-legal{font-size:12px;color:var(--ink-2);line-height:1.55}
.lgn-legal a{color:var(--green-dark);font-weight:700}
.lgn-legal a:hover{text-decoration:underline}
/* Проверочный пример и ловушка для ботов */
.lgn .sorm-captcha{margin:0 0 16px}
.lgn .sorm-captcha label{display:block;font-size:12.5px;font-weight:800;color:var(--ink-2);margin-bottom:7px}
.lgn .sorm-captcha label b{color:var(--green-dark)}
.lgn .sorm-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.lgn .required{color:var(--green-dark)}

@media (max-width:900px){
	.lgn,.lgn-solo{grid-template-columns:1fr}
	.lgn-side{order:2;padding:24px 20px}
	.lgn-main{padding:22px 18px 24px}
	.lgn-btn{width:100%;justify-content:center}
	.lgn-actions{gap:12px}
}

.woocommerce-account .u-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.woocommerce-account .u-columns > .u-column1{grid-column:1;grid-row:1}
.woocommerce-account .u-columns > .u-column2{grid-column:2;grid-row:1}
.woocommerce-notices-wrapper:empty{display:none}
/* «Смена пароля» и другие fieldset — карточкой, без голой рамки */
.woocommerce form fieldset{border:0;background:var(--bg-soft);border-radius:18px;padding:18px 20px 14px;margin:24px 0 18px}
.woocommerce form fieldset legend{float:left;width:100%;background:none;font-weight:800;font-size:16px;margin-bottom:12px;padding:0}
.woocommerce form fieldset .form-row input.input-text{background:#fff}
.woocommerce-account .u-column1,.woocommerce-account .u-column2{width:100% !important;float:none !important;background:var(--bg-soft);border-radius:22px;padding:24px}
.woocommerce-account .u-columns h2{font-size:19px;font-weight:800;margin-bottom:14px}
.woocommerce form.login,.woocommerce form.register{border:0;padding:0;margin:0}
@media (max-width:760px){
  .woocommerce-account .u-columns{grid-template-columns:1fr}
  .woocommerce-account .u-columns > .u-column1{grid-column:1;grid-row:1}
  .woocommerce-account .u-columns > .u-column2{grid-column:1;grid-row:2}
  .lk-tiles{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){.lk-tiles{grid-template-columns:1fr}}
.empty-cart{text-align:center;padding:40px 20px 30px}
.empty-cart .ec-ico{width:74px;height:74px;margin:0 auto 16px;border-radius:24px;background:var(--bg-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center}
.empty-cart .ec-ico svg{width:36px;height:36px}
.empty-cart h2{font-size:22px;font-weight:800;margin-bottom:8px}
.empty-cart p{color:var(--ink-2);font-size:14px;max-width:420px;margin:0 auto 22px}

/* ============ ЗМЕЙКА В КОРЗИНУ / TOAST ============ */
.snk{position:fixed;inset:0;z-index:300;pointer-events:none;contain:strict}
.snk-head{position:fixed;left:0;top:0;width:58px;height:58px;border-radius:50%;overflow:hidden;background:#0b0a09;border:3px solid var(--green);box-shadow:0 0 0 4px rgba(47,191,110,.22),0 14px 30px -10px rgba(0,0,0,.6);will-change:transform}
.snk-head img{width:100%;height:100%;object-fit:cover;display:block}
.snk-seg{position:fixed;left:0;top:0;width:17px;height:17px;border-radius:5px;background:var(--green);box-shadow:0 0 10px rgba(47,191,110,.55);will-change:transform}
.snk-burst{position:fixed;width:34px;height:34px;border-radius:50%;border:3px solid var(--green);z-index:300;pointer-events:none;animation:snkburst .5s ease-out forwards}
@keyframes snkburst{0%{transform:translate(-50%,-50%) scale(.35);opacity:.95}100%{transform:translate(-50%,-50%) scale(2.8);opacity:0}}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,80px);background:var(--ink);color:#fff;padding:13px 22px;border-radius:var(--r-pill);font-weight:700;font-size:14px;z-index:310;display:flex;align-items:center;gap:10px;box-shadow:0 20px 44px -12px rgba(0,0,0,.5);transition:transform .4s var(--ease-spring),opacity .3s;opacity:0}
.toast.show{transform:translate(-50%,0);opacity:1}
.toast svg{width:17px;height:17px;color:var(--green)}

/* ============ ABOUT / GALLERY ============ */
.about{background:var(--bg-dark);color:#fff;border-radius:34px;overflow:hidden;position:relative}
.about::before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.22),transparent 62%);bottom:-240px;right:-160px}
.about-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:52px 54px;position:relative}
.about h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.12;margin-bottom:16px}
.about h2 .hl{color:var(--green)}
.about p{color:#b7b2aa;font-size:15px;margin-bottom:12px}
.about-stats{display:flex;gap:26px;margin-top:22px;flex-wrap:wrap}
.a-stat b{font-size:26px;font-weight:800;color:var(--green);display:block;line-height:1.1}
.a-stat span{font-size:12.5px;color:#a39d94}
.about-photo{border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -25px rgba(0,0,0,.7)}
.about-photo img{width:100%;aspect-ratio:1.15/1;object-fit:cover}
.gallery-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.g-item{border-radius:var(--r-lg);overflow:hidden;aspect-ratio:1/1;background:var(--bg-soft)}
.g-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.g-item:hover img{transform:scale(1.07)}

/* ============ DELIVERY / POINTS ============ */
.zones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.zone{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;transition:transform .25s var(--ease-spring),box-shadow .25s}
.zone:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}
.zone .z-ico{width:46px;height:46px;border-radius:15px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.zone .z-ico svg{width:24px;height:24px}
.zone b{font-size:16px;font-weight:800;display:block;margin-bottom:4px}
.zone .z-price{font-size:13px;color:var(--ink-2)}
.zone .z-price strong{color:var(--green-dark);font-weight:800}
.points-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.point{background:var(--bg-soft);border-radius:var(--r-lg);padding:24px;transition:transform .25s var(--ease-spring),box-shadow .25s}
.point:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}
.point .pt-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.point .pt-ico{width:44px;height:44px;border-radius:14px;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(20,19,17,.14)}
.point .pt-ico svg{width:22px;height:22px}
.point b{font-size:15.5px;font-weight:800}
.point .pt-row{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:8px;margin-top:7px}
.point .pt-row svg{width:14px;height:14px;flex:0 0 14px;color:var(--green-dark)}
.point .pt-row a{font-weight:700;color:var(--ink)}
.point .pt-row a:hover{color:var(--green-dark)}
.pt-badge{display:inline-flex;align-items:center;gap:5px;background:#fff;border-radius:var(--r-pill);padding:4px 10px;font-size:11px;font-weight:800;color:var(--green-dark);margin-left:auto}

/* ============ FOOTER ============ */
.site-footer{background:#0a0908;background-image:var(--maze);color:#fff;margin-top:64px;padding:0 0 24px;position:relative}
.site-footer::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(47,191,110,.6),rgba(47,191,110,.5),transparent)}

/* Верх: бренд слева, крупный призыв позвонить справа */
.ft-top{display:grid;grid-template-columns:1.25fr .95fr;gap:30px;align-items:stretch;padding:44px 0 30px}
.ft-brand{display:flex;flex-direction:column;align-items:flex-start}
.ft-logo-main{height:74px !important;width:auto !important;max-width:none !important;display:block;margin-bottom:16px}
.ft-about{color:#9c948a;font-size:13.5px;line-height:1.6;max-width:430px}
.ft-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.ft-tags span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#d9d4cc;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:7px 13px;border-radius:var(--r-pill)}
.ft-tags svg{width:14px;height:14px;flex:0 0 14px;color:var(--green)}
.ft-tags .bn-coin{width:15px;height:15px}

.ft-cta{background:linear-gradient(150deg,rgba(47,191,110,.16),rgba(47,191,110,.10));border:1px solid rgba(47,191,110,.28);border-radius:26px;padding:26px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.ft-cta-cap{font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.ft-cta-phone{display:flex;align-items:center;gap:11px;font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;color:#fff;margin:10px 0 8px;transition:color .25s}
.ft-cta-phone svg{width:22px;height:22px;color:var(--green);flex:0 0 22px}
.ft-cta-phone:hover{color:var(--green)}
.ft-cta-sub{font-size:13px;color:#9c948a;line-height:1.5;margin-bottom:18px}
.ft-cta-btn{display:inline-flex;align-items:center;gap:9px;background:#fff;color:#12100e;font-weight:800;font-size:14.5px;padding:13px 22px;border-radius:16px;transition:transform .25s var(--ease-spring),background .25s}
.ft-cta-btn svg{width:16px;height:16px}
.ft-cta-btn:hover{transform:translateY(-2px);background:var(--green);color:#fff}

/* Ссылки — без иконок, чистыми колонками */
.ft-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:8px 0 30px;border-top:1px solid rgba(255,255,255,.08)}
.ft-links .ft-col{padding-top:26px}
.ft-col h4{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#6f675e;margin-bottom:14px}
.ft-col a{display:block;color:#d0cac2;font-size:14px;padding:6px 0;font-weight:600;transition:color .2s,padding-left .2s}
.ft-col a:hover{color:var(--green);padding-left:6px}

/* Адрес — отдельной широкой полосой */
.ft-place{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:18px 22px;transition:border-color .25s,background .25s}
.ft-place:hover{border-color:rgba(47,191,110,.5);background:rgba(47,191,110,.07)}
.ft-place-ico{width:46px;height:46px;flex:0 0 46px;border-radius:15px;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center}
.ft-place-ico svg{width:22px;height:22px;flex:0 0 22px;color:var(--green)}
.ft-place-txt{flex:1;min-width:0}
.ft-place-txt b{display:block;font-size:15.5px;font-weight:800;color:#fff}
.ft-place-txt span{display:block;font-size:12.5px;color:#9c948a;margin-top:3px;line-height:1.45}
.ft-place-go{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--green);white-space:nowrap}
.ft-place-go svg{width:15px;height:15px;flex:0 0 15px}

.ft-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:26px;padding-top:20px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;color:#6f675e;font-size:12px}
.ft-legal{display:flex;flex-wrap:wrap;gap:18px}
.ft-bottom a{color:#9c948a}
.ft-bottom a:hover{color:var(--green)}
@media (max-width:900px){
	.ft-top{grid-template-columns:1fr;gap:22px;padding:34px 0 24px}
	.ft-links{grid-template-columns:1fr 1fr;gap:18px}
	.ft-place{flex-wrap:wrap;gap:12px}
	.ft-place-go{width:100%}
}
@media (max-width:560px){
	.ft-links{grid-template-columns:1fr}
	.ft-logo-main{height:58px !important}
}

/* ============ COOKIE BAR ============ */
/* Cookie-бар: тёмная плашка в тон сайту, зелёные акценты, круглая иконка. */
.cookiebar{position:fixed;left:20px;bottom:20px;z-index:180;background:radial-gradient(120% 180% at 0% 0%,rgba(47,191,110,.16),transparent 60%),#0f0e0d;border-radius:22px;box-shadow:0 28px 64px -22px rgba(0,0,0,.75);padding:16px 18px;max-width:380px;display:flex;gap:13px;align-items:flex-start;transform:translateY(140%);transition:transform .45s var(--ease-spring);border:1px solid rgba(47,191,110,.28)}
.cookiebar.show{transform:none}
.cookiebar>svg{width:38px;height:38px;flex:0 0 38px;color:var(--green);background:rgba(47,191,110,.14);border-radius:50%;padding:8px;margin-top:2px}
.cookiebar p{font-size:12.5px;color:#a39d94;line-height:1.5;margin-bottom:12px}
.cookiebar p a{color:var(--green);font-weight:700}
.cookiebar p a:hover{text-decoration:underline}
.ck-accept{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:12.5px;padding:10px 22px;border-radius:var(--r-pill);box-shadow:0 12px 24px -10px rgba(28,154,85,.9);transition:transform .2s var(--ease-spring)}
.ck-accept:hover{transform:scale(1.04)}

/* ============ INNER PAGES ============ */
/* Шапка внутренней страницы: тёмная полоса-лабиринт, по которой ползают змейки. */
.page-hero{background:radial-gradient(120% 190% at 88% -40%,rgba(47,191,110,.18),transparent 58%),var(--bg-dark);color:#fff;padding:17px 0 16px;position:relative;overflow:hidden;border-bottom:1px solid rgba(47,191,110,.22)}
.page-hero::before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.22),transparent 62%);top:-250px;right:-120px;pointer-events:none}
/* Тонкая зелёная нить по низу — как выход из лабиринта. */
.page-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(47,191,110,.75),rgba(47,191,110,.5),transparent);opacity:.7;pointer-events:none}
.page-hero .container{position:relative;z-index:1}
.page-hero .maze-canvas{opacity:.95}
.page-hero h1{font-size:clamp(21px,2.6vw,30px);font-weight:800;letter-spacing:-.02em;position:relative;display:flex;align-items:center;gap:13px}
.ph-ico{flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 26px -8px rgba(28,154,85,.85),0 0 0 4px rgba(47,191,110,.16)}
.ph-ico svg{width:20px;height:20px;color:#fff}
.ph-ico img{width:24px;height:24px}
.page-hero .crumbs{color:#a39d94;font-size:12px;margin-bottom:7px;position:relative}
@media (max-width:640px){
  .page-hero{padding:16px 0 22px}
  .page-hero h1{gap:10px}
  .ph-ico{flex-basis:36px;width:36px;height:36px}
  .ph-ico svg{width:17px;height:17px}
  .page-hero .ph-sub{font-size:13px;margin-top:6px}
}
.page-hero .crumbs a:hover{color:var(--green)}
.page-hero .ph-sub{position:relative;margin-top:6px;color:#c9c2b8;font-size:15px;max-width:560px}

/* ============ ДОСТАВКА (люкс) ============ */
.dv-wrap{display:flex;flex-direction:column;gap:36px;padding-top:30px;padding-bottom:70px}
.dv-wrap h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:16px}
.dv-wrap h2 svg{width:22px;height:22px;color:var(--green-dark)}
.dv-zones{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.dv-zone{position:relative;background:#fff;border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;transition:transform .3s var(--ease-spring),box-shadow .3s;overflow:hidden}
.dv-zone:hover{transform:translateY(-5px);box-shadow:0 26px 50px -18px rgba(0,0,0,.2)}
.dv-zone-hot{background:linear-gradient(150deg,#1b1815,#0f0e0c);color:#fff}
.dv-zone-hot::before{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.3),transparent 65%);top:-120px;right:-80px}
.dv-zone-badge{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:7px 12px;border-radius:999px}
.dv-zone-badge svg{width:12px;height:12px}
.dv-zone-ico{width:46px;height:46px;border-radius:14px;background:var(--green-soft);display:flex;align-items:center;justify-content:center}
.dv-zone-hot .dv-zone-ico{background:rgba(47,191,110,.16)}
.dv-zone-ico svg{width:22px;height:22px;color:var(--green-dark)}
.dv-zone-name{font-size:18px;font-weight:800}
.dv-min{display:flex;flex-direction:column;gap:2px}
.dv-min span{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-2)}
.dv-zone-hot .dv-min span{color:#a39d94}
.dv-min b{font-size:30px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--green),var(--green-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dv-free{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink-2)}
.dv-zone-hot .dv-free{color:#c9c2b8}
.dv-free svg{width:16px;height:16px;color:var(--green-dark)}
.dv-chips{display:flex;flex-wrap:wrap;gap:6px}
.dv-chips span{font-size:12px;font-weight:700;background:var(--bg-soft);border-radius:999px;padding:6px 11px}
.dv-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dv-fact{background:#fff;border-radius:var(--r-lg);padding:20px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px;transition:transform .3s var(--ease-spring)}
.dv-fact:hover{transform:translateY(-4px)}
.dv-fact svg,.dv-fact img{width:26px;height:26px;color:var(--green-dark)}
.dv-fact b{font-size:16px;font-weight:800}
.dv-fact span{font-size:12.5px;color:var(--ink-2);line-height:1.4}
.dv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dv-step{position:relative;background:#fff;border-radius:var(--r-lg);padding:24px 22px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:9px}
.dv-step i{position:absolute;top:14px;right:18px;font-style:normal;font-size:42px;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,rgba(47,191,110,.35),rgba(28,154,85,.12));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.dv-step svg{width:26px;height:26px;color:var(--green-dark)}
.dv-step b{font-size:16px;font-weight:800}
.dv-step span{font-size:13px;color:var(--ink-2);line-height:1.45}
.dv-pay{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dv-pay-card{background:#fff;border-radius:var(--r-lg);padding:22px;box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:8px;transition:transform .3s var(--ease-spring)}
.dv-pay-card:hover{transform:translateY(-4px)}
.dv-pay-card svg,.dv-pay-card img{width:26px;height:26px;color:var(--green-dark)}
.dv-pay-card b{font-size:16.5px;font-weight:800}
.dv-pay-card span{font-size:13px;color:var(--ink-2)}
.dv-pay-gold{background:linear-gradient(140deg,#fff7ec,#ffe9cf);border:1px solid rgba(28,154,85,.25)}
.dv-cta{background:linear-gradient(150deg,#1b1815,#0f0e0c);color:#fff;border-radius:var(--r-lg);padding:34px 32px;display:flex;align-items:center;justify-content:space-between;gap:22px;position:relative;overflow:hidden}
.dv-cta::before{content:'';position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.28),transparent 62%);bottom:-180px;left:-100px}
.dv-cta-txt{display:flex;flex-direction:column;gap:6px;position:relative}
.dv-cta-txt b{font-size:24px;font-weight:800;letter-spacing:-.02em}
.dv-cta-txt span{color:#c9c2b8;font-size:14.5px}
.dv-cta-btns{display:flex;align-items:center;gap:14px;position:relative;flex-wrap:wrap}
.dv-cta-phone{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:15.5px;color:#fff;background:rgba(255,255,255,.08);padding:14px 22px;border-radius:999px;transition:background .25s}
.dv-cta-phone:hover{background:rgba(255,255,255,.16)}
.dv-cta-phone svg{width:17px;height:17px;color:var(--green)}
@media (max-width:900px){
  .dv-zones,.dv-steps,.dv-pay{grid-template-columns:1fr}
  .dv-facts{grid-template-columns:1fr 1fr}
  .dv-cta{flex-direction:column;align-items:flex-start}
}
@media (max-width:480px){
  .dv-facts{grid-template-columns:1fr}
  .dv-min b{font-size:26px}
}
/* ============ КОНТАКТЫ ============ */
a.dv-fact{color:var(--ink)}
a.dv-fact:hover b{color:var(--green-dark)}
.kt-map .map-wrap{margin-top:0}
.kt-wrap{display:flex;flex-direction:column;gap:34px;padding-top:32px;padding-bottom:70px}

/* Визитка заведения */
.kt-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:radial-gradient(110% 170% at 88% -30%,rgba(47,191,110,.24),transparent 58%),var(--bg-dark);border-radius:var(--r-lg);padding:34px 36px;color:#fff;box-shadow:0 30px 70px -30px rgba(11,10,9,.8)}
.kt-card::before{content:'';position:absolute;inset:0;background:var(--maze);opacity:.55;pointer-events:none}
.kt-card>*{position:relative;z-index:1}
.kt-status{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:800;letter-spacing:.02em;color:var(--green);background:rgba(47,191,110,.12);border:1px solid rgba(47,191,110,.3);border-radius:var(--r-pill);padding:8px 16px}
.kt-status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(47,191,110,.7);animation:ktpulse 2.2s infinite}
@keyframes ktpulse{0%{box-shadow:0 0 0 0 rgba(47,191,110,.65)}70%{box-shadow:0 0 0 10px rgba(47,191,110,0)}100%{box-shadow:0 0 0 0 rgba(47,191,110,0)}}
.kt-brand{display:block;font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.03em;margin:16px 0 10px}
.kt-addr{display:flex;align-items:center;gap:9px;font-size:14.5px;color:#c9c2b8}
.kt-addr svg{width:17px;height:17px;flex:0 0 17px;color:var(--green)}
.kt-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.kt-call{display:inline-flex;align-items:center;gap:13px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:14px 26px 14px 20px;border-radius:20px;box-shadow:0 18px 40px -14px rgba(28,154,85,.95);transition:transform .28s var(--ease-spring),box-shadow .28s}
.kt-call:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 24px 50px -16px rgba(28,154,85,1)}
.kt-call svg{width:24px;height:24px;flex:0 0 24px}
.kt-call i{display:block;font-style:normal;font-size:11.5px;font-weight:700;opacity:.85;letter-spacing:.03em}
.kt-call b{display:block;font-size:20px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
.kt-route{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14.5px;padding:14px 22px;border-radius:20px;transition:border-color .25s,background .25s,transform .25s var(--ease-spring)}
.kt-route:hover{border-color:var(--green);background:rgba(47,191,110,.12);transform:translateY(-2px)}
.kt-route svg{width:19px;height:19px;color:var(--green)}
.kt-card-side{display:flex;flex-direction:column;align-items:center;gap:14px;min-width:210px}
.kt-seal{width:132px;height:132px;border-radius:50%;background:#100e0c;border:2px solid rgba(47,191,110,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px rgba(47,191,110,.07),0 20px 44px -18px rgba(0,0,0,.9);overflow:hidden}
.kt-seal img{width:100%;height:100%;object-fit:cover}
.kt-rating{display:flex;flex-direction:column;align-items:center;gap:3px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:14px 22px;transition:border-color .25s,background .25s,transform .25s var(--ease-spring);width:100%}
.kt-rating:hover{border-color:rgba(47,191,110,.5);background:rgba(47,191,110,.08);transform:translateY(-2px)}
.kt-rating b{font-size:28px;font-weight:900;color:#fff;letter-spacing:-.03em;line-height:1}
.kt-stars{display:flex;gap:2px}
.kt-stars svg{width:14px;height:14px;color:#ffb52e;fill:#ffb52e}
.kt-rating-sub{font-size:11.5px;color:#9c948a;text-align:center}
.kt-award{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#ffd88a;background:rgba(255,181,46,.1);border:1px solid rgba(255,181,46,.28);border-radius:var(--r-pill);padding:8px 15px}
.kt-award svg{width:15px;height:15px;flex:0 0 15px;color:#ffb52e}

/* Способы связи */
.kt-ways{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.kt-way{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 22px;box-shadow:var(--card-shadow);color:var(--ink);transition:transform .3s var(--ease-spring),box-shadow .3s,border-color .3s}
.kt-way:hover{transform:translateY(-5px);border-color:rgba(47,191,110,.45);box-shadow:0 26px 56px -26px rgba(28,154,85,.5)}
.kt-way-ico{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.22);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .3s,transform .35s var(--ease-spring)}
.kt-way-ico svg{width:23px;height:23px;color:var(--green-dark);transition:color .3s}
.kt-way:hover .kt-way-ico{background:linear-gradient(135deg,var(--green),var(--green-dark));transform:rotate(-8deg) scale(1.08)}
.kt-way:hover .kt-way-ico svg{color:#fff}
.kt-way b{display:block;font-size:16.5px;font-weight:800;letter-spacing:-.01em}
.kt-way>span:last-child{display:block;font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:6px}

/* Карта и «как найти» */
.kt-map h2{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-.01em;margin-bottom:18px}
.kt-map h2 svg{width:22px;height:22px;color:var(--green-dark)}
.kt-map-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;align-items:stretch}
.kt-map-box{border-radius:var(--r-lg);overflow:hidden}
.kt-map-box .map-wrap{height:100%}
.kt-map-box #ymap,.kt-map-box .map-wrap iframe{height:100%;min-height:420px}
.kt-side{display:flex;flex-direction:column;gap:14px}
.kt-side-block{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--card-shadow);transition:border-color .25s}
.kt-side-block:hover{border-color:rgba(47,191,110,.4)}
.kt-side-ico{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center}
.kt-side-ico svg{width:20px;height:20px;color:var(--green-dark)}
.kt-side-block b{display:block;font-size:15px;font-weight:800}
.kt-side-block span{display:block;font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:4px}
.kt-side-zones{background:var(--bg-dark);border-radius:22px;padding:20px 22px;color:#fff;flex:1}
.kt-side-zones>b{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;margin-bottom:14px}
.kt-side-zones>b svg{width:18px;height:18px;color:var(--green)}
.kt-zone{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}
.kt-zone i{font-style:normal;font-size:13px;color:#c9c2b8;line-height:1.35}
.kt-zone em{font-style:normal;font-size:13.5px;font-weight:800;color:var(--green);white-space:nowrap}
.kt-side-more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;font-weight:800;color:var(--green)}
.kt-side-more svg{width:15px;height:15px;transition:transform .25s var(--ease-spring)}
.kt-side-more:hover svg{transform:translateX(4px)}

/* Реквизиты */
.kt-req{display:flex;align-items:center;gap:20px;background:var(--bg-soft);border:1px solid var(--line);border-radius:24px;padding:22px 26px}
.kt-req-ico{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.kt-req-ico svg{width:21px;height:21px;color:var(--green-dark)}
.kt-req-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.kt-req-grid i{display:block;font-style:normal;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.kt-req-grid b{display:block;font-size:14.5px;font-weight:800;margin-top:4px}
.kt-req-grid a{color:var(--green-dark)}
.kt-req-grid a:hover{text-decoration:underline}

@media (max-width:1000px){
	.kt-ways{grid-template-columns:1fr 1fr}
	.kt-map-grid{grid-template-columns:1fr}
	.kt-map-box #ymap,.kt-map-box .map-wrap iframe{min-height:320px}
}
@media (max-width:760px){
	.kt-card{grid-template-columns:1fr;padding:26px 20px;gap:24px}
	.kt-card-side{order:-1;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;min-width:0}
	.kt-seal{width:92px;height:92px}

	.kt-rating{width:auto;flex-direction:row;align-items:center;gap:10px;padding:10px 16px}
	.kt-rating-sub{display:none}
	.kt-call{width:100%;justify-content:center}
	.kt-route{width:100%;justify-content:center}
	.kt-req{flex-direction:column;align-items:flex-start}
	.kt-req-grid{grid-template-columns:1fr;gap:12px}
}
@media (max-width:520px){
	.kt-ways{grid-template-columns:1fr}
}

/* ============ О НАС ============ */
.ab-wrap{display:flex;flex-direction:column;gap:58px;padding-top:38px;padding-bottom:76px}
.ab-h2{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:20px}
.ab-h2 svg{width:23px;height:23px;color:var(--green-dark)}

/* Знакомство */
.ab-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}
.ab-cap{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark);background:var(--green-soft);border-radius:var(--r-pill);padding:8px 16px}
.ab-cap svg{width:15px;height:15px}
.ab-intro-txt h2{font-size:clamp(28px,3.8vw,44px);font-weight:900;letter-spacing:-.035em;line-height:1.08;margin:16px 0 18px}
.ab-intro-txt h2 .hl{color:var(--green);text-shadow:0 0 34px rgba(47,191,110,.35)}
.ab-intro-txt p{font-size:15.5px;line-height:1.72;color:var(--ink-2);margin:0 0 14px}
.ab-chips{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 24px}
.ab-chips span{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 16px;box-shadow:0 10px 22px -16px rgba(20,18,16,.6);transition:transform .25s var(--ease-spring),border-color .25s}
.ab-chips span:hover{transform:translateY(-2px);border-color:rgba(47,191,110,.45)}
.ab-chips svg{width:15px;height:15px;color:var(--green)}
.ab-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ab-phone{display:inline-flex;align-items:center;gap:10px;font-size:15.5px;font-weight:800;color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:14px 22px;transition:border-color .25s,background .25s,transform .25s var(--ease-spring)}
.ab-phone svg{width:18px;height:18px;color:var(--green)}
.ab-phone:hover{border-color:var(--green);background:var(--green-soft);transform:translateY(-2px)}

/* Коллаж из круглых фото */
.ab-collage{position:relative;min-height:460px}
.ab-ph{position:absolute;border-radius:50%;overflow:hidden;margin:0;background:var(--bg-soft)}
.ab-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.ab-ph:hover img{transform:scale(1.08)}
.ab-ph-main{width:min(340px,72%);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border:5px solid #fff;box-shadow:0 0 0 2px rgba(47,191,110,.35),0 34px 70px -30px rgba(20,18,16,.6);z-index:2;animation:abfloat 7s ease-in-out infinite}
.ab-ph-2{width:170px;height:170px;right:2%;top:6%;border:4px solid #fff;box-shadow:0 24px 50px -24px rgba(20,18,16,.55);z-index:3;animation:abfloat 6s ease-in-out infinite .8s}
.ab-ph-3{width:140px;height:140px;left:1%;bottom:8%;border:4px solid #fff;box-shadow:0 24px 50px -24px rgba(20,18,16,.55);z-index:3;animation:abfloat 8s ease-in-out infinite .4s}
@keyframes abfloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media (prefers-reduced-motion:reduce){.ab-ph{animation:none !important}}
/* Единственное место, где оранжевый уместен: бейдж живого огня. */
.ab-fire{position:absolute;left:0;top:12%;z-index:4;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-dark));border-radius:var(--r-pill);padding:9px 16px;box-shadow:0 14px 30px -12px rgba(238,77,0,.7)}
.ab-fire svg{width:15px;height:15px}
.ab-rate{position:absolute;right:0;bottom:6%;z-index:4;display:flex;align-items:center;gap:12px;background:var(--bg-dark);color:#fff;border-radius:20px;padding:14px 18px;box-shadow:0 24px 50px -22px rgba(0,0,0,.8);transition:transform .28s var(--ease-spring)}
.ab-rate:hover{transform:translateY(-3px)}
.ab-rate b{font-size:26px;font-weight:900;letter-spacing:-.03em;color:var(--green)}
.ab-rate span{font-size:11px;color:#a39d94;line-height:1.35}
.ab-rate span svg{width:12px;height:12px;color:#ffb52e;fill:#ffb52e;vertical-align:-1px}

/* Цифры */
.ab-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;background:radial-gradient(110% 180% at 85% -40%,rgba(47,191,110,.2),transparent 58%),var(--bg-dark);border-radius:var(--r-lg);padding:32px 30px;position:relative;overflow:hidden}
.ab-nums::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.ab-num{position:relative;z-index:1;text-align:center}
.ab-num b{display:block;font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.04em;color:var(--green);line-height:1}
.ab-num span{display:block;font-size:12.5px;color:#a39d94;margin-top:8px;line-height:1.45}

/* Принципы */
.ab-vals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-val{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 24px;box-shadow:var(--card-shadow);transition:transform .3s var(--ease-spring),box-shadow .3s,border-color .3s}
.ab-val:hover{transform:translateY(-5px);border-color:rgba(47,191,110,.4);box-shadow:0 26px 56px -26px rgba(28,154,85,.45)}
.ab-val-ico{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.22);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background .3s,transform .35s var(--ease-spring)}
.ab-val-ico svg{width:24px;height:24px;color:var(--green-dark);transition:color .3s}
.ab-val:hover .ab-val-ico{background:linear-gradient(135deg,var(--green),var(--green-dark));transform:rotate(-8deg) scale(1.06)}
.ab-val:hover .ab-val-ico svg{color:#fff}
.ab-val b{display:block;font-size:17px;font-weight:800;letter-spacing:-.01em}
.ab-val>span:last-child{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-top:8px}

/* Разделы меню круглыми фото */
.ab-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:18px}
.ab-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;color:var(--ink)}
.ab-cat-ph{width:110px;height:110px;border-radius:50%;overflow:hidden;border:3px solid #fff;outline:2px solid var(--line);outline-offset:2px;box-shadow:0 18px 38px -20px rgba(20,18,16,.6);transition:outline-color .3s,transform .35s var(--ease-spring)}
.ab-cat-ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.ab-cat:hover .ab-cat-ph{outline-color:var(--green);transform:translateY(-5px) scale(1.03)}
.ab-cat:hover .ab-cat-ph img{transform:scale(1.1)}
.ab-cat b{font-size:14.5px;font-weight:800;margin-top:12px}
.ab-cat i{font-style:normal;font-size:12px;color:var(--ink-2)}

/* Как проходит заказ */
.ab-flow{position:relative;overflow:hidden;background:radial-gradient(110% 170% at 10% -40%,rgba(47,191,110,.2),transparent 58%),var(--bg-dark);border-radius:var(--r-lg);padding:34px 34px 32px;color:#fff}
.ab-flow::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.ab-flow h2{position:relative;z-index:1;display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.02em;margin-bottom:24px}
.ab-flow h2 svg{width:22px;height:22px;color:var(--green)}
.ab-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-step{position:relative;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:22px;padding:22px 20px;transition:border-color .3s,background .3s,transform .3s var(--ease-spring)}
.ab-step:hover{border-color:rgba(47,191,110,.45);background:rgba(47,191,110,.08);transform:translateY(-4px)}
.ab-step i{position:absolute;right:18px;top:16px;font-style:normal;font-size:30px;font-weight:900;color:var(--green);opacity:.22;line-height:1}
.ab-step-ico{width:44px;height:44px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.ab-step-ico svg{width:21px;height:21px;color:var(--green)}
.ab-step b{display:block;font-size:15.5px;font-weight:800}
.ab-step>span:last-child{display:block;font-size:12.5px;color:#9c948a;line-height:1.55;margin-top:6px}

/* Галерея */
.ab-gal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab-gal-item{position:relative;margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--card-shadow)}
.ab-gal-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.ab-gal-item:hover img{transform:scale(1.09)}
.ab-gal-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 14px;font-size:13px;font-weight:800;color:#fff;background:linear-gradient(180deg,transparent,rgba(11,10,9,.85));transform:translateY(4px);opacity:.92;transition:transform .35s var(--ease-spring),opacity .3s}
.ab-gal-item:hover figcaption{transform:none;opacity:1}

/* Бонусы */
.ab-bonus{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:linear-gradient(135deg,#fff9ec,#fff3dd);border:1px solid rgba(255,181,46,.3);border-radius:var(--r-lg);padding:26px 30px}
.ab-bonus-coin img{width:64px;height:64px;display:block;filter:drop-shadow(0 12px 24px rgba(200,140,20,.35))}
.ab-bonus-txt{flex:1;min-width:220px}
.ab-bonus-txt b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em}
.ab-bonus-txt span{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-top:5px}
.ab-bonus-go{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;font-weight:800;font-size:14.5px;padding:14px 24px;border-radius:16px;transition:transform .25s var(--ease-spring)}
.ab-bonus-go:hover{transform:translateY(-2px) scale(1.02)}
.ab-bonus-go svg{width:17px;height:17px}

@media (max-width:1000px){
	.ab-intro{grid-template-columns:1fr;gap:34px}
	.ab-collage{min-height:400px;order:-1}
	.ab-vals{grid-template-columns:1fr 1fr}
	.ab-steps{grid-template-columns:1fr 1fr}
	.ab-gal-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
	.ab-wrap{gap:42px}
	.ab-nums{grid-template-columns:1fr 1fr;gap:22px;padding:26px 20px}
	.ab-vals{grid-template-columns:1fr}
	.ab-steps{grid-template-columns:1fr}
	.ab-collage{min-height:330px}
	.ab-ph-main{width:74%}
	.ab-ph-2{width:120px;height:120px}
	.ab-ph-3{width:100px;height:100px}
	.ab-rate{padding:10px 14px;gap:9px}
	.ab-rate b{font-size:21px}
	.ab-cat-ph{width:92px;height:92px}
	.ab-bonus{padding:22px 20px}
	.ab-bonus-go{width:100%;justify-content:center}
	.ab-btns{width:100%}
	.ab-btns .btn-orange,.ab-phone{flex:1;justify-content:center}
}

/* ============ ПРИГЛАШАЙ ДРУЗЕЙ (реферальная) ============ */
.pd-wrap{display:flex;flex-direction:column;gap:52px;padding-top:38px;padding-bottom:76px}
.pd-top{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:40px;align-items:center}
.pd-banner{display:block;position:relative;aspect-ratio:1;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 0 0 2px rgba(47,191,110,.35),0 34px 70px -28px rgba(20,18,16,.6)}
.pd-banner img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.pd-banner:hover img{transform:scale(1.05)}
.pd-cap{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green-dark);background:var(--green-soft);border-radius:var(--r-pill);padding:8px 16px}
.pd-cap svg{width:15px;height:15px}
.pd-top-txt h2{font-size:clamp(28px,3.6vw,42px);font-weight:900;letter-spacing:-.035em;line-height:1.1;margin:16px 0 14px}
.pd-top-txt h2 b{color:var(--green);text-shadow:0 0 34px rgba(47,191,110,.35)}
.pd-top-txt p{font-size:15.5px;line-height:1.7;color:var(--ink-2);margin-bottom:22px}
.pd-top-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.pd-more{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--green-dark)}
.pd-more svg{width:16px;height:16px;transition:transform .25s var(--ease-spring)}
.pd-more:hover svg{transform:translateX(4px)}

.pd-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pd-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 22px;box-shadow:var(--card-shadow);transition:transform .3s var(--ease-spring),border-color .3s,box-shadow .3s}
.pd-step:hover{transform:translateY(-5px);border-color:rgba(47,191,110,.4);box-shadow:0 26px 56px -26px rgba(28,154,85,.45)}
.pd-step i{position:absolute;right:20px;top:18px;font-style:normal;font-size:30px;font-weight:900;color:var(--green);opacity:.16;line-height:1}
.pd-step-ico{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.22);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pd-step-ico svg{width:22px;height:22px;color:var(--green-dark)}
.pd-step-ico .bn-coin{width:26px;height:26px}
.pd-step b{display:block;font-size:16px;font-weight:800}
.pd-step>span:last-child{display:block;font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:7px}

.pd-levels{position:relative;overflow:hidden;background:radial-gradient(110% 170% at 88% -30%,rgba(47,191,110,.2),transparent 58%),var(--bg-dark);border-radius:var(--r-lg);padding:32px 34px;color:#fff}
.pd-levels::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.pd-levels>*{position:relative;z-index:1}
.pd-levels h2{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-.02em}
.pd-levels h2 svg{width:22px;height:22px;color:var(--green)}
.pd-levels-sub{font-size:13.5px;color:#a39d94;margin:6px 0 22px}
.pd-levels-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pd-level{text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:20px 16px;transition:border-color .3s,background .3s,transform .3s var(--ease-spring)}
.pd-level:hover{border-color:rgba(47,191,110,.45);background:rgba(47,191,110,.08);transform:translateY(-4px)}
.pd-level-ico{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center}
.pd-level-ico svg{width:21px;height:21px;color:var(--green)}
.pd-level b{display:block;font-size:14.5px;font-weight:800}
.pd-level span{display:block;font-size:12px;color:#9c948a;margin-top:4px}

.pd-faq-list{display:flex;flex-direction:column;gap:10px}
.pd-q{background:#fff;border:1px solid var(--line);border-radius:20px;padding:4px 22px;box-shadow:0 12px 30px -22px rgba(20,18,16,.5);transition:border-color .25s}
.pd-q[open]{border-color:rgba(47,191,110,.4)}
.pd-q summary{display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;padding:16px 0;font-size:15px;font-weight:800}
.pd-q summary::-webkit-details-marker{display:none}
.pd-q summary svg{width:18px;height:18px;flex:0 0 18px;color:var(--green-dark);transition:transform .3s var(--ease-spring)}
.pd-q[open] summary svg{transform:rotate(45deg)}
.pd-q p{font-size:14px;line-height:1.65;color:var(--ink-2);padding:0 0 18px 29px}

@media (max-width:1000px){
	.pd-top{grid-template-columns:1fr;gap:28px}
	.pd-banner{max-width:320px;margin:0 auto}
	.pd-steps{grid-template-columns:1fr 1fr}
	.pd-levels-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
	.pd-steps{grid-template-columns:1fr}
	.pd-levels{padding:24px 18px}
	.pd-levels-grid{grid-template-columns:1fr}
	.pd-top-btns .btn-orange{width:100%;justify-content:center}
}

/* ============ ЮРИДИЧЕСКИЕ СТРАНИЦЫ (политика, соглашение, cookie) ============ */
.page-content.legal{max-width:1000px;padding-top:28px;padding-bottom:70px}
.lg-wrap{display:flex;flex-direction:column;gap:24px}

/* Кратко: тёмная карточка с тремя фактами вместо десяти абзацев */
.lg-top{position:relative;overflow:hidden;background:radial-gradient(120% 160% at 90% -30%,rgba(47,191,110,.22),transparent 60%),var(--bg-dark);border-radius:var(--r-lg);padding:26px 28px 24px;color:#fff;box-shadow:0 26px 60px -28px rgba(11,10,9,.75)}
.lg-top::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.lg-top-head{position:relative;z-index:1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lg-top-ico{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px -10px rgba(28,154,85,.9),0 0 0 5px rgba(47,191,110,.14)}
.lg-top-ico svg{width:25px;height:25px;color:#fff}
.lg-top-head>div{flex:1;min-width:180px}
.lg-top-head b{display:block;font-size:19px;font-weight:800;letter-spacing:-.01em}
.lg-top-head>div span{display:block;font-size:13.5px;color:#a39d94;margin-top:3px}
.lg-date{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--green);background:rgba(47,191,110,.12);border:1px solid rgba(47,191,110,.28);border-radius:var(--r-pill);padding:8px 14px;white-space:nowrap}
.lg-date svg{width:14px;height:14px;flex:0 0 14px}
.lg-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.lg-fact{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:18px 18px 16px;transition:border-color .25s,background .25s,transform .3s var(--ease-spring)}
.lg-fact:hover{border-color:rgba(47,191,110,.45);background:rgba(47,191,110,.08);transform:translateY(-3px)}
.lg-fact-ico{width:40px;height:40px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.lg-fact-ico svg{width:19px;height:19px;color:var(--green)}
.lg-fact b{display:block;font-size:14.5px;font-weight:800;color:#fff}
.lg-fact span{display:block;font-size:12.5px;color:#9c948a;line-height:1.5;margin-top:5px}

/* Преамбула документа */
.lg-intro{position:relative;padding:4px 0 4px 20px;font-size:15.5px;line-height:1.7;color:var(--ink-2)}
.lg-intro::before{content:'';position:absolute;left:0;top:6px;bottom:6px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--green),var(--green-dark))}
.lg-intro p{margin:0 0 10px}
.lg-intro p:last-child{margin:0}

/* Оглавление чипами */
.lg-toc{display:flex;flex-wrap:wrap;gap:10px}
.lg-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 16px;box-shadow:0 8px 20px -14px rgba(20,18,16,.5);transition:transform .25s var(--ease-spring),border-color .25s,color .25s,background .25s}
.lg-chip svg{width:15px;height:15px;flex:0 0 15px;color:var(--green)}
.lg-chip:hover{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border-color:transparent;transform:translateY(-2px)}
.lg-chip:hover svg{color:#fff}

/* Разделы документа — карточками */
.lg-cards{display:flex;flex-direction:column;gap:16px}
.lg-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--card-shadow);scroll-margin-top:110px;transition:border-color .3s,box-shadow .3s,transform .3s var(--ease-spring)}
.lg-card:hover{border-color:rgba(47,191,110,.4);box-shadow:0 24px 54px -24px rgba(28,154,85,.35);transform:translateY(-2px)}
.lg-card-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.lg-ico{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.25);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .3s var(--ease-spring)}
.lg-ico svg{width:21px;height:21px;color:var(--green-dark);transition:color .3s}
.lg-card:hover .lg-ico{background:linear-gradient(135deg,var(--green),var(--green-dark));transform:rotate(-6deg) scale(1.05)}
.lg-card:hover .lg-ico svg{color:#fff}
.lg-card h2{flex:1;font-size:19px;font-weight:800;letter-spacing:-.01em;margin:0;padding:0}
.lg-card h2::before{display:none}
.lg-num{font-style:normal;font-size:30px;font-weight:900;line-height:1;color:var(--green);opacity:.16;letter-spacing:-.03em}
.lg-body p{font-size:14.5px;line-height:1.7;color:var(--ink-2);margin:0 0 10px}
.lg-body p:last-child{margin:0}
.lg-body ul,.lg-body ol{margin:6px 0 4px;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.lg-body li{position:relative;padding-left:28px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.lg-body li::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--green-soft) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c9a55' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.lg-body strong,.lg-body b{color:var(--ink);font-weight:800}
.lg-body a{color:var(--green-dark);font-weight:700}
.lg-body a:hover{text-decoration:underline}

/* Вопрос по документу */
.lg-ask{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:radial-gradient(120% 200% at 8% -60%,rgba(47,191,110,.2),transparent 55%),var(--bg-dark);border-radius:var(--r-lg);padding:22px 26px;color:#fff}
.lg-ask-ico{width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center}
.lg-ask-ico svg{width:22px;height:22px;color:var(--green)}
.lg-ask-txt{flex:1;min-width:200px}
.lg-ask-txt b{display:block;font-size:17px;font-weight:800}
.lg-ask-txt span{display:block;font-size:13px;color:#a39d94;margin-top:3px}
.lg-ask-btns{display:flex;gap:10px;flex-wrap:wrap}
.lg-ask-call{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15px;padding:13px 22px;border-radius:16px;box-shadow:0 14px 30px -12px rgba(28,154,85,.9);transition:transform .25s var(--ease-spring)}
.lg-ask-call:hover{transform:translateY(-2px) scale(1.02)}
.lg-ask-call svg{width:18px;height:18px}
.lg-ask-mail{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14px;padding:13px 20px;border-radius:16px;transition:border-color .25s,background .25s}
.lg-ask-mail:hover{border-color:var(--green);background:rgba(47,191,110,.12)}
.lg-ask-mail svg{width:17px;height:17px;color:var(--green)}

/* Соседние документы */
.lg-other{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lg-other-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:0 12px 30px -20px rgba(20,18,16,.4);transition:transform .3s var(--ease-spring),border-color .3s,box-shadow .3s}
.lg-other-card:hover{transform:translateY(-3px);border-color:rgba(47,191,110,.45);box-shadow:0 22px 46px -24px rgba(28,154,85,.45)}
.lg-other-ico{width:38px;height:38px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.lg-other-ico svg{width:18px;height:18px;color:var(--green-dark)}
.lg-other-card b{display:block;font-size:15.5px;font-weight:800;color:var(--ink)}
.lg-other-card>span{display:block;font-size:12.5px;color:var(--ink-2);margin-top:4px;line-height:1.5}
.lg-other-card i{position:absolute;right:20px;top:22px;color:var(--green);opacity:.5;transition:transform .3s var(--ease-spring),opacity .3s}
.lg-other-card i svg{width:18px;height:18px}
.lg-other-card:hover i{transform:translateX(4px);opacity:1}

@media (max-width:860px){
	.lg-facts{grid-template-columns:1fr}
	.lg-other{grid-template-columns:1fr}
	.lg-top{padding:22px 20px}
	.lg-card{padding:20px 18px}
	.lg-num{font-size:24px}
	.lg-ask{padding:20px}
	.lg-ask-btns{width:100%}
	.lg-ask-call,.lg-ask-mail{flex:1;justify-content:center}
}

/* Иконки юр-ссылок в футере */
.ft-legal{display:inline-flex;flex-wrap:wrap;gap:8px 10px}
.ft-legal a{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-pill);padding:7px 14px;transition:border-color .25s,background .25s,color .25s}
.ft-legal a:hover{border-color:rgba(47,191,110,.5);background:rgba(47,191,110,.1)}
.ft-legal svg{width:13px;height:13px;flex:0 0 13px;color:var(--green);opacity:.95}
.page-content{padding:44px 20px 64px;max-width:820px}
.page-content h2{font-size:22px;font-weight:800;margin:28px 0 12px;letter-spacing:-.01em}
.page-content h3{font-size:17px;font-weight:800;margin:20px 0 8px}
/* Тёмно-серый цвет — только для обычного текста страницы. Внутри своих блоков
   (тёмные карточки, кабинет, вход) цвет задаёт сам блок, иначе получается
   тёмный текст на тёмном фоне. */
.page-content>p,.page-content .lg-body p,.page-content .lg-intro p{margin-bottom:12px;color:#3d3a35;font-size:15px}
.page-content>ul,.page-content>ol,.page-content .lg-body ul,.page-content .lg-body ol{margin:0 0 14px 22px;color:#3d3a35;font-size:15px}
.page-content>ul>li,.page-content>ol>li,.page-content .lg-body li{margin-bottom:6px}
/* Зелёным красим ТОЛЬКО ссылки в тексте. Кнопки и карточки — сами по себе,
   иначе на зелёной кнопке оказывается зелёная надпись. */
.page-content p a,.page-content li a,.page-content td a,.page-content address a,
.page-content h2 a,.page-content h3 a,.page-content .lg-body a,.page-content .lg-intro a{color:var(--green-dark);font-weight:600}
/* Кнопки внутри страниц не должны наследовать ссылочный оранжевый */
.page-content a.btn-orange,a.btn-orange,.btn-orange{color:#fff !important}
.btn-orange svg{color:#fff !important}
.page-content a.bp-card-btn{color:#fff !important}

/* ============ ИКОНКИ ОПЦИЙ / ЛОАДЕР / СПАСИБО / БОНУС-СТРАНИЦА ============ */
.pc-ico{display:inline-flex;margin-right:2px}
.pc-ico svg{width:15px;height:15px;color:var(--green-dark)}
.pp-check.on .pc-ico svg{color:var(--green-dark)}
.pp-var .pc-ico svg{width:16px;height:16px}
.pp-var{display:inline-flex;align-items:center;gap:7px}
.pp-var.sel .pc-ico svg{color:var(--green)}

.sorm-loading{position:fixed;inset:0;z-index:400;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.sorm-loading.show{opacity:1;pointer-events:auto}
.sl-box{text-align:center;background:#fff;border-radius:26px;padding:38px 44px;box-shadow:0 40px 90px -25px rgba(20,19,17,.35)}
.sl-box b{display:block;font-size:18px;font-weight:800;margin-bottom:4px}
.sl-box .sl-sub{font-size:13px;color:var(--ink-2)}
.sl-spinner{display:block;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;border:4px solid var(--green-soft);border-top-color:var(--green);animation:slspin .8s linear infinite}
@keyframes slspin{to{transform:rotate(360deg)}}

.bn-thanks{display:flex;align-items:center;gap:16px;background:radial-gradient(110% 170% at 10% -40%,rgba(47,191,110,.2),transparent 58%),#0b0a09;color:#fff;border-radius:22px;padding:20px 24px;margin:0 0 24px;flex-wrap:wrap}
.bn-thanks .bnt-ico{width:52px;height:52px;flex:0 0 52px;border-radius:16px;background:rgba(47,191,110,.15);color:var(--green);display:flex;align-items:center;justify-content:center}
.bn-thanks .bnt-ico svg{width:26px;height:26px}
.bn-thanks b{display:block;font-size:16.5px;margin-bottom:3px}
.bn-thanks span{font-size:13px;color:#b7b2aa}
.bn-thanks div{flex:1;min-width:220px}
.bn-thanks span a{color:var(--green);font-weight:700}
.bn-thanks .bnt-btn{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:13.5px;padding:11px 20px;border-radius:var(--r-pill);white-space:nowrap;transition:transform .22s var(--ease-spring)}
.bn-thanks .bnt-btn:hover{transform:translateY(-1px)}

.bp-wrap{max-width:900px}
/* Золотая карта */
.bp-card{position:relative;display:flex;align-items:center;gap:22px;background:radial-gradient(120% 170% at 88% -30%,rgba(47,191,110,.28),transparent 58%),linear-gradient(130deg,#0d0f0d 0%,#12211a 55%,#0f2b1e 100%);border:1px solid rgba(47,191,110,.35);color:#fff;border-radius:26px;padding:28px 30px;margin-bottom:26px;overflow:hidden;box-shadow:0 30px 70px -24px rgba(10,60,35,.55)}
.bp-card::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,210,120,.16) 48%,transparent 62%);transform:translateX(-100%);animation:cardsheen 4.2s ease-in-out infinite}
@keyframes cardsheen{0%,55%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}
.bp-card-coin .bn-coin{width:78px;height:78px;filter:drop-shadow(0 10px 26px rgba(47,191,110,.55))}
.bp-card-body{flex:1;min-width:180px;position:relative}
.bp-card-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9b877;font-weight:700;margin-bottom:6px}
.bp-card-balance{display:block;font-size:clamp(26px,4vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.05}
.bp-card-sub{display:block;font-size:12.5px;color:#9c948a;margin-top:5px}
.bp-card-btn{position:relative;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff !important;font-weight:800;font-size:14px;padding:13px 22px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:0 14px 30px -10px rgba(28,154,85,.65);transition:transform .25s var(--ease-spring);text-shadow:0 1px 2px rgba(0,0,0,.25)}
.bp-card-btn:hover{transform:translateY(-2px) scale(1.03)}
/* Искры-монетки */
.bp-sparks{position:absolute;inset:0;pointer-events:none}
.bp-sparks i{position:absolute;width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bff5d6,#2fbf6e 60%,#1c9a55);opacity:0;animation:spark 3.8s ease-in-out infinite}
.bp-sparks i:nth-child(1){left:12%;bottom:8%;animation-delay:0s}
.bp-sparks i:nth-child(2){left:28%;bottom:14%;animation-delay:.7s;width:5px;height:5px}
.bp-sparks i:nth-child(3){left:52%;bottom:6%;animation-delay:1.3s}
.bp-sparks i:nth-child(4){left:68%;bottom:16%;animation-delay:1.9s;width:5px;height:5px}
.bp-sparks i:nth-child(5){left:84%;bottom:9%;animation-delay:2.5s}
.bp-sparks i:nth-child(6){left:40%;bottom:10%;animation-delay:3.1s;width:4px;height:4px}
@keyframes spark{0%,100%{opacity:0;transform:translateY(0) scale(.6)}12%{opacity:1}45%{opacity:.9;transform:translateY(-46px) scale(1)}70%{opacity:0;transform:translateY(-78px) scale(.5)}}
/* Шаги со стрелками */
.bp-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch;margin-bottom:22px}
.bp-step{position:relative;background:var(--bg-soft);border-radius:22px;padding:26px 22px 22px;transition:transform .28s var(--ease-spring),box-shadow .28s}
.bp-step:hover{transform:translateY(-5px);box-shadow:var(--card-shadow-hover)}
.bp-num{position:absolute;top:16px;right:18px;font-size:38px;font-weight:800;color:#e7e1d8;line-height:1}
.bp-ico{width:52px;height:52px;border-radius:17px;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 10px 24px -10px rgba(20,19,17,.18)}
.bp-ico svg{width:26px;height:26px}
.bp-ico-coin{background:linear-gradient(135deg,#fff4dd,#ffe6b8)}
.bp-ico .bn-coin{width:30px;height:30px}
.bp-arrow{align-self:center;color:#d8d0c4;display:flex}
.bp-arrow svg{width:22px;height:22px}
.bp-step b{font-size:16px;font-weight:800;display:block;margin-bottom:6px}
.bp-step p{font-size:13px;color:var(--ink-2);line-height:1.5;margin:0}
/* Калькулятор */
.bp-calc{background:radial-gradient(110% 170% at 10% -40%,rgba(47,191,110,.2),transparent 58%),#0b0a09;color:#fff;border-radius:24px;padding:24px 28px;margin-bottom:22px;position:relative;overflow:hidden}
.bp-calc::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.18),transparent 60%);right:-90px;top:-90px;pointer-events:none}
.bp-calc-head{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;margin-bottom:16px}
.bp-calc-head .bn-coin{width:26px;height:26px}
.bp-calc-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.bp-calc-cap{font-size:13px;color:#b7b2aa}
.bp-calc-sum{font-size:20px;font-weight:800}
#bp-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--green) var(--fill,25%),rgba(255,255,255,.14) var(--fill,25%));outline:none;margin:6px 0 16px;cursor:pointer}
#bp-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bff5d6,#2fbf6e 60%,#1c9a55);border:2.5px solid #fff;box-shadow:0 6px 18px -4px rgba(47,191,110,.7);cursor:grab}
#bp-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#ffb52e;border:2.5px solid #fff;box-shadow:0 6px 18px -4px rgba(47,191,110,.7);cursor:grab}
.bp-calc-res{display:flex;align-items:center;gap:10px;background:rgba(47,191,110,.12);border:1px solid rgba(47,191,110,.3);border-radius:16px;padding:13px 18px;font-size:14px}
.bp-calc-res b{font-size:20px;font-weight:800;color:#7ee0a6}
.bp-calc-res .bn-coin{width:22px;height:22px;margin-left:auto}
/* Примеры/CTA */
.bp-example{background:var(--green-soft);border-radius:20px;padding:20px 24px;margin-bottom:24px}
.bp-example h3{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;margin:0 0 10px}
.bp-example h3 svg{width:18px;height:18px;color:var(--green-dark)}
.bp-example ul{margin:0 0 0 20px}
.bp-example li{font-size:14px;margin-bottom:7px;color:#5d4632}
.bp-cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bp-menu-link{font-weight:800;color:var(--green-dark)}
@media (max-width:760px){
  .bp-steps{grid-template-columns:1fr}
  .bp-arrow{transform:rotate(90deg);justify-content:center}
  .bp-card{flex-direction:column;text-align:center;gap:14px;padding:26px 20px}
  .bp-card-coin .bn-coin{width:64px;height:64px}
  .bp-calc{padding:20px 16px}
}
/* ЛК: огромная бонус-карта */
.lkb-card{margin-bottom:18px}
.lkb-huge{font-size:clamp(44px,7vw,64px) !important;line-height:1 !important;text-shadow:0 6px 30px rgba(47,191,110,.35)}
.lkb-rub{color:#7ee0a6}
.lkb-card .bp-card-coin .bn-coin{width:92px;height:92px}
.lkb-actions{display:flex;flex-direction:column;align-items:center;gap:10px}
.lkb-history{font-size:13px;font-weight:700;color:#d9b877}
.lkb-history:hover{color:#7ee0a6}
.lk-tiles-3{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.lk-tile-gold{background:linear-gradient(130deg,#0d1a13,#123024);color:#fff;border:1px solid rgba(47,191,110,.35)}
.lk-tile-gold .lt-sub{color:#d9b877}
.lk-tile-gold .lt-ico{background:rgba(47,191,110,.16);color:#7ee0a6;box-shadow:none}
@media (max-width:760px){
  .lk-tiles-3{grid-template-columns:1fr 1fr}
  .lkb-card .bp-card-coin .bn-coin{width:72px;height:72px}
  .lkb-huge{font-size:clamp(48px,15vw,64px) !important}
}
@media (max-width:480px){.lk-tiles-3{grid-template-columns:1fr}}

/* ============ TO TOP ============ */
.to-top{position:fixed;right:18px;bottom:18px;z-index:150;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -10px rgba(20,19,17,.5);opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .3s,transform .35s var(--ease-spring),background .25s}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{background:var(--green-dark)}
.to-top svg{width:20px;height:20px}

/* ============ ЛИЧНЫЙ КАБИНЕТ ============ */
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content{float:none;width:100%}
.lk-nav ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 26px;padding:0}
.lk-nav a{display:flex;align-items:center;gap:8px;padding:11px 17px;border-radius:var(--r-pill);background:var(--bg-soft);border:1px solid transparent;font-weight:700;font-size:13.5px;transition:background .22s,color .22s,border-color .22s,transform .22s var(--ease-spring)}
.lk-nav a:hover{transform:translateY(-1px);border-color:rgba(47,191,110,.45);background:var(--green-soft)}
.lk-nav svg{width:16px;height:16px;color:var(--green-dark)}
.lk-nav li.is-active a{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 12px 24px -12px rgba(28,154,85,.9)}
.lk-nav li.is-active a svg{color:#fff}
.lk-lock{display:inline-flex;margin-left:2px}
.lk-lock svg{width:12px;height:12px;color:var(--ink-2)}
.bonus-locked{position:relative;background:var(--bg-soft);border-radius:24px;padding:40px 28px;text-align:center;overflow:hidden}
.bonus-locked .bl-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:12px;padding:6px 14px;border-radius:var(--r-pill);box-shadow:0 8px 20px -8px rgba(28,154,85,.55)}
.bonus-locked .bl-ico{width:74px;height:74px;margin:0 auto 16px;border-radius:24px;background:#fff;color:var(--green-dark);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -14px rgba(20,19,17,.25)}
.bonus-locked .bl-ico svg{width:38px;height:38px}
.bonus-locked h3{font-size:21px;font-weight:800;margin-bottom:8px}
.bonus-locked p{color:var(--ink-2);font-size:14px;max-width:420px;margin:0 auto 18px}
.bonus-locked .bl-lock{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r-pill);padding:9px 16px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.bonus-locked .bl-lock svg{width:14px;height:14px;color:var(--green-dark)}

/* ============ БОНУСЫ ============ */
.bonus-live{max-width:640px}
.bn-balance{display:flex;align-items:center;gap:16px;background:radial-gradient(110% 170% at 10% -40%,rgba(47,191,110,.2),transparent 58%),#0b0a09;color:#fff;border-radius:24px;padding:24px 28px;margin-bottom:14px;position:relative;overflow:hidden}
.bn-balance::after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(47,191,110,.35),transparent 60%);right:-70px;top:-70px}
.bn-balance .bn-ico{width:56px;height:56px;flex:0 0 56px;border-radius:18px;background:rgba(255,255,255,.1);color:var(--green);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.bn-balance .bn-ico svg{width:28px;height:28px}
.bn-balance .bn-label{display:block;font-size:12.5px;color:#b7b2aa;font-weight:600;margin-bottom:2px}
.bn-balance b{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}
.bn-balance .bn-rub{color:var(--green)}
.bn-rule{display:flex;gap:10px;align-items:flex-start;background:var(--green-soft);border-radius:16px;padding:13px 16px;font-size:13px;color:#2f4a3b;margin-bottom:22px}
.bn-rule svg{width:16px;height:16px;flex:0 0 16px;color:var(--green-dark);margin-top:1px}
.bn-h{font-size:16px;font-weight:800;margin-bottom:10px}
.bn-history{border:1px solid var(--line);border-radius:16px;overflow:hidden}
.bn-row{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line);font-size:13px}
.bn-row:last-child{border-bottom:0}
.bn-row:nth-child(odd){background:var(--bg-soft)}
.bn-note{flex:1;font-weight:600}
.bn-date{color:var(--ink-2);font-size:11.5px;white-space:nowrap}
.bn-amount{font-weight:800;white-space:nowrap}
.bn-amount.plus{color:#0d8a3c}
.bn-amount.minus{color:#b32024}
.bn-empty{color:var(--ink-2);font-size:14px}
.bn-empty-card{text-align:center;background:var(--bg-soft);border-radius:22px;padding:34px 24px}
.bn-empty-card .bn-coin{width:56px;height:56px;margin:0 auto 12px;display:block}
.bn-empty-card b{display:block;font-size:17px;font-weight:800;margin-bottom:5px}
.bn-empty-card span{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:18px}
.bn-row .bn-coin{width:18px;height:18px}
.bonus-live{max-width:none}
/* Мои заказы */
.lk-orders{display:flex;flex-direction:column;gap:10px}
.lko-row{display:flex;align-items:center;gap:14px;background:var(--bg-soft);border-radius:18px;padding:16px 20px;flex-wrap:wrap;transition:transform .22s var(--ease-spring),box-shadow .22s}
.lko-row:hover{transform:translateY(-2px);box-shadow:var(--card-shadow)}
.lko-main{flex:1;min-width:170px}
.lko-main b{display:block;font-size:15px;font-weight:800}
.lko-date{font-size:12px;color:var(--ink-2)}
.lko-bonus{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:800;color:var(--green-dark);background:var(--green-soft);border-radius:999px;padding:3px 10px;margin-left:8px}
.lko-bonus .bn-coin{width:13px;height:13px}
.lko-status{font-size:12px;font-weight:800;border-radius:999px;padding:6px 13px;background:#e8e4dd;color:#6b675f;white-space:nowrap}
.lko-status.st-processing{background:#e0f0ff;color:#1263a8}
.lko-status.st-completed{background:#dff3e4;color:#0d8a3c}
.lko-status.st-cancelled,.lko-status.st-failed,.lko-status.st-refunded{background:#fde4e1;color:#b32024}
.lko-total{font-size:15px;font-weight:800;white-space:nowrap}
.lko-view{font-size:13px;font-weight:800;color:var(--green-dark);background:#fff;border-radius:999px;padding:9px 16px;transition:background .2s,color .2s}
.lko-view:hover{background:var(--green-dark);color:#fff}
.lko-pager{display:flex;gap:10px;margin-top:16px}
/* Уведомления Woo — в наш стиль */
.woocommerce-info,.woocommerce-message{border:0 !important;border-radius:16px;background:var(--bg-soft);padding:14px 18px 14px 44px !important}
.woocommerce-info::before,.woocommerce-message::before{color:var(--green-dark);top:14px;left:16px}
.bn-empty-card > svg{width:52px;height:52px;color:var(--green-dark);margin:0 auto 12px;display:block}
@media (max-width:640px){.lko-row{gap:8px}.lko-view{margin-left:auto}}
.bn-guest{display:flex;gap:10px;align-items:center;background:var(--green-soft);border-radius:14px;padding:12px 16px;font-size:13.5px;margin-bottom:16px}
.bn-guest svg{width:18px;height:18px;flex:0 0 18px;color:var(--green-dark)}
.bn-guest a{color:var(--green-dark);font-weight:800}
.bn-pay{background:var(--bg-soft);border-radius:18px;padding:16px 18px;margin-bottom:18px}
.bn-pay-head{display:flex;gap:10px;align-items:center;font-size:14px;margin-bottom:10px}
.bn-pay-head svg{width:18px;height:18px;color:var(--green-dark)}
.bn-pay-row{display:flex;gap:8px;flex-wrap:wrap}
.bn-pay-row input{border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;width:130px;font-size:15px;background:#fff}
.bn-pay-row input:focus{border-color:var(--green);outline:none}
.bn-pay .button.bn-reset{background:var(--ink) !important}
.bn-applied{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:13px;color:#0d8a3c;font-weight:700}
.bn-applied svg{width:15px;height:15px}
/* Подсказка про бонусы в корзине — тёмная, в тон панели, а не кремовая плашка. */
.bn-drawer{display:flex;align-items:center;gap:6px;font-size:12px;background:rgba(47,191,110,.1);border:1px solid rgba(47,191,110,.28);color:#c9c2b8;border-radius:14px;padding:11px 13px;margin-bottom:12px;line-height:1.5}
.bn-drawer b{color:var(--green)}
.bn-order-earned{background:var(--green-soft);border-radius:14px;padding:12px 16px;font-size:14px;margin-top:14px}

/* ============ РЕФЕРАЛКА ============ */
.ref-badge{position:relative;flex:0 0 auto}
.ref-badge-ico{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 14px 36px -10px rgba(47,191,110,.65),inset 0 -4px 10px rgba(6,60,32,.45);animation:coinfloat 3.2s ease-in-out infinite}
.ref-badge-ico svg{width:40px;height:40px;color:#fff}
.ref-status-name{display:block;font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:#7ee0a6;text-shadow:0 4px 20px rgba(47,191,110,.35)}
.ref-progress{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.13);margin-top:10px;overflow:hidden;max-width:340px}
.ref-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#7ee0a6);box-shadow:0 0 12px rgba(47,191,110,.7);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.ref-stats{display:flex;gap:18px;flex-wrap:wrap}
.ref-stat{text-align:center;min-width:74px}
.ref-stat b{display:block;font-size:24px;font-weight:800;color:#7ee0a6;line-height:1.1}
.ref-stat span{font-size:11px;color:#9c948a}
.ref-link-card{background:var(--bg-soft);border-radius:22px;padding:22px 24px;margin-bottom:14px}
.ref-link-head{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;margin-bottom:6px}
.ref-link-head .bn-coin{width:22px;height:22px}
.ref-link-sub{font-size:13px;color:var(--ink-2);margin:0 0 14px}
.ref-link-row{display:flex;gap:8px;flex-wrap:wrap}
.ref-link-row input{flex:1;min-width:220px;border:1.5px solid var(--line);border-radius:14px;padding:12px 15px;font-size:13.5px;background:#fff;color:var(--ink-2);font-weight:600}
.ref-copy{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:14px;padding:12px 20px;border-radius:14px;box-shadow:0 12px 26px -10px rgba(28,154,85,.5);transition:transform .22s var(--ease-spring),background .25s}
.ref-copy:active{transform:scale(.96)}
.ref-copy.copied{background:var(--ink)}
.ref-copy svg{width:16px;height:16px}
.ref-how{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ref-how-step{display:flex;align-items:flex-start;gap:10px;background:var(--green-soft);border-radius:16px;padding:14px 16px;font-size:12.5px;color:#5d4632;font-weight:600;line-height:1.4}
.ref-how-step svg,.ref-how-step .bn-coin{width:18px;height:18px;flex:0 0 18px;color:var(--green-dark)}
@media (max-width:760px){
  .ref-how{grid-template-columns:1fr}
  .ref-stats{width:100%;justify-content:center}
  .bp-calc-eq{display:block;width:100%}
}
.bp-calc-eq{font-size:12px;color:#9c948a;margin-left:4px}
.bp-calc-note{font-size:12px;color:#8d867b;margin:12px 0 0;position:relative}

/* Летающие золотые частицы на странице бонусов (лёгкий фон) */
.bp-wrap{position:relative}
.bp-ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.bp-ambient i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bff5d6,#2fbf6e 60%,rgba(20,120,70,.6));opacity:.16;will-change:transform;animation:ambfloat 12s linear infinite}
.bp-ambient i:nth-child(1){width:10px;height:10px;left:6%;top:104%;animation-duration:13s}
.bp-ambient i:nth-child(2){width:6px;height:6px;left:18%;top:104%;animation-duration:17s;animation-delay:2s}
.bp-ambient i:nth-child(3){width:13px;height:13px;left:32%;top:104%;animation-duration:15s;animation-delay:5s}
.bp-ambient i:nth-child(4){width:7px;height:7px;left:47%;top:104%;animation-duration:19s;animation-delay:1s}
.bp-ambient i:nth-child(5){width:11px;height:11px;left:61%;top:104%;animation-duration:14s;animation-delay:7s}
.bp-ambient i:nth-child(6){width:5px;height:5px;left:74%;top:104%;animation-duration:18s;animation-delay:3s}
.bp-ambient i:nth-child(7){width:9px;height:9px;left:86%;top:104%;animation-duration:16s;animation-delay:9s}
.bp-ambient i:nth-child(8){width:6px;height:6px;left:94%;top:104%;animation-duration:20s;animation-delay:5s}
@keyframes ambfloat{
  0%{transform:translateY(0) rotate(0);opacity:0}
  8%{opacity:.2}
  92%{opacity:.14}
  100%{transform:translateY(-115vh) rotate(160deg);opacity:0}
}
.bp-wrap > *:not(.bp-ambient){position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.bp-ambient{display:none}}

/* Правила и FAQ */
.bp-rules{margin-bottom:22px}
.bp-rules h3,.bp-faq h3{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;margin:0 0 14px}
.bp-rules h3 .bn-coin{width:22px;height:22px}
.bp-faq h3 svg{width:19px;height:19px;color:var(--green-dark)}
.bp-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bp-rule-card{background:var(--bg-soft);border-radius:20px;padding:20px 22px}
.bp-rule-card > b{display:block;font-size:15.5px;font-weight:800;margin-bottom:10px;color:var(--green-dark)}
.bp-rule-card ul{margin:0 0 0 18px}
.bp-rule-card li{font-size:13.5px;margin-bottom:8px;color:#3d3a35;line-height:1.5}
.bp-faq{margin-bottom:24px}
.bp-faq details{background:var(--bg-soft);border-radius:16px;margin-bottom:8px;overflow:hidden;transition:background .25s}
.bp-faq details[open]{background:var(--green-soft)}
.bp-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;font-weight:800;font-size:14.5px;user-select:none}
.bp-faq summary::-webkit-details-marker{display:none}
.bp-faq summary::after{content:'+';font-size:20px;font-weight:800;color:var(--green-dark);transition:transform .3s var(--ease-spring)}
.bp-faq details[open] summary::after{transform:rotate(45deg)}
.bp-faq details p{padding:0 20px 16px;font-size:13.5px;color:#5d4632;line-height:1.55;margin:0}
.bp-faq details a{color:var(--green-dark);font-weight:700}
@media (max-width:760px){.bp-rules-grid{grid-template-columns:1fr}}

/* Прогрев гостей */
.bn-warm{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.bn-warm > span{flex:1;min-width:150px}
.bn-warm-btn{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff !important;font-weight:800;font-size:12px;padding:9px 15px;border-radius:999px;white-space:nowrap;box-shadow:0 10px 20px -8px rgba(28,154,85,.85);transition:transform .22s var(--ease-spring)}
.bn-warm-btn:hover{transform:translateY(-1px)}
.bn-guest-warm{align-items:center;flex-wrap:wrap}

/* Кабинет из чекаута */
/* Обёртка WooCommerce больше не рисует свою плашку: карточка «кабинет
   за один клик» оформлена сама, иначе получалась коробка в коробке. */
.woocommerce-account-fields{background:none;border-radius:0;padding:0;margin:0}
.woocommerce-account-fields .create-account{margin:0}
.woocommerce-account-fields .woocommerce-form__label-for-checkbox{font-weight:800;font-size:14px;display:flex;gap:9px;align-items:flex-start;cursor:pointer}
.woocommerce-account-fields input[type="checkbox"]{width:18px;height:18px;accent-color:var(--green-dark);margin-top:2px}
/* ---------- Кабинет за один клик на чекауте ---------- */
/* Родную галочку WooCommerce прячем: её роль играет наша карточка. */
.woocommerce-account-fields > p.create-account{display:none!important}

/* Приглашение в «Итого»: гаснет, пока заполняют форму слева, и исчезает,
   когда кабинет подтверждён — чтобы на экране не было двух одинаковых призывов. */
.bn-guest-warm{transition:opacity .3s,filter .3s,transform .3s}
.bn-warm-dim{opacity:.4;filter:grayscale(1);pointer-events:none}
.bn-warm-gone{display:none !important;opacity:0;transform:translateY(-6px);pointer-events:none;
	height:0;margin:0;padding:0;overflow:hidden;border:0}

.acc-lux{margin-top:22px}
/* Скрытые состояния действительно прячем: у карточек свой display:flex,
   и он перебивает штатное скрытие — без этого правила зелёная плашка
   «кабинет создан» висела на экране с самого начала. */
.acc-lux [hidden]{display:none!important}
.acc-in{animation:accIn .32s cubic-bezier(.2,.8,.2,1)}
@keyframes accIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* свёрнутое состояние — подарок, на который хочется нажать */
.acc-teaser{display:flex;align-items:center;gap:13px;width:100%;text-align:left;cursor:pointer;
	background:linear-gradient(135deg,#fff4e6,#ffe9d1);border:1.5px solid rgba(28,154,85,.28);
	border-radius:20px;padding:15px 16px;box-shadow:0 14px 30px -20px rgba(28,154,85,.7);
	transition:transform .22s var(--ease-spring),box-shadow .25s,border-color .25s}
.acc-teaser:hover{transform:translateY(-2px);border-color:var(--green);box-shadow:0 18px 36px -18px rgba(28,154,85,.75)}
.acc-coin{flex:0 0 auto;display:flex}
.acc-coin img{width:38px;height:38px}
.acc-teaser-txt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.acc-teaser-txt b{font-size:15.5px;font-weight:800;color:var(--green-dark);line-height:1.25}
.acc-teaser-txt span{font-size:12.5px;color:#2f4a3b;line-height:1.4}
.acc-teaser-go{flex:0 0 36px;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 8px 18px -8px rgba(28,154,85,.6)}
.acc-teaser-go svg{width:17px;height:17px}

/* раскрытая форма */
.acc-form{background:#fff;border:1.5px solid rgba(28,154,85,.22);border-radius:20px;padding:16px;
	box-shadow:0 18px 40px -26px rgba(20,19,17,.45)}
.acc-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.acc-form-head b{font-size:15px;font-weight:800;color:var(--ink)}
.acc-cancel{background:none;border:0;color:var(--ink-2);font-size:12.5px;cursor:pointer;padding:4px 2px;text-decoration:underline}
.acc-cancel:hover{color:var(--green-dark)}
.acc-form .form-row{margin-bottom:11px;padding:0}
.acc-form .input-text{background:#fff}
.acc-err{background:#fdeceb;border:1px solid rgba(216,53,47,.3);color:#a8231e;border-radius:12px;
	padding:9px 12px;font-size:12.5px;line-height:1.45;margin-bottom:10px}
.acc-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;cursor:pointer;
	border:0;border-radius:999px;font-size:15px;font-weight:800;color:#fff;
	background:linear-gradient(135deg,var(--green),var(--green-dark));
	box-shadow:0 14px 30px -12px rgba(28,154,85,.6);transition:transform .2s}
.acc-go:hover{transform:translateY(-1px)}
.acc-go svg{width:18px;height:18px}
.acc-note{display:block;text-align:center;font-size:11.5px;color:var(--ink-2);line-height:1.5;margin-top:9px}

/* подтверждено — короткая строка вместо формы */
.acc-done{display:flex;align-items:center;gap:12px;background:#eef7ea;border:1.5px solid rgba(46,158,82,.3);
	border-radius:20px;padding:14px 16px}
.acc-done-ico{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;
	background:#2e9e52;color:#fff}
.acc-done-ico svg{width:17px;height:17px}
.acc-done-txt{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.acc-done-txt b{font-size:14px;font-weight:800;color:#1f6b39}
.acc-done-txt span{font-size:12.5px;color:#3d7a52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-edit{background:none;border:0;color:#3d7a52;font-size:12.5px;cursor:pointer;text-decoration:underline;padding:4px 2px}
.acc-edit:hover{color:#1f6b39}

@media (max-width:480px){
	.acc-teaser{padding:13px 13px;gap:11px}
	.acc-teaser-txt b{font-size:14.5px}
	.acc-coin img{width:34px;height:34px}
}

/* Капча регистрации */
.sorm-captcha label{font-weight:700;font-size:13px;display:block;margin-bottom:6px}
.sorm-captcha label b{color:var(--green-dark)}
.sorm-hp{position:absolute !important;left:-9999px !important;height:1px;overflow:hidden}

/* ============ 404 ============ */
.err-wrap{min-height:52vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:70px 20px}
.err-code{font-size:clamp(90px,18vw,150px);font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--green),var(--green-dark));-webkit-background-clip:text;background-clip:text;color:transparent}
.err-wrap h1{font-size:clamp(20px,3vw,28px);font-weight:800;margin:10px 0 8px}
.err-wrap p{color:var(--ink-2);font-size:15px;max-width:420px;margin-bottom:26px}
.err-ico{width:64px;height:64px;border-radius:20px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.err-ico svg{width:32px;height:32px}

/* ============ CHECKOUT ADDRESS GRID ============ */
.woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:repeat(6,1fr);gap:0 14px}
.woocommerce-billing-fields__field-wrapper .form-row{grid-column:1/-1;width:100% !important;float:none !important}
.woocommerce-billing-fields__field-wrapper .sorm-house{grid-column:span 2}
.woocommerce-billing-fields__field-wrapper .sorm-flat{grid-column:span 2}
.woocommerce-billing-fields__field-wrapper .sorm-entrance{grid-column:span 2}
@media (max-width:640px){
  .woocommerce-billing-fields__field-wrapper .sorm-house{grid-column:span 3}
  .woocommerce-billing-fields__field-wrapper .sorm-flat{grid-column:span 3}
  .woocommerce-billing-fields__field-wrapper .sorm-entrance{grid-column:1/-1}
}

/* ============ WOO PAGES (cart/checkout) ============ */
.woocommerce-page .page-content{max-width:900px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:1.5px solid var(--line);border-radius:14px;padding:13px 16px;font-size:15px;background:#fff;transition:border-color .2s;width:100%}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus{border-color:var(--green);outline:none}
.woocommerce form .form-row label{font-weight:700;font-size:13px;margin-bottom:5px}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button,.woocommerce button[type=submit],.woocommerce #place_order{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;color:#fff !important;font-weight:800 !important;border-radius:999px !important;padding:14px 26px !important;border:0 !important;transition:transform .22s var(--ease-spring),box-shadow .25s !important;box-shadow:0 14px 28px -10px rgba(28,154,85,.65)}
.woocommerce .button:hover,.woocommerce #place_order:hover{transform:translateY(-1px)}
.woocommerce-checkout h3{font-size:18px;font-weight:800;margin:18px 0 12px}
.woocommerce table.shop_table{border:1px solid var(--line);border-radius:18px;border-collapse:separate;overflow:hidden}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:14px;border-top-color:var(--green)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--green-dark)}

/* Подсказка «доберите до следующей ступени бонусов» в корзине */
.bn-next{position:relative;display:flex;flex-direction:column;gap:9px;background:linear-gradient(145deg,#1f1b16,#0f0e0c);border:1px solid rgba(255,181,46,.28);border-radius:18px;padding:14px 16px 12px;margin-top:10px;overflow:hidden;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.bn-next::before{content:'';position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,181,46,.22),transparent 62%);top:-110px;right:-70px;pointer-events:none}
.bn-next-top{position:relative;display:flex;align-items:center;gap:11px}
.bn-next-top img,.bn-next-top .bn-coin{width:30px;height:30px;flex:0 0 30px;filter:drop-shadow(0 4px 10px rgba(255,181,46,.5))}
.bn-next-txt{font-size:13px;line-height:1.4;color:#e8e2d8;font-weight:600}
.bn-next-txt b{color:#fff;font-weight:800}
.bn-next-prize{background:linear-gradient(135deg,#bff5d6,#2fbf6e 60%,#1c9a55);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:15px}
.bn-next-bar{position:relative;display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.bn-next-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ffb52e,#f59e0b);box-shadow:0 0 14px rgba(255,181,46,.6);transition:width .6s var(--ease-spring)}
.bn-next-scale{position:relative;display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:#a39d94;letter-spacing:.02em}
.bn-next-scale em{font-style:normal}

/* ============ ОТЗЫВЫ (Яндекс Карты) ============ */
.reviews{margin-top:44px;background:linear-gradient(160deg,#fffaf3,#fff5e8 60%,#fff);border:1px solid rgba(28,154,85,.12);border-radius:30px;padding:30px 28px 32px}
.reviews .section-head{margin-bottom:4px}
@media (max-width:640px){.reviews{padding:22px 16px 24px;border-radius:24px;margin-top:32px}}
.rev-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:stretch;margin-top:18px}
.rev-rating{position:relative;overflow:hidden;background:linear-gradient(150deg,#1b1815,#0f0e0c);color:#fff;border-radius:var(--r-lg);padding:28px 26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 26px 60px -26px rgba(0,0,0,.6)}
.rev-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(255,181,46,.28),transparent 62%);top:-140px;right:-110px;pointer-events:none}
.rev-badge{position:relative;display:inline-flex;align-items:center;gap:7px;align-self:flex-start;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 13px;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#f4efe7}
.rev-badge svg{width:13px;height:13px;color:#ffb52e}
.rev-score{position:relative;display:flex;align-items:baseline;gap:9px;margin-top:4px}
.rev-score b{font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(135deg,#ffe9a8,#ffb52e 55%,#f59e0b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rev-score i{font-style:normal;font-size:14px;font-weight:700;color:#a39d94}
.rev-stars{position:relative;display:flex;gap:5px}
.rev-stars svg{width:28px;height:28px;color:#ffb52e;fill:#ffb52e;stroke:#f59e0b;stroke-width:1.2;filter:drop-shadow(0 4px 10px rgba(255,181,46,.55))}
.rev-counts{position:relative;font-size:13.5px;color:#c9c2b8}
.rev-counts b{color:#fff;font-weight:800}
/* Награда «Хорошее место» */
.rev-award{position:relative;display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,rgba(255,233,168,.16),rgba(255,181,46,.07));border:1px solid rgba(255,181,46,.35);border-radius:16px;padding:12px 14px;margin-top:4px}
.rev-award-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#ffe9a8,#ffb52e 60%,#f59e0b);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(255,181,46,.7)}
.rev-award-ico svg{width:24px;height:24px;color:#c2410c}
.rev-award-ico.has-img{background:#fff;padding:5px}
.rev-award-ico img{width:100%;height:100%;object-fit:contain;display:block}
.rev-award b{display:block;font-size:14px;font-weight:800;color:#ffe9a8;line-height:1.2}
.rev-award span{display:block;font-size:11.5px;line-height:1.35;color:#a39d94;margin-top:3px}
.rev-note{position:relative;display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:#a39d94;border-top:1px solid rgba(255,255,255,.1);padding-top:14px;margin-top:2px}
.rev-note svg{width:14px;height:14px;color:#7ec97e;flex:0 0 14px;margin-top:2px}
.rev-rating .btn-orange{position:relative;margin-top:auto;justify-content:center}
.rev-rating .btn-orange svg{width:16px;height:16px}
.rev-add{position:relative;text-align:center;font-size:13px;font-weight:700;color:var(--green)}
.rev-add:hover{text-decoration:underline}
/* Карточки отзывов — в фирменных цветах */
.rev-list{display:flex;flex-direction:column;gap:14px}
.rev-card{position:relative;background:#fff;border-radius:var(--r-lg);padding:20px 22px;box-shadow:var(--card-shadow);transition:transform .3s var(--ease-spring),box-shadow .3s}
.rev-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px -20px rgba(0,0,0,.2)}
.rev-card::before{content:'“';position:absolute;top:6px;right:22px;font-size:64px;line-height:1;font-weight:800;color:rgba(28,154,85,.1)}
.rev-card-top{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.rev-ava{position:relative;flex:0 0 56px;width:56px;height:56px;border-radius:50%;background:linear-gradient(140deg,#fff4e6,#ffdfc0);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:23px;font-weight:800;overflow:hidden;box-shadow:0 10px 22px -12px rgba(28,154,85,.45)}
.rev-ava::before{content:'';position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 210deg,#ffe9a8,#ffb52e,#f59e0b,#ffe9a8);z-index:-1}
.rev-ava::after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,233,168,.55);pointer-events:none}
.rev-ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.rev-ava.has-photo{background:#fff}
.rev-card-top{isolation:isolate}
.rev-who{display:flex;flex-direction:column;gap:5px;min-width:0}
.rev-who b{font-size:16px;font-weight:800;letter-spacing:-.01em}
.rev-card-stars{display:flex;align-items:center;gap:3px}
.rev-card-stars svg{width:20px;height:20px;color:#ffb52e;fill:#ffb52e;stroke:#f59e0b;stroke-width:1.2;filter:drop-shadow(0 2px 5px rgba(255,181,46,.5))}
.rev-card-stars em{font-style:normal;font-size:12px;color:var(--ink-2);margin-left:8px;font-weight:600}
.rev-text{font-size:14.5px;line-height:1.55;color:#3d3a35;margin:0 0 12px}
.rev-card-src{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--ink-2);background:var(--bg-soft);border-radius:999px;padding:6px 12px}
.rev-card-src svg{width:12px;height:12px;color:var(--green-dark)}
.rev-card-src:hover{background:var(--green-soft);color:var(--green-dark)}
.rev-all{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#fff;border:1.5px dashed rgba(28,154,85,.35);border-radius:var(--r-pill);padding:14px 22px;font-size:14px;font-weight:800;color:var(--green-dark);transition:background .25s,transform .25s var(--ease-spring)}
.rev-all:hover{background:var(--green-soft);transform:translateY(-2px)}
.rev-all svg{width:15px;height:15px;transform:rotate(-45deg)}
@media (max-width:900px){
  .rev-grid{grid-template-columns:1fr}
  .rev-rating{padding:24px 22px}
  .rev-score b{font-size:52px}
  .rev-card{padding:18px}
  .rev-text{font-size:13.5px}
}

/* Экран подтверждения почты кодом */
/* Напоминание в кабинете: подтвердить почту (по желанию, ничего не блокирует) */
.vfy-note{background:var(--green-soft);border:1px solid rgba(47,191,110,.3);border-radius:20px;padding:18px 20px;margin:0 0 22px}
.vfy-head{display:flex;gap:12px;align-items:flex-start}
.vfy-ico{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;display:flex;align-items:center;justify-content:center}
.vfy-ico svg{width:18px;height:18px}
.vfy-head b{display:block;font-size:15.5px;font-weight:800;margin-bottom:3px;color:var(--ink)}
.vfy-head span{display:block;font-size:13.5px;line-height:1.55;color:#6b665e}
.vfy-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}
.vfy-btn{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;border:0;border-radius:var(--r-pill);padding:12px 22px;font-weight:800;font-size:14.5px;cursor:pointer;transition:transform .15s,box-shadow .25s}
.vfy-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px -14px rgba(28,154,85,.9)}
.vfy-again{background:transparent;border:0;color:var(--green-dark);font-weight:700;font-size:13.5px;cursor:pointer;text-decoration:underline;padding:6px 2px}
.vfy-code{width:150px;text-align:center;font-size:22px;font-weight:800;letter-spacing:6px;padding:10px 8px 10px 14px;border:2px dashed rgba(28,154,85,.45);border-radius:14px;background:#fff;color:var(--green-dark);font-family:inherit}
.vfy-code:focus{outline:none;border-style:solid;border-color:var(--green);box-shadow:0 0 0 4px rgba(47,191,110,.16)}
.vfy-hint{font-size:12.5px;color:#8a827a;margin:10px 0 0}
@media(max-width:520px){.vfy-form{flex-direction:column;align-items:stretch}.vfy-code{width:100%}.vfy-btn{width:100%}}

.verify-box{max-width:520px;margin:0 auto;background:#fff;border-radius:26px;padding:38px 34px;box-shadow:var(--card-shadow);text-align:center}
.verify-ico{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 16px 34px -14px rgba(28,154,85,.6);margin-bottom:18px}
.verify-ico svg{width:28px;height:28px;color:#fff}
.verify-box h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px}
.verify-sub{font-size:14.5px;line-height:1.55;color:var(--ink-2);margin-bottom:22px}
.verify-sub b{color:var(--ink)}
.verify-form{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.verify-code{width:100%;text-align:center;font-size:34px;font-weight:800;letter-spacing:14px;padding:16px 10px 16px 24px;border:2px dashed rgba(28,154,85,.45);border-radius:18px;background:#fff7ec;color:var(--green-dark);font-family:inherit;transition:border-color .2s,box-shadow .25s}
.verify-code:focus{outline:none;border-color:var(--green);border-style:solid;box-shadow:0 0 0 4px rgba(47,191,110,.16)}
.verify-code::placeholder{color:rgba(28,154,85,.28)}
.verify-submit{justify-content:center;height:54px;font-size:16px}
/* перебиваем общий стиль кнопок WooCommerce — это ссылка, а не оранжевая кнопка */
.woocommerce .verify-box .verify-resend,.verify-box .verify-resend{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;height:auto!important;color:var(--ink-2)!important;font-size:13.5px;font-weight:700;text-decoration:underline;cursor:pointer;padding:6px;align-self:center;width:auto}
.woocommerce .verify-box .verify-resend:hover,.verify-box .verify-resend:hover{color:var(--green-dark)!important}
.verify-hint{margin-top:16px;font-size:12.5px;color:var(--ink-2);line-height:1.5}
@media (max-width:520px){
  .verify-box{padding:28px 18px;border-radius:22px}
  .verify-code{font-size:26px;letter-spacing:9px;padding:14px 8px 14px 17px}
}

/* Лента «закрыто» */
.closed-bar{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#1b1815,#0f0e0c);color:#f4efe7;font-size:13.5px;font-weight:700;padding:11px 16px;text-align:center;line-height:1.35}
.closed-bar b{color:var(--green)}
.closed-bar svg{width:16px;height:16px;color:var(--green);flex:0 0 16px}
@media (max-width:640px){.closed-bar{font-size:12px;padding:9px 12px;gap:8px}}

/* ============ ЧЕКАУТ — люкс ============ */
.woocommerce-checkout .page-content{max-width:1120px}
.co-steps{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}
.co-step{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:800;color:var(--ink-2)}
.co-step i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--bg-soft);display:inline-flex;align-items:center;justify-content:center;font-size:12px}
.co-step i svg{width:12px;height:12px}
.co-step.done{border-color:transparent;background:var(--green-soft);color:var(--green-dark)}
.co-step.done i{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
.co-step.now{border-color:var(--green);color:var(--ink)}
.co-step.now i{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
.co-step-sep{flex:0 0 14px;height:2px;border-radius:2px;background:var(--line)}
/* Две колонки: данные + липкая сводка */
@media (min-width:861px){
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:start}
  .woocommerce-checkout form.checkout>*{grid-column:1}
  .woocommerce-checkout form.checkout>#customer_details{grid-column:1;grid-row:1/span 30}
  .woocommerce-checkout form.checkout>#order_review_heading{grid-column:2;grid-row:1;margin-top:0}
  .woocommerce-checkout form.checkout>#order_review{grid-column:2;grid-row:2;position:sticky;top:calc(var(--hdr-real,var(--hdr-h)) + 16px)}
}
.woocommerce-checkout #customer_details{background:#fff;border-radius:22px;padding:26px 26px 8px;box-shadow:var(--card-shadow)}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%;float:none}
.woocommerce-checkout #customer_details .col2-set{display:grid;grid-template-columns:1fr;gap:4px}
.woocommerce-checkout #customer_details h3,.woocommerce-checkout #order_review_heading{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:-.01em;margin:0 0 16px}
.woocommerce-checkout #customer_details .woocommerce-additional-fields h3{margin-top:22px}
.woocommerce-checkout #customer_details h3::before,.woocommerce-checkout #order_review_heading::before{content:'';flex:0 0 34px;width:34px;height:34px;border-radius:11px;box-shadow:0 8px 20px -8px rgba(28,154,85,.5);background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/17px no-repeat,linear-gradient(135deg,var(--green),var(--green-dark))}
.woocommerce-checkout #customer_details .woocommerce-additional-fields h3::before{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.9 8.9 0 0 1-3.9-.9L3 21l1.9-4.6A8.4 8.4 0 0 1 12 3a8.4 8.4 0 0 1 9 8.5Z'/%3E%3C/svg%3E") center/17px no-repeat,linear-gradient(135deg,var(--green),var(--green-dark))}
.woocommerce-checkout #order_review_heading::before{background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z'/%3E%3Cpath d='M3 6h18M16 10a4 4 0 0 1-8 0'/%3E%3C/svg%3E") center/17px no-repeat,linear-gradient(135deg,var(--green),var(--green-dark))}
.woocommerce-checkout #order_review{background:#fff;border-radius:22px;padding:8px 20px 20px;box-shadow:var(--card-shadow)}
/* Таблица заказа */
.woocommerce-checkout table.woocommerce-checkout-review-order-table{border:0;border-radius:0;width:100%;margin:0}
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead{display:none}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,.woocommerce-checkout table.woocommerce-checkout-review-order-table th{border:0;padding:11px 0;font-size:14px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item td{border-bottom:1px solid var(--line)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name{font-weight:700;color:var(--ink);line-height:1.35}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name .product-quantity{color:var(--ink-2);font-weight:800}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total,.woocommerce-checkout table.woocommerce-checkout-review-order-table td:last-child{text-align:right;white-space:nowrap}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{font-weight:700;color:var(--ink-2);font-size:13.5px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th,.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{padding-top:14px;border-top:1.5px dashed var(--line)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th{font-size:15px;font-weight:800;color:var(--ink)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total .amount{font-size:24px;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--green),var(--green-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Оплата */
.woocommerce-checkout #payment{background:transparent;border-radius:0;padding:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:14px 0 0;margin:0}
.woocommerce-checkout #payment ul.payment_methods li{background:var(--bg-soft);border-radius:16px;padding:14px 16px;list-style:none;margin:0}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:800;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}
.woocommerce-checkout #payment div.payment_box{background:var(--green-soft);color:#2f4a3b;border-radius:12px;font-size:13px;line-height:1.5;margin:10px 0 0;padding:12px 14px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
/* Woo кладёт кнопку во float — гасим, иначе блок гарантий поджимается сбоку */
.woocommerce-checkout #payment .form-row.place-order{display:block;width:100%;float:none;padding:16px 0 0;margin:0}
.woocommerce-checkout #payment .form-row.place-order::after{content:'';display:table;clear:both}
.woocommerce-checkout #place_order{float:none !important;display:block;width:100%;height:56px;font-size:16.5px !important;padding:0 !important;margin:0 !important;box-shadow:0 18px 36px -14px rgba(28,154,85,.6) !important}
.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:12px;color:var(--ink-2);line-height:1.5;margin-top:12px}
.woocommerce-checkout .woocommerce-privacy-policy-text p{margin:0}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin-bottom:4px}
/* Поля ввода — люкс */
.woocommerce-checkout .form-row{position:relative;margin:0 0 15px;padding:0}
.woocommerce-checkout .form-row label{display:block;font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);margin-bottom:7px}
.woocommerce-checkout .form-row label .required{color:var(--green-dark);border:0;text-decoration:none}
.woocommerce-checkout form .form-row input.input-text,.woocommerce-checkout form .form-row textarea,.woocommerce-checkout form .form-row select{width:100%;border:1.5px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;font-size:15px;font-weight:600;color:var(--ink);font-family:inherit;transition:border-color .2s,box-shadow .25s,background .2s;box-shadow:0 1px 0 rgba(15,14,12,.02)}
.woocommerce-checkout form .form-row input.input-text:hover,.woocommerce-checkout form .form-row textarea:hover,.woocommerce-checkout form .form-row select:hover{border-color:#e3d9c9}
.woocommerce-checkout form .form-row input.input-text:focus,.woocommerce-checkout form .form-row textarea:focus,.woocommerce-checkout form .form-row select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(47,191,110,.14);outline:none}
.woocommerce-checkout .form-row input::placeholder,.woocommerce-checkout .form-row textarea::placeholder{color:#b6aea3;font-weight:500}
.woocommerce-checkout form .form-row textarea{min-height:104px;resize:vertical;line-height:1.5}
/* у Woo textarea тоже с классом .input-text — перебиваем её радиус адресно */
#order_comments,.woocommerce-checkout form .form-row textarea.input-text{border-radius:16px;padding:14px 16px 14px 46px}
.woocommerce-checkout .form-row.woocommerce-invalid input.input-text,.woocommerce-checkout .form-row.woocommerce-invalid select{border-color:#e05353;box-shadow:0 0 0 4px rgba(224,83,83,.12)}
.woocommerce-checkout .form-row.woocommerce-validated input.input-text{border-color:#9ed49a}
/* Иконки внутри широких полей */
#billing_first_name_field input,#billing_phone_field input,#billing_address_1_field input,#order_comments_field textarea,#sorm_acc_email_field input{padding-left:46px}
#billing_first_name_field::after,#billing_phone_field::after,#billing_address_1_field::after,#order_comments_field::after{content:'';position:absolute;left:16px;bottom:18px;width:17px;height:17px;background-repeat:no-repeat;background-position:center;background-size:17px;opacity:.75;pointer-events:none}
#billing_first_name_field::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef650a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
#billing_phone_field::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef650a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.2a2 2 0 0 1 2.1-.5c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E")}
#billing_address_1_field::after{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef650a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E")}
#order_comments_field::after{bottom:auto;top:46px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef650a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.9 8.9 0 0 1-3.9-.9L3 21l1.9-4.6A8.4 8.4 0 0 1 12 3a8.4 8.4 0 0 1 9 8.5Z'/%3E%3C/svg%3E")}
/* Фирменный выпадающий список (родной select скрыт, но остаётся в форме) */
.woocommerce-checkout .form-row select{appearance:none;-webkit-appearance:none;padding-left:46px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a827a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center/15px no-repeat,#fff}
.sel-lux{position:relative}
.sel-lux+select.sorm-hidden-select{position:absolute;opacity:0;pointer-events:none;height:0;padding:0;border:0;width:1px;overflow:hidden}
.sel-btn{width:100%;display:flex;align-items:center;gap:11px;border:1.5px solid var(--line);border-radius:16px;background:#fff;padding:14px 16px;font-size:15px;font-weight:700;color:var(--ink);text-align:left;transition:border-color .2s,box-shadow .25s;font-family:inherit}
.sel-btn::before{content:'';flex:0 0 17px;width:17px;height:17px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef650a' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E") center/17px no-repeat;opacity:.75}
.sel-btn:hover{border-color:#e3d9c9}
.sel-lux.open .sel-btn{border-color:var(--green);box-shadow:0 0 0 4px rgba(47,191,110,.14)}
.sel-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sel-val.ph{color:#b6aea3;font-weight:600}
.sel-arrow{flex:0 0 14px;width:14px;height:14px;background:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a827a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/14px no-repeat;transition:transform .28s var(--ease-spring)}
.sel-lux.open .sel-arrow{transform:rotate(180deg)}
.sel-list{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:40;background:#fff;border-radius:18px;box-shadow:0 34px 70px -24px rgba(0,0,0,.4),0 2px 8px rgba(0,0,0,.06);padding:8px;max-height:330px;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .2s,transform .26s var(--ease-spring)}
.sel-lux.open .sel-list{opacity:1;transform:none;pointer-events:auto}
.sel-opt{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border-radius:13px;font-size:14.5px;font-weight:700;color:var(--ink);text-align:left;transition:background .18s,color .18s;font-family:inherit}
.sel-opt::before{content:'';flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--line);transition:background .18s,transform .2s var(--ease-spring)}
.sel-opt:hover{background:var(--green-soft);color:var(--green-dark)}
.sel-opt:hover::before{background:var(--green)}
.sel-opt.on{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
.sel-opt.on::before{background:#fff;transform:scale(1.15)}
.sel-opt b{margin-left:auto;font-size:12.5px;font-weight:800;white-space:nowrap;opacity:.85}
.sel-opt.ph{color:#b6aea3}

/* Гарантии под кнопкой */
.co-perks{clear:both;float:none;width:100%;display:flex;flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.co-perks span{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:700;color:var(--ink-2);line-height:1.45}
.co-perks svg{width:15px;height:15px;color:var(--green-dark);flex:0 0 15px;margin-top:1px}
@media (max-width:860px){
  .woocommerce-checkout #customer_details{padding:20px 18px 4px;border-radius:20px}
  .woocommerce-checkout #order_review{padding:6px 16px 18px;border-radius:20px;margin-top:14px}
  .woocommerce-checkout #order_review_heading{margin-top:22px}
  .co-steps{gap:7px}
  .co-step{padding:8px 12px;font-size:12px}
}

/* ============ SINGLE PRODUCT — люкс-карточка ============ */
.sp-crumbs{padding:18px 20px 0;font-size:12.5px;color:var(--ink-2)}
.sp-crumbs a{font-weight:700}
.sp-crumbs a:hover{color:var(--green-dark)}
.sp-wrap{display:grid;grid-template-columns:1fr 1fr;gap:46px;padding:26px 20px 50px;align-items:center}
/* Фото блюда круглое — как и в меню: у сайта одна геометрия везде. */
.sp-photo{border-radius:50%;overflow:hidden;background:var(--bg-soft);max-width:460px;margin:0 auto;aspect-ratio:1/1;
	outline:2px solid var(--line);outline-offset:8px;box-shadow:0 30px 60px -28px rgba(20,18,16,.7);transition:outline-color .3s,box-shadow .3s}
.sp-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sp-photo:hover{outline-color:var(--green);box-shadow:0 34px 66px -26px rgba(28,154,85,.55)}
.sp-photo:hover img{transform:scale(1.05)}
.sp-cat{display:inline-flex;align-items:center;gap:8px;background:var(--green-soft);color:var(--green-dark);font-weight:800;font-size:12.5px;padding:8px 15px;border-radius:999px;margin-bottom:14px;border:1px solid rgba(47,191,110,.25)}
.sp-cat svg{width:15px;height:15px}
.sp-body h1{font-size:clamp(26px,3.4vw,38px);font-weight:800;letter-spacing:-.02em;margin-bottom:12px;line-height:1.12}
/* Ценник — чёрная плашка с зелёным рублём, как в меню. */
.sp-price{display:inline-flex;align-items:baseline;gap:7px;margin-bottom:16px;line-height:1;
	background:#0d0c0b;border:1px solid rgba(47,191,110,.4);border-radius:18px;padding:13px 20px;box-shadow:0 14px 30px -16px rgba(0,0,0,.9)}
.sp-price .p-num{font-size:clamp(24px,2.6vw,30px);font-weight:800;color:#fff;letter-spacing:-.02em}
.sp-price .p-cur{color:var(--green)}
.sp-price .from{font-size:14px;color:rgba(255,255,255,.6);font-weight:700}
.sp-body .p-desc-full{color:#3d3a35;font-size:15px;margin-bottom:16px;-webkit-line-clamp:unset;display:block;line-height:1.6}
.sp-bonus{display:flex;align-items:center;gap:10px;background:var(--green-soft);border:1px solid rgba(47,191,110,.22);border-radius:16px;padding:13px 16px;font-size:13.5px;color:#2c6b48;margin-bottom:18px;max-width:440px}
.sp-bonus .bn-coin{width:20px;height:20px}
.sp-buy{border:0 !important;cursor:default !important;transform:none !important;box-shadow:none !important;background:transparent;display:block;padding:0;overflow:visible}
/* Кнопка покупки — зелёная и заметная, а не бледно-оранжевая. */
.sp-add-btn{font-size:16px !important;padding:0 32px !important;height:54px !important;border-radius:18px !important;
	background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;color:#fff !important;border-color:transparent !important;
	box-shadow:0 16px 32px -12px rgba(28,154,85,.85) !important}
.sp-add-btn svg{color:#fff}
.sp-perks{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px}
.sp-perks span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--ink-2)}
.sp-perks svg{width:15px;height:15px;color:var(--green-dark)}
.sp-related{padding-bottom:40px}
/* стрелка на страницу товара в карточке — основной стиль в блоке .p-actions */
.p-goto{display:flex;align-items:center;justify-content:center;transition:background .22s,color .22s,transform .22s var(--ease-spring)}

/* ============ REVEAL ANIMATION ============ */
.rv{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s var(--ease-spring)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .rv{opacity:1;transform:none}
}

/* ============ RESPONSIVE ============ */
@media (max-width:1100px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .benefits-grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  :root{--hdr-h:62px;--cat-h:54px}
  .burger{display:flex}
  .hdr-bonus span{display:none}
  .hdr-bonus{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}
  .hero-in{grid-template-columns:1fr;padding:36px 20px 46px;gap:30px}
  .hero-visual{max-width:520px;margin:0 auto;min-height:0}
  .hero-chip.c1{left:-6px}
  .hero-chip.c2{right:-4px}
  .about-in{grid-template-columns:1fr;padding:34px 26px}
  .zones-grid,.points-grid{grid-template-columns:1fr;gap:12px}
  .gallery-strip{grid-template-columns:repeat(2,1fr)}
  .sp-wrap{grid-template-columns:1fr}
  .hdr-phone .hp-num{display:none}
  .hdr-phone{padding:10px 13px}
  .cart-btn span.cb-txt{display:none}
  .cart-btn{padding:11px 14px}
  .logo-main{height:36px !important}
  .logo-script{height:23px}
  .to-top{right:12px;bottom:76px;width:44px;height:44px}
  /* В шапке рядом с трубкой — кружок бонусов и личный кабинет,
     значки в одном стиле: тонкая линия на светло-зелёном круге. */
  .hdr-bonus{display:flex;width:42px;height:42px;padding:0;justify-content:center;border-radius:50%;
    background:var(--green-soft);border-color:transparent}
  .hdr-bonus svg{width:19px;height:19px;color:var(--green-dark)}
  .hdr-account{display:flex;width:42px;height:42px;background:var(--green-soft);border-color:transparent}
  .hdr-account svg{color:var(--green-dark)}
}
/* Совсем узкие экраны */
@media (max-width:380px){
  .container{padding:0 10px}
  .grid{gap:8px}
  .hdr-in{gap:10px}
  .hdr-phone{padding:9px 11px}
  .cart-btn{padding:10px 12px}
  .logo-main{height:30px !important}
  .logo-script{height:20px}
}
@media (max-width:640px){
  .container{padding:0 14px}
  .section{padding:38px 0}
  .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}
  .p-body{padding:11px 12px 13px}
  .p-name{font-size:13.5px}
  .p-desc{font-size:11.5px;margin-bottom:9px}
  .p-price{padding:5px 9px;border-radius:10px}
  .p-price .p-num{font-size:15px}
  .p-price .from{font-size:10.5px}
  .p-add{padding:8px 12px;font-size:12.5px}
  .p-goto{display:none} /* на мобиле страница товара — по ссылке из попапа */
  .sp-wrap{gap:20px;padding:16px 14px 40px}
  .benefits-grid{grid-template-columns:1fr 1fr;gap:10px}
  .benefit{padding:14px;gap:10px}
  .benefit span{display:none}
  .benefit .b-ico{width:38px;height:38px;flex-basis:38px}
  .popup{left:0 !important;right:0;top:auto !important;bottom:0;transform:translateY(103%) !important;width:100vw;max-height:92vh;border-radius:26px 26px 0 0;flex-direction:column}
  .popup.open{transform:translateY(0) !important}
  .pp-left{display:contents} /* фото становится прямым потомком колонки попапа */
  /* Окно листается целиком: фото уезжает вместе с содержимым, стыка не видно. */
  .popup{overflow-y:auto;-webkit-overflow-scrolling:touch}
  .pp-body{overflow:visible}
  .pp-name{position:static;margin-top:0;padding-top:0}
  .pp-name::after{display:none}
  .pp-photo{flex:0 0 auto;width:auto;min-height:0;height:auto;aspect-ratio:1/1;max-height:60vh;align-self:stretch;margin:12px 12px 0;border-radius:22px}
  .pp-body{padding:20px 18px 0}
  .pp-foot{position:sticky;bottom:0;background:#fff;padding:10px 0 16px;margin:auto -0px 0;box-shadow:0 -12px 22px -14px rgba(0,0,0,.22)}
  .pp-name{font-size:19px}
  .drawer{width:100vw;top:auto !important;height:88vh;border-radius:26px 26px 0 0;transform:translateY(103%) !important}
  .drawer.open{transform:translateY(0) !important}
  .cookiebar{left:12px;right:12px;max-width:none}
  .gallery-strip{gap:10px}
  .ft-grid{grid-template-columns:1fr;gap:24px}
  /* контейнер-правило выше обнуляет вертикальные отступы — возвращаем их с запасом */
  .hero-in{padding:30px 14px 46px}
  .page-content{padding:32px 14px 52px}
  .sp-wrap{padding:24px 14px 50px}
  .benefits{padding:26px 0 2px}
  .hero-badges{gap:7px;margin-bottom:18px}
  .section-head{gap:11px;margin-bottom:20px}
  .about-stats{gap:18px}
  .pp-foot{gap:9px}
  .dr-head{padding:16px 18px}
  .dr-items{padding:10px 18px}
  .dr-foot{padding:12px 18px 16px}
}

/* ============ ЖИВАЯ ЛЕНТА ОТЗЫВОВ ЯНДЕКСА ============ */
.rev-widget{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--card-shadow)}
.rev-widget iframe{width:100%;height:540px;border:0;display:block}
@media (max-width:760px){.rev-widget iframe{height:430px}}
/* ============ ШАПКА НА ТЕЛЕФОНЕ ============ */
@media (max-width:860px){
  :root{--cat-h:66px}
  /* Шапка в две строки: сверху кнопки, снизу поиск во всю ширину. */
  .hdr-in{height:auto;flex-wrap:wrap;padding-top:10px;padding-bottom:10px;row-gap:10px;column-gap:10px}
  .hdr-search{order:10;flex:1 0 100%;max-width:none;margin:0}
  #hs-input{height:44px}
  .hdr-phone .hp-num{display:none}
  .hdr-phone{padding:0}
  .cart-btn .cb-txt{display:none}
  .cart-btn{padding:0;width:46px;justify-content:center}
  .logo-main{height:44px !important}
  .cat-pill{padding:5px 13px 5px 5px;gap:8px;font-size:12.5px}
  .cat-pill .cp-photo{width:38px;height:38px;flex:0 0 38px;outline-width:1.5px}
}
@media (max-width:560px){
  .hdr-bonus{width:44px;height:44px}
  .hs-pic,.hs-pic img{width:42px;height:42px;flex:0 0 42px}
  .hs-add{flex-basis:32px;width:32px;height:32px}
  .hs-bonus{font-size:10px;padding:2px 6px}
}
/* Карточка самовывоза на странице доставки — зелёная, а не оранжевая. */
.dv-zone-pickup{border-color:rgba(47,191,110,.35) !important}
.dv-zone-pickup .dv-zone-badge{background:var(--green) !important;color:#fff !important}
.dv-zone-pickup .dv-zone-ico{background:var(--green-soft) !important;color:var(--green-dark) !important}
/* ============ ПОПАП ТОВАРА — общий стиль сайта ============ */
/* Фото круглое, как в меню и на странице товара. */
.pp-left{display:flex;align-items:center;justify-content:center;padding:22px}
.pp-photo{border-radius:50% !important;overflow:hidden;width:100%;max-width:330px;aspect-ratio:1/1;
	outline:2px solid var(--line);outline-offset:7px;box-shadow:0 24px 50px -26px rgba(20,18,16,.7);background:var(--bg-soft)}
.pp-photo img{width:100%;height:100%;object-fit:cover;display:block}
/* Ссылка и бонусы — в зелёной гамме, оранжевого в попапе не остаётся. */
.pp-goto{color:var(--green-dark) !important;font-weight:800}
.pp-goto:hover{color:var(--green) !important}
.pp-bonus{background:var(--green-soft) !important;border:1px solid rgba(47,191,110,.22);color:#2c6b48 !important;border-radius:16px}
.pp-bonus b{color:var(--green-dark) !important}
/* Кнопка покупки — зелёная и со скруглением как у остальных кнопок. */
.pp-add,#pp-add{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;color:#fff !important;
	border-radius:18px !important;box-shadow:0 16px 32px -12px rgba(28,154,85,.85) !important}
.pp-add:hover,#pp-add:hover{transform:translateY(-2px)}
.pp-var.on,.pp-var:hover{border-color:var(--green) !important;color:var(--green-dark) !important}
.pp-checks label input:checked + span,.pp-checks .on{border-color:var(--green) !important}
/* На телефоне фото блюда — крупным кругом по центру, а не миниатюрой в углу. */
@media (max-width:860px){
	/* Фото — крупным кругом по центру и с воздухом: кольцо не должно упираться
	   ни в края шторки, ни в заголовок. */
	.popup .pp-left{padding:24px 24px 16px;width:100%;max-width:100%;margin:0;box-sizing:border-box;align-self:stretch;flex:0 0 auto}
	.popup .pp-photo{max-width:min(258px,58vw) !important;margin:0 auto !important;border-radius:50% !important;aspect-ratio:1/1 !important;max-height:none !important;height:auto !important;align-self:center !important;outline-offset:6px}
	.popup .pp-body{padding:16px 20px 0}
}
.qty{border-radius:14px !important}
/* Пункты футера — с зелёными иконками. */
.ft-col a{display:flex;align-items:center;gap:10px}
.ft-col a svg{width:16px;height:16px;flex:0 0 16px;color:var(--green);opacity:.9;transition:transform .2s}
.ft-col a:hover svg{transform:translateX(2px)}
/* ============ ШАПКА И МЕНЮ НА ТЕЛЕФОНЕ (v2.1) ============ */
@media (max-width:860px){
  /* Логотип отталкивает кнопки вправо — правый край перестаёт пустовать. */
  .hdr-in .logo{margin-right:auto}
  .hdr-in{gap:8px}
  .hdr-phone{width:44px;height:44px;justify-content:center;border-radius:14px;background:rgba(47,191,110,.14)}
  .hdr-phone > svg{width:44px;height:44px;flex:0 0 44px;padding:12px;background:none}
  .hdr-account{width:44px;height:44px;flex:0 0 44px}
  .cart-btn{width:46px;height:44px}
  .burger{margin-right:2px}

  /* Меню открывается сверху во весь экран — не боковая шторка, как у всех. */
  .mnav{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;max-width:none;height:100dvh;
    transform:translateY(-100%);transition:transform .42s var(--ease-spring);
    background:#0b0a09;background-image:var(--maze);overflow-y:auto;padding:16px 18px 30px;z-index:240}
  .mnav.open{transform:none}
  .mnav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .mnav-logo{height:44px !important}
  .mnav-links a{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800;color:#fff;
    padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);margin-bottom:9px}
  .mnav-links a svg{width:20px;height:20px;flex:0 0 20px;color:var(--green)}
  .mnav-links a:active{background:rgba(47,191,110,.18)}
  /* Разделы — плитками с фото, а не списком строк. */
  .mnav-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}
  .mnav-cats b{grid-column:1/-1;font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;color:#6f675e;margin-bottom:2px}
  .mnav-cats a{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:#e9e4dd;
    padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
  .mnav-cats a svg{width:18px;height:18px;flex:0 0 18px;color:var(--green)}
  .mnav-phone{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;
    background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:16px;
    padding:16px;border-radius:18px}
  .mnav-phone svg{width:18px;height:18px;color:#fff}
}
/* ============ О ЗАВЕДЕНИИ (новый блок) ============ */
.ab2{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:center;
	background:#0b0a09;background-image:var(--maze);border:1px solid rgba(255,255,255,.08);
	border-radius:36px;padding:40px 44px;position:relative;overflow:hidden}
.ab2::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;
	background:radial-gradient(circle,rgba(47,191,110,.16),transparent 62%);top:-240px;right:-160px;pointer-events:none}
.ab2-photo{position:relative;z-index:1;aspect-ratio:1/1;border-radius:50%;overflow:hidden;
	outline:2px solid rgba(47,191,110,.45);outline-offset:8px;box-shadow:0 30px 60px -26px rgba(0,0,0,.9)}
.ab2-photo img{width:100%;height:100%;object-fit:cover;display:block}
.ab2-badge{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;gap:7px;
	background:var(--green);color:#fff;font-size:12px;font-weight:800;padding:8px 15px;border-radius:999px;white-space:nowrap;
	box-shadow:0 12px 26px -10px rgba(28,154,85,.9)}
.ab2-badge svg{width:14px;height:14px;flex:0 0 14px}
.ab2-body{position:relative;z-index:1;color:#fff}
.ab2-cap{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:10px}
.ab2-body h2{font-size:clamp(24px,3vw,34px);font-weight:800;line-height:1.14;letter-spacing:-.02em;margin-bottom:14px;color:#fff}
.ab2-body h2 .hl{color:var(--green)}
.ab2-body p{color:#a49b90;font-size:14.5px;line-height:1.62;margin-bottom:12px;max-width:600px}
/* Цифры — круглыми жетонами, читаемо и крупно. */
.ab2-stats{display:flex;flex-wrap:wrap;gap:26px;margin:24px 0 22px}
.ab2-stat{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.ab2-ring{width:96px;height:96px;border-radius:50%;display:flex;align-items:baseline;justify-content:center;gap:3px;
	background:rgba(255,255,255,.05);border:2px solid rgba(47,191,110,.45);padding-top:32px;box-sizing:border-box;
	transition:border-color .25s,transform .25s var(--ease-spring)}
.ab2-stat:hover .ab2-ring{border-color:var(--green);transform:translateY(-3px)}
.ab2-ring b{font-size:23px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}
.ab2-ring i{font-style:normal;font-size:14px;color:var(--green)}
.ab2-cap2{font-size:12px;color:#8f877d;line-height:1.4}
.ab2-link{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:800;color:#fff;
	background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);padding:13px 22px;border-radius:16px;transition:background .25s,transform .25s}
.ab2-link svg{width:16px;height:16px}
.ab2-link:hover{background:var(--green);border-color:transparent;transform:translateY(-2px)}
@media (max-width:900px){
	.ab2{grid-template-columns:1fr;gap:28px;padding:26px 22px;border-radius:28px}
	.ab2-photo{max-width:300px;margin:0 auto}
	.ab2-stats{gap:18px;justify-content:center}
	.ab2-ring{width:84px;height:84px;padding-top:27px}
	.ab2-body{text-align:center}
	.ab2-body p{margin-left:auto;margin-right:auto}
}
/* Кнопка «наверх» — зелёная, в тон остальным действиям. */
.to-top{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;
	box-shadow:0 14px 30px -12px rgba(28,154,85,.9) !important;border-radius:16px !important}
.to-top:hover{transform:translateY(-3px)}
/* Плашки преимуществ — в зелёной гамме, круглые иконки. */
.benefit{background:#fff;border:1px solid var(--line);border-radius:22px;transition:transform .25s var(--ease-spring),border-color .25s,box-shadow .25s}
.benefit:hover{transform:translateY(-3px);border-color:rgba(47,191,110,.45);box-shadow:0 18px 36px -20px rgba(28,154,85,.45)}
.benefit .b-ico{border-radius:50%;background:var(--green-soft);color:var(--green-dark);border:1px solid rgba(47,191,110,.25);box-shadow:none}
.benefit .b-ico svg{color:var(--green-dark)}


/* ============================================================
   КАБИНЕТ «ЛАБИРИНТА» — своя раскладка: рельс слева, экран справа.
   ============================================================ */
.woocommerce-account .page-content{max-width:1180px}
.lkx{display:grid;grid-template-columns:308px 1fr;gap:20px;align-items:start;padding-top:6px}

/* --- Левый рельс --- */
.lkx-rail{position:sticky;top:96px;display:flex;flex-direction:column;gap:14px}
.lkx-me{position:relative;overflow:hidden;background:radial-gradient(120% 160% at 85% -25%,rgba(47,191,110,.25),transparent 58%),var(--bg-dark);border-radius:26px;padding:26px 22px 22px;text-align:center;color:#fff;box-shadow:0 26px 60px -30px rgba(11,10,9,.85)}
.lkx-me::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.55;pointer-events:none}
.lkx-me>*{position:relative;z-index:1}
.lkx-ava{display:flex;align-items:center;justify-content:center;width:86px;height:86px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));box-shadow:0 0 0 6px rgba(47,191,110,.14),0 18px 36px -16px rgba(28,154,85,.9)}
.lkx-ava i{font-style:normal;font-size:36px;font-weight:900;color:#fff;line-height:1}
.lkx-name{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em}
.lkx-lvl{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;font-weight:800;color:var(--green);background:rgba(47,191,110,.12);border:1px solid rgba(47,191,110,.3);border-radius:var(--r-pill);padding:6px 14px}
.lkx-lvl svg{width:14px;height:14px}

.lkx-balance{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:26px;padding:22px;text-align:center;box-shadow:var(--card-shadow)}
.lkx-balance-coin{display:block;width:52px;height:52px;margin:0 auto 10px}
.lkx-balance-coin .bn-coin{width:52px;height:52px}
.lkx-balance-num{display:block;font-size:34px;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.lkx-balance-num em{font-style:normal;color:var(--green);margin-left:4px}
.lkx-balance-cap{display:block;font-size:12px;color:var(--ink-2);margin-top:8px;line-height:1.45}
.lkx-balance-go{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:13.5px;padding:11px 20px;border-radius:var(--r-pill);box-shadow:0 12px 26px -10px rgba(28,154,85,.9);transition:transform .25s var(--ease-spring)}
.lkx-balance-go:hover{transform:translateY(-2px)}
.lkx-balance-go svg{width:15px;height:15px}

/* --- Меню кабинета --- */
.lkx-nav{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:10px;box-shadow:var(--card-shadow)}
.lkx-nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:18px;font-weight:700;font-size:14.5px;color:var(--ink);transition:background .22s,color .22s,transform .22s var(--ease-spring)}
.lkx-nav-ico{width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;transition:background .25s,transform .3s var(--ease-spring)}
.lkx-nav-ico svg{width:18px;height:18px;color:var(--green-dark);transition:color .25s}
.lkx-nav-ico .bn-coin{width:22px;height:22px}
.lkx-nav-item:hover{background:var(--bg-soft);transform:translateX(3px)}
.lkx-nav-item.is-active{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;box-shadow:0 14px 28px -14px rgba(28,154,85,.95)}
.lkx-nav-item.is-active .lkx-nav-ico{background:rgba(255,255,255,.2)}
.lkx-nav-item.is-active .lkx-nav-ico svg{color:#fff}
.lkx-nav-out{margin-top:4px;border-top:1px solid var(--line);padding-top:12px;color:var(--ink-2)}
.lkx-nav-out .lkx-nav-ico{background:var(--bg-soft)}
.lkx-nav-out .lkx-nav-ico svg{color:var(--ink-2)}
.lkx-nav-lock{margin-left:auto;display:flex;opacity:.5}
.lkx-nav-lock svg{width:14px;height:14px}

/* --- Правый экран --- */
.lkx-main{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px 28px 28px;box-shadow:var(--card-shadow);min-height:420px}
.lkx-head{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.lkx-head-ico{width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.25);display:flex;align-items:center;justify-content:center}
.lkx-head-ico svg{width:21px;height:21px;color:var(--green-dark)}
.lkx-head h2{font-size:22px;font-weight:900;letter-spacing:-.02em}
.lkx-sub{font-size:13.5px;color:var(--ink-2);margin-bottom:22px;line-height:1.55}

/* Быстрые действия */
.lkx-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}
.lkx-q{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center;background:var(--bg-soft);border:1px solid transparent;border-radius:22px;padding:18px 12px;transition:transform .28s var(--ease-spring),border-color .25s,background .25s}
.lkx-q:hover{transform:translateY(-4px);border-color:rgba(47,191,110,.4);background:#fff;box-shadow:0 20px 40px -24px rgba(28,154,85,.5)}
.lkx-q-ico{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:background .3s,transform .35s var(--ease-spring)}
.lkx-q-ico svg{width:21px;height:21px;color:var(--green-dark);transition:color .3s}
.lkx-q-ico .bn-coin{width:24px;height:24px}
.lkx-q:hover .lkx-q-ico{background:linear-gradient(135deg,var(--green),var(--green-dark));transform:rotate(-8deg) scale(1.06)}
.lkx-q:hover .lkx-q-ico svg{color:#fff}
.lkx-q b{font-size:13.5px;font-weight:800;color:var(--ink)}
.lkx-q span{font-size:11.5px;color:var(--ink-2);line-height:1.4}

/* Полоса «до следующей сотни бонусов» */
.lkx-progress{background:radial-gradient(110% 180% at 90% -40%,rgba(47,191,110,.22),transparent 58%),var(--bg-dark);color:#fff;border-radius:24px;padding:22px 24px;margin-bottom:20px;position:relative;overflow:hidden}
.lkx-progress::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.lkx-progress>*{position:relative;z-index:1}
.lkx-progress-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.lkx-progress-top b{font-size:16.5px;font-weight:800}
.lkx-progress-top span{font-size:12.5px;color:#a39d94}
.lkx-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.lkx-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#7ee0a6);box-shadow:0 0 18px rgba(47,191,110,.7)}

/* Список заказов в кабинете */
.lkx-orders{display:flex;flex-direction:column;gap:12px}
.lkx-order{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;background:var(--bg-soft);border:1px solid transparent;border-radius:22px;padding:16px 18px;transition:border-color .25s,background .25s,transform .25s var(--ease-spring)}
.lkx-order:hover{border-color:rgba(47,191,110,.4);background:#fff;transform:translateY(-2px)}
.lkx-order-ico{width:44px;height:44px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.lkx-order-ico svg{width:20px;height:20px;color:var(--green-dark)}
.lkx-order b{display:block;font-size:15px;font-weight:800}
.lkx-order-meta{display:block;font-size:12.5px;color:var(--ink-2);margin-top:3px}
.lkx-order-bonus{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;font-weight:800;color:var(--green-dark);background:var(--green-soft);border-radius:var(--r-pill);padding:3px 10px}
.lkx-order-bonus .bn-coin{width:14px;height:14px}
.lkx-order-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.lkx-order-total{font-size:16px;font-weight:900;letter-spacing:-.02em}
.lkx-order-status{font-size:11.5px;font-weight:800;border-radius:var(--r-pill);padding:5px 12px;background:var(--green-soft);color:var(--green-dark)}
.lkx-order-status.st-completed{background:var(--green-soft);color:var(--green-dark)}
.lkx-order-status.st-processing,.lkx-order-status.st-on-hold{background:#fff4e2;color:#a4661a}
.lkx-order-status.st-cancelled,.lkx-order-status.st-failed{background:#fdeaea;color:#a53232}
.lkx-order-view{font-size:12.5px;font-weight:800;color:var(--green-dark)}
.lkx-order-view:hover{text-decoration:underline}

/* Пустой экран */
.lkx-empty{text-align:center;padding:36px 20px}
.lkx-empty-ico{width:86px;height:86px;margin:0 auto 16px;border-radius:50%;background:var(--green-soft);border:1px solid rgba(47,191,110,.25);display:flex;align-items:center;justify-content:center}
.lkx-empty-ico svg{width:38px;height:38px;color:var(--green-dark)}
.lkx-empty b{display:block;font-size:19px;font-weight:800;margin-bottom:6px}
.lkx-empty span{display:block;font-size:14px;color:var(--ink-2);max-width:420px;margin:0 auto 18px;line-height:1.6}

/* --- Стандартные экраны Woo внутри кабинета --- */
.woocommerce-MyAccount-content>p{font-size:14.5px;color:var(--ink-2);line-height:1.65}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:18px;font-weight:800;margin:0 0 14px;letter-spacing:-.01em}
.woocommerce-MyAccount-content .woocommerce-Address{background:var(--bg-soft);border:1px solid var(--line);border-radius:22px;padding:20px 22px;margin-top:14px}
.woocommerce-MyAccount-content .woocommerce-Address-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.woocommerce-MyAccount-content .woocommerce-Address-title h2,.woocommerce-MyAccount-content .woocommerce-Address-title h3{margin:0}
.woocommerce-MyAccount-content .woocommerce-Address-title a{color:var(--green-dark);font-weight:800;font-size:13.5px}
.woocommerce-MyAccount-content address{font-style:normal;font-size:14px;color:var(--ink-2);line-height:1.6}
.woocommerce-MyAccount-content .woocommerce-Addresses{display:grid;grid-template-columns:1fr;gap:14px}
.woocommerce-MyAccount-content form .form-row{margin-bottom:14px}
.woocommerce-MyAccount-content label{font-size:12.5px;font-weight:800;color:var(--ink-2);margin-bottom:6px;display:block}
.woocommerce-MyAccount-content input.input-text,.woocommerce-MyAccount-content select{border-radius:16px !important;min-height:50px}
.woocommerce-MyAccount-content fieldset{background:var(--bg-soft);border-radius:22px}

@media (max-width:1000px){
	.lkx{grid-template-columns:1fr}
	.lkx-rail{position:static}
	.lkx-nav{flex-direction:row;flex-wrap:wrap;border-radius:22px}
	.lkx-nav-item{flex:1 1 auto}
	.lkx-nav-out{border-top:0;padding-top:0;margin-top:0}
	.lkx-quick{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
	.lkx-main{padding:20px 16px 22px}
	.lkx-nav-txt{font-size:13.5px}
	.lkx-order{grid-template-columns:auto 1fr;gap:12px}
	.lkx-order-right{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;width:100%}
}


/* ============================================================
   ГЛАВНАЯ: лента еды, зоны доставки, визитка кухни — своя вёрстка.
   ============================================================ */

/* --- Лента «так выглядит наша еда»: одна крупная + мозаика --- */
.fg{display:grid;grid-template-columns:1.25fr 1fr;gap:16px}
.fg figure{position:relative;margin:0;overflow:hidden;border-radius:28px;background:var(--bg-soft)}
.fg img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.fg figure:hover img{transform:scale(1.07)}
.fg-main{aspect-ratio:4/3.15}
.fg-main figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 22px 20px;background:linear-gradient(180deg,transparent,rgba(11,10,9,.9))}
.fg-main figcaption b{display:block;font-size:19px;font-weight:800;color:#fff}
.fg-main figcaption span{display:block;font-size:13px;color:#c9c2b8;margin-top:3px}
.fg-side{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fg-item{aspect-ratio:1/1}
.fg-item figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;font-size:12.5px;font-weight:800;color:#fff;background:linear-gradient(180deg,transparent,rgba(11,10,9,.88))}
.fg-more{display:flex;flex-direction:column;justify-content:center;gap:6px;border-radius:28px;padding:20px;background:radial-gradient(120% 160% at 85% -30%,rgba(47,191,110,.25),transparent 58%),var(--bg-dark);color:#fff;position:relative;overflow:hidden;transition:transform .3s var(--ease-spring)}
.fg-more::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.fg-more:hover{transform:translateY(-4px)}
.fg-more>*{position:relative;z-index:1}
.fg-more-ico{width:46px;height:46px;border-radius:50%;background:rgba(47,191,110,.18);display:flex;align-items:center;justify-content:center;margin-bottom:8px}
.fg-more-ico svg{width:21px;height:21px;color:var(--green)}
.fg-more b{font-size:17px;font-weight:800}
.fg-more span{font-size:12.5px;color:#a39d94;line-height:1.45}

/* --- Зоны доставки: строки-полосы + плашка самовывоза --- */
.fz{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}
.fz-list{display:flex;flex-direction:column;gap:10px}
.fz-row{display:grid;grid-template-columns:44px 1fr auto auto;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px 20px;box-shadow:0 12px 30px -22px rgba(20,18,16,.5);transition:border-color .25s,transform .25s var(--ease-spring)}
.fz-row:hover{border-color:rgba(47,191,110,.45);transform:translateX(4px)}
.fz-num{width:44px;height:44px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px}
.fz-name{font-size:15.5px;font-weight:800;line-height:1.3}
.fz-min{text-align:right;white-space:nowrap}
.fz-min i{display:block;font-style:normal;font-size:11px;color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase}
.fz-min b{display:block;font-size:18px;font-weight:900;letter-spacing:-.02em}
.fz-free{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--green-dark);background:var(--green-soft);border-radius:var(--r-pill);padding:7px 13px;white-space:nowrap}
.fz-free svg{width:14px;height:14px}
.fz-pickup{position:relative;overflow:hidden;background:radial-gradient(120% 160% at 88% -30%,rgba(47,191,110,.25),transparent 58%),var(--bg-dark);color:#fff;border-radius:26px;padding:26px 24px;height:100%}
.fz-pickup::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.fz-pickup>*{position:relative;z-index:1}
.fz-pickup-ico{width:52px;height:52px;border-radius:50%;background:rgba(47,191,110,.18);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.fz-pickup-ico svg{width:24px;height:24px;color:var(--green)}
.fz-pickup b{display:block;font-size:19px;font-weight:800}
.fz-pickup-sum{display:block;font-size:22px;font-weight:900;color:var(--green);letter-spacing:-.02em;margin:6px 0 8px}
.fz-pickup-sub{display:block;font-size:12.5px;color:#a39d94;line-height:1.5}
.fz-pickup-go{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:800;color:var(--green)}
.fz-pickup-go svg{width:15px;height:15px;transition:transform .25s var(--ease-spring)}
.fz-pickup-go:hover svg{transform:translateX(4px)}

/* --- Визитка кухни вместо сетки точек --- */
.fp{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:radial-gradient(110% 170% at 92% -30%,rgba(47,191,110,.22),transparent 58%),var(--bg-dark);color:#fff;border-radius:var(--r-lg);padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 30px 70px -32px rgba(11,10,9,.85)}
.fp::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.fp>*{position:relative;z-index:1}
.fp-seal{width:124px;height:124px;border-radius:50%;overflow:hidden;background:#100e0c;border:2px solid rgba(47,191,110,.35);box-shadow:0 0 0 10px rgba(47,191,110,.07)}
.fp-seal img{width:100%;height:100%;object-fit:cover;display:block}
.fp-live{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:800;color:var(--green);background:rgba(47,191,110,.12);border:1px solid rgba(47,191,110,.3);border-radius:var(--r-pill);padding:7px 15px}
.fp-live i{width:8px;height:8px;border-radius:50%;background:var(--green);animation:ktpulse 2.2s infinite}
.fp-name{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:900;letter-spacing:-.03em;margin:12px 0 8px}
.fp-addr{display:flex;align-items:center;gap:9px;font-size:14.5px;color:#c9c2b8}
.fp-addr svg{width:17px;height:17px;flex:0 0 17px;color:var(--green)}
.fp-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.fp-call{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;padding:12px 24px 12px 18px;border-radius:18px;box-shadow:0 16px 34px -14px rgba(28,154,85,.95);transition:transform .25s var(--ease-spring)}
.fp-call:hover{transform:translateY(-2px)}
.fp-call svg{width:22px;height:22px}
.fp-call i{display:block;font-style:normal;font-size:11px;opacity:.85}
.fp-call b{display:block;font-size:18px;font-weight:900;letter-spacing:-.02em}
.fp-route{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14px;padding:12px 20px;border-radius:18px;transition:border-color .25s,background .25s}
.fp-route:hover{border-color:var(--green);background:rgba(47,191,110,.12)}
.fp-route svg{width:18px;height:18px;color:var(--green)}

@media (max-width:900px){
	.fg{grid-template-columns:1fr}
	.fg-main{aspect-ratio:4/3}
	.fz{grid-template-columns:1fr}
	.fz-row{grid-template-columns:38px 1fr;row-gap:10px;padding:14px 16px}
	.fz-num{width:38px;height:38px;font-size:15px}
	.fz-min{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:8px}
	.fz-min i{font-size:11px}
	.fz-free{grid-column:1/-1;justify-self:start}
	.fp{grid-template-columns:1fr;text-align:center;padding:24px 18px}
	.fp-seal{margin:0 auto;width:96px;height:96px}
	.fp-addr{justify-content:center}
	.fp-acts{justify-content:center}
	.fp-call,.fp-route{width:100%;justify-content:center}
}
@media (max-width:560px){
	.fg-side{grid-template-columns:1fr 1fr}
	.fg-more{grid-column:1/-1}
}


/* ============================================================
   БОНУСНАЯ СТРАНИЦА — своя подача: тёмные карточки, зелёный неон,
   круглые иконки. Золотой «сормовский» слой снят полностью.
   ============================================================ */
.bp-wrap{max-width:1000px;display:flex;flex-direction:column;gap:20px}
.bp-ambient{display:none}

/* Верхняя карта баланса */
.bp-card{gap:20px;border-radius:var(--r-lg);padding:26px 28px;border:1px solid rgba(47,191,110,.3);box-shadow:0 30px 70px -32px rgba(11,10,9,.85)}
.bp-card::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.bp-card>*{position:relative;z-index:1}
.bp-sparks{display:none}
.bp-card-coin .bn-coin{width:66px;height:66px}
.bp-card-label{display:block;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.bp-card-balance{color:#fff}
.bp-card-sub{display:block;font-size:13px;color:#a39d94;margin-top:6px}
.bp-card-btn{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;box-shadow:0 16px 32px -12px rgba(28,154,85,.9) !important;padding:14px 24px !important;border-radius:var(--r-pill) !important}

/* Шаги 1-2-3 — тёмные плитки с круглыми иконками */
.bp-steps{grid-template-columns:1fr auto 1fr auto 1fr}
.bp-step{background:radial-gradient(110% 160% at 88% -30%,rgba(47,191,110,.18),transparent 58%),var(--bg-dark);color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px 22px;overflow:hidden}
.bp-step:hover{transform:translateY(-5px);border-color:rgba(47,191,110,.45);box-shadow:0 26px 56px -28px rgba(28,154,85,.6)}
.bp-step .bp-num{position:absolute;right:18px;top:14px;font-size:30px;font-weight:900;color:var(--green);opacity:.18;line-height:1}
.bp-step .bp-ico{width:50px;height:50px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.bp-step .bp-ico svg{width:22px;height:22px;color:var(--green)}
.bp-step .bp-ico .bn-coin{width:26px;height:26px}
.bp-step b{color:#fff;font-size:16.5px}
.bp-step p{color:#a39d94;font-size:13px;line-height:1.55}
.bp-step p b{color:var(--green)}
.bp-arrow svg{color:var(--green);opacity:.5}

/* Калькулятор */
.bp-calc{border-radius:24px;border:1px solid rgba(47,191,110,.25)}
.bp-calc::after{background:radial-gradient(circle,rgba(47,191,110,.16),transparent 60%)}
.bp-calc-head b{font-size:17px}
.bp-calc-sum{color:var(--green)}
.bp-calc input[type=range]{accent-color:#2fbf6e}
.bp-calc-res{background:rgba(47,191,110,.12);border:1px solid rgba(47,191,110,.3);border-radius:18px}
.bp-calc-res b{color:#7ee0a6}
.bp-calc-note{color:#9c948a}

/* Примеры и правила */
.bp-example,.bp-rules{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 26px;box-shadow:var(--card-shadow)}
.bp-example h3,.bp-rules h3,.bp-faq h3{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;letter-spacing:-.01em;margin-bottom:16px}
.bp-example h3 svg,.bp-faq h3 svg{width:21px;height:21px;color:var(--green-dark)}
.bp-example ul,.bp-rule-card ul{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0}
.bp-example li,.bp-rule-card li{position:relative;padding-left:28px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.bp-example li::before,.bp-rule-card li::before{content:'';position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background:var(--green-soft) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c9a55' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/10px no-repeat}
.bp-example li b,.bp-rule-card li b{color:var(--ink)}
.bp-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bp-rule-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:20px;padding:20px}
.bp-rule-card>b{display:block;font-size:15.5px;font-weight:800;margin-bottom:12px}

/* Вопросы — как на реферальной странице */
.bp-faq{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 26px;box-shadow:var(--card-shadow)}
.bp-faq details{border-top:1px solid var(--line);padding:4px 0}
.bp-faq details:first-of-type{border-top:0}
.bp-faq summary{cursor:pointer;list-style:none;padding:14px 0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:10px}
.bp-faq summary::-webkit-details-marker{display:none}
.bp-faq summary::before{content:'+';width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;transition:transform .3s var(--ease-spring)}
.bp-faq details[open] summary::before{transform:rotate(45deg)}
.bp-faq p{font-size:14px;line-height:1.65;color:var(--ink-2);padding:0 0 14px 36px;margin:0}
.bp-faq a{color:var(--green-dark);font-weight:700}

@media (max-width:900px){
	.bp-steps{grid-template-columns:1fr;gap:12px}
	.bp-arrow{display:none}
	.bp-rules-grid{grid-template-columns:1fr}
	.bp-card{flex-direction:column;text-align:center;padding:24px 20px}
	.bp-card-btn{width:100%;text-align:center}
}


/* ============================================================
   КОРЗИНА И ОФОРМЛЕНИЕ — своя подача: тёмная колонка заказа,
   круглые иконки разделов, зелёные акценты вместо кремово-оранжевых.
   ============================================================ */

/* Круглые иконки у заголовков блоков вместо квадратных плашек */
.woocommerce-checkout #customer_details h3::before,
.woocommerce-checkout #order_review_heading::before{border-radius:50% !important;background-color:var(--green-soft) !important;box-shadow:0 0 0 1px rgba(47,191,110,.25) inset}

/* Правая колонка «Ваш заказ» — тёмная карточка, как фирменные блоки сайта */
.woocommerce-checkout #order_review_heading{color:var(--ink)}
.woocommerce-checkout #order_review{position:relative;overflow:hidden;background:radial-gradient(110% 150% at 90% -20%,rgba(47,191,110,.22),transparent 58%),var(--bg-dark) !important;color:#fff;border-radius:26px !important;padding:18px 22px 22px !important;box-shadow:0 30px 70px -32px rgba(11,10,9,.85) !important}
.woocommerce-checkout #order_review::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.woocommerce-checkout #order_review>*{position:relative;z-index:1}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name{color:#fff}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-name .product-quantity{color:#9c948a}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th{color:#e7e2db}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .cart_item td{border-bottom:1px solid rgba(255,255,255,.08)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{color:#9c948a}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th{color:#fff}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total .amount{color:var(--green)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .amount{color:#fff}

/* Способ оплаты внутри тёмной колонки */
.woocommerce-checkout #payment ul.payment_methods li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:18px}
.woocommerce-checkout #payment ul.payment_methods li label{color:#fff}
.woocommerce-checkout #payment div.payment_box{background:rgba(47,191,110,.12) !important;border:1px solid rgba(47,191,110,.28);color:#c9c2b8 !important;border-radius:14px}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p{color:#9c948a;font-size:12.5px}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text a{color:var(--green)}
.woocommerce-checkout #place_order{width:100%;border-radius:20px !important;font-size:16.5px !important;padding:17px 24px !important}

/* Списание бонусов: карточка светлая внутри тёмной колонки, поэтому текст задаём
   явно — иначе он наследует белый от #order_review и пропадает на белом фоне. */
.woocommerce-checkout .bn-pay{color:var(--ink)}
.woocommerce-checkout .bn-pay-head,.woocommerce-checkout .bn-pay-head span,.woocommerce-checkout .bn-pay-head b{color:var(--ink)}
.woocommerce-checkout .bn-pay-row input{color:var(--ink)}

/* Приглашение завести кабинет — тёмно-зелёное, не кремовое */
.bn-guest,.bn-guest-warm{background:rgba(47,191,110,.1) !important;border:1px solid rgba(47,191,110,.3) !important;color:#c9c2b8 !important;border-radius:18px !important}
.bn-guest b,.bn-guest-warm b{color:var(--green) !important}
.acc-lux{border-radius:20px}
.acc-teaser{background:radial-gradient(120% 180% at 8% -60%,rgba(47,191,110,.22),transparent 55%),var(--bg-dark) !important;border:1px solid rgba(47,191,110,.3) !important;border-radius:20px !important;color:#fff !important}
.acc-teaser b{color:var(--green) !important}
.acc-teaser span span,.acc-teaser-txt span{color:#a39d94 !important}
.acc-teaser-go{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;color:#fff !important;border-radius:50% !important}
.acc-go{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;color:#fff !important;border-radius:var(--r-pill) !important}
.acc-done{background:var(--green-soft) !important;border:1px solid rgba(47,191,110,.3) !important;border-radius:18px !important}
.acc-done-ico{background:linear-gradient(135deg,var(--green),var(--green-dark)) !important;color:#fff !important;border-radius:50% !important}

/* Итоговые строки под кнопкой */
.woocommerce-checkout .co-notes,.woocommerce-checkout .co-note{color:#9c948a}
.woocommerce-checkout .co-notes svg,.woocommerce-checkout .co-note svg{color:var(--green)}

/* Корзина-страница: круглые фото и зелёные акценты */
.woocommerce-cart .cart_item img,.woocommerce-cart .product-thumbnail img{border-radius:50%;width:64px;height:64px;object-fit:cover}
.woocommerce-cart .cart-collaterals .cart_totals{background:radial-gradient(110% 150% at 90% -20%,rgba(47,191,110,.2),transparent 58%),var(--bg-dark);color:#fff;border-radius:26px;padding:22px}
.woocommerce-cart .cart_totals th{color:#9c948a}
.woocommerce-cart .cart_totals td,.woocommerce-cart .cart_totals .amount{color:#fff}
.woocommerce-cart .cart_totals .order-total .amount{color:var(--green)}

@media (max-width:900px){
	.woocommerce-checkout #order_review{padding:16px 16px 18px !important}
}

/* ============================================================
   СТРАХОВКА ДЛЯ ИКОНОК-КРУЖКОВ
   Общие правила вида «.карточка span{display:block}» перебивали флекс
   у плашек с иконкой, и значок уезжал в левый верхний угол кружка.
   ============================================================ */
[class$="-ico"],[class*="-ico "],
.lg-fact-ico,.lg-other-ico,.kt-side-ico,.pd-level-ico,.pd-step-ico,.lkx-nav-ico,.lkx-q-ico,.lkx-head-ico,.lkx-order-ico,.lgn-perks li>span{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}
[class$="-ico"]>svg,[class*="-ico "]>svg{flex:0 0 auto}


/* ============================================================
   БОНУСНАЯ ПРОГРАММА — своя раскладка: живой счётчик, лесенка сумм,
   чек оплаты, круглые «что даёт», друзья, вопросы.
   ============================================================ */
.bx{display:flex;flex-direction:column;gap:22px;max-width:1000px}
.bx-h2{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.02em;margin-bottom:18px}
.bx-h2 svg{width:21px;height:21px;color:var(--green-dark)}
.bx-note{font-size:13.5px;line-height:1.6;color:var(--ink-2);margin-top:14px}
.bx-note b{color:var(--ink)}

/* 1. Живой счётчик */
.bx-live{position:relative;overflow:hidden;background:radial-gradient(120% 170% at 88% -30%,rgba(47,191,110,.25),transparent 58%),var(--bg-dark);color:#fff;border-radius:var(--r-lg);padding:26px 30px 30px;box-shadow:0 30px 70px -32px rgba(11,10,9,.85)}
.bx-live::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.bx-live>*{position:relative;z-index:1}
.bx-live-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.bx-live-cap{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green)}
.bx-live-cap .bn-coin{width:22px;height:22px}
.bx-live-bal{font-size:13px;color:#a39d94}
.bx-live-bal b{color:#fff;font-size:15px}
.bx-live-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center}
.bx-live-label{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9c948a}
.bx-live-sum{display:block;font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-.03em;margin:6px 0 14px}
.bx-live-hint{display:block;font-size:12px;color:#9c948a;margin-top:10px;line-height:1.45}
.bx-live-arrow{width:46px;height:46px;border-radius:50%;background:rgba(47,191,110,.16);display:flex;align-items:center;justify-content:center}
.bx-live-arrow svg{width:22px;height:22px;color:var(--green)}
.bx-live-right{background:rgba(47,191,110,.1);border:1px solid rgba(47,191,110,.3);border-radius:22px;padding:20px 22px}
.bx-live-earn{display:block;font-size:clamp(30px,4.4vw,44px);font-weight:900;letter-spacing:-.03em;color:var(--green);line-height:1;margin-top:6px}
.bx-live-earn em{font-style:normal;font-size:.6em}
.bx-live-go{display:inline-flex;align-items:center;gap:9px;margin-top:16px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:14.5px;padding:13px 22px;border-radius:var(--r-pill);box-shadow:0 14px 30px -12px rgba(28,154,85,.9);transition:transform .25s var(--ease-spring)}
.bx-live-go:hover{transform:translateY(-2px)}
.bx-live-go svg{width:16px;height:16px}
.bx-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--green) var(--fill,25%),rgba(255,255,255,.12) var(--fill,25%));outline:none}
.bx-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#bff5d6,var(--green));border:3px solid #0b0a09;box-shadow:0 4px 14px rgba(47,191,110,.8);cursor:pointer}
.bx-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--green);border:3px solid #0b0a09;cursor:pointer}

/* 2. Лесенка */
.bx-ladder{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;box-shadow:var(--card-shadow)}
.bx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.bx-stair{text-align:center}
.bx-stair-bar{display:block;height:var(--h,50px);border-radius:18px 18px 12px 12px;background:linear-gradient(180deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.25);position:relative;overflow:hidden;transition:transform .3s var(--ease-spring)}
.bx-stair-bar i{position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(180deg,var(--green),var(--green-dark));opacity:.9}
.bx-stair:hover .bx-stair-bar{transform:translateY(-4px)}
.bx-stair b{display:block;font-size:15.5px;font-weight:900;margin-top:12px;letter-spacing:-.02em}
.bx-stair-give{display:inline-block;font-size:12px;font-weight:800;color:var(--green-dark);background:var(--green-soft);border-radius:var(--r-pill);padding:4px 12px;margin-top:6px}

/* 3. Чек */
.bx-check{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 28px;box-shadow:var(--card-shadow)}
.bx-check-body{position:relative;max-width:460px;background:var(--bg-soft);border-radius:20px;padding:20px 22px 26px}
.bx-check-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed rgba(20,18,16,.14);font-size:14.5px}
.bx-check-row span{display:inline-flex;align-items:center;gap:8px;color:var(--ink-2)}
.bx-check-row .bn-coin{width:18px;height:18px}
.bx-check-row b{font-weight:800}
.bx-check-minus b{color:var(--green-dark)}
.bx-check-total{border-bottom:0;padding-top:14px}
.bx-check-total span{color:var(--ink);font-weight:800}
.bx-check-total b{font-size:22px;font-weight:900;letter-spacing:-.02em}
.bx-check-tape{position:absolute;left:0;right:0;bottom:-1px;height:10px;background:repeating-linear-gradient(90deg,transparent 0 10px,var(--bg) 10px 20px);-webkit-mask:radial-gradient(circle at 10px 10px,transparent 9px,#000 10px) 0 0/20px 20px;mask:radial-gradient(circle at 10px 10px,transparent 9px,#000 10px) 0 0/20px 20px}

/* 4. Что даёт */
.bx-perks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.bx-perk{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 18px;box-shadow:var(--card-shadow);transition:transform .3s var(--ease-spring),border-color .3s}
.bx-perk:hover{transform:translateY(-4px);border-color:rgba(47,191,110,.4)}
.bx-perk-ico{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:linear-gradient(135deg,var(--green-soft),#d6f2e2);border:1px solid rgba(47,191,110,.22)}
.bx-perk-ico svg{width:23px;height:23px;color:var(--green-dark)}
.bx-perk b{display:block;font-size:15.5px;font-weight:800}
.bx-perk>span{display:block;font-size:12.5px;color:var(--ink-2);line-height:1.5;margin-top:6px}

/* 5. Друзья */
.bx-friends{display:flex;align-items:center;gap:20px;flex-wrap:wrap;background:radial-gradient(110% 170% at 10% -40%,rgba(47,191,110,.2),transparent 58%),var(--bg-dark);color:#fff;border-radius:var(--r-lg);padding:24px 28px;position:relative;overflow:hidden}
.bx-friends::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.bx-friends>*{position:relative;z-index:1}
.bx-friends-ico{width:52px;height:52px;border-radius:50%;background:rgba(47,191,110,.16)}
.bx-friends-ico svg{width:24px;height:24px;color:var(--green)}
.bx-friends-txt{flex:1;min-width:220px}
.bx-friends-txt b{display:block;font-size:18px;font-weight:800}
.bx-friends-txt span{display:block;font-size:13px;color:#a39d94;margin-top:5px;line-height:1.55}
.bx-friends-go{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:800;font-size:14px;padding:13px 20px;border-radius:16px;transition:border-color .25s,background .25s}
.bx-friends-go:hover{border-color:var(--green);background:rgba(47,191,110,.12)}
.bx-friends-go svg{width:16px;height:16px;color:var(--green)}

/* 6. Вопросы */
.bx-faq{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 28px;box-shadow:var(--card-shadow)}
.bx-q{border-top:1px solid var(--line)}
.bx-q:first-of-type{border-top:0}
.bx-q summary{cursor:pointer;list-style:none;padding:15px 0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:11px}
.bx-q summary::-webkit-details-marker{display:none}
.bx-q summary::before{content:'+';width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;transition:transform .3s var(--ease-spring)}
.bx-q[open] summary::before{transform:rotate(45deg)}
.bx-q p{font-size:14px;line-height:1.65;color:var(--ink-2);padding:0 0 15px 37px;margin:0}
.bx-q a{color:var(--green-dark);font-weight:700}

@media (max-width:900px){
	.bx-live-grid{grid-template-columns:1fr}
	.bx-live-arrow{transform:rotate(90deg);margin:0 auto}
	.bx-steps{grid-template-columns:1fr 1fr}
	.bx-perks{grid-template-columns:1fr 1fr}
	.bx-live{padding:22px 18px 24px}
	.bx-ladder,.bx-check,.bx-faq{padding:22px 18px}
	.bx-friends{padding:20px 18px}
	.bx-friends-go{width:100%;justify-content:center}
}
@media (max-width:560px){
	.bx-perks{grid-template-columns:1fr}
}

/* Баннер на реферальной странице ведёт себя как в карусели: под курсором
   (и по касанию) круг перетекает в квадрат со скруглением — текст виден весь. */
.pd-banner{transition:border-radius .55s cubic-bezier(.34,1.2,.5,1),transform .3s}
.pd-banner:hover,.pd-banner:active,.pd-banner:focus-within{border-radius:40px}
.bs-slide:active .bs-circle{border-radius:42px}
@media (max-width:900px){
	.pd-banner{border-radius:34px}
}

/* ============================================================
   ШАГИ ОФОРМЛЕНИЯ — дорожка с узлами вместо ряда пилюль.
   ============================================================ */
.cox{position:relative;margin:4px 0 22px;padding:18px 22px 16px;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--card-shadow)}
.cox-track{position:absolute;left:8%;right:8%;top:44px;height:4px;border-radius:999px;background:var(--line);overflow:hidden}
.cox-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#7ee0a6);box-shadow:0 0 14px rgba(47,191,110,.6)}
.cox-nodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.cox-node b{display:block;font-size:14px;font-weight:800;color:var(--ink-2);margin-top:10px}
.cox-sub{display:block;font-size:11.5px;color:var(--ink-2);opacity:.75;margin-top:2px}
.cox-dot{width:46px;height:46px;margin:0 auto;border-radius:50%;background:#fff;border:2px solid var(--line);display:flex;align-items:center;justify-content:center;transition:transform .3s var(--ease-spring)}
.cox-dot svg{width:20px;height:20px;color:var(--ink-2)}
.cox-node.done .cox-dot{background:linear-gradient(135deg,var(--green),var(--green-dark));border-color:transparent;box-shadow:0 12px 24px -12px rgba(28,154,85,.9)}
.cox-node.done .cox-dot svg{color:#fff}
.cox-node.done b{color:var(--green-dark)}
.cox-node.now .cox-dot{background:#fff;border-color:var(--green);box-shadow:0 0 0 6px rgba(47,191,110,.14);transform:scale(1.06)}
.cox-node.now .cox-dot svg{color:var(--green-dark)}
.cox-node.now b{color:var(--ink)}
@media (max-width:640px){
	.cox{padding:16px 12px 12px}
	.cox-track{top:38px;left:16%;right:16%}
	.cox-dot{width:38px;height:38px}
	.cox-dot svg{width:17px;height:17px}
	.cox-node b{font-size:12.5px;margin-top:8px}
	.cox-sub{display:none}
}

/* ============================================================
   ТЕЛЕФОН: при скролле вниз строка поиска прячется, лента категорий
   поднимается на её место; при скролле вверх поиск возвращается.
   ============================================================ */
@media (max-width:860px){
	.site-header .hdr-search{transition:max-height .3s ease,opacity .25s ease,margin .3s ease,transform .3s ease;max-height:60px;overflow:visible}
	.site-header.hdr-slim .hdr-search{max-height:0;opacity:0;margin:0;transform:translateY(-8px);pointer-events:none;overflow:hidden}
	.site-header.hdr-slim .hdr-in{row-gap:0}
}

/* Корзина-шторка: зелёный кант, чтобы панель не сливалась с затемнённым фоном. */
.drawer{border:1px solid rgba(47,191,110,.45);box-shadow:-40px 0 90px -30px rgba(0,0,0,.85),0 0 0 1px rgba(47,191,110,.14),0 -18px 60px -24px rgba(47,191,110,.35)}
@media (max-width:860px){
	.drawer{border:1px solid rgba(47,191,110,.5);border-bottom:0;box-shadow:0 -22px 60px -18px rgba(0,0,0,.85),0 -6px 34px -12px rgba(47,191,110,.45)}
	.dr-head{border-bottom-color:rgba(47,191,110,.22)}
}

/* Кабинет на телефоне: меню ровной сеткой в две колонки, а не «вразнобой». */
@media (max-width:1000px){
	.lkx-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
	.lkx-nav-item{padding:10px 12px}
	.lkx-nav-item:hover{transform:none}
	.lkx-nav-out{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;margin-top:2px}
	.lkx-rail{gap:12px}
}
@media (max-width:560px){
	.lkx-nav{grid-template-columns:1fr}
	.lkx-nav-txt{font-size:14px}
}

/* Оформление заказа: блоки одинаковыми интервалами, без «разбежавшихся» пустот. */
.woocommerce-checkout #customer_details{padding:22px 24px 10px}
.woocommerce-checkout #customer_details h3{margin:0 0 14px}
.woocommerce-checkout #customer_details .woocommerce-additional-fields h3{margin-top:18px}
.woocommerce-checkout form.checkout .form-row{margin-bottom:14px}
.woocommerce-checkout .acc-lux{margin:16px 0}
.woocommerce-checkout #order_review_heading{margin:0 0 12px}
@media (max-width:900px){
	.woocommerce-checkout #customer_details{padding:18px 16px 8px}
	.woocommerce-checkout form.checkout{gap:14px}
	.woocommerce-checkout .cox{margin-bottom:14px}
}

/* Дом / квартира / подъезд — одна ровная строка: подписи и поля на одной линии,
   даже когда подпись переносится на две строки. */
.woocommerce-checkout .sorm-house,.woocommerce-checkout .sorm-flat,.woocommerce-checkout .sorm-entrance{display:flex;flex-direction:column;justify-content:flex-end}
.woocommerce-checkout .sorm-house label,.woocommerce-checkout .sorm-flat label,.woocommerce-checkout .sorm-entrance label{min-height:32px;display:flex;align-items:flex-end;line-height:1.25}
@media (max-width:560px){
	.woocommerce-checkout .sorm-house label,.woocommerce-checkout .sorm-flat label,.woocommerce-checkout .sorm-entrance label{min-height:0}
}

/* ============================================================
   ПОДТВЕРЖДЕНИЕ ПОЧТЫ — своя карточка в тёмной гамме «Лабиринта».
   ============================================================ */
.verify-box{position:relative;overflow:hidden;max-width:520px;margin:10px auto 40px;background:radial-gradient(120% 160% at 88% -30%,rgba(47,191,110,.25),transparent 58%),var(--bg-dark);color:#fff;border:1px solid rgba(47,191,110,.3);border-radius:var(--r-lg);padding:34px 32px 30px;text-align:center;box-shadow:0 30px 70px -32px rgba(11,10,9,.85)}
.verify-box::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.verify-box>*{position:relative;z-index:1}
.verify-box .verify-ico{width:66px;height:66px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 16px 34px -14px rgba(28,154,85,.95),0 0 0 6px rgba(47,191,110,.12)}
.verify-box .verify-ico svg{width:28px;height:28px;color:#fff}
.verify-box h2{font-size:24px;font-weight:900;letter-spacing:-.02em;margin-bottom:10px}
.verify-sub{font-size:14px;line-height:1.6;color:#a39d94;margin-bottom:22px}
.verify-sub b{color:#fff}
.verify-form{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.verify-code{width:100%;height:64px;text-align:center;font-size:30px;font-weight:900;letter-spacing:.34em;text-indent:.34em;color:#fff;background:rgba(255,255,255,.06);border:1.5px solid rgba(47,191,110,.35);border-radius:20px;outline:none;transition:border-color .25s,background .25s,box-shadow .25s}
.verify-code::placeholder{color:#5f5a53;letter-spacing:.34em}
.verify-code:focus{border-color:var(--green);background:rgba(47,191,110,.1);box-shadow:0 0 0 4px rgba(47,191,110,.16)}
.verify-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:16px;padding:16px 26px;border-radius:var(--r-pill);box-shadow:0 16px 34px -14px rgba(28,154,85,.95);transition:transform .25s var(--ease-spring)}
.verify-submit:hover{transform:translateY(-2px)}
.verify-submit svg{width:18px;height:18px}
.verify-resend{background:none;border:0;color:var(--green);font-weight:700;font-size:13.5px;padding:6px;cursor:pointer}
.verify-resend:hover{text-decoration:underline}
.verify-hint{font-size:12.5px;color:#9c948a;margin-top:16px;line-height:1.5}
@media (max-width:560px){
	.verify-box{padding:26px 18px 24px;margin:6px auto 30px}
	.verify-code{height:56px;font-size:25px}
}

/* Блок способа оплаты в тёмной колонке: плотный фон и светлый текст —
   белым по прозрачно-зелёному читалось плохо. */
.woocommerce-checkout #payment div.payment_box{background:#111a15 !important;border:1px solid rgba(47,191,110,.3) !important;color:#e7e2db !important}
.woocommerce-checkout #payment div.payment_box *{color:#e7e2db !important}
.woocommerce-checkout #payment ul.payment_methods li{background:rgba(255,255,255,.04)}
/* Левая колонка чекаута прокручивается внутри себя, если форма выше экрана. */
.woocommerce-checkout #customer_details{scrollbar-width:thin}
.woocommerce-checkout #customer_details::-webkit-scrollbar{width:8px}
.woocommerce-checkout #customer_details::-webkit-scrollbar-thumb{background:rgba(47,191,110,.35);border-radius:999px}

/* ============================================================
   СТРАХОВКА ДЛЯ ИКОНОК БЕЗ РАЗМЕРА
   Если у блока не прописан размер svg, значок раздувался во всю ширину.
   ============================================================ */
/* :where() — нулевой вес, чтобы страховка не перебивала размеры из обычных правил. */
svg:where(:not([width]):not([height])){width:1.25em;height:1.25em}

/* Плашка «Заберёте сами» на оформлении */
.pickup-note{display:flex;align-items:flex-start;gap:12px;background:var(--green-soft);border:1px solid rgba(47,191,110,.28);border-radius:18px;padding:14px 16px;margin:22px 0 30px}
.pickup-note>svg{width:22px !important;height:22px !important;flex:0 0 22px;color:var(--green-dark);margin-top:2px}
.pickup-note b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
.pickup-note span{display:block;font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:3px}

/* Выпадающий список районов: подсветку красит сам браузер по accent-color,
   свои цвета пунктам НЕ задаём — иначе серый текст остаётся серым и на зелёном. */
.woocommerce select,.woocommerce-checkout select{accent-color:#2fbf6e}
.woocommerce select option,.woocommerce-checkout select option{background:#fff}

/* ============================================================
   СТРАНИЦА «ЗАКАЗ ПРИНЯТ»
   ============================================================ */
.ty{display:flex;flex-direction:column;gap:18px;max-width:900px;margin:0 auto}
.ty-head{position:relative;overflow:hidden;text-align:center;background:radial-gradient(120% 170% at 85% -30%,rgba(47,191,110,.26),transparent 58%),var(--bg-dark);color:#fff;border-radius:var(--r-lg);padding:34px 30px 30px;box-shadow:0 30px 70px -32px rgba(11,10,9,.85)}
.ty-head::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.ty-head>*{position:relative;z-index:1}
.ty-ico{width:72px;height:72px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--green-dark));display:flex;align-items:center;justify-content:center;box-shadow:0 18px 38px -14px rgba(28,154,85,.95),0 0 0 8px rgba(47,191,110,.12)}
.ty-ico svg{width:32px;height:32px;color:#fff}
.ty-head>b{display:block;font-size:clamp(22px,3vw,30px);font-weight:900;letter-spacing:-.025em}
.ty-head>span{display:block;font-size:14px;color:#a39d94;margin-top:8px;line-height:1.6}
.ty-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:24px;text-align:left}
.ty-fact{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px 16px}
.ty-fact i{display:block;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9c948a}
.ty-fact b{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:800;margin-top:5px}
.ty-fact-bonus{border-color:rgba(47,191,110,.4);background:rgba(47,191,110,.1)}
.ty-fact-bonus b{color:var(--green)}
.ty-fact-bonus .bn-coin{width:20px;height:20px}
.ty-fail .ty-ico{background:linear-gradient(135deg,#e05a3c,#b83a20);box-shadow:none}
.ty-acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}

.ty-h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;margin-bottom:14px}
.ty-h2 svg{width:20px;height:20px;color:var(--green-dark)}
.ty-items,.ty-where{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px 26px;box-shadow:var(--card-shadow)}
.ty-list{display:flex;flex-direction:column}
.ty-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed rgba(20,18,16,.12);font-size:14.5px}
.ty-row-name{color:var(--ink)}
.ty-row-name em{font-style:normal;color:var(--ink-2);margin-left:6px}
.ty-row b{font-weight:800;white-space:nowrap}
.ty-row-total{border-bottom:0;padding-top:14px;font-size:16px}
.ty-row-total b{font-size:22px;font-weight:900;color:var(--green-dark);letter-spacing:-.02em}
.ty-where{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ty-where-block{display:flex;gap:13px}
.ty-where-ico{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center}
.ty-where-ico svg{width:20px;height:20px;color:var(--green-dark)}
.ty-where-block b{display:block;font-size:15px;font-weight:800}
.ty-where-block span{display:block;font-size:13px;color:var(--ink-2);line-height:1.55;margin-top:4px}
.ty-where-block a{color:var(--green-dark);font-weight:700}
.ty-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;padding:4px 0 10px}
.ty-menu{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15.5px;padding:15px 28px;border-radius:var(--r-pill);box-shadow:0 16px 34px -14px rgba(28,154,85,.95);transition:transform .25s var(--ease-spring)}
.ty-menu:hover{transform:translateY(-2px)}
.ty-menu svg{width:18px;height:18px}
.ty-lk,.ty-call{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);color:var(--ink);font-weight:800;font-size:14.5px;padding:15px 24px;border-radius:var(--r-pill);transition:border-color .25s,background .25s}
.ty-lk:hover,.ty-call:hover{border-color:var(--green);background:var(--green-soft)}
.ty-lk svg,.ty-call svg{width:17px;height:17px;color:var(--green-dark)}
/* Служебные строки Woo на этой странице не нужны — всё уже показано выше. */
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order .woocommerce-thankyou-order-details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details{display:none !important}
@media (max-width:760px){
	.ty-where{grid-template-columns:1fr}
	.ty-head{padding:26px 18px 24px}
	.ty-items,.ty-where{padding:20px 18px}
	.ty-menu,.ty-lk{width:100%;justify-content:center}
}

/* На телефоне баннер реферальной страницы упирался в шапку — даём воздух. */
@media (max-width:900px){
	.pd-wrap{padding-top:26px;gap:34px}
	.pd-banner{margin-top:6px}
}

/* ============================================================
   ОКНО С ОШИБКОЙ ОФОРМЛЕНИЯ — вместо серой полосы Woo.
   ============================================================ */
.errpop{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.errpop.show{opacity:1;pointer-events:auto}
.errpop-bg{position:absolute;inset:0;background:rgba(8,10,9,.72);backdrop-filter:blur(4px)}
.errpop-card{position:relative;z-index:1;width:min(460px,100%);background:radial-gradient(120% 160% at 88% -30%,rgba(47,191,110,.2),transparent 58%),var(--bg-dark);color:#fff;border:1px solid rgba(47,191,110,.3);border-radius:26px;padding:28px 26px 24px;text-align:center;box-shadow:0 40px 90px -30px rgba(0,0,0,.85);transform:translateY(14px) scale(.97);transition:transform .32s var(--ease-spring);overflow:hidden}
.errpop.show .errpop-card{transform:none}
.errpop-card::after{content:'';position:absolute;inset:0;background:var(--maze);opacity:.5;pointer-events:none}
.errpop-card>*{position:relative;z-index:1}
.errpop-ico{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:rgba(255,122,0,.14);border:1px solid rgba(255,122,0,.4);display:flex;align-items:center;justify-content:center}
.errpop-ico svg{width:28px;height:28px;color:#ff9a3c}
.errpop-card b{display:block;font-size:19px;font-weight:900;letter-spacing:-.02em}
.errpop-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.errpop-list li{font-size:14px;line-height:1.6;color:#c9c2b8;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px 14px}
.errpop-ok{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:18px;width:100%;background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15.5px;padding:15px 24px;border-radius:var(--r-pill);box-shadow:0 16px 34px -14px rgba(28,154,85,.95);cursor:pointer;transition:transform .25s var(--ease-spring)}
.errpop-ok:hover{transform:translateY(-2px)}
/* Родную полосу с ошибкой прячем — её содержимое переехало в окно. */
.woocommerce-checkout .woocommerce-error{display:none !important}

/* Трубка в шапке: белый значок на зелёной плитке — зелёный по зелёному тонул. */
.hdr-phone>svg{color:#fff}
@media (max-width:640px){
	.hdr-phone>svg{padding:11px;color:#fff}
}

/* На телефоне общее правило .container{padding:0 14px} обнуляло вертикальные
   отступы у этих блоков — контент прилипал к шапке страницы. Возвращаем их. */
@media (max-width:860px){
	.dv-wrap,.kt-wrap,.ab-wrap,.pd-wrap{padding-top:24px;padding-bottom:56px}
	.page-content{padding-top:24px}
	.page-hero .ph-sub{margin-top:7px}
}

/* ============================================================
   СВЕТЛАЯ ШАПКА ГЛАВНОЙ: белый фон, бледный лабиринт под туманом.
   Тёмной осталась только полоса меню сверху — она общая для всего сайта.
   ============================================================ */
.hero-light{background:#fff;color:var(--ink);padding:30px 0 26px;position:relative;overflow:hidden;
	min-height:clamp(560px,84vh,880px)}
.hero-light::before{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:0;opacity:1;z-index:0;
	background:radial-gradient(90% 130% at 50% -30%,rgba(47,191,110,.10),transparent 62%),
	linear-gradient(180deg,#fff 0%,#fbfaf8 60%,#f6f3ef 100%);pointer-events:none}
/* Обёртка заголовка шире самого текста и лежит поверх поля, поэтому мышь
   для неё прозрачна — иначе она перехватывала нажатия по кружкам у краёв. */
.hero-light>.container{position:relative;z-index:3;pointer-events:none}
.hero-light .hero-head{pointer-events:auto}

/* Заголовок и подпись — тёмным по светлому */
.hero-light .hero-head{margin-bottom:10px}
.hero-light .hero-head h1{color:var(--ink)}
.hero-light .hero-head h1 .hl{color:var(--green-dark);text-shadow:none}
.hero-light .hero-head p{color:var(--ink-2)}
.hero-light .hero-tags span{background:#fff;border:1px solid var(--line);color:var(--ink);box-shadow:0 8px 20px -16px rgba(20,18,16,.6)}
.hero-light .hero-tags svg{color:var(--green-dark)}

@media (max-width:900px){
	.hero-light{padding:20px 0 20px;min-height:clamp(560px,86vh,800px)}
}

/* ============================================================
   ГЛАВНАЯ: ПОЛЕ ПУЗЫРЕЙ
   Круглые баннеры и хиты меню свободно плавают по всему первому
   экрану — в том числе слева и справа от заголовка. В покое
   маленькие, под курсором вырастают и обрастают зелёным
   свечением; по нажатию открывается окно. Лабиринт со змейками
   затянут туманом и проступает только вокруг курсора.
   ============================================================ */

/* Поле занимает весь первый экран, поэтому лежит подложкой,
   а высоту блоку задаёт правило ниже. */
.hero-light .bub{position:absolute;inset:0;z-index:2}
/* Пока скрипт не ожил — обычный ряд ссылок: сайт работает и без него. */
.hero-light .bub:not(.is-live){position:static;display:flex;flex-wrap:wrap;gap:22px 26px;justify-content:center;align-items:flex-start;padding:12px 16px 26px}
.hero-light .bub:not(.is-live) .bub-item{width:clamp(112px,13vw,160px)}

.bub-item{display:block;text-decoration:none;color:inherit;position:relative;text-align:center}
/* Мышь ловит только сам кружок, а не его квадратная рамка. */
.hero-light .bub.is-live .bub-item{position:absolute;left:0;top:0;
	width:var(--big,300px);height:var(--big,300px);pointer-events:none;
	transform:translate3d(var(--x,0px),var(--y,0px),0);will-change:transform}
.hero-light .bub.is-live .bub-item.is-big{z-index:6}

.bub-pic{display:block;width:100%;aspect-ratio:1/1;border-radius:50%;overflow:hidden;background:#fff;
	border:4px solid #fff;box-shadow:0 18px 40px -20px rgba(20,18,16,.45);
	outline:2px solid rgba(255,122,0,.35);outline-offset:4px;
	transition:outline-color .3s,outline-width .3s,box-shadow .35s}
.bub-pic img{width:100%;height:100%;object-fit:cover;display:block}
.hero-light .bub.is-live .bub-pic{height:100%;pointer-events:auto;cursor:pointer;
	transform:scale(var(--k,.4));transform-origin:50% 50%}
/* Зелёная оболочка со свечением — под курсором */
.hero-light .bub.is-live .bub-item.is-big .bub-pic{outline-color:var(--green);outline-width:3px;
	box-shadow:0 0 0 12px rgba(47,191,110,.13),0 34px 66px -24px rgba(28,154,85,.55)}

/* Подпись — зелёная плашка с белым текстом. Держится под кружком
   и уходит, когда кружок вырос. */
.bub-cap{display:inline-flex;align-items:baseline;gap:7px;margin-top:11px;padding:6px 13px;
	border-radius:var(--r-pill);background:linear-gradient(135deg,var(--green),var(--green-dark));
	color:#fff;font-size:12.5px;font-weight:800;line-height:1.2;white-space:nowrap;
	box-shadow:0 12px 26px -14px rgba(28,154,85,.95)}
.bub-cap b{font-weight:900;color:#fff}
/* Иконка перед названием баннера — плашки становятся живее и разными. */
.bub-cap svg{width:14px;height:14px;flex:0 0 auto;align-self:center;color:#eafff2}
.bub-name{font-style:normal}
/* В живом поле у блюда остаётся только цена — длинные названия налезали бы
   друг на друга. Название читают поисковик и версия без скрипта. */
.hero-light .bub.is-live .bub-name{display:none}
.hero-light .bub.is-live .bub-cap{position:absolute;left:50%;
	top:calc(50% + var(--big,300px) * var(--k,.4) / 2 + 10px);
	transform:translateX(-50%);margin:0;pointer-events:none;transition:opacity .28s}
.hero-light .bub.is-live .bub-item.is-big .bub-cap{opacity:0}

/* Туман: молочная пелена поверх лабиринта. Возле курсора она
   расходится — получается пятно от фонарика. Это обычный слой
   с заливкой, машине он почти ничего не стоит. */
.hero-light .maze-canvas{opacity:.95}
.hero-light::after{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;border-radius:0;
	z-index:1;pointer-events:none;opacity:1;transition:opacity .5s;
	background:radial-gradient(circle var(--fog-r,250px) at var(--fog-x,50%) var(--fog-y,45%),
		rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 48%,rgba(255,255,255,.88) 100%)}
/* Мышь ушла с блока — туман снова ровный */
.hero-light.fog-off::after{background:rgba(255,255,255,.86)}
/* На телефоне фонарика нет: пелена чуть прозрачнее, змейки видно всегда */
.hero-light.no-torch::after{background:rgba(255,255,255,.8)}

/* Появление страницы: пока всё грузится — её не видно, потом плавно
   проявляется и чуть подаётся вверх. Ничего тяжёлого: только прозрачность
   и сдвиг, и то лишь на время загрузки. */
/* Спрятана страница только пока стоит класс boot. Сняли класс — она
   проявляется переходом. Нарочно НЕ анимацией: если браузер по какой-то
   причине не станет её проигрывать, страница просто покажется сразу,
   а не останется белой. */
html.boot body{opacity:0;transform:translateY(10px)}
html.boot.ready body{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
/* Страховка: если что-то не так и переход не сыграл — показываем без него. */
html.no-anim body{transition:none !important}
@media (prefers-reduced-motion:reduce){
	html.boot body{opacity:1;transform:none}
	html.boot.ready body{transition:none}
}

/* Окно с рассказом о предложении: слева квадратная картинка целиком,
   справа заголовок, описание и кнопка. Размеры — как у окна блюда. */
.bubpop{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.bubpop[hidden]{display:none}   /* пока не открыто — его нет вообще, в том числе для читалок */
.bubpop.show{opacity:1;pointer-events:auto}
.bubpop-bg{position:absolute;inset:0;background:rgba(12,14,13,.55);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.bubpop-card{position:relative;z-index:1;display:flex;align-items:center;
	width:min(860px,calc(100vw - 40px));max-height:calc(100vh - 60px);background:#fff;border-radius:26px;
	padding:0;overflow:hidden;text-align:left;
	box-shadow:0 50px 120px -30px rgba(0,0,0,.5);transform:translateY(16px) scale(.94);transition:transform .34s var(--ease-spring)}
.bubpop.show .bubpop-card{transform:none}
.bubpop-x{position:absolute;right:14px;top:14px;width:36px;height:36px;border-radius:50%;background:var(--bg-soft);
	display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;z-index:2}
.bubpop-x:hover{background:#eee7dd}
.bubpop-x svg{width:16px;height:16px;color:var(--ink-2)}
.bubpop-pic{display:block;flex:0 0 46%;margin:22px 0 22px 22px;aspect-ratio:1/1;border-radius:24px;overflow:hidden;
	outline:2px solid rgba(47,191,110,.3);outline-offset:3px;box-shadow:0 24px 50px -24px rgba(20,18,16,.5)}
.bubpop-pic img{width:100%;height:100%;object-fit:cover;display:block}
.bubpop-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;
	padding:26px 30px 26px 28px}
.bubpop-title{display:block;font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--ink);line-height:1.15;padding-right:26px}
.bubpop-note{display:block;font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-top:12px}
.bubpop-go{display:inline-flex;align-items:center;gap:9px;margin-top:20px;
	background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15px;
	padding:13px 24px;border-radius:var(--r-pill);box-shadow:0 16px 34px -14px rgba(28,154,85,.95);
	transition:transform .25s var(--ease-spring)}
.bubpop-go:hover{transform:translateY(-2px)}
.bubpop-go svg{width:16px;height:16px}

/* На узком экране длинные названия баннеров под кружками не помещаются —
   остаются только короткие ценники блюд. Название баннера видно в окне. */
@media (max-width:860px){
	.hero-light .bub.is-live .bub-item:not(.bub-dish) .bub-cap{display:none}
}
@media (max-width:700px){
	.bub-cap{font-size:11.5px;padding:5px 11px}
	.bubpop-card{border-radius:22px}
	.bubpop-pic{flex-basis:40%;margin:14px 0 14px 14px;border-radius:18px}
	.bubpop-txt{padding:16px 16px 16px 16px}
	.bubpop-title{font-size:17px;padding-right:24px}
	.bubpop-note{font-size:12.5px;margin-top:8px;line-height:1.5}
	.bubpop-go{font-size:13px;padding:11px 16px;margin-top:14px}
	.bubpop-x{width:30px;height:30px;right:8px;top:8px}
}

/* ============================================================
   НИЖНЕЕ МЕНЮ НА ТЕЛЕФОНЕ
   Отдельная плашка со скруглёнными углами, висит над низом
   экрана: доставка, бонусы, кабинет и корзина — всё под большим
   пальцем. На компьютере это есть в шапке, поэтому его нет вовсе.
   ============================================================ */
.tabbar{display:none}
@media (max-width:860px){
	/* Плашка выезжает, когда человек листает вниз, и прячется, когда вверх. */
	.tabbar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom, 0px));
		z-index:150;display:flex;gap:2px;
		background:rgba(11,10,9,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
		border:1px solid rgba(255,255,255,.11);border-radius:24px;padding:8px 6px;
		box-shadow:0 22px 46px -16px rgba(0,0,0,.65);
		opacity:0;pointer-events:none;transform:translateY(130%);
		transition:transform .38s var(--ease-spring),opacity .28s ease}
	.tabbar.show{opacity:1;pointer-events:auto;transform:none}
	.tab-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:5px;
		padding:4px 2px 3px;border-radius:16px;color:#8f8880;font-size:10.5px;font-weight:700;
		text-decoration:none;background:none;border:0;cursor:pointer;transition:color .25s}
	/* Значок живёт в своей плашке: она подсвечивается у текущего раздела
	   и вжимается при нажатии — так понятно, куда именно ты попал. */
	.tab-ico{position:relative;display:flex;align-items:center;justify-content:center;
		width:44px;height:32px;border-radius:14px;background:rgba(255,255,255,.06);
		transition:background .28s,color .28s,transform .22s var(--ease-spring),box-shadow .28s}
	.tab-ico svg{width:20px;height:20px;transition:transform .22s var(--ease-spring)}
	.tab-txt{line-height:1;white-space:nowrap;transition:color .25s}
	.tab-item:active .tab-ico{transform:scale(.9)}
	.tab-item:active svg{transform:scale(.94)}
	.tab-item.on{color:#fff}
	.tab-item.on .tab-ico{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;
		box-shadow:0 12px 22px -10px rgba(28,154,85,.95)}
	/* Счётчик корзины — чёрный кружок с белой цифрой, как в шапке */
	.tab-count{position:absolute;top:-6px;right:-2px;min-width:18px;height:18px;padding:0 4px;
		border-radius:9px;background:#0b0a09;border:1.5px solid #fff;color:#fff;
		font-size:10px;font-weight:800;line-height:15px;text-align:center}
	/* Место под плашку, чтобы она не накрывала низ страницы */
	body{padding-bottom:calc(88px + env(safe-area-inset-bottom, 0px))}
	.to-top{bottom:calc(100px + env(safe-area-inset-bottom, 0px))}
}

/* ============================================================
   ФИРМЕННЫЙ БАННЕР НА ВНУТРЕННЕЙ СТРАНИЦЕ
   Картинка заведения слева, короткий рассказ и кнопка справа.
   Тот же баннер, что кружком на главной, только целиком.
   ============================================================ */
.pgb{display:grid;grid-template-columns:minmax(260px,400px) 1fr;gap:38px;align-items:center;
	margin:34px 0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
	box-shadow:var(--card-shadow)}
.pgb-pic{display:block;position:relative;aspect-ratio:1;border-radius:28px;overflow:hidden;
	border:4px solid #fff;box-shadow:0 0 0 2px rgba(47,191,110,.32),0 28px 58px -26px rgba(20,18,16,.55);
	transition:box-shadow .35s}
.pgb-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.pgb:hover .pgb-pic img{transform:scale(1.04)}
.pgb-txt{min-width:0}
.pgb-cap{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:var(--r-pill);
	background:var(--green-soft);color:var(--green-dark);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.pgb-cap svg{width:15px;height:15px}
.pgb-title{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin:14px 0 12px;color:var(--ink)}
.pgb-txt p{font-size:15px;line-height:1.7;color:var(--ink-2);margin:0 0 16px}
.pgb-facts{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:9px}
.pgb-facts li{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}
.pgb-facts svg{width:17px;height:17px;flex:0 0 17px;margin-top:1px;color:var(--green)}
.pgb-btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:var(--r-pill);
	background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff;font-weight:800;font-size:15px;
	box-shadow:0 18px 36px -16px rgba(28,154,85,.95);transition:transform .25s var(--ease-spring)}
.pgb-btn:hover{transform:translateY(-2px)}
.pgb-btn svg{width:16px;height:16px}

@media (max-width:860px){
	.pgb{grid-template-columns:1fr;gap:22px;padding:18px;margin:26px 0}
	.pgb-pic{max-width:360px;margin:0 auto;border-radius:24px}
	.pgb-txt{text-align:left}
}

/* Баннер на странице «Приглашай друзей» — прямоугольником со скруглением:
   в круге у этой картинки срезало логотип и нижнюю строку. */
.pd-banner{border-radius:30px !important}
.pd-banner:hover,.pd-banner:active,.pd-banner:focus-within{border-radius:38px !important}

/* ============================================================
   БОНУСНАЯ ПРОГРАММА — широкая раскладка
   Блоков хватает, чтобы разложить их в две колонки, как на «О нас»,
   а не тянуть одной длинной лентой вниз.
   ============================================================ */
/* align-items:stretch — соседние блоки в ряду одной высоты, а не «лесенкой». */
.bx{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:none;align-items:stretch}
/* Подпись под блоком прижимается к низу, чтобы карточки читались ровно. */
.bx-ladder,.bx-check{display:flex;flex-direction:column}
.bx-ladder .bx-note,.bx-check .bx-note{margin-top:auto;padding-top:14px}
/* Во всю ширину — счётчик наверху, баннер, круглые плюсы, друзья и вопросы.
   Лесенка и «как ими платить» встают парой в один ряд. */
.bx>.bx-live,.bx>.pgb,.bx>.bx-perks,.bx>.bx-friends,.bx>.bx-faq{grid-column:1 / -1}
.bx>.pgb{margin:0 0 6px}
/* Вопросы в две колонки — иначе внизу остаётся длинный узкий хвост */
.bx-faq{columns:2;column-gap:26px}
.bx-faq .bx-h2{column-span:all}
.bx-q{break-inside:avoid;-webkit-column-break-inside:avoid}

@media (max-width:900px){
	.bx{grid-template-columns:1fr}
	.bx-faq{columns:1}
}

/* Карточка точки: лабиринт на ней живой, поэтому холст лежит подложкой
   (иначе он становился ещё одной колонкой сетки), а статичная сетка не нужна. */
.fp>.maze-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.fp::after{display:none}

/* Страница бонусов идёт во всю ширину: блоки разложены в две колонки,
   узкая колонка для текста ей больше не нужна. */
.page-content.wide{max-width:1240px}

/* Шапка по правому краю: поиск забирает всё свободное место, поэтому корзина
   заканчивается там же, где лента категорий под ней. Раньше поиск упирался
   в 420 px и справа оставалась дыра. */
@media (min-width:861px){
	.hdr-search{max-width:none}
}

/* ---------- Ночной режим доставки ----------
   Ящик корзины тёмный, страницы светлые — поэтому плашки разные. */
.dr-night{display:flex;gap:9px;align-items:flex-start;margin:12px 0;padding:10px 13px;border-radius:14px;
	background:rgba(47,191,110,.16);border-left:3px solid var(--green);font-size:11.5px;color:#f2ece5;line-height:1.45}
.dr-night svg{width:15px;height:15px;flex:0 0 15px;color:var(--green);margin-top:1px}
.dr-fee{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:13px;color:#f2ece5}
.dr-fee span{display:flex;align-items:center;gap:7px;color:#a49b90}
.dr-fee svg{width:15px;height:15px;color:var(--green)}
.dr-fee b{font-weight:800}
.co-night{display:flex;gap:12px;align-items:flex-start;margin:0 0 18px;padding:14px 16px;border-radius:var(--r-md);
	background:var(--green-soft);border:1px solid var(--line);border-left:4px solid var(--green)}
.co-night-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;
	background:linear-gradient(140deg,var(--green),var(--green-dark));color:#fff}
.co-night-ico svg{width:21px;height:21px}
.co-night b{display:block;font-size:15px;font-weight:800;margin-bottom:3px}
/* Текст красим только внутри правой колонки — иначе серым красился
   и значок курьера в кружке. */
.co-night>div span{font-size:13px;color:var(--ink-2);line-height:1.45}
.co-night-ico i,.co-night-ico svg{color:#fff!important}
.co-review-wait{opacity:.55;transition:opacity .15s}
.dl-night{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:var(--r-lg);background:var(--bg-soft);
	border:1px solid var(--line);border-left:4px solid var(--green);margin-bottom:26px}
.dl-night-ico{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:50%;
	background:linear-gradient(140deg,var(--green),var(--green-dark));color:#fff}
.dl-night-ico svg{width:22px;height:22px}
.dl-night-txt>b{display:block;font-size:17px;font-weight:800;margin-bottom:8px}
.dl-night-txt span{display:block;font-size:14px;color:var(--ink-2);line-height:1.55;margin-bottom:6px}
.dl-night-txt span b{color:var(--ink)}
@media(max-width:640px){.dl-night{flex-direction:column;gap:12px;padding:16px}
	.dl-night-ico{width:44px;height:44px;flex:0 0 44px}}
/* Между приглашением в кабинет и способом оплаты нужен воздух. */
#payment{margin-top:16px}
/* ИНН под названием ИП — мелким и приглушённым. */
.ct-inn{display:block;margin-top:3px;font-size:12.5px;font-weight:600;opacity:.75}

/* Реквизиты внизу документов. */
.lg-req{display:flex;gap:14px;align-items:flex-start;margin:26px 0 0;padding:18px 20px;border-radius:var(--r-lg);
	background:var(--bg-soft);border:1px solid var(--line)}
.lg-req-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;
	background:var(--green);color:#fff}
.lg-req-ico svg,.lg-req-ico i{width:18px;height:18px;font-size:17px}
.lg-req-txt b{display:block;font-size:15px;font-weight:800;margin-bottom:6px}
.lg-req-txt span{display:block;font-size:13.5px;line-height:1.6;color:var(--ink-2)}

/* Блок «Смена пароля» в кабинете: карточка с мягкими углами вместо тонкой
   рамки с надписью поверх линии; кнопку сохранения отодвигаем вниз. */
.woocommerce-EditAccountForm fieldset{margin:26px 0 0;padding:20px;border:1px solid var(--line);
	border-radius:var(--r-lg);background:var(--bg-soft)}
.woocommerce-EditAccountForm fieldset legend{float:left;width:100%;padding:0;margin:0 0 14px;
	font-size:16px;font-weight:800;color:var(--ink)}
.woocommerce-EditAccountForm fieldset>p,.woocommerce-EditAccountForm fieldset>.form-row{clear:both}
.woocommerce-EditAccountForm fieldset>p:last-child,
.woocommerce-EditAccountForm fieldset>.form-row:last-child{margin-bottom:0}
.woocommerce-EditAccountForm .woocommerce-Button,
.woocommerce-EditAccountForm button[type="submit"]{margin-top:24px}

/* Подсказка «оплата долями — скоро»: тихая, серая, без обещаний кнопкой.
   Когда способ включат, блок просто перестаёт выводиться. */
.yp-soon{display:flex;align-items:center;gap:11px;margin:12px 0 0;padding:10px 13px;border-radius:16px;
	background:var(--bg-soft);border:1px solid var(--line)}
.yp-soon-logo{width:74px;height:20px;flex:0 0 74px;filter:grayscale(1);opacity:.5}
.yp-soon span{display:block;font-size:12.5px;line-height:1.35;color:var(--ink-2)}
.yp-soon b{font-weight:800;color:var(--ink)}
.yp-soon i{display:block;font-style:normal;font-size:11.5px;opacity:.8;margin-top:2px}
@media(max-width:520px){.yp-soon{padding:9px 11px;gap:9px}
	.yp-soon-logo{width:60px;height:16px;flex:0 0 60px}}

/* Низ страницы оформления: не даём последнему блоку упираться в подвал. */
.woocommerce-checkout .page-content,
.page-content.checkout-page,
form.checkout{padding-bottom:28px}

/* ---------- Способы оплаты: каждый — отдельной карточкой ----------
   Между карточками воздух, значок Яндекса прижат вправо и не липнет
   к тексту, выбранный способ подсвечен рамкой. */
.woocommerce-checkout #payment ul.payment_methods{display:flex;flex-direction:column;gap:12px;border:0;padding:14px 0 0;margin:0}
.woocommerce-checkout #payment ul.payment_methods li{margin:0;list-style:none;padding:15px 16px;border-radius:18px;
	background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);transition:border-color .18s,background .18s}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){border-color:var(--green);background:rgba(47,191,110,.12)}
.woocommerce-checkout #payment ul.payment_methods li label{display:flex;align-items:center;gap:10px;width:100%;
	font-weight:800;font-size:14.5px;line-height:1.35;cursor:pointer;margin:0}
/* Значок Яндекса модуль вставляет со своими отступами — выравниваем сами. */
.woocommerce-checkout #payment ul.payment_methods li label img{margin:0 0 0 auto !important;height:20px;width:auto;flex:0 0 auto;display:block}
.woocommerce-checkout #payment ul.payment_methods li input[type="radio"]{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--green)}
@media(max-width:520px){
	.woocommerce-checkout #payment ul.payment_methods li label{font-size:13.5px;gap:8px}
	.woocommerce-checkout #payment ul.payment_methods li label img{height:18px}
}


/* ---------- Перенесено с Grill AM ---------- */
/* На телефоне поля ровно 16 px: при меньшем шрифте Safari приближает страницу,
   как только палец попадает в поле, и обратно она сама не возвращается. */
@media (max-width:860px){
	.woocommerce input.input-text,.woocommerce textarea,.woocommerce select,
	.woocommerce-Input,.woocommerce form .form-row input.input-text,
	.woocommerce-checkout input[type="text"],.woocommerce-checkout input[type="tel"],
	.woocommerce-checkout input[type="email"],.woocommerce-checkout input[type="password"]{font-size:16px !important}
}