/* =====================================================================
   SHOP DEMO CSS v2 (31.08.2026, ночь) — shop.rodnoy.site
   v2 «развитие по референсам типовых страниц» (design.html #mock-*):
   сайдбар категорий и промо-баннер главной (Экран 1), карточка товара
   с галереей/чипами/отзывами (Экран 2), выбор доставки (Экран 3),
   настройки уведомлений (Экран 4), таблицы пулов/отгрузки (Экран 5).
   Каркас демо-магазина, собранного из виджетов (assets/widgets.css — wg-*).
   Язык К1 «Классика» (food.ru): белый фон, линии #F0F0F0, жёлтый CTA
   #FFDE00, синий #4098FF, радиусы 13/16/20/999, Inter.
   ===================================================================== */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
/* отступ снизу: плавающая демо-кнопка (роль-бар) не должна заслонять
   последний контент страницы при докрутке до конца */
body{margin:0;padding-bottom:76px;font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:14.5px;color:#241F20;background:#fff;line-height:1.5}
a{color:inherit}
img{max-width:100%}
h1,h2,h3{line-height:1.25}

/* ═══ v7 (31.08) · ГЛОБАЛЬНОЕ ПРАВИЛО ШИРИНЫ СТРАНИЦЫ ═══
   Директива владельца: «найди правило дизайна, которое отвечает за ширину
   страницы и поменяй его глобально — переменная должна меняться быстро и
   универсально, а не каждая страница в отдельности».
   --page-max : none = все страницы во всю ширину экрана;
                1440px = классический центрированный контейнер.
   Меняется в ОДНОМ месте — действует на все страницы и шапку. */
:root{--page-max:none;--page-pad:clamp(16px,2.6vw,64px)}
.wrap{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-pad)}

/* ================= ШАПКА ================= */
.shop-head{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid #F0F0F0}
.shop-head__in{max-width:var(--page-max);margin:0 auto;padding:10px var(--page-pad);display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.shop-logo{font-size:20px;font-weight:900;color:#241F20;text-decoration:none;white-space:nowrap;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:9px}
/* v37 (директива-голос 06.09): .acc-bc-acts убран — кнопки «Настройки»/«Найти пул»
   из карточки покупателя удалены вместе со стилями (осиротевшие правила). */
/* v36 (директива-голос 06.09): раздвоенный вордмарк + мелкий тэглайн */
.shop-logo__tx{display:flex;flex-direction:column;line-height:1;min-width:0}
.shop-logo__l1,.shop-logo__l2{font-size:15.5px;font-weight:900;line-height:1.16;color:inherit}
.shop-logo__l2{letter-spacing:.1em}
.shop-logo__tag{font-size:9px;font-weight:700;letter-spacing:.11em;color:#676E75;line-height:1;margin-top:3px}
.shop-logo__mark{width:50px;height:50px;border-radius:12px;object-fit:contain;flex:none;background:transparent;border:0;box-shadow:none}
.shop-logo:hover .shop-logo__mark{border-color:#FFDE00}
.shop-logo u{text-decoration:none;background:#FFDE00;border-radius:6px;padding:1px 6px;margin-left:1px}
.shop-logo__d{font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#92761F;background:#FBF5E4;border:1px solid #EADFC0;border-radius:999px;padding:2px 8px;margin-left:9px;vertical-align:2px}
.shop-nav{display:flex;gap:4px;flex-wrap:wrap;font-size:13.5px;font-weight:600}
.shop-nav a{text-decoration:none;color:#241F20;padding:7px 12px;border-radius:999px}
.shop-nav a:hover{background:#F8F8F8}
.shop-nav a.on{background:#FFDE00;font-weight:800}
.shop-head__acts{display:flex;gap:9px;align-items:center;margin-left:auto}
.shop-ib{position:relative;width:38px;height:38px;border:1px solid #F0F0F0;border-radius:11px;background:#fff;font-size:15px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-family:inherit}
.shop-ib:hover{background:#F8F8F8}
.shop-ib .wg-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;background:#FF4356;color:#fff;border-radius:999px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}
.shop-ib--av{border-radius:50%;background:linear-gradient(135deg,#FFD89B,#19547B);border:0}
.shop-ib--av::after{content:'👤';font-size:15px;filter:grayscale(1) brightness(2.2)}

/* поиск: панель под шапкой */
.shop-search-pop{border-top:1px solid #F0F0F0;background:#fff;box-shadow:0 16px 40px rgba(36,31,32,.10)}
.shop-search-pop[hidden]{display:none}
.shop-search-in{max-width:860px;margin:0 auto;padding:16px clamp(14px,2vw,28px) 20px}

/* ================= СЕКЦИИ ================= */
main{min-height:70vh}
.sec{margin:30px 0}
.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:14px;margin:0 0 14px;flex-wrap:wrap}
.sec-h h2{margin:0;font-size:22px;font-weight:900;letter-spacing:-.01em}
.sec-link{font-size:13px;font-weight:700;color:#4098FF;text-decoration:none;white-space:nowrap}
.sec-link:hover{text-decoration:underline}
.slead{margin:-6px 0 14px;color:#666263;font-size:14px;max-width:900px;line-height:1.6}

/* сетки */
.grid-pools{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;align-items:stretch}
/* ── v61: сетки карточки товара (директива IM 09.09 день-3):
     /catalog — 1 в ряд (полная горизонтальная, как v59);
     ЛК-виджет «Каталог товаров» — 2 карточки в ряд;
     «во всю ширину сайта» (acc-lay--catwide) — 4 в ряд (см. ниже);
     сайдбар «Популярные товары» и «Рекомендуем» — 1 в ряд;
     карточки пулов wg-pc на / и /pool — авто-сетка minmax(290px) ── */
#catalog-grid:not(.cat-rubrics){grid-template-columns:1fr;gap:14px}
.grid-pools.acc-reco{grid-template-columns:1fr;gap:14px}
.grid-pools.acc-cat{grid-template-columns:1fr;gap:14px}
.acc-catw-grid.grid-pools:not(.cat-rubrics){grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}

/* v59: селектор плотности .crs СНЯТ вместе с CR-модулем */

.pool-cell{min-width:0}
.pool-cell .wg-pc{height:100%}

/* «как это работает» */
.how{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.how-i{background:#fff;border:1px solid #F0F0F0;border-radius:16px;padding:16px}
.how-i b{display:flex;align-items:center;gap:8px;font-size:14px;margin-bottom:7px}
.how-i .how-n{width:24px;height:24px;border-radius:50%;background:#FFDE00;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:12.5px;flex:none}
.how-i span{display:block;font-size:12.5px;color:#666263;line-height:1.55}

/* демо-баннер на главной */
.demo-note{display:flex;gap:10px;align-items:flex-start;background:#FBF5E4;border:1px solid #EADFC0;border-radius:14px;padding:12px 15px;font-size:13px;line-height:1.6;color:#4A4445;margin:18px 0 4px}
.demo-note b{color:#241F20}

/* ================= СТРАНИЦА ПУЛА ================= */
.crumb{font-size:12.5px;color:#676E75;margin:18px 0 10px}
.crumb a{color:#676E75;text-decoration:none}
.crumb a:hover{color:#4098FF}
.crumb span{color:#241F20;font-weight:700}
.pool-lay{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:22px;align-items:start;margin-top:6px}
/* v34 (03.09): сайдбар стал ВЫШЕ вьюпорта (Доставка → Оплата → Магазин →
   Вход в пул → доверие) — липкость снята: липкий верх прятал бы низ колонки */
.pool-lay__side{position:sticky;top:76px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:16px;padding:2px 4px 2px 2px;margin:0 -2px;scrollbar-width:thin;scrollbar-color:#C9CDD1 transparent}
.pool-lay__main{display:flex;flex-direction:column;gap:16px;min-width:0}
h1.pool-h1{margin:0;font-size:26px;font-weight:900;letter-spacing:-.015em}

/* ================= ЗАКАЗ ================= */
.order-lay{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;align-items:start}
.order-lay__side{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}

/* ================= КАБИНЕТЫ ================= */
.cab-hero{background:linear-gradient(92deg,#FFDE00,#FFE1B4);border-radius:20px;padding:22px 26px;margin:22px 0 20px}
.cab-hero h1{margin:0 0 6px;font-size:25px;font-weight:900;letter-spacing:-.015em}
.cab-hero p{margin:0;font-size:13.5px;color:#4A4445;max-width:820px;line-height:1.6}
.cab-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;align-items:start}
.cab-col{display:flex;flex-direction:column;gap:20px;min-width:0}
.panel{background:#fff;border:1px solid #F0F0F0;border-radius:18px;padding:18px 20px}
.panel>h3{margin:0 0 12px;font-size:16.5px;font-weight:800}
.panel .wg-kpi{margin:0}

/* таблицы */
.shop-table{width:100%;border-collapse:collapse;font-size:13px}
.shop-table th{text-align:left;font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:#676E75;font-weight:800;padding:8px 10px;border-bottom:1px solid #F0F0F0;white-space:nowrap}
.shop-table td{padding:10px;border-bottom:1px solid #F8F8F8;vertical-align:middle}
.shop-table tr:last-child td{border-bottom:0}
.shop-table tr:hover td{background:#FAFAFB}

/* ключ-значение и заметки */
.shop-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed #F0F0F0;font-size:13.5px;color:#666263;flex-wrap:wrap}
.shop-kv b{color:#241F20;white-space:nowrap}
.shop-kv--big{border-bottom:0;padding-top:12px}
.shop-kv--big b{font-size:19px}
.shop-note{display:flex;gap:9px;background:#FFF5EE;border:1px solid #FFDFBF;border-radius:13px;padding:11px 13px;font-size:12.5px;line-height:1.6;color:#241F20;margin-top:12px}

/* модерация */
.mod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.mod-card{border:1px solid #F0F0F0;border-radius:16px;padding:15px 16px}
.mod-card--warn{border-color:#FFDFBF;background:#FFFDF9}
.mod-card__h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}
.mod-card__h b{font-size:14px}
.mod-card__d{font-size:12.5px;color:#666263;margin-bottom:11px}
.mod-card__a{display:flex;gap:8px;flex-wrap:wrap}

/* ЛК покупателя */
.acc-lay{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px;align-items:start}
.acc-col{display:flex;flex-direction:column;gap:20px;min-width:0}

/* ================= РОЛЬ-БАР ================= */
/* ================= ПОЛЬЗОВАТЕЛЬ: МЕНЮ НА АВАТАРЕ (v28) =================
   Директива: переключение демо-пользователей — клик по иконке пользователя
   в правом верхнем углу (нижний роль-бар убран). */
.shop-head__acts{position:relative}
.shop-ib--av{cursor:pointer}
.av-pop{position:absolute;top:calc(100% + 12px);right:0;width:min(360px,calc(100vw - 24px));background:#fff;border:1px solid #EDE9E0;border-radius:18px;box-shadow:0 24px 70px rgba(36,31,32,.24);padding:13px 14px;z-index:60}
.av-pop[hidden]{display:none}
.av-pop__h{display:flex;gap:10px;align-items:center;padding:4px 4px 10px;border-bottom:1px solid #F0EDE6}
.av-pop__ic{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#FFD89B,#19547B);display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}
.av-pop__who{min-width:0}
.av-pop__who b{display:block;font-size:14px;font-weight:800;color:#241F20}
.av-pop__who span{display:block;font-size:11.5px;color:#676E75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-pop__go{margin-left:auto;background:#FFDE00;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:800;color:#241F20;text-decoration:none;white-space:nowrap;flex:none}
.av-pop__go:hover{background:#FFCF24}
.av-pop__t{font-size:10.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#676E75;margin:11px 4px 7px}
.av-roles{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.av-role{border:1.5px solid #E4E6EA;border-radius:11px;background:#fff;padding:9px 11px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;text-align:left;display:flex;gap:8px;align-items:center;color:#241F20}
.av-role i{font-style:normal;font-size:15px;line-height:1}
.av-role:hover{border-color:#241F20}
.av-role--on{background:#FFDE00;border-color:#FFDE00}
.av-steps{display:flex;gap:6px;flex-wrap:wrap}
.av-step{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #F0F0F0;border-radius:999px;padding:5px 11px;font-size:11.5px;font-weight:700;color:#666263;text-decoration:none;background:#fff}
.av-step i{font-style:normal;width:17px;height:17px;border-radius:50%;background:#F4F4F4;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#666263}
.av-step:hover{border-color:#241F20;color:#241F20}
.av-step--on{border-color:#241F20;color:#241F20;background:#FAFAFB}
.av-step--on i{background:#241F20;color:#FFDE00}
.av-step--done i{background:#E9F7EE;color:#0A7C3D}
.av-pop__hint{font-size:10.5px;color:#676E75;margin:11px 2px 0}

/* роль-бар внизу больше не рендерится (v28): скрыт и заменён меню на аватаре */
#role-bar{display:none}
.rb{position:relative}
.rb-toggle{border:1px solid #241F20;background:#241F20;color:#FFDE00;border-radius:999px;padding:10px 18px;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;box-shadow:0 10px 30px rgba(36,31,32,.28);white-space:nowrap}
.rb-toggle:hover{background:#3A3234}
.rb-panel{position:absolute;left:50%;transform:translateX(-50%);bottom:52px;width:min(560px,calc(100vw - 24px));background:#fff;border:1px solid #EDE9E0;border-radius:18px;box-shadow:0 24px 70px rgba(36,31,32,.24);padding:14px 16px}
.rb-panel[hidden]{display:none}
.rb-roles{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}
.rb-role{border:1.5px solid #E4E6EA;border-radius:11px;background:#fff;padding:9px 11px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;text-align:left}
.rb-role:hover{border-color:#241F20}
.rb-role--on{background:#FFDE00;border-color:#FFDE00}
.rb-person{font-size:11.5px;color:#676E75;margin:9px 2px 2px}
.rb-jtitle{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#676E75;margin:10px 2px 8px}
.rb-steps{display:flex;gap:6px;flex-wrap:wrap}
.rb-step{display:inline-flex;align-items:center;gap:6px;border:1.5px solid #F0F0F0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:#666263;text-decoration:none;background:#fff}
.rb-step i{font-style:normal;width:19px;height:19px;border-radius:50%;background:#F4F4F4;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#666263}
.rb-step:hover{border-color:#241F20;color:#241F20}
.rb-step--on{border-color:#241F20;color:#241F20;background:#FAFAFB}
.rb-step--on i{background:#241F20;color:#FFDE00}
.rb-step--done i{background:#E9F7EE;color:#0A7C3D}
.rb-nav{display:flex;gap:9px;margin-top:13px}
.rb-btn{flex:1;border:1.5px solid #E4E6EA;border-radius:11px;background:#fff;padding:9px 12px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:inherit;color:#241F20}
.rb-btn:hover:not(:disabled){border-color:#241F20}
.rb-btn:disabled{opacity:.45;cursor:default}
.rb-btn--y{background:#FFDE00;border-color:#FFDE00}
.rb-btn--y:hover:not(:disabled){background:#FFCF24;border-color:#FFCF24}

/* футер-обёртка */
#shop-footer{margin-top:44px;border-top:1px solid #F0F0F0;background:#FAFAFB;padding:26px 0 20px}
#shop-footer .wg-foot{border:0;background:transparent}

/* ================= ГЛАВНАЯ: САЙДБАР + БАННЕР (Экран 1) ================= */
.home-lay{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;align-items:start}
.sb{position:sticky;top:76px;border:1px solid #F0F0F0;border-radius:18px;padding:14px 10px;background:#fff}
.sb-t{font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#676E75;padding:2px 12px 10px}
.sb a{display:flex;align-items:center;gap:8px;text-decoration:none;color:#241F20;font-size:13.5px;font-weight:600;padding:9px 12px;border-radius:11px}
.sb a:hover{background:#F8F8F8}
.sb a.on{background:#FFDE00;font-weight:800}
.sb a .n{margin-left:auto;font-size:11.5px;font-weight:800;color:#676E75;background:#F4F4F4;border-radius:999px;padding:2px 8px;min-width:26px;text-align:center}
.sb a.on .n{background:#fff;color:#241F20}
.sb hr{border:0;border-top:1px solid #F0F0F0;margin:10px 6px}
.sb .all{color:#4098FF;font-weight:700;font-size:13px}

.banner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#FFDE00;border-radius:18px;padding:20px 24px;margin-bottom:20px;flex-wrap:wrap}
.banner h4{margin:0 0 5px;font-size:19px;font-weight:900;letter-spacing:-.01em}
.banner p{margin:0;font-size:13.5px;color:#4A4445;max-width:640px;line-height:1.55}

.more-tile{display:flex;align-items:center;justify-content:center;gap:8px;border:2px dashed #E4E6EA;border-radius:16px;padding:15px;font-size:14px;font-weight:700;color:#666263;text-decoration:none;background:#FAFAFB}
.more-tile:hover{border-color:#FFDE00;color:#241F20;background:#FFFBEC}

/* ================= КАРТОЧКА ТОВАРА (Экран 2) ================= */
.pd{display:grid;grid-template-columns:340px minmax(0,1fr);gap:26px;align-items:start}
/* v31 (директива 02.09, вечер-4: «тут теперь 4 колонки вместо 3 — посмотри
   референс и сделай расположение модулей по нему»): «Доставка» больше НЕ в
   грид-обёртке .pd — панель #pool-dlv переехала в ТРЕТЬЮ колонку страницы,
   сайдбар .pool-lay__side (первой панелью над «Вход в пул — 4 шага»):
   на экране ровно ТРИ колонки, как у референса Озона —
   [галерея+характеристики+описание][оплата][доставка+вход в пул+доверие];
   .pd осталась ДВУХколоночной (340px | 1fr) на всех ширинах ≥1025,
   глаз/сетка по-прежнему видит три отдельных виджета карточки
   (.pd-col / .pd-info / .pd-dlv). ≤1024 — обычный поток.
   Панель оплаты = карточка: внутренний oz-card без рамки */
.pd-dlv{min-width:0}
.pd-info{min-width:0}
.pd > .panel{min-width:0}
.pd-check .oz-card{border:0;box-shadow:none;padding:0;margin:0}
.pd-check .wg-note{margin-top:12px}
.pd-check .pd-under:last-child{margin-bottom:2px}
/* v37 (директива 03.09, день-5): галерея по референсу ETHNO/Ozon —
   миниатюры СЛЕВА вертикально (десктоп), большое фото справа; на мобиле
   (≤1024) — фото сверху, миниатюры снизу горизонтально. Перелистывание
   перетаскиванием фото влево-вправо (мышь+тач), клик по фото открывает
   модальную галерею (.pd-modal: миниатюры слева, выбранная по центру) */
.pd-gal{position:sticky;top:76px;display:flex;flex-direction:row;gap:10px}
.pd-thumbs{order:-1;display:flex;flex-direction:column;gap:8px;width:64px;flex:none;max-height:318px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D9D9D9 transparent;padding:2px}
.pd-thumbs i{width:60px;height:60px;flex:none;border:1.5px solid #F0F0F0;border-radius:12px;background:#FAFAFB;display:flex;align-items:center;justify-content:center;font-size:22px;font-style:normal;cursor:pointer;overflow:hidden}
.pd-thumbs i img{width:100%;height:100%;object-fit:cover}
.pd-thumbs i:hover{border-color:#D9D9D9}
.pd-thumbs i.on{border-color:#241F20;background:#fff}
.pd-img{flex:1;min-width:0;height:300px;border:1px solid #F0F0F0;border-radius:20px;background:radial-gradient(120% 100% at 50% 0%,#FFFDF2,#F8F8F8);display:flex;align-items:center;justify-content:center;font-size:120px;cursor:zoom-in;touch-action:pan-y;transition:transform .18s ease;-webkit-user-select:none;user-select:none}
.pd-img img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}
.pd-img.pd-drag{transition:none;cursor:grabbing}
/* ============ v37: МОДАЛЬНАЯ ГАЛЕРЕЯ (клик по большому фото) ============ */
.pd-modal{position:fixed;inset:0;z-index:1450;display:flex;align-items:center;justify-content:center;padding:28px}
.pd-modal[hidden]{display:none}
.pd-modal__bd{position:absolute;inset:0;background:rgba(18,15,16,.86)}
.pd-modal__box{position:relative;display:flex;gap:16px;width:min(1100px,94vw);max-height:90vh;background:#241F20;border-radius:22px;padding:16px;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.pd-modal__thumbs{flex:none;width:78px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin;scrollbar-color:#6b6466 transparent;padding:2px}
.pd-modal__thumbs i{width:74px;height:72px;flex:none;border:2px solid transparent;border-radius:12px;background:#FDFCF9;display:flex;align-items:center;justify-content:center;font-size:26px;font-style:normal;cursor:pointer;opacity:.72;transition:opacity .15s,border-color .15s;overflow:hidden}
.pd-modal__thumbs i img{width:100%;height:100%;object-fit:cover}
.pd-modal__thumbs i:hover{opacity:1}
.pd-modal__thumbs i.on{border-color:#FFDE00;opacity:1}
.pd-modal__fig{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
.pd-modal__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.pd-modal__img{display:flex;align-items:center;justify-content:center;width:100%;height:min(64vh,620px);border-radius:14px;background:radial-gradient(120% 100% at 50% 0%,#FFFDF2,#F8F8F8);overflow:hidden;cursor:grab;touch-action:pan-y;transition:transform .18s ease}
.pd-modal__img.pd-drag{transition:none;cursor:grabbing}
.pd-modal__img img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none}
.pd-modal__emo{font-size:130px;line-height:1;user-select:none}
.pd-modal__img--in-l{animation:pdGalInL .26s ease}
.pd-modal__img--in-r{animation:pdGalInR .26s ease}
@keyframes pdGalInL{from{opacity:.25;transform:translateX(44px)}to{opacity:1;transform:none}}
@keyframes pdGalInR{from{opacity:.25;transform:translateX(-44px)}to{opacity:1;transform:none}}
.pd-modal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;border:0;background:rgba(36,31,32,.82);color:#FDFCF9;font:700 22px/1 Inter,system-ui,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pd-modal__nav:hover{background:#241F20}
.pd-modal__nav--prev{left:8px}
.pd-modal__nav--next{right:8px}
.pd-modal__cap{display:flex;gap:10px;align-items:baseline;justify-content:center;color:#FDFCF9;font:600 13px Inter,system-ui,sans-serif;min-height:18px}
.pd-modal__n{opacity:.6;font-weight:500}
.pd-modal__x{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:rgba(253,252,249,.16);color:#FDFCF9;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer}
.pd-modal__x:hover{background:rgba(253,252,249,.3)}
.pd-modal__hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);color:rgba(253,252,249,.55);font:500 11px Inter,system-ui,sans-serif;pointer-events:none;white-space:nowrap}
body.pd-modal-open{overflow:hidden}
@media(max-width:640px){
  .pd-modal{padding:0}
  .pd-modal__box{width:100vw;max-height:100vh;height:100%;border-radius:0;padding:54px 8px 40px;gap:8px}
  .pd-modal__thumbs{width:58px}
  .pd-modal__thumbs i{width:54px;height:52px}
  .pd-modal__img{height:54vh}
  .pd-modal__nav{width:38px;height:38px}
  .pd-modal__hint{bottom:6px}
}
.pd-rate{font-size:13px;color:#666263;margin:8px 0 14px}
.pd-rate .wg-star{color:#FFB800}
.pd-rate b{color:#241F20}
.pd-sup{display:flex;gap:11px;align-items:center;border:1px solid #F0F0F0;border-radius:14px;padding:11px 13px;margin-bottom:15px;background:#FAFAFB}
.pd-avat{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#FFD89B,#19547B);color:#fff;font-weight:900;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}
.pd-sup b{font-size:13.5px}
.pd-sup .ok{color:#4098FF;font-weight:700}
.pd-sup .role{display:block;font-size:12px;color:#666263;margin-top:2px;line-height:1.45}
.pd-buy{display:flex;gap:14px;align-items:center;margin:15px 0;flex-wrap:wrap}
.pd-qty{display:inline-flex;align-items:center;gap:2px;border:1.5px solid #F0F0F0;border-radius:12px;padding:3px}
.pd-qty button{width:34px;height:34px;border:0;border-radius:9px;background:#F8F8F8;font-size:17px;font-weight:800;cursor:pointer;font-family:inherit;color:#241F20}
.pd-qty button:hover{background:#FFDE00}
.pd-qty span{min-width:58px;text-align:center;font-weight:800;font-size:13.5px}
.pd-total{font-size:13px;color:#666263}
.pd-total b{color:#241F20;font-size:19px;font-weight:900}
.pd-cta{display:block;text-align:center;padding:13px 0;font-size:15px;margin-top:2px}
.pd-under{text-align:center;font-size:12px;color:#676E75;margin-top:9px}
.pd-under + .pd-under{margin-top:5px}
.pd-sec{margin-top:18px;border-top:1px solid #F0F0F0;padding-top:14px}
.pd-sec>b{font-size:14.5px}
.pd-desc{font-size:13.5px;line-height:1.65;color:#241F20;margin:7px 0 0}
/* v25 (директива 02.09 13:15): описание — 3 строчки, остальное — по клику */
.pd-sec--desc .pd-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pd-sec--desc.pd-open .pd-desc{display:block;-webkit-line-clamp:unset;overflow:visible}
.pd-desc-more{border:0;background:none;padding:6px 0 0;font:700 12.5px/1 inherit;font-family:inherit;color:#4098FF;cursor:pointer}
.pd-desc-more:hover{text-decoration:underline}
.pd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.pd-chips span{background:#FFF5EE;border:1px solid #FFE1B4;border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:600}
.pd-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:9px}
.pd-rv,.pd-qa{border:1px solid #F0F0F0;border-radius:13px;padding:10px 12px;margin-top:8px;font-size:12.5px;line-height:1.55}
.pd-rv .st{color:#FFB800;letter-spacing:1.5px}
.pd-rv .who,.pd-qa .who{color:#676E75;font-weight:400}
.pd-more-link{font-size:12.5px;color:#4098FF;text-decoration:none;display:inline-block;margin-top:8px}
.pd-more-link:hover{text-decoration:underline}
.pd-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:9px}
.pd-mini{border:1px solid #F0F0F0;border-radius:13px;padding:10px;background:#fff;text-decoration:none;color:#241F20;display:block}
.pd-mini:hover{border-color:#241F20}
.pd-mini .im{height:64px;border-radius:9px;background:#F8F8F8;display:flex;align-items:center;justify-content:center;font-size:30px}
/* v55 (t48 «ФОТО БЕЗ ЗАГЛУШЕК»): реальные фото в мини-карточках */
.pd-mini .im img{width:100%;height:100%;object-fit:cover;border-radius:9px}
.pd-mini .t{font-size:12.5px;font-weight:600;margin-top:7px;line-height:1.35}
.pd-mini .r{font-size:12px;color:#676E75;margin-top:2px}
.pd-mini .p{font-size:13.5px;font-weight:800;margin-top:3px}

/* ================= ОФОРМЛЕНИЕ ЗАЯВКИ (Экран 3) ================= */
.order-steps{display:flex;gap:7px;margin:4px 0 16px}
.order-steps i{flex:1;height:5px;background:#F0F0F0;border-radius:99px;transition:background .25s}
.order-steps i.on{background:#FFDE00}
.dlv{border:1.5px solid #F0F0F0;border-radius:13px;padding:11px 13px;font-size:13.5px;margin-bottom:8px;cursor:pointer;display:flex;gap:9px;align-items:baseline;background:#fff}
.dlv:hover{border-color:#D9D9D9}
.dlv.on{border:2px solid #241F20;background:#FAFAFB;font-weight:600}
.dlv small{color:#676E75;font-size:12px;margin-left:auto;white-space:nowrap}
.order-confirm-note{text-align:center;font-size:11.5px;color:#676E75;margin-top:8px}

/* ================= ЛК ПОКУПАТЕЛЯ (Экран 4) ================= */
.acc-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.relib{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#666263;background:#fff;border:1px solid #E9F7EE;border-radius:999px;padding:6px 13px}
.relib b{color:#0A7C3D}
.nset{display:flex;flex-direction:column;gap:6px}
/* v27 (директива 08-31 22:27): настройки в ДВА СТОЛБИКА — между описанием
   и переключателем больше нет большого промежутка */
.nset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px 14px}
.nset-grid--one{grid-template-columns:1fr}
.nset-grid--ps .nset-row{align-items:flex-start;flex-direction:column;gap:6px}
/* v29 (директива 08-31 23:17): «Куда сообщать» и «Режимы доставки» — РЯДОМ */
.nset-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;align-items:start}
.nset-two .nset-cell{min-width:0}
.nset-two .nset-row b{line-height:1.45}
.nset-row{display:flex;align-items:center;gap:10px;font-size:13px;padding:7px 10px;border-radius:10px}
.nset-row:hover{background:#FAFAFB}
.nset-row b{font-weight:600}
.nset-row .sw{margin-left:auto}
.sw{position:relative;width:38px;height:22px;border-radius:99px;background:#E4E6EA;cursor:pointer;transition:background .2s;border:0;flex:none}
.sw::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 1px 3px rgba(36,31,32,.25)}
.sw.on{background:#0A7C3D}
.sw.on::after{left:19px}
.nset-h{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#676E75;margin:8px 0 2px}

/* ================= КАБИНЕТ ПОСТАВЩИКА (Экран 5) ================= */
.sup-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.sup-head h3{margin:0;font-size:16.5px;font-weight:800}
.sup-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.act-done{font-size:12.5px;color:#0A7C3D;background:#EDF9F0;border-radius:999px;padding:5px 12px;font-weight:700}

/* ================= РЕЖИМ КОММЕНТИРОВАНИЯ (shop-review.js) ================= */
.shop-ib--rev{font-size:14px}
.shop-ib--rev.on{background:#FFDE00;border-color:#FFDE00}
.sr-strip{position:fixed;left:18px;bottom:72px;z-index:1435;max-width:min(86vw,430px);display:flex;flex-direction:column;gap:2px;background:#241F20;color:#FDFCF9;font:600 12px/1.4 Inter,'Segoe UI',system-ui,sans-serif;padding:10px 14px;border-radius:13px;box-shadow:0 10px 30px rgba(36,31,32,.32);animation:srIn .18s ease-out;pointer-events:none}
.sr-strip[hidden]{display:none}
.sr-strip b{font-weight:800}
.sr-strip span{font-weight:400;opacity:.72;font-size:11px}
@keyframes srIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ================= АДАПТИВ ================= */
@media(max-width:1024px){
  .pool-lay,.order-lay,.cab-grid,.acc-lay{grid-template-columns:1fr}
  .pool-lay__side,.order-lay__side{position:static;max-height:none;overflow:visible;padding:0;margin:0}
  .how{grid-template-columns:repeat(2,1fr)}
  .home-lay{grid-template-columns:1fr}
  .sb{position:static;display:flex;gap:4px;overflow-x:auto;padding:10px;-webkit-overflow-scrolling:touch}
  .sb-t,.sb hr{display:none}
  .sb a{white-space:nowrap;flex:none}
  .pd{grid-template-columns:1fr}
  .pd-gal{position:static;flex-direction:column}
  .pd-thumbs{order:0;flex-direction:row;width:auto;max-height:none;overflow-y:hidden;overflow-x:auto;padding:0}
  .pd-thumbs i{width:auto;flex:1;height:52px}
  .pd-img{height:210px;font-size:88px}
  .pd-2col{grid-template-columns:1fr}
  .pd-mini-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  .shop-nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px;-webkit-overflow-scrolling:touch}
  .shop-nav a{white-space:nowrap}
  .shop-head__in{gap:10px}
  .shop-logo{font-size:18px}
  .how{grid-template-columns:1fr}
  .cab-hero{padding:18px}
  .cab-hero h1{font-size:21px}
  .sec-h h2{font-size:19px}
  .rb-toggle{font-size:12px;padding:9px 14px}
  body{padding-bottom:66px}
  .rb-steps{gap:5px}
  .rb-step{font-size:11px;padding:5px 10px}
  h1.pool-h1{font-size:21px}
  .panel{padding:14px}
  .shop-table{font-size:12px}
  /* широкие таблицы заявок/выплат: скролл внутри панели, а не разъезд вёрстки */
  .panel{overflow-x:auto}
  .banner{padding:16px 18px}
  .banner h4{font-size:17px}
  .pd-img{height:170px;font-size:70px}
  .pd-mini-grid{grid-template-columns:1fr 1fr}
  .pd-buy .pd-qty{width:100%;justify-content:center}
  .sb a{font-size:12.5px;padding:8px 11px}
  .sup-head{align-items:flex-start}
}

/* ================= v3 · Экран 8: чат с ОРГом ================= */
.chat-lay{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:20px;align-items:start}
.chat-panel{padding:0;display:flex;flex-direction:column;min-height:600px}
.chat-h{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #F0F0F0;background:#FAFAFB;border-radius:18px 18px 0 0}
.chat-hb{flex:1;min-width:0}
.chat-hb b{font-size:15px;font-weight:800}
.chat-hb span{display:block;font-size:12px;color:#666263;margin-top:2px}
.chat-ava{position:relative;width:44px;height:44px;border-radius:50%;background:#FFDE00;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;color:#241F20;flex-shrink:0}
.chat-ava--big{width:52px;height:52px;font-size:21px}
.chat-on{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#34C759;border:2.5px solid #FAFAFB}
.chat-call{flex-shrink:0;padding:8px 14px;font-size:12px}
.chat-ctx{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #F0F0F0;background:#FFF8EC;font-size:13px}
.chat-ctx-ic{font-size:18px}
.chat-ctx-b{flex:1;min-width:0}
.chat-ctx-b b{font-size:13px}
.chat-ctx-b span{display:block;font-size:11.5px;color:#666263;margin-top:1px}
.chat-ctx-pay{padding:8px 15px;font-size:12.5px;flex-shrink:0}
.chat-list{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff;max-height:52vh;scrollbar-width:thin}
.chm{max-width:78%;font-size:13.5px;line-height:1.55}
.chm--sys{align-self:center;max-width:100%;font-size:11.5px;color:#676E75;background:#F4F4F4;border-radius:999px;padding:4px 14px;text-align:center}
.chm--in{align-self:flex-start}
.chm--out{align-self:flex-end}
.chm-b{background:#F4F4F4;border-radius:14px 14px 14px 4px;padding:10px 14px}
.chm--out .chm-b{background:#FFDE00;border-radius:14px 14px 4px 14px}
.chm-t{font-size:10.5px;color:#676E75;margin-top:5px}
.chm--out .chm-t{color:#664E00;text-align:right}
.chm-ticks{font-style:normal;letter-spacing:-2px;margin-right:3px}
.chm-b--dots{display:flex;gap:4px;padding:12px 16px;width:fit-content}
.chm-b--dots i{width:7px;height:7px;border-radius:50%;background:#C9CDD2;animation:chdot 1.1s infinite ease-in-out}
.chm-b--dots i:nth-child(2){animation-delay:.18s}
.chm-b--dots i:nth-child(3){animation-delay:.36s}
@keyframes chdot{0%,60%,100%{transform:translateY(0);opacity:.6}30%{transform:translateY(-4px);opacity:1}}
.chm-ph{display:flex;gap:10px;align-items:center}
.chm-ph-i{width:84px;height:84px;border-radius:12px;background:#fff;border:1px solid #E4E6EA;display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0}
.chm-ph b{font-size:12.5px;display:block}
.chm-ph span{font-size:11px;color:#676E75;margin-top:2px;display:block}
.chm-ph-c{font-size:11.5px;color:#666263;margin-top:7px}
.chat-quick{display:flex;gap:7px;flex-wrap:wrap;padding:10px 16px 6px}
.chq{border:1.5px solid #F0F0F0;border-radius:999px;background:#fff;padding:6px 13px;font-size:12px;cursor:pointer;font-family:inherit;color:#241F20}
.chq:hover{border-color:#241F20}
.chat-inp{display:flex;gap:9px;padding:8px 16px 14px;align-items:center}
.chat-inp-row{flex:1;display:flex;align-items:center;gap:9px;background:#F4F4F4;border-radius:999px;padding:8px 8px 8px 18px}
.chat-inp-row input{flex:1;border:0;outline:none;background:none;font-size:13.5px;font-family:inherit;color:#241F20;min-width:0}
.chat-clip{border:0;background:none;cursor:pointer;font-size:17px;padding:2px 6px}
.chat-send{width:46px;height:46px;border-radius:50%;background:#FFDE00;border:0;cursor:pointer;font-size:17px;flex-shrink:0}
.chat-send:hover{background:#FFCF24}
.chat-side{display:flex;flex-direction:column;gap:16px}
.chat-org-h{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.chat-org-h b{font-size:16px;font-weight:800}
.chat-org-h span{display:block;font-size:12.5px;color:#666263;margin-top:2px}
.chat-org-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12.5px}
.chat-kv{background:#F8F8F8;border-radius:11px;padding:10px 12px}
.chat-kv b{font-size:16px;color:#241F20;display:block}
.chat-kv span{color:#666263;margin-top:2px;display:block}
.chat-org-btn{width:100%;margin-top:12px}
.chat-rules .chat-esc{display:flex;gap:9px;align-items:center;margin-top:13px;padding:11px 13px;border:1.5px dashed #FFDFBF;background:#FFF5EE;border-radius:12px;font-size:12.5px;line-height:1.5}
.chat-esc span{font-size:16px}
.chat-esc b{font-weight:800}
.chat-esc div{flex:1;min-width:0}
.chat-esc .wg-btn-o{flex-shrink:0}

/* ================= v3 · Экран 9: чек-аут ================= */
.co-lay{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:22px;align-items:start}
.co-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.co-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px}
.co-ok-banner{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#E9F7EE;border:1px solid #D4EEDF;border-radius:13px;font-size:13.5px;color:#0A7C3D;margin-bottom:14px}
.co-ok-banner span{font-size:11.5px;color:#666263;margin-left:auto;white-space:nowrap}
.co-clock{text-align:center;margin-bottom:14px}
.co-clock-t{font-size:44px;font-weight:900;letter-spacing:1px;color:#C62839;font-variant-numeric:tabular-nums}
.co-clock-t--low{color:#C62839;animation:coblink 1.6s infinite}
@keyframes coblink{0%,100%{opacity:1}50%{opacity:.55}}
.co-clock-s{font-size:12px;color:#666263}
.co-clock-s b{color:#241F20}
.co-box{border:1px dashed #F0F0F0;border-radius:13px;padding:12px 14px;margin-bottom:12px}
.co-line{display:flex;justify-content:space-between;font-size:13.5px;padding:6px 0;border-bottom:1px dashed #F0F0F0;gap:10px}
.co-line:last-child{border-bottom:0}
.co-line b{font-weight:700}
.co-mut{color:#666263}
.co-total{display:flex;justify-content:space-between;align-items:baseline;padding:4px 2px 12px}
.co-total span{font-weight:700;font-size:14px}
.co-total b{font-size:22px;font-weight:900}
.co-cta{width:100%;margin-top:14px;padding:13px 0;font-size:15px}
.co-sec{text-align:center;font-size:11.5px;color:#676E75;margin-top:10px}
.co-step{display:flex;gap:10px;padding:9px 0;border-top:1px dashed #F0F0F0;align-items:flex-start}
.co-step:first-child{border-top:0;padding-top:2px}
.co-step i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#FFDE00;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;flex-shrink:0}
.co-step i.co-step-i--done{background:#E9F7EE;color:#0A7C3D}
.co-step b{font-size:13.5px;font-weight:700;display:block}
.co-step span{font-size:12px;color:#666263;display:block;margin-top:2px}
.dlv--ghost{border-style:dashed;color:#666263}
.co-proc{text-align:center;padding:34px 16px}
.co-spin{width:46px;height:46px;border-radius:50%;border:4px solid #F0F0F0;border-top-color:#FFDE00;margin:0 auto 16px;animation:cospin 1s linear infinite}
@keyframes cospin{to{transform:rotate(360deg)}}
.co-proc b{font-size:16px;font-weight:800;display:block}
.co-proc span{font-size:12.5px;color:#666263;display:block;margin-top:6px}
.co-done{text-align:center}
.co-done-ic{width:64px;height:64px;border-radius:50%;background:#E9F7EE;display:flex;align-items:center;justify-content:center;font-size:30px;margin:4px auto 10px}
.co-done-t{font-size:19px;font-weight:900}
.co-done-s{font-size:12.5px;color:#666263;margin-top:4px}
.co-timeline{text-align:left;margin-top:8px}
.co-tl{display:flex;gap:10px;padding:7px 0;border-top:1px dashed #F0F0F0;font-size:13px;line-height:1.5}
.co-tl:first-child{border-top:0}
.co-tl b{color:#0A7C3D;flex-shrink:0}
.co-done-acts{display:flex;gap:9px;margin-top:15px}
.co-done-btn{flex:1;text-align:center;padding:11px 0;font-size:13.5px}
.co-reset{display:block;margin:14px auto 0;border:0;background:none;color:#676E75;font-size:11.5px;cursor:pointer;text-decoration:underline dotted;font-family:inherit}
.co-reset:hover{color:#241F20}
@media(max-width:1024px){
  .chat-lay,.co-lay{grid-template-columns:1fr}
  .co-side{position:static}
  .chat-list{max-height:none}
}
@media(max-width:640px){
  .chat-list{padding:12px}
  .chm{max-width:88%}
  .chat-h{padding:11px 12px}
  .chat-ctx{flex-wrap:wrap}
  .chat-ctx-pay{width:100%}
  .co-clock-t{font-size:36px}
  .co-done-acts{flex-direction:column}
}

/* v3 · связь на чат в панелях заявки/кабинета */
.order-org-chat{display:block;margin-top:10px;font-size:12.5px;font-weight:700;color:#4098FF;text-decoration:none;border-bottom:2px solid #FFDE00;padding-bottom:2px;width:fit-content}
.order-org-chat:hover{color:#1668C7}

/* v3 · мобайл: состав заказа — заголовок не сжимается в узкую колонку:
   1-я строка: фото + название, 2-я: степпер количества + сумма */
@media(max-width:640px){
  .wg-order-row{flex-wrap:wrap;row-gap:9px;align-items:flex-start}
  .wg-order-b{flex:1 1 calc(100% - 60px)}
  .wg-order-sum{margin-left:auto}
  .wg-qty{margin-top:2px}
}

/* ═══ 31.08 · принцип полной ширины (директива владельца) ═══
   Контейнер .wrap — во всю ширину экрана; для читабельности текстовых
   блоков и витрин сохраняем разумные пределы внутри, а сетки карточек
   растягиваются с auto-fill — колонки сами добавляются на широких экранах. */
.pool-lay{grid-template-columns:minmax(0,2.1fr) minmax(300px,1fr)}
.grid-pools{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media(max-width:1024px){.pool-lay{grid-template-columns:1fr}}
.slead,.cab-hero p{max-width:70ch}

/* ═══ 31.08 · карточка товара пула — структура по директиве владельца ═══ */
/* (липкость галереи снята 31.08 — ВОЗВРАЩЕНА 01.09: «верни, чтобы галерея
   была липкой как вход в пул, но скролилась до отзывов» — правило ниже,
   в блоке директив 01.09: .pd-col > .pd-gal{position:sticky}) */
.pd-rate-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 12px}
.pd-rate-btn,.pd-art{display:inline-flex;align-items:center;gap:5px;border:1.5px solid #F0F0F0;background:#FAFAFB;border-radius:999px;padding:7px 13px;font:600 12.5px/1 inherit;font-family:inherit;color:#666263;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.pd-rate-btn:hover{border-color:#FFB800;background:#FFF8E1}
.pd-rate-btn b{color:#241F20}
.pd-rate-btn .wg-star{color:#FFB800;font-size:14px}
.pd-rate-btn .pd-go{font-style:normal;color:#FFB800;font-weight:800}
.pd-art b{color:#241F20;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}
.pd-art .pd-copy-ic{font-style:normal;color:#676E75;font-weight:800}
.pd-art:hover{border-color:#4098FF;background:#EDF3FE}
.pd-art.copied{border-color:#0A7C3D;background:#EAF7EF}
.pd-art.copied .pd-copy-ic{color:#0A7C3D}
.pd-param{display:flex;flex-direction:column;gap:3px;border-left:3px solid #FFDE00;background:#FFFBEA;border-radius:10px;padding:9px 13px;margin:0 0 14px}
.pd-param-v{font-weight:800;font-size:14px;color:#241F20}
.pd-param-hint{font-size:11px;color:#8A6D00}
/* v25 (директива 02.09 13:15): выбор варианта — цвет/размер/вес/состояние
   (на месте убранного «важного параметра», как в референсе) */
.pd-vars{display:flex;flex-direction:column;gap:11px;margin:2px 0 14px}
.pd-var{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pd-var-l{font-size:12.5px;font-weight:600;color:#666263}
.pd-var-l b{color:#241F20;font-weight:800}
.pd-var-sws{display:inline-flex;gap:8px;align-items:center}
.pd-var-sw{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #E4E6EA;cursor:pointer;padding:0}
.pd-var-sw.on{box-shadow:0 0 0 2.5px #241F20}
.pd-var-sw:hover{box-shadow:0 0 0 2px #9C9FA3}
.pd-var-chip{border:1.5px solid #F0F0F0;background:#FAFAFB;border-radius:9px;padding:6px 12px;font:600 12.5px/1 inherit;font-family:inherit;color:#666263;cursor:pointer}
.pd-var-chip:hover{border-color:#C9CDD1}
.pd-var-chip.on{border-color:#241F20;background:#241F20;color:#fff}
.pd-var-seg{display:inline-flex;border:1.5px solid #F0F0F0;border-radius:10px;overflow:hidden}
.pd-var-seg button{border:0;background:#FAFAFB;padding:7px 14px;font:600 12.5px/1 inherit;font-family:inherit;color:#666263;cursor:pointer}
.pd-var-seg button+button{border-left:1.5px solid #F0F0F0}
.pd-var-seg button.on{background:#241F20;color:#fff}
.pd-var-note{font-size:11.5px;line-height:1.5;color:#8A6D00;background:#FFFBEA;border-radius:9px;padding:8px 11px}
.pd-supcard{border:1.5px solid #F0F0F0;border-radius:16px;padding:13px 15px;margin:0 0 15px;background:#fff;box-shadow:0 3px 14px rgba(36,31,32,.04)}
.pd-supcard-h{display:flex;align-items:center;gap:11px;margin-bottom:11px}
.pd-supcard-h>div b{display:block;font-size:14.5px;color:#241F20}
.pd-supcard-hn{flex:1;min-width:0}
.pd-supcard-h .ok{color:#4098FF;font-weight:700;font-size:11.5px}
.pd-supcard-h .warn{color:#B98900;font-weight:700;font-size:11.5px}
.pd-supcard-h>div b{display:block;font-size:14.5px;color:#241F20}
.pd-supgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center;margin-bottom:11px}
.pd-supgrid div{background:#FAFAFB;border-radius:11px;padding:8px 4px}
.pd-supgrid b{display:block;font-size:15.5px;color:#241F20}
.pd-supgrid span{font-size:10.5px;color:#676E75}
/* v12 (01.09 20:02/20:03): кликабельные ячейки «товаров»/«рейтинг» → модалки */
.pd-sup-cell{border:1.5px solid transparent;background:#FAFAFB;border-radius:11px;padding:8px 4px;cursor:pointer;font-family:inherit;font-size:inherit;transition:border-color .15s,background .15s,transform .15s}
.pd-sup-cell b{display:block;font-size:15.5px;color:#241F20}
.pd-sup-cell span{font-size:10.5px;color:#676E75}
.pd-sup-cell .pd-sup-go{font-style:normal;font-weight:800;color:#FFB800;margin-left:4px;opacity:0;transition:opacity .15s}
.pd-sup-cell:hover{border-color:#FFB800;background:#FFF8E1;transform:translateY(-1px)}
.pd-sup-cell:hover .pd-sup-go{opacity:1}
.pd-sup-cell:active{transform:translateY(0)}
/* v12 (01.09 19:59): «Написать поставщику» — компактная кнопка справа от названия магазина */
.pd-sup-cell:focus-visible{outline:2px solid #241F20;outline-offset:2px}
.pd-sup-msg2{display:inline-flex;flex-direction:column;align-items:center;gap:0;flex:none;border:1.5px solid #F0F0F0;background:#fff;border-radius:12px;padding:7px 11px;font:800 12px/1.25 inherit;font-family:inherit;color:#241F20;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}
.pd-sup-msg2 span{font-weight:700;font-size:10px;color:#676E75}
.pd-sup-msg2:hover{border-color:#241F20;background:#FFFDF2}
.pd-sup-msg{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;padding:9px 12px;font-size:13px}
.pd-sup-msg span{font-weight:600;font-size:10.5px;color:#676E75}
.pd-dlv-note{display:flex;gap:8px;align-items:flex-start;background:#EDF3FE;border:1px solid #D8E3F8;border-radius:12px;padding:10px 13px;margin:12px 0 0;font-size:12px;color:#4A4445;line-height:1.5}
.pd-dlv-note b{color:#2D7BFF}
.pd-dlv-note i{color:#676E75;font-style:normal}
.pd-buy-box{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;border-top:1px solid #F0F0F0;margin-top:16px;padding-top:15px}
.pd-buy-l{display:flex;flex-direction:column;gap:6px}
.pd-buy-cap{font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#676E75}
.pd-total{display:flex;flex-direction:column;gap:3px;margin-left:auto;text-align:right;font-size:15px;font-weight:800}
.pd-total b{font-size:20px}
.pd-save{font-size:12px;font-weight:700;color:#0A7C3D}
.pd-econ{margin:10px 0 0}
.pd-econ-row{display:flex;flex-direction:column;gap:3px;background:#F6FBF7;border:1px dashed #BFE3C8;border-radius:12px;padding:10px 13px;font-size:12.5px;color:#4A4445;line-height:1.5}
.pd-econ-row b{color:#0A7C3D}

/* ===== v34 (директива 03.09, день-3): рекомендация «Выгоднее заказать
   больше» — ПЕРЕД «Выберите пул»: доставка в % к стоимости товара ===== */
.pd-dopt{margin:14px 0 0;border:1.5px solid #BFE3C8;background:linear-gradient(180deg,#F3FBF5,#EFF9F1);border-radius:16px;padding:13px 15px}
.pd-dopt-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;color:#1B4332}
.pd-dopt-h i{font-style:normal;font-size:18px;line-height:1}
.pd-dopt p{margin:7px 0 0;font-size:12.5px;line-height:1.55;color:#3E4A42}
.pd-dopt p b{color:#0A7C3D}

/* ===== t43: МРО «Сколько взять» — профили физ/юр ===== */
.pd-mro-tabs{display:inline-flex;gap:2px;margin-left:auto;background:#fff;border:1px solid #DCEDE2;border-radius:999px;padding:2px;flex-wrap:wrap}
.pd-mro-tabs button{border:0;background:none;font:inherit;font-size:11px;font-weight:800;color:#3E4A42;border-radius:999px;padding:5px 11px;cursor:pointer;white-space:nowrap}
.pd-mro-tabs button.on{background:#00A04F;color:#fff}
.pd-mro-row{background:#fff;border:1px solid #DCEDE2;border-radius:12px;padding:10px 12px 11px;margin-top:11px}
.pd-mro-row--main{border-color:#00A04F;box-shadow:0 0 0 1px #00A04F inset;background:#F4FDF6}
.pd-mro-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13.5px;color:#241F20}
.pd-mro-who{font-weight:800;white-space:nowrap}
.pd-mro-q b{font-size:16px;font-weight:900;color:#0A7C3D}
.pd-mro-check b{font-weight:900}
.pd-mro-stock{font-size:11.5px;color:#3E4A42;background:#F0F7F2;border-radius:999px;padding:3px 9px}
.pd-mro-take{margin-left:auto;border:0;background:linear-gradient(90deg,#FFCF24,#FFDE00);border-radius:999px;padding:8px 14px;font:inherit;font-size:12.5px;font-weight:800;color:#241F20;cursor:pointer;box-shadow:0 3px 10px rgba(245,197,24,.35);transition:transform .15s ease}
.pd-mro-take:hover{transform:translateY(-1px)}
.pd-mro-take--s{margin-left:8px;padding:5px 11px;font-size:11.5px}
.pd-mro-m{display:flex;flex-direction:column;gap:3px;margin-top:8px;font-size:12px;color:#3E4A42}
.pd-mro-m u{text-decoration:none;font-variant-numeric:tabular-nums}
.pd-mro-m u b{color:#0A7C3D}
.pd-mro-why{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px;font-size:11px}
.pd-mro-why i{font-style:normal;border-radius:999px;padding:3px 9px;white-space:nowrap}
.pd-mro-why i.ok{background:#E7F6EE;color:#0A7C3D;font-weight:700}
.pd-mro-why i.no{background:#FBF0F0;color:#B4232A;font-weight:700}
.pd-mro-nx{flex-basis:100%;color:#666263;font-size:11px;line-height:1.45}
.pd-mro-nx b{color:#241F20}
.pd-mro-alt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;background:#fff;border:1px dashed #DCEDE2;border-radius:12px;padding:8px 12px;font-size:12.5px;color:#3E4A42;cursor:pointer}
.pd-mro-alt:hover{border-color:#00A04F}
.pd-mro-alt b{color:#241F20}
.pd-mro-alt > i{font-style:normal;font-size:15px}
.pd-mro-warn{font-style:normal;font-size:11px;color:#8A6D00}
.pd-mro-bad{color:#B4232A}
.pd-mro-m u b.pd-mro-bad{color:#B4232A;font-weight:800}
/* ===== t44: СТАРТ-ГРУППА + ⚙ КОНСТАНТЫ МРО ===== */
.pd-mro-gear{margin-left:6px;border:1px solid #DCEDE2;background:#fff;border-radius:999px;min-width:30px;height:26px;font:800 14px/1 'Inter',sans-serif;color:#3E4A42;cursor:pointer;flex:none;padding:0 6px}
.pd-mro-gear:hover{border-color:#00A04F;color:#0A7C3D;background:#F4FDF6}
.pd-mro-gold{display:inline-flex;align-items:center;gap:3px;background:linear-gradient(90deg,#FFF3C4,#FFDE00);border:1px solid #F0C000;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;color:#6B4E00;white-space:nowrap;cursor:help}
.mrocfg{position:fixed;inset:0;z-index:1000;background:rgba(20,20,20,.45);display:flex;align-items:center;justify-content:center;padding:16px;animation:ap-in .18s ease}
.mrocfg__bd{background:#fff;border-radius:16px;max-width:560px;width:100%;max-height:88vh;overflow:auto;padding:18px 20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.mrocfg__h{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800;color:#241F20}
.mrocfg__x{border:0;background:none;font:800 16px/1 'Inter',sans-serif;cursor:pointer;color:#676E75;padding:2px 6px}
.mrocfg__x:hover{color:#241F20}
.mrocfg__note{margin:10px 0 0;font-size:12px;line-height:1.55;color:#4A4445;background:#FFFDF2;border:1px solid #F0E6B0;border-radius:10px;padding:9px 11px}
.mrocfg__note b{color:#8A6D00}
.mrocfg__prof{margin-top:13px;border:1px solid #EDEAE4;border-radius:12px;padding:11px 13px}
.mrocfg__prof--over{border-color:#F0C000;background:#FFFDF6}
.mrocfg__ph{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#241F20}
.mrocfg__ph i{font-style:normal;font-size:10px;color:#8A6D00;margin-left:auto;font-weight:800}
.mrocfg__row{display:flex;align-items:center;gap:10px;margin-top:9px;flex-wrap:wrap}
.mrocfg__rt{flex:1 1 190px;font-size:12px;color:#4A4445;line-height:1.35}
.mrocfg__ri{display:flex;align-items:center;gap:8px;flex:1 1 215px}
.mrocfg__ri input[type=range]{flex:1;accent-color:#00A04F;min-width:90px}
.mrocfg__num{width:84px;border:1px solid #DCEDE2;border-radius:8px;padding:5px 7px;font:700 13px/1.2 'Inter',sans-serif;color:#241F20;background:#fff}
.mrocfg__def{font-style:normal;font-size:10px;color:#676E75;white-space:nowrap}
.mrocfg__acts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.mrocfg__ok{border:0;background:linear-gradient(90deg,#00C55A,#00A04F);color:#fff;border-radius:999px;padding:10px 18px;font:800 13px/1 'Inter',sans-serif;cursor:pointer;box-shadow:0 3px 10px rgba(0,160,79,.3)}
.mrocfg__ok:hover{filter:brightness(1.05)}
.mrocfg__rst{border:1px solid #DCEDE2;background:#fff;color:#3E4A42;border-radius:999px;padding:10px 16px;font:800 13px/1 'Inter',sans-serif;cursor:pointer}
.mrocfg__rst:hover{border-color:#241F20}
.mrocfg__hint{font-size:10.5px;color:#676E75;flex-basis:100%}
@media (max-width:520px){.mrocfg{padding:8px}.mrocfg__bd{padding:14px 13px}.mrocfg__rt{flex-basis:100%}.mrocfg__ri{flex-basis:100%}}
.pd-dopt-rows{display:flex;flex-direction:column;gap:8px;margin-top:11px}
.pd-dopt-row{background:#fff;border:1px solid #DCEDE2;border-radius:12px;padding:9px 12px 10px}
.pd-dopt-row--best{border-color:#00A04F;box-shadow:0 0 0 1px #00A04F inset;background:#F4FDF6}
.pd-dopt-l{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px}
.pd-dopt-l span{font-weight:800;color:#241F20}
.pd-dopt-l b{color:#0A7C3D;font-weight:700;font-size:12.5px;white-space:nowrap}
.pd-dopt-bar{height:7px;border-radius:99px;background:#E3EFE7;margin-top:7px;overflow:hidden}
.pd-dopt-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#FFC53D,#FF9500)}
.pd-dopt-row--best .pd-dopt-bar i{background:linear-gradient(90deg,#00C464,#00A04F)}
.pd-dopt-pct{display:block;margin-top:5px;font-size:11.5px;color:#6B7280}
.pd-dopt-row--best .pd-dopt-pct{color:#0A7C3D}
.pd-dopt-live{margin-top:11px;background:#FFFDF2;border:1px dashed #E2D48C;border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.5;color:#4A4445}
.pd-dopt-live b{color:#241F20}
.pd-dopt-tip{display:block;margin-top:4px;color:#0A7C3D;font-weight:600}
.pd-dopt-note{margin-top:9px;font-size:11.5px;line-height:1.5;color:#676E75}

/* ===== v34: «Есть дешевле или быстрее» — карточки похожих товаров
   (не кнопка): после «Выберите пул», в средней колонке ===== */
.pd-sim{margin-top:16px;border-top:1px solid #F0F0F0;padding-top:13px}
.pd-sim-h{display:flex;align-items:center;gap:10px}
.pd-sim-h i{font-style:normal;font-size:19px;line-height:1;flex:none}
.pd-sim-h b{display:block;font-size:14.5px;color:#241F20}
.pd-sim-h span{display:block;font-size:12px;color:#6B7280;margin-top:2px}
.pd-sim-h a{margin-left:auto;font-size:12.5px;color:#4098FF;text-decoration:none;white-space:nowrap;flex:none}
.pd-sim-h a:hover{text-decoration:underline}
.pd-sim .pd-mini-grid{margin-top:10px}

/* ===== v34: «Магазин» — отдельная панель #pool-shop правого столбика ===== */
.pd-shop .oz-sec{margin-top:0}
/* ярусы: цены одна под другой, суммы ПОД полосой, полоса нагляднее */
.wg-tier .wg-t1{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.wg-tier .wg-t-pct{font-size:11.5px;color:#676E75;font-weight:800;white-space:nowrap}
.wg-tier .wg-t-price2{display:flex;flex-direction:column;gap:1px;margin:5px 0 8px;align-items:flex-start}
.wg-tier .wg-t-price2 b{font-size:19px;color:#241F20;letter-spacing:-.01em}
.wg-tier .wg-t-price2 b small{font-size:11px;font-weight:700;color:#676E75}
.wg-tier .wg-t-price2 s{font-size:12px;color:#B3261E;font-weight:600}
.wg-tier .wg-t2{display:flex;flex-direction:column;gap:6px}
.wg-scale--xl{height:20px!important;border-radius:999px!important;position:relative;overflow:visible}
.wg-scale--xl i{border-radius:999px!important;transition:width .6s cubic-bezier(.22,.61,.36,1)!important;background:linear-gradient(90deg,#FFCF24,#FFDE00)!important}
.wg-scale--xl.y i{background:linear-gradient(90deg,#FF9A00,#FFDE00)!important}
.wg-scale--xl em{position:absolute;top:0;right:-6px;transform:translateX(100%);font-style:normal;font-size:11px;font-weight:800;color:#8A6D00;line-height:20px}
.wg-tier .wg-t-sub{font-size:12.5px;color:#666263;font-weight:700}
.wg-tier .wg-t-sub b{color:#241F20}
.wg-tier .wg-t-rest{color:#8A6D00}
@media(max-width:640px){
  .pd-supgrid{grid-template-columns:repeat(3,1fr)}
  .pd-total{margin-left:0;text-align:left}
}

/* ═══ 31.08 · ЛК: принцип построения страницы (директива владельца) ═══ */
.acc-demo-toggle{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 18px;font-size:12.5px;color:#666263}
.acc-demo-toggle span{font-weight:700}
.acc-demo-toggle button{border:1.5px solid #F0F0F0;background:#fff;border-radius:999px;padding:7px 14px;font:700 12px/1 inherit;font-family:inherit;color:#666263;cursor:pointer;transition:all .15s}
.acc-demo-toggle button.on{background:#241F20;color:#FFDE00;border-color:#241F20}
.acc-hero{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:linear-gradient(135deg,#FFFDF2,#F8F8F8);border:1px solid #F0F0F0;border-radius:20px;padding:22px 26px;margin-bottom:14px}
.acc-hero-t h1{margin:0 0 6px;font-size:26px;letter-spacing:-.02em}
.acc-status{font-size:14px;color:#666263;font-weight:600}
.acc-status b{color:#241F20}
.acc-status .acc-save{color:#0A7C3D}
.acc-hero-acts{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.acc-hero-acts .wg-btn-y{padding:11px 20px;font-size:14px}
.acc-hero-acts .wg-btn-o{padding:11px 18px;font-size:14px}
.acc-city-note{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#EDF3FE;border:1px solid #D8E3F8;border-radius:14px;padding:12px 16px;margin-bottom:14px;font-size:13px;color:#4A4445;line-height:1.5}
.acc-city-note b{color:#2D7BFF}
.acc-city-note a{margin-left:auto;font-weight:800;color:#2D7BFF;white-space:nowrap}
.acc-achv{border:1px solid #F0F0F0;border-radius:16px;padding:14px 16px;margin-bottom:18px;background:#fff}
.acc-achv-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.acc-achv-h b{font-size:15px}
.acc-achv-h span{font-size:12px;color:#676E75;font-weight:600}
.acc-achv-row{display:flex;gap:8px;flex-wrap:wrap}
.acc-ach{width:44px;height:44px;border-radius:12px;background:#F4F4F4;display:flex;align-items:center;justify-content:center;font-size:20px;filter:grayscale(1);opacity:.45}
.acc-ach.on{background:linear-gradient(135deg,#FFF3C4,#FFDE00);filter:none;opacity:1}
.acc-achv-scale{display:flex;gap:12px;align-items:center;margin-top:12px}
.acc-achv-scale .wg-scale{flex:1}
.acc-achv-scale span{font-size:11.5px;color:#676E75;font-weight:700;white-space:nowrap}
.acc-panel-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.acc-cat-note{font-size:13px;color:#666263;line-height:1.55;margin-bottom:12px}
.acc-reco .pool-cell{position:relative}
/* ── v61 · ЛК «Каталог товаров» — ВО ВСЮ ШИРИНУ САЙТА (директива IM 09.09
     день-3): кнопка в шапке панели разворачивает каталог на всю ширину
     .acc-lay — сетка 2 карточки → 4 в ряд; сайдбар уезжает под каталог;
     при нажатии виджет плавно уезжает к верху (shop.js widgetToTop) ── */
.acc-lay--catwide .acc-col--main{grid-column:1/-1}
.acc-lay--catwide .acc-catw-grid.grid-pools:not(.cat-rubrics){grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1420px){.acc-lay--catwide .acc-catw-grid.grid-pools:not(.cat-rubrics){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.acc-lay--catwide .acc-catw-grid.grid-pools:not(.cat-rubrics){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .acc-catw-grid.grid-pools:not(.cat-rubrics),
  .acc-lay--catwide .acc-catw-grid.grid-pools:not(.cat-rubrics){grid-template-columns:1fr}
}
.acc-catw-btn{flex:none;display:inline-flex;align-items:center;gap:6px;border:1.5px solid #EFE9DC;
  background:#FFFDF6;color:#4A4445;font:800 11.5px/1 Inter,'Segoe UI',system-ui,sans-serif;
  border-radius:999px;padding:7px 13px;cursor:pointer;
  transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.acc-catw-btn:hover{border-color:#F5C518;background:#FFF8DA;color:#241F20;box-shadow:0 3px 10px rgba(245,197,24,.25)}
.acc-catw-btn[aria-pressed="true"]{border-color:#F5C518;background:#FFDE00;color:#241F20}
@media(max-width:1024px){.acc-catw-btn{display:none}}   /* acc-lay и так одна колонка */
html[data-theme="dark"] .acc-catw-btn{background:#2C2823;border-color:#3A342C;color:#C9C6B4}
html[data-theme="dark"] .acc-catw-btn:hover{border-color:#F5C518;background:#332D24;color:#F2F0EC}
html[data-theme="dark"] .acc-catw-btn[aria-pressed="true"]{background:#61551A;color:#FFE08A}
.acc-reco-hint{position:absolute;top:8px;left:8px;background:rgba(255,222,0,.92);color:#241F20;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 9px}
.acc-wallet-teach{border-top:1px dashed #F0F0F0;margin-top:12px;padding-top:12px}
.acc-wt-h{font-size:12px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#676E75;margin-bottom:9px}
.acc-wt-row{display:flex;gap:10px;align-items:flex-start;padding:7px 0}
.acc-wt-row i{font-style:normal;font-size:17px;flex:none}
.acc-wt-row b{display:block;font-size:13px;color:#241F20}
.acc-wt-row span{font-size:11.5px;color:#666263;line-height:1.5}
.acc-steps{margin:26px 0 8px;border:2px solid #FFCF24;border-radius:20px;background:#FFFBEA;padding:20px 22px 18px}
.acc-steps-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.acc-steps-h h3{margin:0;font-size:17px}
.acc-steps-h span{font-size:11.5px;color:#8A6D00;font-weight:700}
.acc-steps-row{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:0;padding:0}
.acc-step{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #F5E9C0;border-radius:14px;padding:13px 15px}
.acc-step i{font-style:normal;flex:none;width:30px;height:30px;border-radius:50%;background:#F4F4F4;color:#676E75;font-weight:900;font-size:13px;display:flex;align-items:center;justify-content:center}
.acc-step b{display:block;font-size:14px;color:#241F20;margin-bottom:3px}
.acc-step span{font-size:12px;color:#666263;line-height:1.5}
.acc-step--done i{background:#0A7C3D;color:#fff}
.acc-step--done i::after{content:'✓';font-size:13px}
.acc-step--done i{font-size:0}
@media(max-width:760px){
  .acc-hero{padding:16px 18px}
  .acc-hero-t h1{font-size:21px}
  .acc-hero-acts{margin-left:0}
  .acc-city-note a{margin-left:0}
}

/* ═══ 31.08 · кабинет поставщика — референс К3 «Тёмный премиум» ═══ */
.sup-lay{display:grid;grid-template-columns:minmax(230px,260px) minmax(0,1fr);gap:22px;align-items:start;margin-top:18px}
.sup-side{position:sticky;top:84px;border:1px solid #F0F0F0;border-radius:18px;background:#fff;padding:16px 14px;display:flex;flex-direction:column;gap:14px}
.sup-side-prof{display:flex;gap:11px;align-items:center;padding:0 4px 12px;border-bottom:1px solid #F0F0F0}
.sup-side-av{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#FFD89B,#19547B);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.sup-side-prof b{display:block;font-size:14.5px}
.sup-side-prof span{font-size:11.5px;color:#676E75;font-weight:600}
.sup-side-prof span b{display:inline;font-size:11.5px;color:#FFB800}
.sup-side-menu{display:flex;flex-direction:column;gap:3px}
.sup-side-menu a{display:flex;gap:9px;align-items:center;padding:9px 12px;border-radius:11px;font-size:13px;font-weight:700;color:#666263;text-decoration:none;transition:all .15s}
.sup-side-menu a:hover{background:#FAFAFB;color:#241F20}
.sup-side-menu a.on{background:#FFDE00;color:#241F20}
.sup-side-foot{font-size:11px;color:#676E75;text-align:center;padding-top:10px;border-top:1px solid #F0F0F0}
.sup-main{min-width:0}
.sup-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.sup-head h1{margin:0;font-size:25px;letter-spacing:-.02em}
.sup-head-acts{display:flex;gap:10px;flex-wrap:wrap}
.sup-kpi-wrap{padding:16px 18px;margin-bottom:18px}
.sup-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.sup-kpi{background:#FAFAFB;border-radius:14px;padding:13px 15px;position:relative;overflow:hidden}
.sup-kpi-v{font-size:26px;font-weight:900;letter-spacing:-.02em;color:#241F20}
.sup-kpi-l{font-size:11.5px;color:#676E75;font-weight:700;margin-top:1px}
.sup-kpi-d{font-size:11px;font-weight:800;color:#676E75;margin-top:6px}
.sup-kpi-d.up{color:#0A7C3D}
.sup-kpi-spark{position:absolute;right:8px;bottom:8px;width:64px;height:18px;opacity:.9}
.sup-kpi-spark polyline{fill:none;stroke:#FFB800;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sup-tbl-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.sup-tbl-h h3{margin:0;font-size:16.5px}
.sup-tbl-note{font-size:11.5px;color:#676E75;font-weight:600}
.sup-badge-red{background:#FF4356;color:#fff;border-radius:999px;font-size:10.5px;font-weight:800;padding:3px 10px}
.sup-tr{display:grid;grid-template-columns:minmax(150px,1.5fr) 64px minmax(150px,1.4fr) 120px 90px 110px;gap:10px;align-items:center;padding:11px 12px;border-radius:12px}
.sup-tr+.sup-tr{margin-top:4px}
.sup-tr--head{background:#FAFAFB;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#676E75}
.sup-tr:not(.sup-tr--head){background:#FAFAFB;font-size:12.5px}
.sup-tr.done{background:#F6FBF7}
.sup-td-ic{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #F0F0F0;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.sup-td--goods{display:flex;gap:10px;align-items:center;min-width:0}
.sup-td--goods b{display:block;font-size:12.5px;color:#241F20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup-td--goods span{font-size:11px;color:#676E75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sup-td--pool{font-weight:800;color:#666263;font-size:12.5px}
.sup-td--prog .wg-scale{height:9px;border-radius:999px}
.sup-td--prog span{font-size:10.5px;color:#676E75;font-weight:700;display:block;margin-top:4px;white-space:nowrap}
.sup-td--sum b{color:#241F20;font-size:13px}
.sup-td--act{text-align:right}
.sup-tbl-note2{font-size:11.5px;color:#676E75;margin-top:10px}
.sup-bottom{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;margin-top:18px}
.sup-ship-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#FAFAFB;margin-bottom:4px;flex-wrap:wrap}
.sup-ship-b{flex:1;min-width:130px}
.sup-ship-b b{display:block;font-size:12.5px}
.sup-ship-b span{font-size:11px;color:#676E75}
.sup-ship-when{font-size:11.5px;font-weight:800;color:#666263}
.sup-ship-cta{width:100%;margin-top:10px}
.wg-btn-w{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1.5px solid #241F20;background:#fff;color:#241F20;border-radius:12px;padding:10px 16px;font:800 12.5px/1 inherit;font-family:inherit;cursor:pointer;transition:all .15s}
.wg-btn-w:hover{background:#241F20;color:#fff}
.sup-pays{display:flex;flex-direction:column;gap:4px}
.sup-pay-row{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;background:#FAFAFB;font-size:12.5px}
.sup-pay-row span{color:#666263}
.sup-pay-row b{color:#0A7C3D;font-weight:800;white-space:nowrap}
.sup-pay-total{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 14px;border-radius:12px;background:#241F20;color:#EDE8E0;font-size:13px;font-weight:700}
.sup-pay-total b{color:#FFDE00;font-size:17px}
@media(max-width:1024px){
  .sup-lay{grid-template-columns:1fr}
  .sup-side{position:static;flex-direction:row;flex-wrap:wrap;align-items:center}
  .sup-side-prof{border-bottom:none;padding-bottom:0;border-right:1px solid #F0F0F0;padding-right:12px}
  .sup-side-menu{flex-direction:row;flex-wrap:wrap}
  .sup-bottom{grid-template-columns:1fr}
}
@media(max-width:760px){
  .sup-tr{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .sup-tr--head{display:none}
  .sup-td--pool,.sup-td--sum,.sup-td--act{justify-self:start}
  .sup-td--act{grid-column:1/-1;text-align:left}
}

/* ═══ v6 (31.08) · кабинет поставщика «Ферма «Луговая»» по референсу IMG-de97b3d7:
   сайдбар-карточки профиля с верификацией, меню с бейджами, дуальные ряды ═══ */
.sup-card{border:1px solid #F0F0F0;border-radius:18px;background:#fff;padding:16px 14px;display:flex;flex-direction:column;gap:12px}
.sup-prof{display:flex;gap:11px;align-items:center}
.sup-avat{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#B7E39B,#2E7D32);color:#fff;font-weight:900;font-size:15px;display:flex;align-items:center;justify-content:center;flex:none}
.sup-prof-b{min-width:0}
.sup-prof-b b{display:block;font-size:14.5px;letter-spacing:-.01em}
.sup-rate{display:flex;gap:5px;align-items:baseline;font-size:12px;color:#666263;flex-wrap:wrap}
.sup-rate b{color:#241F20}
.sup-rate .stars{color:#FFB800;letter-spacing:1px}
.sup-rate .rv{font-size:10.5px;color:#676E75;text-transform:uppercase;letter-spacing:.5px;font-weight:800}
.sup-ver{font-size:11px;color:#0A7C3D;font-weight:800;background:#F6FBF7;border:1px solid #D3EEDC;border-radius:10px;padding:7px 10px}
.sup-nav{display:flex;flex-direction:column;gap:3px}
.sup-nav a{display:flex;gap:9px;align-items:center;padding:9px 12px;border-radius:11px;font-size:13px;font-weight:700;color:#666263;text-decoration:none;transition:all .15s}
.sup-nav a:hover{background:#FAFAFB;color:#241F20}
.sup-nav a.on{background:#FFDE00;color:#241F20}
.sup-nav a .n{margin-left:auto;background:#F0F0F0;color:#666263;border-radius:999px;font-size:10.5px;font-weight:800;padding:2px 8px}
.sup-nav hr{border:none;border-top:1px solid #F0F0F0;margin:6px 0}
.sup-side-cta{font-size:12px;color:#666263;line-height:1.55;border-radius:12px;background:#FFFBDA;border:1px dashed #EAD48A;padding:12px 13px}
.sup-title{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.sup-title h1{margin:0;font-size:25px;letter-spacing:-.02em}
/* v22 · карточка поставщика в заголовке (директива IMG-84a3137a: вместо
   названия «Дашборд поставщика» — логотип, название, рейтинг, отзывы) */
.sup-title-card{display:flex;align-items:center;gap:14px;min-width:280px;flex:1 1 380px}
.sup-tc-avat{flex:none;width:54px;height:54px;border-radius:15px;background:#FBF5E4;border:1.5px solid #EADFC0;display:flex;align-items:center;justify-content:center;font:900 19px/1 inherit;font-family:inherit;color:#92761F}
.sup-tc-b h1{margin:0 0 3px}
.sup-tc-rate{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:13px;color:#666263}
.sup-tc-rate .stars{color:#FFB800;letter-spacing:2px;font-size:13.5px}
.sup-tc-rate b{color:#241F20;font-size:14px}
.sup-tc-rate a{color:#4098FF;text-decoration:none;font-weight:700}
.sup-tc-rate a:hover{text-decoration:underline}
.sup-tc-ver{display:block;font-size:11.5px;color:#0A7C3D;font-weight:700;margin-top:3px}
.sup-title-acts{display:flex;gap:10px;flex-wrap:wrap}
.sup-lead{margin:0 0 16px;color:#666263;font-size:13.5px;max-width:70ch;line-height:1.6}
.sup-sub{font-size:11.5px;color:#676E75;margin-top:10px}
.sup-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:18px;align-items:stretch}
.sup-q-btn{width:100%;margin-top:10px}
.sup-app-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#FAFAFB;margin-bottom:4px;flex-wrap:wrap;font-size:12.5px}
.sup-app-row .b{flex:1;min-width:150px}
.sup-app-row .b b{display:block;font-size:12.5px}
.sup-app-row .b span{font-size:11px;color:#676E75}
.sup-win-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#FAFAFB;margin-bottom:4px;font-size:12.5px;flex-wrap:wrap}
.sup-win-row .d{font-weight:800;color:#241F20;min-width:120px}
.sup-win-row .t{color:#666263;flex:1;min-width:150px}
.sup-rev-row{display:flex;gap:10px;padding:11px 12px;border-radius:12px;background:#FAFAFB;margin-bottom:4px}
.sup-rev-row .b{min-width:0;flex:1}
.sup-rev-row .b .who{display:flex;gap:8px;align-items:baseline;font-size:12px;color:#676E75}
.sup-rev-row .b .who b{color:#241F20;font-size:12.5px}
.sup-rev-row .b .who .st{color:#FFB800;letter-spacing:1px}
.sup-rev-row .b p{margin:4px 0 0;font-size:12.5px;color:#4A4445;line-height:1.5}
.sup-good-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:#FAFAFB;margin-bottom:4px;font-size:12.5px;flex-wrap:wrap}
.sup-good-row .ic{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #F0F0F0;display:flex;align-items:center;justify-content:center;font-size:17px;flex:none}
.sup-good-row .b{flex:1;min-width:150px}
.sup-good-row .b b{display:block;font-size:12.5px}
.sup-good-row .b span{font-size:11px;color:#676E75}
.sup-good-row .pr{font-weight:800;color:#241F20;white-space:nowrap}
@media(max-width:900px){.sup-duo{grid-template-columns:1fr}}

/* ═══ v6 · демо-хаб «живая презентация без регистрации» (мысль владельца 31.08) ═══ */
.demo-hub-h h2{margin:0 0 6px;font-size:22px;letter-spacing:-.02em}
.demo-hub-h p{margin:0 0 16px;color:#666263;font-size:14px;max-width:70ch;line-height:1.6}
.demo-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.demo-hub-card{display:flex;flex-direction:column;gap:10px;border:1.5px solid #F0F0F0;border-radius:16px;background:#fff;padding:16px 18px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s}
.demo-hub-card:hover{border-color:#FFDE00;transform:translateY(-2px);box-shadow:0 12px 28px rgba(36,31,32,.08)}
.demo-hub-card i{font-style:normal;font-size:26px}
.demo-hub-card b{display:block;font-size:15px;color:#241F20;margin-bottom:3px}
.demo-hub-card span{font-size:12.5px;color:#666263;line-height:1.5}
.demo-hub-card em{font-style:normal;font-size:12px;font-weight:800;color:#4098FF;margin-top:auto}
@media(max-width:640px){.demo-hub-grid{grid-template-columns:1fr 1fr}.demo-hub-card span{font-size:11.5px}}
@media(max-width:440px){.demo-hub-grid{grid-template-columns:1fr}}

/* ================= ПОИСК ПО ВСЕМУ САЙТУ (site-search.js, 01.09) ================= */
.ss-pill{display:flex;align-items:center;gap:10px;border:2px solid #241F20;border-radius:16px;padding:10px 14px;background:#fff;color:#241F20}
.ss-pill:focus-within{border-color:#241F20;box-shadow:0 0 0 4px rgba(255,222,0,.45)}
.ss-pill input{border:0;outline:0;flex:1;font:inherit;font-size:14.5px;color:#241F20;background:transparent;min-width:0}
.ss-pill input::placeholder{color:#9CA3AF}
.ss-count{font-size:11px;font-weight:800;background:#FFDE00;border-radius:999px;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;color:#241F20}
.ss-box{max-height:min(56vh,460px);overflow:auto;margin-top:10px;padding-right:2px}
.ss-g{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#676E75;margin:12px 2px 6px}
.ss-g:first-child{margin-top:2px}
.ss-i{display:flex;gap:10px;align-items:center;border:1.5px solid transparent;border-radius:13px;padding:9px 11px;cursor:pointer}
.ss-i:hover,.ss-i.on{border-color:#FFDE00;background:#FFFDF2}
.ss-ic{font-size:19px;flex:none;width:26px;text-align:center}
.ss-b{min-width:0;flex:1}
.ss-t{font-size:13.5px;font-weight:700;color:#241F20}
.ss-h{font-size:12px;color:#676E75;margin-top:2px;line-height:1.45}
.ss-hl{background:#FFE98A;border-radius:4px;padding:0 2px;color:#241F20}
.ss-go{color:#C9CDD1;font-size:16px;flex:none}
.ss-chips{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 4px}
.ss-chips b{border:1.5px solid #F0F0F0;border-radius:999px;background:#FAFAFB;padding:6px 13px;font-size:12.5px;font-weight:700;color:#4A4445;cursor:pointer}
.ss-chips b:hover{border-color:#FFDE00;background:#FFFDF2;color:#241F20}
.ss-empty{border:1.5px dashed #E4E6EA;border-radius:14px;padding:18px;text-align:center;font-size:13px;color:#666263;margin-top:10px}
.ss-map{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11.5px;color:#676E75;padding:4px 2px 6px}
.ss-map b{color:#241F20}

/* ---- липкая галерея до отзывов (директива 01.09): колонка тянется на всю
   высоту ряда, галерея прилипает как «вход в пул», Описание и Характеристики
   стопкой под ней; стек отпускает ровно там, где начинаются отзывы ---- */
/* ═══ v27 (02.09) · КОМПОЗИТ «СТРАНИЦА ТОВАРА» НА /ACCOUNT ═══
   Директива: переход на товар /pool — без перезагрузки, страница целиком
   встраивается композит-виджетом ПОД карточку покупателя (виджет-в-виджете).
   Рамка и лента — язык дизайн-системы (жёлтый #FFDE00 + чернильный #141414),
   как у лаборатории /account/new. Движок — assets/composite.js. */
@keyframes sc-pop{from{opacity:0;transform:scale(.985) translateY(8px)}to{opacity:1;transform:none}}
.sc-embed{margin:22px 0}
.sc-embed__frame{position:relative;border:2px solid #FFDE00;border-radius:16px;background:rgba(255,222,0,.05);padding:16px 16px 6px;animation:sc-pop .25s ease}
.sc-embed__ribbon{position:absolute;top:-13px;left:16px;background:#141414;color:#fff;font:600 11px/1 'Inter',system-ui,sans-serif;letter-spacing:.3px;border-radius:999px;padding:6px 13px;display:flex;gap:7px;align-items:center;box-shadow:0 6px 18px rgba(20,20,20,.18);z-index:5}
.sc-embed__ribbon i{font-style:normal;color:#FFDE00}
.sc-embed__back{position:absolute;top:-13px;right:16px;background:#fff;border:1px solid #E6E8EB;color:#141414;font:600 11px 'Inter',system-ui,sans-serif;border-radius:999px;padding:5px 12px;cursor:pointer;z-index:5}
.sc-embed__back:hover{border-color:#141414}
.sc-embed__body{position:relative;min-width:0}
.sc-embed__load{padding:46px 0;text-align:center;color:#676E75;font-size:13.5px}
.sc-embed__body .crumb{margin:0 0 12px}
.sc-embed__body .sec{margin-top:22px}
.sc-embed__body .sec:first-child{margin-top:0}
html[data-theme="dark"] .sc-embed__frame{border-color:#FFDE00;background:rgba(255,222,0,.07)}
html[data-theme="dark"] .sc-embed__ribbon{background:#F2F0EC;color:#141414}
html[data-theme="dark"] .sc-embed__ribbon i{color:#B99300}
html[data-theme="dark"] .sc-embed__back{background:#1B1815;color:#F2F0EC;border-color:#2C2823}
html[data-theme="dark"] .sc-embed__back:hover{border-color:#F2F0EC}

@media(min-width:1025px){
.pd-col{align-self:stretch}
/* v30 (02.09, день-3): все три слоя левой колонки — НАТИВНЫЙ sticky
   (композитор — плавно, как сайдбар «Вход в пул»); JS-трансформы на
   скролле убраны — исчезло дёргание. v25 (директива 13:15): pdStack v4 —
   порядок [галерея → Характеристики → Описание], обёртки-сиблинги, полы
   «лесенкой»: описание → отзывы − G, характеристики → верх описания − G,
   галерея → верх характеристик − G — слои не пересекаются, все видимы. */
.pd-col .pd-gal{position:sticky;top:76px;z-index:4;background:#fff}
.pd-stw{display:flow-root}
.pd-stw--gal>.pd-gal{z-index:4}
.pd-stw--chars>.pd-sec{z-index:3}
.pd-stw--desc>.pd-sec{z-index:2}
}
.pd-ghost-pad{height:0}
/* v12 (01.09 19:59): .pd-sec sticky removed - sections in normal flow, gallery slides on top */
/* доставка сначала (директива 01.09) */
.pd-dlv-ask{border:2px solid #FFDE00;border-radius:16px;background:#FFFDF2;padding:13px 15px;margin-top:12px;display:flex;gap:10px;align-items:flex-start}
.pd-dlv-ask-b{flex:1;min-width:0}
.pd-dlv-ask b{display:block;font-size:13px;line-height:1.5;color:#241F20}
.pd-dlv-ask-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.pd-dlv-ask-row select{border:1.5px solid #F0F0F0;border-radius:11px;background:#fff;padding:9px 11px;font:inherit;font-size:12.5px;font-weight:600;color:#241F20;cursor:pointer;max-width:100%}
.pd-dlv-ask-row select:focus{outline:0;border-color:#241F20}
.pd-dlv-ask-row select:disabled{color:#B9BEC2;cursor:not-allowed}
.pd-dlv-on{border:1.5px solid #D7F0DF;background:#F3FBF5;border-radius:16px;padding:12px 14px;margin-top:12px;font-size:12.5px;line-height:1.55;color:#3E4A42;display:flex;gap:10px;align-items:flex-start}
.pd-dlv-on span{flex:1;min-width:0}
.pd-dlv-on i{font-style:normal;color:#7A8B80;font-size:11.5px}
.pd-dlv-chg{border:1.5px solid #F0F0F0;background:#fff;border-radius:999px;padding:7px 13px;font:inherit;font-size:11.5px;font-weight:700;color:#4A4445;cursor:pointer;flex:none}
.pd-dlv-chg:hover{border-color:#241F20;color:#241F20}
.pd-total i{font-style:normal;font-size:11.5px;color:#676E75}
/* ярус: заполняемость цветом фона (директива 01.09) — текст читается */
.pd-tier-fill{position:relative}
.pd-tier-fill .wg-t-sub{font-weight:600}
/* v36 (директива 02.09 15:58): набранный пул = ЗАКРЫТ — лестница не
   показывает 100%; закрытый уровень притушен, замок в подписи */
.pd-tier-closed{opacity:.78}
.pd-tier-closed .wg-t-pct{color:#0A7C3D;font-size:11.5px}
.pd-tier-closed:hover{opacity:1}
.wg-t-pct{background:rgba(255,222,0,.35);border-radius:8px;padding:2px 8px}

/* ================= ПОСТАВЩИК · директивы 01.09 ================= */
/* KPI — кликабельные карточки */
.sup-kpi{cursor:pointer;position:relative;text-align:left;font-family:inherit;border:1.5px solid #F0F0F0}
.sup-kpi:hover{border-color:#FFDE00}
.sup-kpi-go{display:none;position:absolute;right:10px;bottom:8px;font-size:10px;font-weight:800;color:#B9A22A}
.sup-kpi:hover .sup-kpi-go{display:block}
/* универсальная модалка */
.sup-modal{position:fixed;inset:0;background:rgba(36,31,32,.44);z-index:1250;display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(2px)}
.sup-modal-card{background:#fff;border-radius:18px;max-width:720px;width:100%;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.sup-modal-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #F0F0F0}
.sup-modal-h b{font-size:15.5px}
.sup-modal-x{border:0;background:#F8F8F8;width:34px;height:34px;border-radius:10px;font-size:15px;cursor:pointer;color:#666263}
.sup-modal-x:hover{background:#FFDE00}
.sup-modal-b{padding:16px 18px;overflow:auto}
.sup-modal-f{padding:12px 18px;border-top:1px solid #F0F0F0}
/* v12 (01.09 20:02/20:03): модалки поставщика на карточке товара */
.sup-modal-card--wide{max-width:880px}
.sup-modal-sup{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid #F0F0F0;border-radius:14px;background:#FFFDF2;margin-bottom:14px}
.sup-modal-sup>div{flex:1;min-width:0}
.sup-modal-sup b{display:block;font-size:15px;color:#241F20}
.sup-modal-sup span{font-size:12px;color:#666263}
.sup-modal-sup i{font-style:normal;font-weight:800;font-size:11.5px;flex:none}
.sup-modal-sup .ok{color:#4098FF}
.sup-modal-sup .warn{color:#B98900}
.pd-mini-grid--modal{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.pd-mini-pool{font-size:10.5px;font-weight:800;color:#8A6D00;background:#FFFBEA;border-radius:8px;padding:3px 6px;margin-top:4px}
.sup-rtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.sup-rtab{border:1.5px solid #F0F0F0;background:#fff;border-radius:999px;padding:8px 14px;font:800 12.5px/1 inherit;font-family:inherit;color:#666263;cursor:pointer;transition:all .15s}
.sup-rtab.on{background:#241F20;color:#FFDE00;border-color:#241F20}
.sup-rtab:not(.on):hover{border-color:#FFB800}
.pd-rv--modal{margin-bottom:10px}
.sup-modal-cta{display:block;text-align:center;padding:12px 16px;border-radius:12px;text-decoration:none}
.sup-modal-cta:hover{filter:brightness(.96)}
/* KPI-деталка */
.sup-kd-row{display:flex;justify-content:space-between;gap:12px;padding:9px 2px;border-bottom:1px dashed #F0F0F0;font-size:13px}
.sup-kd-row b{color:#241F20;white-space:nowrap}
.sup-kd-note{margin-top:12px;font-size:12.5px;line-height:1.55;color:#666263;background:#FFFDF2;border:1px solid #EADFC0;border-radius:12px;padding:11px 13px}
/* очередь отгрузки: раскладка упаковок */
.sup-ship-mix{margin-top:5px;font-size:11.5px;color:#666263;line-height:1.5}
.sup-ship-mix b{color:#241F20}
/* товары: 3 пула live + холд */
.sup-gp-wrap{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:7px}
.sup-gp{display:flex;align-items:center;gap:7px;flex:1;min-width:150px}
.sup-gp-t{font-size:10.5px;font-weight:800;color:#676E75;text-transform:uppercase;letter-spacing:.04em;flex:none}
.sup-gp-bar{flex:1;height:8px;border-radius:99px;background:#F1F1F0;overflow:hidden;position:relative}
.sup-gp-got{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:#FFDE00}
.sup-gp-hold{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:#4CC97B}
.sup-gp-n{font-size:11px;font-weight:700;color:#4A4445;flex:none;min-width:56px;text-align:right}
.sup-gp[data-full="1"] .sup-gp-n{color:#0A7C3D}
.sup-gp-live{font-size:10px;font-weight:900;color:#4CC97B;flex:none;animation:supLive 1.6s infinite}
@keyframes supLive{0%,100%{opacity:1}50%{opacity:.35}}
.sup-gp-legend{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px;color:#676E75;margin-top:12px;border-top:1px dashed #F0F0F0;padding-top:9px}
.sup-gp-legend i{width:14px;height:8px;border-radius:99px;display:inline-block;flex:none}
/* отзывы-форум */
.sup-rev-filters{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:11.5px}
.sup-rf-g{color:#676E75;font-weight:800;margin-left:6px}
.sup-rf-g:first-child{margin-left:0}
.sup-rev-filters b{border:1.5px solid #F0F0F0;border-radius:999px;background:#FAFAFB;padding:5px 11px;font-weight:700;color:#4A4445;cursor:pointer}
.sup-rev-filters b.on{border-color:#241F20;background:#241F20;color:#fff}
.sup-rev-filters b:hover{border-color:#241F20}
.sup-rev-w{margin-top:7px;background:#FFFDF2;border:1px solid #EADFC0;border-radius:10px;padding:7px 10px;font-size:11.5px;color:#4A4445;line-height:1.5}
.sup-rev-w b{color:#241F20}
.sup-rev-replies{margin-top:9px;padding-left:12px;border-left:2.5px solid #F0F0F0}
.sup-rev-reply{border:1px solid #F0F0F0;border-radius:11px;padding:9px 11px;margin-top:7px;background:#FAFAFB;font-size:12px}
.sup-rev-reply .who{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.sup-rev-reply p{margin:5px 0 0;line-height:1.55;color:#4A4445}
.sup-rr-rate{font-size:10.5px;font-weight:800;border-radius:99px;padding:2px 9px}
.sup-rr-rate.contra{background:#FFE7E9;color:#C42B3D}
.sup-rr-rate.pro{background:#E3F6E8;color:#0A7C3D}
.sup-rr-sup{font-size:10.5px;color:#676E75;font-weight:700}
.sup-rev-how{margin-top:14px;background:#F8F8F8;border-radius:14px;padding:13px 15px}
.sup-rev-how b{font-size:13px}
.sup-rev-how p{margin:7px 0 0;font-size:12px;line-height:1.6;color:#4A4445}
/* корзины и автопокупка */
.sup-cart-row{display:flex;gap:12px;align-items:center;border-bottom:1px dashed #F0F0F0;padding:10px 2px}
.sup-cart-row .b{flex:1;min-width:0}
.sup-cart-row .b b{font-size:13px;display:block}
.sup-cart-row .b span{font-size:11.5px;color:#676E75}
.sup-cart-next{text-align:right;font-size:11px;color:#676E75;line-height:1.5}
.sup-cart-next b{color:#241F20}
.sup-cart-advice{margin-top:12px;border:1.5px solid #D7F0DF;background:#F3FBF5;border-radius:14px;padding:11px 13px}
.sup-cart-advice b{font-size:12.5px;color:#241F20}
.sup-cart-advice>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
.sup-cart-advice span{font-size:11.5px;line-height:1.5;color:#3E4A42;display:block}
/* B2B */
.sup-b2b-row{display:flex;gap:12px;align-items:flex-start;border-bottom:1px dashed #F0F0F0;padding:11px 2px}
.sup-b2b-row .b{flex:1;min-width:0}
.sup-b2b-row .b b{font-size:13px;display:block}
.sup-b2b-row .b>span{font-size:12px;color:#4A4445}
.sup-b2b-price{font-size:13px;font-weight:800;margin-top:3px}
.sup-b2b-price span{font-size:11.5px;font-weight:600;color:#C42B3D}
.sup-b2b-note{font-size:11px;color:#676E75;margin-top:3px;line-height:1.5}
.sup-b2b-btn{margin-top:12px}
/* документация механик */
.sup-mech-doc{margin-top:12px;font-size:12px;font-weight:800;color:#4098FF;cursor:pointer;border-top:1px dashed #F0F0F0;padding-top:10px}
.sup-mech-doc:hover{text-decoration:underline}
.sup-doc p{margin:0 0 10px;font-size:12.5px;line-height:1.62;color:#4A4445}
.sup-doc b{color:#241F20}
/* форма добавления товара */
.sup-ag-sec{margin-bottom:16px;border:1px solid #F0F0F0;border-radius:14px;padding:13px 14px}
.sup-ag-sec>b{display:block;font-size:13px;margin-bottom:10px}
.sup-ag-sec--idea{background:#FFFDF2;border-color:#EADFC0}
.sup-ag-in{display:block;width:100%;border:1.5px solid #F0F0F0;border-radius:11px;padding:10px 12px;font:inherit;font-size:13px;color:#241F20;margin-top:8px}
.sup-ag-in:focus{outline:0;border-color:#241F20}
.sup-ag-row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sup-ag-row2 label{font-size:11px;font-weight:700;color:#676E75;display:block}
.sup-ag-chips{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:9px}
.sup-ag-chips i{background:#FFF5EE;border:1px solid #FFE1B4;border-radius:999px;padding:5px 11px;font-size:12px;font-style:normal;font-weight:600;color:#4A4445;cursor:pointer}
.sup-ag-chips i.on{background:#FFE1B4}
.sup-ag-chips button{border:1.5px dashed #E4E6EA;border-radius:999px;background:#FAFAFB;padding:5px 12px;font:inherit;font-size:12px;font-weight:700;color:#666263;cursor:pointer}
.sup-ag-cap{font-size:11px;font-weight:800;color:#676E75}
.sup-ag-note{font-size:11.5px;color:#676E75;margin-top:9px;line-height:1.5}
.sup-ag-tier{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px;align-items:center;margin-top:8px}
.sup-ag-tier>span{font-size:11.5px;font-weight:800;color:#4A4445}
.sup-ag-tier input{margin-top:0}
.sup-ag-tier-h{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px;font-size:10px;font-weight:800;color:#B9BEC2;text-transform:uppercase;letter-spacing:.05em}
.sup-ag-prev{margin-top:11px;background:#FAFAFB;border-radius:11px;padding:10px 12px;font-size:12.5px;line-height:1.6}
.sup-ag-prev-t{display:block}
.sup-ag-disc{color:#0A7C3D;font-size:11.5px}
.sup-ag-prev-note{display:block;font-size:11px;color:#676E75}
.sup-ag-kv{display:flex;gap:10px;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #F0F0F0;font-size:12px;flex-wrap:wrap}
.sup-ag-kv>span{color:#676E75;font-weight:700;min-width:170px}
.sup-ag-kv>b{color:#241F20;font-weight:600;flex:1;min-width:200px}
.sup-ag-steps,.sup-ag-checks{display:flex;gap:8px;flex-wrap:wrap;flex:1}
.sup-ag-steps label,.sup-ag-checks label{font-size:11.5px;color:#4A4445;font-weight:600;background:#FAFAFB;border:1px solid #F0F0F0;border-radius:9px;padding:5px 9px}
.sup-ag-steps input{width:38px;border:1px solid #F0F0F0;border-radius:6px;padding:2px 4px;font:inherit}
.sup-ag-checks input{margin-right:4px}
@media (max-width:760px){.sup-ag-row2,.sup-ag-tier,.sup-ag-tier-h,.sup-cart-advice>div{grid-template-columns:1fr}.sup-modal{padding:8px}.sup-b2b-row{flex-direction:column}}

/* ═══ v24 (01.09, директивы 16:24–16:39): карточка покупателя + достижения
   в герое, гайды у баланса, модалки операций/достижений, каталог-категории ═══ */
.acc-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:stretch}
.acc-bcard{min-width:0}
.acc-bc-in{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.acc-bc-av{position:relative;flex:none;width:74px;height:74px}
.acc-bc-av>span{width:74px;height:74px;border-radius:20px;background:linear-gradient(135deg,#FFF3C4,#FFDE00);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#241F20;box-shadow:0 6px 18px rgba(255,222,0,.35)}
.acc-bc-lv{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);background:#241F20;color:#FDFCF9;font-size:9.5px;font-weight:800;white-space:nowrap;border-radius:999px;padding:3px 8px;border:1.5px solid #FFDE00}
.acc-bc-b{flex:1;min-width:220px}
.acc-bc-b h1{margin:0 0 5px;font-size:23px;letter-spacing:-.02em}
.acc-bc-rate{font-size:13px;color:#666263;font-weight:600}
.acc-bc-rate .stars{color:#FFB800;letter-spacing:1px}
.acc-bc-rate b{color:#241F20}
.acc-bc-rate .rv{color:#676E75}
.acc-bc-rel{color:#0A7C3D;font-weight:700}
.acc-bc-st{font-size:14px;color:#666263;font-weight:600;margin-top:5px}
.acc-bc-st b{color:#241F20}
.acc-bc-st .acc-save{color:#0A7C3D}
.acc-bc-meta{font-size:12px;color:#676E75;font-weight:600;margin-top:5px}
.acc-hero-achv{min-width:0;display:flex}
.acc-hero-achv .acc-achv{margin-bottom:0;flex:1;display:flex;flex-direction:column;justify-content:center}
.acc-achv-go{border:0;background:#F4F4F4;border-radius:999px;padding:6px 12px;font:800 11.5px Inter,system-ui,sans-serif;color:#241F20;cursor:pointer;white-space:nowrap}
.acc-achv-go:hover{background:#FFDE00}

/* модальные окна кабинета (комментируемые) */
.accm{position:fixed;inset:0;z-index:1420;background:rgba(36,31,32,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:accmIn .16s ease-out}
@keyframes accmIn{from{opacity:0}to{opacity:1}}
.accm__box{background:#fff;border-radius:18px;max-width:760px;width:100%;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(36,31,32,.4);overflow:hidden;animation:accmPop .18s ease-out}
@keyframes accmPop{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}
.accm__t{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid #F0F0F0;flex:none}
.accm__t b{font-size:16.5px;font-weight:900;letter-spacing:-.01em}
.accm__x{flex:none;width:30px;height:30px;border:1.5px solid #F0F0F0;border-radius:9px;background:#FAFAFB;cursor:pointer;font-size:13px;color:#666263}
.accm__x:hover{border-color:#241F20;color:#241F20}
.accm__b{padding:18px 20px;overflow:auto}
.accm__f{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #F0F0F0;flex-wrap:wrap}

/* достижения в модалке */
.acc-am{display:flex;flex-direction:column;gap:9px}
.acc-am-row{display:flex;gap:12px;border:1px solid #F0F0F0;border-radius:14px;padding:11px 13px;align-items:flex-start}
.acc-am-row i{flex:none;font-style:normal;width:40px;height:40px;border-radius:12px;background:#F4F4F4;display:flex;align-items:center;justify-content:center;font-size:19px;filter:grayscale(1);opacity:.45}
.acc-am-row--on i{background:linear-gradient(135deg,#FFF3C4,#FFDE00);filter:none;opacity:1}
.acc-am-row div{min-width:0}
.acc-am-row b{display:block;font-size:13.5px}
.acc-am-row span{display:block;font-size:12px;color:#666263;line-height:1.45;margin-top:2px}
.acc-am-row u{display:inline-block;text-decoration:none;font-size:11px;font-weight:800;margin-top:4px;border-radius:999px;padding:3px 9px}
.acc-am-row--on u{background:#E9F7EE;color:#0A7C3D}
.acc-am-row:not(.acc-am-row--on) u{background:#FFF4CC;color:#8A6D00}
.acc-am-sum{font-size:12.5px;color:#666263;background:#FAFAFB;border-radius:12px;padding:11px 13px;line-height:1.5;margin-top:4px}

/* гайды кошелька (справа от баланса) */
.wg-wallet-b--guide{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:start}
.acc-wguide{display:flex;flex-direction:column;gap:8px;justify-self:end;max-width:190px}
.acc-wg{border:1.5px solid #F0F0F0;border-radius:12px;background:#FAFAFB;padding:9px 12px;font:800 12px Inter,system-ui,sans-serif;cursor:pointer;color:#241F20;text-align:left}
.acc-wg--save:hover{border-color:#FFB800;background:#FFF8E1}
.acc-wg--earn:hover{border-color:#4098FF;background:#EDF3FE}
.acc-wg-hint{font-size:10px;color:#676E75;font-weight:600;line-height:1.4}
.acc-ops-h{cursor:pointer}
.acc-ops-h i{font-style:normal;color:#676E75}
.acc-ops-h:hover{color:#241F20}

/* модалка операций */
.acc-ops-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}
.acc-ops-stats>div{border:1px solid #F0F0F0;border-radius:14px;padding:11px 13px;background:#FAFAFB}
.acc-ops-stats b{display:block;font-size:17px;font-weight:900}
.acc-ops-stats span{font-size:11px;color:#676E75;font-weight:700}
.acc-ops-tbl td{font-size:12.5px}
.acc-ops-d{white-space:nowrap;color:#676E75;font-weight:600}
.acc-ops-v{text-align:right;font-weight:800;white-space:nowrap}
.acc-ops-v--g{color:#0A7C3D}

/* гайды в модалке */
.acc-g{display:flex;flex-direction:column;gap:11px}
.acc-g-row{display:flex;gap:12px;align-items:flex-start}
.acc-g-row i{flex:none;font-style:normal;width:38px;height:38px;border-radius:12px;background:#FFF3C4;display:flex;align-items:center;justify-content:center;font-size:18px}
.acc-g-row b{display:block;font-size:13.5px}
.acc-g-row span{display:block;font-size:12.5px;color:#666263;line-height:1.5;margin-top:2px}
.acc-g-sum{font-size:13px;font-weight:700;background:#FFF8E1;border:1px solid #F0CB00;border-radius:12px;padding:11px 13px}

/* каталог категорий (ajax) в ЛК */
.acc-catw{display:flex;flex-direction:column;gap:12px;grid-column:1/-1}
.acc-catw-chips{display:flex;gap:8px;flex-wrap:wrap}
.acc-chip{border:1.5px solid #F0F0F0;background:#FAFAFB;border-radius:999px;padding:8px 13px;font:700 12.5px Inter,system-ui,sans-serif;cursor:pointer;color:#241F20}
.acc-chip i{font-style:normal;color:#676E75;font-size:11px;font-weight:800}
.acc-chip:hover{border-color:#FFB800;background:#FFF8E1}
.acc-catw-cur{display:flex;flex-direction:column;gap:2px}
.acc-catw-cur b{font-size:16.5px;font-weight:900}
.acc-catw-cur span{font-size:11.5px;color:#676E75;font-weight:600}
.acc-catw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;transition:opacity .22s ease,transform .22s ease}
.acc-catw-grid--out{opacity:0;transform:translateY(6px)}
.acc-cpc{display:flex;flex-direction:column;gap:6px;border:1.5px solid #F0F0F0;border-radius:16px;padding:13px 14px;text-decoration:none;color:#241F20;background:#fff;transition:border-color .15s,transform .15s,box-shadow .15s}
.acc-cpc:hover{border-color:#FFB800;transform:translateY(-2px);box-shadow:0 8px 20px rgba(36,31,32,.09)}
.acc-cpc i{font-style:normal;font-size:26px}
.acc-cpc b{font-size:13px;line-height:1.35}
.acc-cpc>span{font-size:11.5px;color:#676E75;font-weight:600}
.acc-cpc-row{display:flex;gap:8px;align-items:baseline}
.acc-cpc-row b{font-size:15px;font-weight:900}
.acc-cpc-row s{font-size:11.5px;color:#B9BDC1}
.acc-cpc-sc{display:flex;gap:9px;align-items:center}
.acc-cpc-sc .wg-scale{flex:1}
.acc-cpc-sc span{font-size:10.5px;color:#676E75;font-weight:700;white-space:nowrap}

/* настройки профиля */
.acc-ps-h{margin-top:14px}
.acc-ps-row{flex-wrap:wrap}
.acc-ps-opts{display:flex;gap:6px;flex-wrap:wrap}
@media (max-width:640px){.nset-grid{grid-template-columns:1fr}.nset-two{grid-template-columns:1fr}.nset-grid--ps .nset-row{flex-direction:row;align-items:center;flex-wrap:wrap}}
.acc-opt{border:1.5px solid #F0F0F0;background:#FAFAFB;border-radius:999px;padding:6px 11px;font:700 11.5px Inter,system-ui,sans-serif;cursor:pointer;color:#666263}
.acc-opt.on{background:#241F20;border-color:#241F20;color:#FDFCF9}
.acc-opt:hover:not(.on){border-color:#FFB800;background:#FFF8E1}

@media(max-width:980px){
  .acc-hero{grid-template-columns:1fr}
}
@media(max-width:640px){
  .wg-wallet-b--guide{grid-template-columns:1fr}
  .acc-wguide{max-width:none;flex-direction:row;flex-wrap:wrap;justify-self:start}
}

/* ═══ v31 (02.09, директивы 11:01–11:07): настройки профиля — модалка по
   шестерёнке у имени (виджет скрыт со страницы); загрузка фото аватара;
   прогресс достижений «4/9» справа от заголовка ═══ */
.acc-bc-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}
.acc-bc-name h1{margin:0}
.acc-name-gear{flex:none;width:27px;height:27px;border:1.5px solid #E6E8EB;border-radius:8px;background:#FAFAFB;font-size:14px;line-height:1;cursor:pointer;color:#666263;display:inline-flex;align-items:center;justify-content:center;transition:background .12s,color .12s,border-color .12s}
.acc-name-gear:hover{border-color:#241F20;color:#241F20;background:#FFDE00}
.acc-name-gear:focus-visible{outline:2px solid #FFDE00;outline-offset:1px}
.acc-bc-av{cursor:pointer;outline:none}
.acc-bc-av:focus-visible{box-shadow:0 0 0 3px rgba(255,222,0,.65);border-radius:20px}
.acc-bc-av>span>img{width:74px;height:74px;border-radius:20px;object-fit:cover;display:block}
.acc-bc-cam{position:absolute;right:-8px;top:-8px;width:23px;height:23px;border-radius:50%;background:#241F20;color:#FDFCF9;font-size:10.5px;font-style:normal;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;opacity:0;transition:opacity .15s;pointer-events:none}
.acc-bc-av:hover .acc-bc-cam,.acc-bc-av:focus-visible .acc-bc-cam{opacity:1}
.acc-pf-h{font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#676E75;margin:16px 0 8px}
.acc-pf .nset-h:first-child,.acc-pf-h:first-child{margin-top:0}
.acc-pf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.acc-pf-f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666263;font-weight:700;min-width:0}
.acc-pf-f input{border:1.5px solid #E4E6EA;border-radius:10px;padding:8px 11px;font:600 13px Inter,system-ui,sans-serif;color:#241F20;outline:none;background:#fff;width:100%}
.acc-pf-f input:focus{border-color:#241F20}
.acc-pf-pass-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid #F0F0F0;border-radius:12px;padding:10px 13px}
.acc-pf-pass-row b{font-size:13.5px}
.acc-pf-pass-row>span{color:#676E75;font-size:12px;flex:1;min-width:150px;font-weight:600}
.acc-pf-pass-btn{padding:8px 14px;font-size:12.5px}
.acc-pf-pass-form{display:grid;gap:8px;margin-top:10px}
.acc-pf-pass-form input{border:1.5px solid #E4E6EA;border-radius:10px;padding:8px 11px;font:600 13px Inter,system-ui,sans-serif;color:#241F20;outline:none;background:#fff}
.acc-pf-pass-form input:focus{border-color:#241F20}
.acc-pf-del{margin-top:18px;border:1.5px solid #F6C6C0;border-radius:14px;padding:14px 16px;background:#FFF8F7}
.acc-pf-del>b{color:#B3261E;font-size:14px}
.acc-pf-del p{font-size:12.5px;line-height:1.55;color:#666263;margin:8px 0}
.acc-pf-del ul{margin:8px 0;padding-left:18px}
.acc-pf-del li{font-size:12.5px;line-height:1.55;color:#666263;margin:4px 0}
.acc-pf-del-warn{color:#B3261E!important;font-weight:700}
.acc-pf-del-btn{margin-top:6px;border:1.5px solid #B3261E;background:#fff;color:#B3261E;border-radius:10px;padding:9px 16px;font:800 12.5px Inter,system-ui,sans-serif;cursor:pointer;transition:background .12s,color .12s}
.acc-pf-del-btn:hover{background:#B3261E;color:#fff}
@media(max-width:640px){.acc-pf-grid{grid-template-columns:1fr}}

/* тёмная тема (v31) */
html[data-theme="dark"] .acc-name-gear{border-color:#38332C;background:#26221E;color:#B5ADA2}
html[data-theme="dark"] .acc-name-gear:hover{border-color:#F2F0EC;color:#F2F0EC;background:#26221E}
html[data-theme="dark"] .acc-bc-cam{background:#F2F0EC;color:#1B1815;border-color:#1B1815}
html[data-theme="dark"] .acc-pf-h{color:#837C73}
html[data-theme="dark"] .acc-pf-f input,html[data-theme="dark"] .acc-pf-pass-form input{background:#211E1A;border-color:#38332C;color:#EDE8E0}
html[data-theme="dark"] .acc-pf-f input:focus,html[data-theme="dark"] .acc-pf-pass-form input:focus{border-color:#F2F0EC}
html[data-theme="dark"] .acc-pf-f,html[data-theme="dark"] .acc-pf-pass-row>span,html[data-theme="dark"] .acc-pf-del p,html[data-theme="dark"] .acc-pf-del li{color:#837C73}
html[data-theme="dark"] .acc-pf-pass-row{border-color:#2C2823}
html[data-theme="dark"] .acc-pf-pass-row b,html[data-theme="dark"] .acc-pf-del p{color:#C9C2B8}
html[data-theme="dark"] .acc-pf-del{background:#241A18;border-color:#4A2A26}
html[data-theme="dark"] .acc-pf-del-btn{background:#241A18}
html[data-theme="dark"] .acc-pf-del-btn:hover{background:#B3261E;color:#fff}

/* ===== v23 (02.09, вечер): правый столбик /pool по референсу Озона
   (комментарий 11:54 + картинка): зелёная плашка цены «С банками»,
   «Оплатить позже», синий CTA, «есть дешевле», ряды «Доставка и возврат»,
   карточка «Магазин» + модалки-строки с FLIP-анимацией (oz-modal.js) ===== */
.pd-acts{display:flex;gap:8px;margin:10px 0 0}
.pd-act{display:inline-flex;align-items:center;gap:6px;border:0;background:#F8F6F1;border-radius:9px;padding:7px 11px;font:500 12.5px/1 Inter,'Segoe UI',system-ui,sans-serif;color:#57514A;cursor:pointer;font-family:inherit}
.pd-act i{font-style:normal;font-size:14px}
.pd-act:hover{background:#FFDE00;color:#241F20}
/* v25 (директива 02.09 13:15): «В сравнение»/«Поделиться» — справа от
   артикула, в строке рейтинга (как у референса) */
.pd-act--in{border:1.5px solid #F0F0F0;background:#FAFAFB;border-radius:999px;padding:7px 13px;font-weight:600;color:#666263}
.pd-act--in:hover{border-color:#241F20;background:#fff;color:#241F20}
.pd-act--r{margin-left:auto}

.oz-card{background:#fff;border:1px solid #EFEEEA;border-radius:16px;box-shadow:0 2px 10px rgba(36,31,32,.06);padding:16px;margin:14px 0 0}
.oz-price-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oz-price{display:inline-flex;align-items:baseline;gap:4px;background:linear-gradient(135deg,#00C464,#00A04F);color:#fff;font-weight:900;font-size:25px;line-height:1;padding:9px 14px;border-radius:10px;letter-spacing:-.3px}
.oz-price small{font:600 12.5px/1 Inter,sans-serif;opacity:.9}
.oz-banks{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:4px 2px;font:600 13px/1 Inter,sans-serif;color:#0B8A4E;cursor:pointer;font-family:inherit}
.oz-banks b{font-weight:700}
.oz-banks:hover b{text-decoration:underline}
.oz-bank{width:22px;height:22px;border-radius:50%;color:#fff;font:700 11px/22px Inter,sans-serif;text-align:center;flex:none;box-shadow:0 0 0 1.5px #fff inset}
.oz-banks i{font-style:normal;color:#0B8A4E;font-size:15px}
.oz-ret{margin:9px 2px 0;font-size:13px;color:#6B7280}
.oz-ret s{color:#9CA3AF}
.oz-ret b{color:#0B8A4E;font-weight:800}
.oz-paylater{display:flex;align-items:center;gap:10px;background:#F3E8FF;border-radius:10px;padding:10px 12px;margin-top:12px}
.oz-paylater b{background:#8E24AA;color:#fff;border-radius:7px;padding:5px 9px;font:600 12px/1 Inter,sans-serif;flex:none;letter-spacing:.2px}
.oz-paylater span{font-size:12.5px;line-height:1.45;color:#5B4668}

.oz-card .pd-buy-box{margin-top:13px;padding-top:13px}
.oz-card .pd-econ{margin:0 0 12px}
.oz-cta{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;background:linear-gradient(180deg,#3B82F6,#2563EB);border-radius:12px;padding:14px 44px 13px 16px;text-decoration:none;box-shadow:0 4px 14px rgba(37,99,235,.28);margin-top:2px}
.oz-cta:hover{filter:brightness(1.04)}
.oz-cta .pd-cta{color:#fff;font-weight:800;font-size:16px;line-height:1.25}
.oz-cta .oz-cta-sub{color:rgba(255,255,255,.82);font-size:12px;line-height:1.3}
.oz-fav{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.16);color:#fff;font-style:normal;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.oz-fav:hover{background:rgba(255,255,255,.3)}
.oz-fav.on{color:#FF9DB2}
.oz-cheaper{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:#F7F7F5;border:0;border-radius:10px;padding:10px 12px;margin-top:10px;cursor:pointer;font-family:inherit}
.oz-cheaper:hover{background:#F1F1EE}
.oz-cheaper-ic{font-size:19px;flex:none;width:28px;height:28px;display:flex;align-items:center;justify-content:center}
.oz-cheaper-t{flex:1;min-width:0}
.oz-cheaper-t b{display:block;font-size:14px;color:#1F2937;font-weight:700}
.oz-cheaper-t i{display:block;font-style:normal;font-size:12.5px;color:#6B7280;margin-top:2px}
.oz-cheaper-n{font-size:15px;color:#4B5563;font-weight:700}
.oz-cheaper-go,.oz-row-go{font-style:normal;color:#9CA3AF;font-size:16px;flex:none}
.oz-buynow{width:100%;background:#EFF6FF;color:#2563EB;border:1px solid #DBEAFE;border-radius:10px;padding:12px;font:700 14.5px/1 Inter,sans-serif;cursor:pointer;margin-top:8px;font-family:inherit}
.oz-buynow:hover{background:#E3EFFE}

.oz-sec{margin-top:18px}
/* v28: секции внутри панели-виджета «Доставка» — без вложенных карточек */
.pd-dlv .oz-sec{margin-top:0}
.pd-dlv .oz-sec + .oz-sec{margin-top:18px}
.oz-sec>h3{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16.5px;font-weight:800;margin:0 0 6px;color:#111827}
.oz-sub{border:0;background:transparent;font:600 13px/1 Inter,sans-serif;color:#6B7280;cursor:pointer;padding:4px 2px;font-family:inherit}
.oz-sub:hover{color:#111827}
.oz-sub.on{color:#0B8A4E}
.oz-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #F1F1F3;padding:11px 2px;cursor:pointer;font-family:inherit}
.oz-row:hover{background:#FAFAF8}
.oz-row-ic{font-style:normal;font-size:17px;flex:none;width:24px;text-align:center}
.oz-row-t{flex:1;min-width:0}
.oz-row-t b{display:block;font-size:14px;color:#1F2937;font-weight:600}
.oz-row-t i{display:block;font-style:normal;font-size:12.5px;color:#6B7280;margin-top:1px}
.oz-row-v{font-size:13px;color:#6B7280;flex:none;font-weight:600}
.oz-row--last{border-bottom:0}

.oz-shop{border:1.5px solid #EFEEEA;border-radius:14px;padding:12px;background:#fff}
.oz-shop-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oz-shop-hn{flex:1;min-width:0}
.oz-shop-hn b{display:block;font-size:15px;color:#241F20}
.oz-shop-hn .ok{color:#4098FF;font-weight:700;font-size:11.5px}
.oz-shop-hn .warn{color:#B98900;font-weight:700;font-size:11.5px}
.oz-shop-rt{background:#FFFBEB;color:#B45309;font-weight:800;font-size:13.5px;border-radius:6px;padding:3px 7px;flex:none}
.oz-shop-chat{background:#EFF6FF;color:#2563EB;border-radius:8px;padding:7px 11px;font:600 13px/1 Inter,sans-serif;text-decoration:none;flex:none}
.oz-shop-chat:hover{background:#E3EFFE}
.oz-shop .pd-supgrid{margin-top:10px}

/* модалка-«Item B» (anime.js createLayout): диалог всегда отрисован,
   невидим через --oz-alpha + pointer-events, панель летит из строки */
#oz-dialog{--oz-alpha:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;position:fixed;z-index:1260;top:0;left:0;width:100vw;height:100dvh;max-width:100%;max-height:100%;border:none;background:transparent;pointer-events:none;background-color:color-mix(in srgb,rgba(18,14,9,.6),transparent var(--oz-alpha));padding:18px}
#oz-dialog[open]{--oz-alpha:0%;pointer-events:auto}
#oz-dialog::backdrop{background:transparent}
#oz-dialog .oz-panel{visibility:hidden;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:18px;max-width:560px;width:100%;max-height:86dvh;box-shadow:0 24px 70px rgba(0,0,0,.3);will-change:transform}
#oz-dialog .oz-panel--wide{max-width:840px}
#oz-dialog[open] .oz-panel{visibility:visible}
#oz-dialog .oz-m-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid #F0F0F0;flex:none}
#oz-dialog .oz-m-h b{font-size:15.5px}
#oz-dialog .oz-m-x{border:0;background:#F8F8F8;width:34px;height:34px;border-radius:10px;font-size:15px;cursor:pointer;color:#666263;font-family:inherit}
#oz-dialog .oz-m-x:hover{background:#FFDE00}
#oz-dialog .oz-m-b{padding:16px 18px;overflow:auto}
#oz-dialog .oz-m-f{padding:12px 18px;border-top:1px solid #F0F0F0;flex:none}
#oz-dialog .oz-m-txt{font-size:13.5px;line-height:1.6;color:#3F3B37;margin:0 0 12px}
#oz-dialog .oz-m-txt--dim{color:#8A847C;font-size:12.5px}
#oz-dialog .oz-m-rows{display:flex;flex-direction:column}
#oz-dialog .oz-m-row{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid #F1F1F3}
#oz-dialog .oz-m-row:last-child{border-bottom:0}
#oz-dialog .oz-m-row b{display:block;font-size:14px;color:#1F2937}
#oz-dialog .oz-m-row i{display:block;font-style:normal;font-size:12.5px;color:#6B7280;margin-top:1px}
.oz-src-open{visibility:hidden}
.oz-toast{position:fixed;left:50%;transform:translateX(-50%);bottom:84px;z-index:1400;background:#241F20;color:#fff;border-radius:12px;padding:10px 16px;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:90vw}

/* тёмная тема */
html[data-theme="dark"] .oz-card{background:#211E1A;border-color:#2C2823;box-shadow:none}
html[data-theme="dark"] .oz-price{background:linear-gradient(135deg,#00C464,#00913F)}
html[data-theme="dark"] .oz-banks{color:#35C97E}
html[data-theme="dark"] .oz-banks i{color:#35C97E}
html[data-theme="dark"] .oz-ret{color:#A59D92}
html[data-theme="dark"] .oz-ret b{color:#35C97E}
html[data-theme="dark"] .oz-paylater{background:#37294A}
html[data-theme="dark"] .oz-paylater span{color:#C7B8DC}
html[data-theme="dark"] .oz-cheaper{background:#2A2521}
html[data-theme="dark"] .oz-cheaper:hover{background:#332D27}
html[data-theme="dark"] .oz-cheaper-t b,html[data-theme="dark"] .oz-row-t b{color:#EDE8E0}
html[data-theme="dark"] .oz-cheaper-t i,html[data-theme="dark"] .oz-row-t i{color:#837C73}
html[data-theme="dark"] .oz-cheaper-n,html[data-theme="dark"] .oz-row-v{color:#A59D92}
html[data-theme="dark"] .oz-sec>h3{color:#F5F0E8}
html[data-theme="dark"] .pd-info .oz-card{background:transparent}
html[data-theme="dark"] .pd-dopt{background:#1A211B;border-color:#27362C}
html[data-theme="dark"] .pd-dopt-h{color:#CFE8D6}
html[data-theme="dark"] .pd-dopt-row{background:#211E1A;border-color:#2C3329}
html[data-theme="dark"] .pd-dopt-row--best{background:#1B241D;box-shadow:0 0 0 1px #2E5B3E inset}
html[data-theme="dark"] .pd-dopt-bar{background:#2A2521}
html[data-theme="dark"] .pd-dopt-live{background:#26211A;border-color:#3D3626}
html[data-theme="dark"] .pd-sim{border-color:#2C2823}
html[data-theme="dark"] .oz-row{border-bottom-color:#2C2823}
html[data-theme="dark"] .oz-row:hover{background:#26221E}
html[data-theme="dark"] .oz-sub{color:#A59D92}
html[data-theme="dark"] .oz-sub.on{color:#35C97E}
html[data-theme="dark"] .oz-shop{border-color:#2C2823;background:#1B1815}
html[data-theme="dark"] .oz-shop-hn b{color:#F5F0E8}
html[data-theme="dark"] .oz-buynow{background:#1E2A38;border-color:#2C3E50;color:#7EB3FF}
html[data-theme="dark"] .oz-buynow:hover{background:#243344}
html[data-theme="dark"] .oz-shop-chat{background:#1E2A38;color:#7EB3FF}
html[data-theme="dark"] #oz-dialog{background-color:color-mix(in srgb,rgba(8,6,4,.72),transparent var(--oz-alpha))}
html[data-theme="dark"] #oz-dialog .oz-panel{background:#211E1A;box-shadow:0 24px 70px rgba(0,0,0,.6)}
html[data-theme="dark"] #oz-dialog .oz-m-h,html[data-theme="dark"] #oz-dialog .oz-m-f{border-color:#2C2823}
html[data-theme="dark"] #oz-dialog .oz-m-h b{color:#F5F0E8}
html[data-theme="dark"] #oz-dialog .oz-m-txt{color:#C9C2B8}
html[data-theme="dark"] #oz-dialog .oz-m-row{border-bottom-color:#2C2823}
html[data-theme="dark"] #oz-dialog .oz-m-row b{color:#EDE8E0}
html[data-theme="dark"] #oz-dialog .oz-m-row i{color:#837C73}
html[data-theme="dark"] .oz-toast{background:#F2F0EC;color:#1B1815}

@media (max-width:760px){
  .oz-card{padding:13px}
  .oz-price{font-size:22px;padding:8px 12px}
  .oz-cta .pd-cta{font-size:15px}
}


/* ═══════ v35 (04.09.2026, директива 00:32) · уровни покупателя ×12 + достижения ×29 ═══════ */
/* бейдж уровня у аватара и ссылка уровня в статусе — кликабельны (модалка лестницы) */
.acc-bc-lv{cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}
.acc-bc-lv:hover{background:#FFDE00;color:#241F20;border-color:#fff;box-shadow:0 2px 10px rgba(255,222,0,.55)}
.acc-bc-lv:focus-visible{outline:2px solid #FFDE00;outline-offset:2px}
.acc-lvl-ln{color:inherit;font-weight:800;cursor:pointer;border-bottom:1.5px dashed #C9B400;text-decoration:none}
.acc-lvl-ln:hover{border-bottom-color:#241F20}
.acc-lvl-ln:focus-visible{outline:2px solid #FFDE00;outline-offset:2px}
/* достижения: заливка фона = прогресс (другой цвет), «следующее» — пышная иконка + пульс */
.acc-ach{position:relative;overflow:hidden;cursor:pointer;transition:transform .15s,box-shadow .15s}
.acc-ach:focus-visible{outline:2px solid #0A7C3D;outline-offset:2px}
.acc-ach--pr{filter:none;opacity:1;background:linear-gradient(135deg,#C7EBCC calc(var(--p,0)*1%),#F1F2F1 calc(var(--p,0)*1%))}
.acc-ach--next{border:2px solid #0A7C3D;box-shadow:0 4px 16px rgba(10,124,61,.3);font-size:25px;animation:accNext 2.4s ease-in-out infinite}
@keyframes accNext{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
/* шапка модалки уровней: текущий уровень + прогресс */
.acc-lvl-hd{display:flex;gap:14px;align-items:center;background:linear-gradient(135deg,#FFF3C4,#FFDE00);border-radius:16px;padding:14px 16px;margin-bottom:14px}
.acc-lvl-hd-ic{font-style:normal;font-size:34px;line-height:1;filter:drop-shadow(0 3px 8px rgba(170,120,0,.35))}
.acc-lvl-hd>div{min-width:0;flex:1}
.acc-lvl-hd b{display:block;font-size:16px}
.acc-lvl-hd span{display:block;font-size:12px;color:#8A6D00;font-weight:700;margin-top:2px}
.acc-lvl-hd .acc-am-pb{margin-top:7px;max-width:240px}
/* лестница уровней */
.acc-lvl{display:flex;flex-direction:column;gap:8px}
.acc-lvl-row{display:flex;gap:12px;border:1px solid #F0F0F0;border-radius:14px;padding:10px 13px;align-items:center}
.acc-lvl-row i{font-style:normal;flex:none;width:44px;height:44px;border-radius:12px;background:#F4F4F4;display:flex;align-items:center;justify-content:center;font-size:20px;filter:grayscale(1);opacity:.45}
.acc-lvl-row--done i{background:linear-gradient(135deg,#FFF3C4,#FFDE00);filter:none;opacity:1}
.acc-lvl-row--cur{border:2px solid #FFDE00;background:#FFFDF0;box-shadow:0 4px 14px rgba(255,207,36,.25)}
.acc-lvl-row--cur i{background:linear-gradient(135deg,#FFF3C4,#FFDE00);filter:none;opacity:1;font-size:27px;box-shadow:0 4px 12px rgba(255,222,0,.5)}
.acc-lvl-row--next{border:1.5px dashed #0A7C3D;background:#F3FAF4}
.acc-lvl-row--next i{filter:none;opacity:1;background:#E1F3E5;font-size:24px}
.acc-lvl-row>div{min-width:0;flex:1}
.acc-lvl-row b{font-size:13.5px}
.acc-lvl-n{display:block;font-size:11px;color:#676E75;font-weight:800;margin-top:1px}
.acc-lvl-d{display:block;font-size:12px;color:#666263;line-height:1.45;margin-top:3px}
.acc-lvl-here{display:inline-block;font-size:9.5px;font-weight:900;letter-spacing:.5px;background:#241F20;color:#FFDE00;border-radius:999px;padding:2.5px 8px;margin-left:6px;vertical-align:1px}
.acc-lvl-left{display:block;font-size:11px;color:#0A7C3D;font-weight:800;margin-top:4px}
.acc-lvl-ok{flex:none;font-style:normal;text-decoration:none;width:26px;height:26px;border-radius:50%;background:#E9F7EE;color:#0A7C3D;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px}
.acc-lvl-why{font-size:12.5px;color:#666263;line-height:1.55;border:1px solid #F0F0F0;border-radius:14px;padding:11px 14px;background:#FAFAFB}
.acc-lvl-note{margin-top:12px;font-size:11.5px;color:#676E75;font-weight:700;border-top:1px dashed #E8E8E8;padding-top:10px;line-height:1.5}
/* модалка достижений: треки + прогресс-бары */
.acc-am-g{margin:14px 0 8px;font-size:11.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;color:#676E75}
.acc-am-wrap .acc-am-g:first-child{margin-top:0}
.acc-am-pb{display:block;height:7px;border-radius:999px;background:#EFEFEF;overflow:hidden;margin-top:6px;max-width:260px}
.acc-am-pb i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7ED491,#0A7C3D)}
.acc-am-row i{position:relative;overflow:hidden}
.acc-am-row:not(.acc-am-row--on) i{filter:none;opacity:1;background:linear-gradient(135deg,#C7EBCC calc(var(--p,0)*1%),#F4F4F4 calc(var(--p,0)*1%))}
@media(max-width:760px){
  .acc-lvl-hd-ic{font-size:28px}
  .acc-lvl-row i{width:40px;height:40px;font-size:18px}
  .acc-lvl-row--cur i{font-size:23px}
  .acc-ach{width:40px;height:40px;font-size:18px}
  .acc-ach--next{font-size:22px}
}


/* ═══ v44 (07.09, директива IM): модалка «Уровень свой» — во всю ширину
   экрана, уровни покупателя и достижения — в 2 столбика; виджет
   достижений убран со страницы (карточка покупателя — во всю ширину героя) ═══ */
.acc-hero{grid-template-columns:minmax(0,1fr)}
.accm--wide{padding:0}
.accm--wide .accm__box{max-width:none;width:100%;border-radius:0;max-height:none;height:100vh}
.accm--wide .accm__t,.accm--wide .accm__f{padding-left:30px;padding-right:30px}
.accm--wide .accm__b{flex:1 1 auto;min-height:0;padding:20px 30px}
.acc-lvlach{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start}
.acc-lac-col{min-width:0;padding:2px 30px 6px 0}
.acc-lac-col + .acc-lac-col{border-left:1px solid #F0F0F0;padding:2px 0 6px 30px}
.acc-lac-h{font-size:16px;font-weight:900;letter-spacing:-.01em;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #F0F0F0}
.acc-lac-h span{display:block;font:700 12px Inter,system-ui,sans-serif;color:#676E75;margin-top:4px;letter-spacing:0}
@media(max-width:980px){
  .acc-lvlach{grid-template-columns:1fr}
  .acc-lac-col{padding-right:0}
  .acc-lac-col + .acc-lac-col{border-left:0;border-top:1px solid #F0F0F0;margin-top:14px;padding:16px 0 6px 0}
  .accm--wide .accm__t,.accm--wide .accm__f,.accm--wide .accm__b{padding-left:18px;padding-right:18px}
}

/* ===== v46 (09.09.2026) — живые пулы + FBS-расчёт + кривая себестоимости ===== */

/* живой индикатор «онлайн» (пульсирующая точка) */
.wg-live-dot{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;color:#0A7C3D;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.wg-live-dot i{width:7px;height:7px;border-radius:50%;background:#34C759;animation:plivePulse 1.6s ease-out infinite}
@keyframes plivePulse{0%{box-shadow:0 0 0 0 rgba(52,199,89,.55)}70%{box-shadow:0 0 0 7px rgba(52,199,89,0)}100%{box-shadow:0 0 0 0 rgba(52,199,89,0)}}

/* переключатель периода графика сбора: «7 дней / Весь период» */
.wg-ch-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-basis:100%;margin-top:6px}
.wg-ch-per{display:inline-flex;border:1.5px solid #F0F0F0;border-radius:999px;padding:2px;background:#fff}
.wg-ch-per button{border:0;background:transparent;border-radius:999px;padding:4px 12px;font:inherit;font-size:11px;font-weight:800;color:#666263;cursor:pointer;transition:background .15s,color .15s}
.wg-ch-per button.on{background:#241F20;color:#fff}
.wg-ch-per button:not(.on):hover{background:#FAFAFB;color:#241F20}
.wg-ch-xlab{font-size:8.5px;fill:#676E75;font-weight:700}
.wg-dot--now{fill:#34C759;stroke:#0A7C3D;stroke-width:2}

/* спарклайн-фон ярусов и карточек пулов (график наполняемости по дням) */
.pd-spark{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.pd-spark .sp-a{fill:rgba(255,207,36,.16)}
.pd-spark .sp-l{fill:none;stroke:rgba(36,31,32,.30);stroke-width:.8;vector-effect:non-scaling-stroke}
.pd-tier-fill > *:not(.pd-spark):not(.wg-tag){position:relative;z-index:1}
.wg-tier.pd-tier-closed .pd-spark .sp-a{fill:rgba(76,201,123,.12)}
.wg-tier.pd-tier-closed .pd-spark .sp-l{stroke:rgba(10,124,61,.4)}
.pd-live-card{position:relative}
.pd-live-card > *:not(.pd-spark){position:relative;z-index:1}

/* FBS-разбивка в «Итого с доставкой и фулфилментом» */
.pd-ff-line{display:block;font-style:normal;font-size:12px;color:#666263;margin-top:2px}
.pd-ff-cells{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:6px}
.pd-ff-cells span{background:#F8F8F8;border:1px solid #F0F0F0;border-radius:8px;padding:3px 8px;font-size:10.5px;font-weight:700;color:#666263;cursor:help}
.pd-ff-cells b{color:#241F20}
.pd-ff-unit{display:block;font-style:normal;font-size:12px;color:#3E4A42;margin-top:6px}
.pd-ff-unit b{color:#0A7C3D}

/* кривая «себестоимость на заказ vs объём» */
.pd-curve-box{background:#fff;border:1px solid #DCEDE2;border-radius:12px;padding:10px 12px 8px;margin-top:11px}
.pd-curve-h{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pd-curve-h i{font-style:normal;font-size:16px;line-height:1}
.pd-curve-h b{font-size:13px;color:#1B4332}
.pd-curve-h span{font-size:10.5px;color:#6B7280}
.pd-curve-svg{width:100%;height:auto;display:block;margin-top:6px}
.pd-curve-a{fill:rgba(0,160,79,.10)}
.pd-curve-l{fill:none;stroke:#0A7C3D;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pd-ret-line{stroke:#B3261E;stroke-width:1.5;stroke-dasharray:5 5;opacity:.7}
.pd-ret-lab{font-size:8.5px;fill:#B3261E;font-weight:700}
.pd-guide{stroke:#241F20;stroke-width:1;stroke-dasharray:3 3;opacity:.35}
.pd-cur-dot{fill:#FFDE00;stroke:#241F20;stroke-width:2}
.pd-cur-lab{font-size:9px;fill:#241F20;font-weight:800}
.pd-ax-lab{font-size:8.5px;fill:#676E75;font-weight:700}
.pd-ax-t{font-size:9px;fill:#666263;font-weight:700}
.pd-curve-note{font-size:11.5px;color:#3E4A42;margin-top:4px}
.pd-curve-note b{color:#0A7C3D}

/* кнопки «Сохранить расчёт» / «⬇ Файл расчёта (JSON)» */
.pd-dopt-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}
.pd-dopt-btn{flex:1;min-width:150px;border:0;border-radius:11px;background:#0A7C3D;color:#fff;font:inherit;font-size:12px;font-weight:800;padding:9px 12px;cursor:pointer;transition:background .15s}
.pd-dopt-btn:hover{background:#086a33}
.pd-dopt-btn--o{background:#fff;color:#0A7C3D;border:1.5px solid #BFE3C8}
.pd-dopt-btn--o:hover{background:#F3FBF5}

@media (max-width:980px){
  .pd-ff-cells span{font-size:10px}
  .pd-dopt-btn{min-width:calc(50% - 8px)}
  .wg-ch-tools{justify-content:flex-start}
}

/* тёмная тема (на паузе с v31 — но правила каскада соблюдены) */
html[data-theme="dark"] .pd-curve-box,html[data-theme="dark"] .pd-dopt-row{background:#211E1A;border-color:#2C2823}
html[data-theme="dark"] .pd-ff-cells span{background:#262320;border-color:#2C2823;color:#A9A9A5}
html[data-theme="dark"] .pd-ff-cells b{color:#F2F0E9}
html[data-theme="dark"] .wg-ch-per{background:#262320;border-color:#2C2823}
html[data-theme="dark"] .pd-dopt-btn--o{background:transparent;color:#7BD8A0}

/* ===== v47 (09.09.2026, ночь) — FBS-правки + табы + ярусы + выбор оплаты ===== */

/* ярус пула: % сбора — по центру и крупно (комментарий 08.09 18:40) */
.wg-t-big{text-align:center;margin:7px 0 3px;line-height:1.05}
.wg-t-big b{font-size:30px;font-weight:900;letter-spacing:-.03em;color:#241F20}
.wg-t-big b small{font-size:15px;font-weight:800;margin-left:1px}
.wg-t-big span{display:block;margin-top:2px;font-size:10.5px;font-weight:700;color:#676E75;letter-spacing:.02em;text-transform:uppercase}
.wg-tier.pd-tier-closed .wg-t-big b{color:#0A7C3D}
.wg-tier.pd-tier-closed .wg-t-big b small{font-size:11px;text-transform:none;letter-spacing:0;font-weight:700}
@media (max-width:980px){.wg-t-big b{font-size:24px}}

/* табы под галереей: Характеристики · Описание · Отзывы · Вопросы (18:35) */
.pd-tabs-bar{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1.5px solid #F0F0F0;margin-bottom:11px}
.pd-tab-btn{border:0;background:transparent;padding:7px 11px 8px;font:inherit;font-size:12.5px;font-weight:700;color:#666263;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .15s,border-color .15s;display:inline-flex;align-items:center;gap:5px}
.pd-tab-btn i{font-style:normal;font-size:10px;font-weight:800;background:#F4F4F4;color:#666263;border-radius:99px;padding:1px 7px}
.pd-tab-btn.on{color:#241F20;border-bottom-color:#241F20}
.pd-tab-btn.on i{background:#FFDE00;color:#241F20}
.pd-tab-btn:not(.on):hover{color:#241F20}
.pd-tab-pane{display:none}
.pd-tab-pane.on{display:block}
.pd-tab-pane .pd-desc{font-size:13.5px;line-height:1.65;color:#241F20;margin:0}
.pd-tab-pane[data-pane="desc"] .pd-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.pd-tab-pane[data-pane="desc"].pd-open .pd-desc{display:block;-webkit-line-clamp:unset;overflow:visible}
.pd-tab-head{font-size:13.5px;font-weight:800;margin:0 0 8px;color:#241F20}
.pd-tab-head .wg-star{color:#FF9500}

/* строки-цели «сколько взять, чтобы сервис 20/10/5%» (кликабельны) */
.pd-dopt-row--t{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}
.pd-dopt-row--t:hover{border-color:#FFC53D;box-shadow:0 0 0 1px #FFC53D inset}
.pd-dopt-row--t:active{transform:scale(.995)}
.pd-dopt-row--t .pd-dopt-l b{color:#0A7C3D}
.pd-dopt-tt{font-size:16px;font-weight:900;color:#241F20;margin-right:2px}
.pd-dopt-row--t .pd-dopt-pct{color:#6B7280}
.pd-dopt-row--t .pd-dopt-pct b{color:#0A7C3D}
.pd-dopt-row--na{opacity:.75;background:#FAFAFB}
.pd-dopt-row--na .pd-dopt-l b{color:#676E75}
.pd-dopt-row--na .pd-dopt-pct{color:#676E75}

/* выбор оплаты: сразу / частями / в кредит + «почему лучше сразу» (18:40) */
.oz-paysel{margin:12px 0 0}
.oz-paysel-cap{font-size:12px;font-weight:800;color:#666263;text-transform:uppercase;letter-spacing:.03em}
.oz-paysel-opts{display:flex;gap:6px;margin-top:7px}
.oz-paysel-opt{flex:1;border:1.5px solid #E8E8E8;border-radius:11px;background:#fff;padding:7px 4px 8px;cursor:pointer;font:inherit;text-align:center;transition:border-color .15s,background .15s,box-shadow .15s}
.oz-paysel-opt b{display:block;font-size:12.5px;font-weight:800;color:#241F20}
.oz-paysel-opt span{display:block;margin-top:2px;font-size:10px;font-weight:700;color:#676E75}
.oz-paysel-opt:hover{border-color:#C9C9C9}
.oz-paysel-opt.on{border-color:#0A7C3D;background:#F3FBF5;box-shadow:0 0 0 1px #0A7C3D inset}
.oz-paysel-opt.on b{color:#0A7C3D}
.oz-paysel-note{margin-top:8px;font-size:11.5px;line-height:1.5;color:#4A4445;background:#FFFDF2;border:1px dashed #E2D48C;border-radius:10px;padding:7px 10px}
.oz-paysel-why{border:0;background:none;padding:8px 0 0;font:800 12px/1 inherit;font-family:inherit;color:#0A7C3D;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.oz-paysel-why:hover{text-decoration:underline}
.oz-paysel-why[aria-expanded="true"] i{transform:rotate(180deg)}
.oz-paysel-why i{font-style:normal;font-size:11px;transition:transform .2s}
.oz-paysel-list{margin:7px 0 0;padding:0 0 0 20px;list-style:disc}
.oz-paysel-list li{font-size:11.5px;line-height:1.55;color:#4A4445;margin-bottom:5px}
.oz-paysel-list li b{color:#241F20}
@media (max-width:980px){
  .oz-paysel-opts{flex-wrap:wrap}
  .oz-paysel-opt{flex:calc(33% - 6px)}
  .pd-tab-btn{padding:6px 8px 7px;font-size:11.5px}
  .pd-tab-btn i{display:none}
}

/* тёмная тема (на паузе с v31 — каскад соблюден) */
html[data-theme="dark"] .pd-tabs-bar{border-color:#2C2823}
html[data-theme="dark"] .pd-tab-btn{color:#A9A9A5}
html[data-theme="dark"] .pd-tab-btn.on{color:#F2F0E9;border-bottom-color:#F2F0E9}
html[data-theme="dark"] .pd-tab-btn i{background:#2C2823;color:#A9A9A5}
html[data-theme="dark"] .pd-tab-btn.on i{background:#FFDE00;color:#241F20}
html[data-theme="dark"] .wg-t-big b{color:#F2F0E9}
html[data-theme="dark"] .wg-t-big span{color:#A9A9A5}
html[data-theme="dark"] .pd-tab-pane .pd-desc{color:#EDEBE4}
html[data-theme="dark"] .pd-tab-head{color:#F2F0E9}
html[data-theme="dark"] .pd-dopt-row--na{background:transparent}
html[data-theme="dark"] .pd-dopt-tt{color:#F2F0E9}
html[data-theme="dark"] .oz-paysel-opt{background:#211E1A;border-color:#2C2823}
html[data-theme="dark"] .oz-paysel-opt b{color:#F2F0E9}
html[data-theme="dark"] .oz-paysel-opt.on{border-color:#0A7C3D;background:#1B241D}
html[data-theme="dark"] .oz-paysel-note{background:#26211A;border-color:#3D3626;color:#C9C7BF}
html[data-theme="dark"] .oz-paysel-list li{color:#C9C7BF}
html[data-theme="dark"] .oz-paysel-list li b{color:#F2F0E9}

/* ===== v48 (09.09, день): логистика товаров + кошелёк + выдача ===== */

/* логистика в карточке каталога */
.wg-prc-lg{font:600 11px/1.45 Inter,system-ui,sans-serif;color:#676E75;margin-top:4px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* логистика первыми чипами «Характеристик» */
.pd-chips .pd-chip-lg{background:#FFF8E1;border-color:#FFB800;color:#6A5510;font-weight:700}

/* плашка объёмного веса в «Итого» */
.pd-ff-vol{display:block;font-size:11px;color:#8A6D1A;background:#FFF8E1;
  border:1px dashed #FFDF8A;border-radius:9px;padding:6px 9px;margin-top:7px;font-weight:600;line-height:1.45}

/* фасовка в карточке товара — чип как выбранный вариант */
.pd-var .pd-var-chip[title^="Вес и габариты"]{cursor:default}

/* кошелёк: «?» справа сверху + клик по балансу */
.wg-wallet-b{position:relative}
.acc-wq{position:absolute;top:10px;right:12px;width:26px;height:26px;border-radius:50%;
  border:1.5px solid #F0F0F0;background:#fff;font:800 14px/1 Inter,system-ui,sans-serif;
  color:#666263;cursor:pointer;display:flex;align-items:center;justify-content:center}
.acc-wq:hover{border-color:#FFB800;background:#FFF8E1;color:#241F20}
.acc-bal-link{cursor:pointer}
.acc-wm{max-width:640px}
.acc-wm-top{display:flex;gap:12px}
.acc-wm-top>div{flex:1;border:1px solid #F0F0F0;border-radius:14px;padding:12px 16px;
  background:linear-gradient(120deg,#FFFDF2,#FFF5EE)}
.acc-wm-top span{display:block;font:600 10.5px/1.3 Inter,system-ui,sans-serif;color:#676E75;
  text-transform:uppercase;letter-spacing:.4px}
.acc-wm-top b{display:block;font:900 24px/1.25 Inter,system-ui,sans-serif;color:#241F20;margin-top:3px}
.acc-wm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 4px}
.acc-wm-stats>div{border:1px solid #F0F0F0;border-radius:12px;padding:10px 12px;background:#FAFAFB}
.acc-wm-stats b{display:block;font:800 15px/1.2 Inter,system-ui,sans-serif;color:#241F20}
.acc-wm-stats span{display:block;font:600 10.5px/1.35 Inter,system-ui,sans-serif;color:#676E75;margin-top:3px}
.acc-wm-h{font:800 11px/1.2 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.5px;
  color:#676E75;margin:16px 0 8px;padding-top:12px;border-top:1px dashed #F0F0F0}
.acc-wm-ops{max-height:220px;overflow:auto;border:1px solid #F0F0F0;border-radius:12px;padding:4px 12px;background:#fff}
.acc-wm-op{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:7px 0;border-bottom:1px solid #F5F5F6;font:500 12px/1.4 Inter,system-ui,sans-serif;color:#666263}
.acc-wm-op:last-child{border-bottom:0}
.acc-wm-op b{font-weight:800;color:#241F20;white-space:nowrap}
.acc-wm-op b.g{color:#0A7C3D}
.acc-wm-guide{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.acc-wm-guide .acc-wg{flex:1;min-width:200px}
@media(max-width:720px){.acc-wm-top{flex-direction:column}.acc-wm-stats{grid-template-columns:repeat(2,1fr)}}

/* «Прибыл» — справа в шапке фрейма «Ближайшая выдача» */
#acc-side-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.acc-arrived{flex:none;display:inline-flex;align-items:center;background:#E8F6EE;color:#0A7C3D;
  border:1px solid #BFE5CE;border-radius:999px;padding:3px 10px;font:700 11px/1.3 Inter,system-ui,sans-serif}
.acc-ord-link{color:#241F20;text-decoration:none;border-bottom:1px dashed #C9CDD1;font-weight:700}
.acc-ord-link:hover{color:#8A6D1A;border-color:#FFB800}

/* крошки заявки + кликабельные товары */
.crumb{margin-bottom:12px}
.wg-ot a{color:#241F20;text-decoration:none;border-bottom:1px dashed #C9CDD1}
.wg-ot a:hover{color:#8A6D1A;border-color:#FFB800}


/* ===== v42 (09.09.2026, вечер) — v49: доставка по фасовке + опт-экономика ===== */
/* места отправления (строка в «Итого») */
.pd-ff-places{display:block;margin-top:6px;font-size:11.5px;line-height:1.5;color:#6B7280;background:#F6FAF7;border:1px solid #E3EFE7;border-radius:9px;padding:5px 9px}
.pd-ff-places b{color:#241F20}
/* «рассчитывается индивидуально» — свыше лимитов тарифа (100 кг / 0,5 м³) */
.pd-ff-ind{display:block;margin-top:6px;font-size:11.5px;line-height:1.5;color:#7A5B14;background:#FFF9E8;border:1px solid #F0DF9F;border-radius:9px;padding:6px 9px}
.pd-ff-ind-t{color:#A16A00}
/* «Опт-экономика» — скидки ярусов с учётом ФФ и доставки */
.pd-opt{background:#fff;border:1px solid #DCEDE2;border-radius:14px;padding:13px 14px 14px;margin-top:12px}
.pd-opt-h{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14.5px;color:#1B4332}
.pd-opt-h i{font-style:normal;font-size:18px;line-height:1}
.pd-opt-sub{margin:7px 0 0;font-size:12.5px;line-height:1.55;color:#3E4A42}
.pd-opt-sub b{color:#0A7C3D}
.pd-opt-rows{display:flex;flex-direction:column;gap:8px;margin-top:11px}
.pd-opt-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;background:#fff;border:1px solid #DCEDE2;border-radius:12px;padding:9px 12px 10px;cursor:pointer}
.pd-opt-row:hover{border-color:#9CCB86}
.pd-opt-row:focus-visible{outline:2px solid #00A04F;outline-offset:2px}
.pd-opt-row--ok{border-color:#BFE3CC;background:#F4FDF6}
.pd-opt-row--warn{border-color:#F0DF9F;background:#FFFDF6}
.pd-opt-l{display:flex;align-items:baseline;gap:8px;font-size:13px}
.pd-opt-l b{font-weight:800;color:#241F20}
.pd-opt-l span{font-size:12px;color:#6B7280;white-space:nowrap}
.pd-opt-r{display:flex;align-items:baseline;gap:7px;margin-left:auto}
.pd-opt-disc{font-weight:800;font-size:15px;color:#0A7C3D;white-space:nowrap}
.pd-opt-row--warn .pd-opt-disc{color:#B8860B}
.pd-opt-r i{font-style:normal;font-size:11px;color:#6B7280;text-align:right}
.pd-opt-ind{flex-basis:100%;font-size:11px;line-height:1.45;color:#7A5B14;background:#FFF9E8;border:1px dashed #E2D48C;border-radius:8px;padding:4px 8px}
/* тёмная тема */
html[data-theme="dark"] .pd-opt{background:#211E1A;border-color:#2C3329}
html[data-theme="dark"] .pd-opt-h{color:#CFE8D6}
html[data-theme="dark"] .pd-opt-sub{color:#C6CDC8}
html[data-theme="dark"] .pd-opt-row{background:#211E1A;border-color:#2C3329}
html[data-theme="dark"] .pd-opt-row--ok{background:#1B241D;box-shadow:0 0 0 1px #2E5B3E inset}
html[data-theme="dark"] .pd-opt-row--warn{background:#241F14;box-shadow:0 0 0 1px #4A3D14 inset}
html[data-theme="dark"] .pd-opt-l b,html[data-theme="dark"] .pd-ff-places b{color:#E9E5E0}
html[data-theme="dark"] .pd-opt-disc{color:#4FC98A}
html[data-theme="dark"] .pd-opt-row--warn .pd-opt-disc{color:#D9B44A}
html[data-theme="dark"] .pd-opt-r i,html[data-theme="dark"] .pd-opt-l span{color:#9BA3A0}
html[data-theme="dark"] .pd-ff-places{background:#1B241D;border-color:#2C3329;color:#9BA3A0}
html[data-theme="dark"] .pd-ff-ind{background:#241F14;border-color:#4A3D14;color:#D9C58A}
/* мобильный */
@media (max-width:720px){
  .pd-opt{padding:11px 11px 12px}
  .pd-opt-r{margin-left:0;flex-basis:100%;justify-content:space-between}
  .pd-opt-r i{text-align:left}
  .pd-ff-cells{gap:3px 5px}
}

/* ================= t37 (директива IM 09.09, ночь): ПВЗ-КАРТА + админ-плашка ================= */
.pvz-modal{position:fixed;inset:0;z-index:1440;background:rgba(36,31,32,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px;animation:accmIn .16s ease-out}
body.pvz-open{overflow:hidden}
.pvz-card{width:min(1060px,100%);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(36,31,32,.35);display:flex;flex-direction:column;overflow:hidden}
.pvz-head{display:flex;align-items:center;gap:12px;padding:14px 18px 10px}
.pvz-head-t{display:flex;gap:10px;align-items:center;flex:1;min-width:0}
.pvz-head-t i{font-size:22px;font-style:normal}
.pvz-head-t b{display:block;font-size:16px;line-height:1.25}
.pvz-head-t span{display:block;font-size:12px;color:#676E75;margin-top:2px}
.pvz-x{width:38px;height:38px;border-radius:50%;border:1.5px solid #F0F0F0;background:#fff;font:600 15px Inter,system-ui,sans-serif;cursor:pointer;color:#4A4445;flex:none}
.pvz-x:hover{border-color:#241F20;color:#241F20}
.pvz-cities{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 12px;border-bottom:1px solid #F0F0F0}
.pvz-chip{border:1.5px solid #F0F0F0;border-radius:999px;background:#fff;padding:7px 14px;font:700 12.5px Inter,system-ui,sans-serif;color:#4A4445;cursor:pointer}
.pvz-chip i{font-style:normal;color:#B9BEC2;font-weight:600;margin-left:3px}
.pvz-chip.on{background:#241F20;color:#fff;border-color:#241F20}
.pvz-chip.on i{color:#F2D12E}
.pvz-body{display:flex;min-height:0;flex:1}
.pvz-mapwrap{flex:1.5;position:relative;min-width:0;border-right:1px solid #F0F0F0;background:#F2EFE9}
.pvz-map{position:relative;overflow:hidden;height:100%;min-height:360px;background:#F2EFE9}
.pvz-map-in{position:absolute;inset:0;transform-origin:50% 38%;transition:transform .25s ease;will-change:transform}
.pvz-map-in>svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.pvz-lines{pointer-events:none}
.pvz-pins{position:absolute;inset:0}
.pvz-pin{position:absolute;border:0;background:transparent;padding:0;cursor:pointer;z-index:3;transform:translate(-50%,-100%)}
.pvz-pin-b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50% 50% 50% 4px;background:#1AB248;box-shadow:0 3px 10px rgba(20,80,40,.4);transform:rotate(45deg);margin:0 auto}
.pvz-pin-b b{transform:rotate(-45deg);color:#fff;font:800 14px/1 Inter,system-ui,sans-serif}
.pvz-pin-c{position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);white-space:nowrap;background:rgba(255,255,255,.95);border:1px solid #E3E7E4;border-radius:8px;padding:3px 8px;font:700 11px/1.2 Inter,system-ui,sans-serif;color:#1D5C31;box-shadow:0 2px 8px rgba(36,31,32,.14);pointer-events:none}
.pvz-pin--ff{z-index:2;cursor:default}
.pvz-pin--ff .pvz-pin-b{background:#241F20;border-radius:7px}
.pvz-pin--ff .pvz-pin-c{color:#241F20}
.pvz-pin.on{z-index:4}
.pvz-pin.on .pvz-pin-b{background:#0A7C3D;outline:3px solid rgba(26,178,72,.35);outline-offset:2px}
.pvz-pin:hover .pvz-pin-b{background:#0A7C3D}
.pvz-pop{position:absolute;z-index:5;background:#fff;border-radius:12px;border:1px solid #EDE9E0;box-shadow:0 12px 34px rgba(36,31,32,.22);padding:10px 12px;max-width:250px;pointer-events:none}
.pvz-pop b{display:block;font-size:12.5px;line-height:1.35}
.pvz-pop i{display:block;font-style:normal;font-size:11px;color:#676E75;margin-top:3px;line-height:1.4}
.pvz-mlab{position:absolute;z-index:2;transform:translate(-50%,-50%);background:#241F20;color:#fff;border-radius:999px;padding:4px 10px;font:700 10.5px/1 Inter,system-ui,sans-serif;white-space:nowrap;box-shadow:0 4px 12px rgba(36,31,32,.3);pointer-events:none}
.pvz-zoom{position:absolute;right:12px;top:12px;z-index:6;display:flex;flex-direction:column;gap:6px}
.pvz-zoom button{width:34px;height:34px;border-radius:9px;border:1.5px solid #F0F0F0;background:#fff;font:700 17px/1 Inter,system-ui,sans-serif;color:#4A4445;cursor:pointer;box-shadow:0 2px 8px rgba(36,31,32,.14)}
.pvz-zoom button:hover{border-color:#241F20;color:#241F20}
.pvz-attr{position:absolute;left:12px;bottom:10px;z-index:6;background:rgba(255,255,255,.92);border-radius:8px;padding:4px 10px;font:500 10.5px/1.3 Inter,system-ui,sans-serif;color:#676E75;max-width:70%}
.pvz-side{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}
.pvz-search{padding:12px 14px 10px}
.pvz-search input{width:100%;border:1.5px solid #F0F0F0;border-radius:11px;padding:10px 12px;font:600 12.5px Inter,system-ui,sans-serif;color:#241F20;background:#fff;box-sizing:border-box}
.pvz-search input:focus{outline:0;border-color:#241F20}
.pvz-list{overflow:auto;flex:1;padding:0 10px 12px;min-height:0}
.pvz-row{display:flex;gap:10px;width:100%;text-align:left;border:1.5px solid #F0F0F0;border-radius:12px;background:#fff;padding:10px 12px;cursor:pointer;margin-bottom:8px;align-items:flex-start;font-family:inherit}
.pvz-row:hover{border-color:#9FDCB1}
.pvz-row.on{border-color:#1AB248;background:#F3FBF5}
.pvz-row-dot{width:11px;height:11px;border-radius:50% 50% 50% 2px;background:#1AB248;transform:rotate(45deg);margin-top:4px;flex:none}
.pvz-row-b{flex:1;min-width:0}
.pvz-row-b b{display:block;font-size:12.5px;line-height:1.4;color:#241F20}
.pvz-row-b i{display:block;font-style:normal;font-size:11px;color:#6F7679;line-height:1.45;margin-top:2px}
.pvz-row-m{color:#9CA3AF!important}
.pvz-row-ok{color:#0A7C3D;font-size:15px;flex:none}
.pvz-row-empty{font-size:12px;color:#676E75;padding:14px;line-height:1.5}
/* t39: автокомплит городов в поиске ПВЗ */
.pvz-csug-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font:700 11px Inter,system-ui,sans-serif;color:#9CA3AF;text-transform:uppercase;letter-spacing:.4px;padding:10px 4px 8px}
.pvz-csug-h i{font-style:normal;font-weight:600;text-transform:none;letter-spacing:0}
.pvz-city-sug{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border:1.5px solid #F0F0F0;border-radius:11px;background:#fff;padding:10px 12px;cursor:pointer;margin-bottom:7px;font-family:inherit}
.pvz-city-sug:hover{border-color:#1AB248;background:#F3FBF5}
.pvz-city-sug b{flex:1;font:700 13px Inter,system-ui,sans-serif;color:#241F20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pvz-city-sug span{font:600 11px Inter,system-ui,sans-serif;color:#676E75;flex:none}
.pvz-city-sug i{font-style:normal;color:#0A7C3D;font-weight:700;flex:none}
.pvz-foot{display:flex;gap:14px;align-items:center;padding:13px 18px;border-top:1px solid #F0F0F0;flex-wrap:wrap}
.pvz-fsel{flex:1;min-width:220px}
.pvz-fsel b{display:block;font-size:13.5px;line-height:1.3}
.pvz-fsel span{display:block;font-size:12px;color:#4A4445;margin-top:1px}
.pvz-fsel i{display:block;font-style:normal;font-size:11.5px;color:#676E75;margin-top:2px}
.pvz-fnote{flex:1;font-size:12.5px;color:#676E75}
.pvz-foot .wg-btn-y{flex:none}
@media (max-width:900px){
  .pvz-modal{padding:0}
  .pvz-card{width:100%;max-height:100vh;height:100dvh;border-radius:0}
  .pvz-body{flex-direction:column;overflow:auto}
  .pvz-mapwrap{border-right:0;border-bottom:1px solid #F0F0F0;flex:none}
  .pvz-map{min-height:250px;height:250px}
  .pvz-side{flex:none}
  .pvz-list{max-height:none;overflow:visible}
  .pvz-attr{max-width:88%}
}
/* v54: плашка цены «С банками» + розница + «Купить в розницу» — только роли
   «Администратор» (директива IM 09.09: заготовка под будущую рекламу банков) */
.oz-admplate[hidden]{display:none}
.oz-admtag{display:inline-flex;align-items:center;gap:6px;background:#FFF7E0;border:1px dashed #D9B93C;color:#8A6D14;border-radius:9px;padding:5px 10px;font:700 10.5px/1.3 Inter,system-ui,sans-serif;margin-bottom:10px}

/* ===== v44 (09.09.2026, ночь) — v55: раскладка раскладка мест, таблица расчёта, график ===== */
/* кликабельное «N шт» в центре счётчика количества */
.pd-qty-val{cursor:pointer;border-radius:8px;padding:3px 5px;text-decoration:underline dotted #B9BEC4;text-underline-offset:3px;transition:background .12s}
.pd-qty-val:hover{background:#FFF6C7}
.pd-qty-val:focus-visible{outline:2px solid #00A04F;outline-offset:1px}
/* строка «внутрь мест поместится ещё N шт» под раскладкой в «Итого» */
.pd-ff-room{display:block;margin-top:4px;font-size:11.5px;line-height:1.5;color:#0A7C3D;font-weight:600}
/* ---- таблица расчёта по клику на «N шт» (#pd-calc-pop) ---- */
.pd-calc-pop{margin-top:10px;background:#FFFDF6;border:1.5px solid #E8D48C;border-radius:14px;padding:11px 13px 12px;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.pd-calc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
/* v44: грид-элементы не должны раздуваться мин-контентом таблиц (1fr-трек) */
.pool-lay__side{min-width:0}
.pool-lay__main{min-width:0}
.pd-check{min-width:0}
.pd-calc-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.pd-calc-h b{font-size:13.5px}
.pd-calc-h span{display:block;margin-top:2px;font-size:11.5px;color:#6B7280;line-height:1.45}
.pd-calc-h span i{color:#A16A00;font-style:normal}
.pd-calc-x{flex:none;width:27px;height:27px;border:0;border-radius:9px;background:#F5F2E4;font:inherit;font-size:13px;font-weight:800;color:#6B5F2E;cursor:pointer}
.pd-calc-x:hover{background:#FFDE00;color:#241F20}
.pd-calc-tbl{width:100%;min-width:430px;border-collapse:collapse;margin-top:9px;font-size:11.8px}
.pd-calc-tbl th{text-align:left;font-size:9.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#676E75;padding:5px 6px;border-bottom:1px solid #E5DBBB}
.pd-calc-tbl td{padding:5px 6px;border-bottom:1px dashed #EFE7CF;vertical-align:top}
.pd-calc-tbl td.num{white-space:nowrap;text-align:right;font-weight:800;color:#241F20}
.pd-calc-t2{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}
.pd-calc-t2 td{padding:5px 6px;border-bottom:1px dashed #EDE6D2;vertical-align:top;line-height:1.45}
.pd-calc-t2 td.num{white-space:nowrap;text-align:right;font-weight:800;width:110px}
.pd-calc-t2 td i{color:#A16A00;font-style:normal;font-size:10.5px}
.pd-calc-t2 tr.tot td{border-top:2px solid #00A04F;border-bottom:0;padding-top:7px;font-weight:800;color:#0A7C3D}
.pd-calc-room{margin-top:8px;font-size:11.8px;line-height:1.5;color:#0A7C3D;background:#F3FBF5;border:1px solid #DCEDE2;border-radius:10px;padding:7px 10px}
.pd-calc-room b{color:#0A7C3D}
.pd-calc-ind{margin-top:8px;font-size:11.8px;line-height:1.5;color:#7A5B14;background:#FFF9E8;border:1px solid #F0DF9F;border-radius:10px;padding:7px 10px}
/* ---- график «сколько заказать» (#pd-dopt-chart) ---- */
.pd-dopt-chart{margin-top:11px;background:#fff;border:1px solid #DCEDE2;border-radius:12px;padding:9px 10px 7px}
.pd-ch-cap{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.pd-ch-cap b{font-size:12.5px}
.pd-ch-leg{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#6B7280;font-weight:600}
.pd-ch-sw{display:inline-block;width:15px;height:0;border-radius:2px}
.pd-ch-sw--dlv{border-top:3px solid #00A04F}
.pd-ch-sw--svc{border-top:2px dashed #A5ADB8}
.pd-ch-box{margin-top:6px}
.pd-ch-svg{display:block;width:100%;height:auto}
.pd-ch-band{fill:#F3FBF5}
.pd-ch-band--b{fill:#EFF7F1}
.pd-ch-bandt{font:600 10px Inter,Arial,sans-serif;fill:#0A7C3D}
.pd-ch-sep{stroke:#CBE3D4;stroke-dasharray:3 3}
.pd-ch-indbg{fill:#F2E7CF;opacity:.5}
.pd-ch-ind{font:700 10px Inter,Arial,sans-serif;fill:#B25E09}
.pd-ch-grid{stroke:#EFF1F2}
.pd-ch-lab{font:500 10px Inter,Arial,sans-serif;fill:#676E75}
.pd-ch-thr{stroke:#E5484D;stroke-dasharray:5 4;opacity:.8}
.pd-ch-thrt{font:800 10.5px Inter,Arial,sans-serif;fill:#D93A3F}
.pd-ch-dlv{fill:none;stroke:#00A04F;stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round}
.pd-ch-svc{fill:none;stroke:#A5ADB8;stroke-width:1.7;stroke-dasharray:5 4;stroke-linejoin:round}
.pd-ch-dot circle{fill:#fff;stroke:#00A04F;stroke-width:2.6;cursor:pointer;transition:r .1s}
.pd-ch-dot circle.pd-ch-hit{fill:transparent;stroke:none;r:12}
.pd-ch-dot text{font:800 11px Inter,Arial,sans-serif;fill:#0A7C3D;pointer-events:none}
.pd-ch-dot:hover circle{fill:#FFDE00;stroke:#0A7C3D}
.pd-ch-dot:focus{outline:none}
.pd-ch-dot:focus-visible circle{stroke:#B25E09;stroke-width:3.4}
.pd-ch-empty{font-size:11.5px;color:#6B7280;padding:5px 2px;line-height:1.5}
.pd-ch-hint{margin-top:5px;font-size:11px;color:#676E75;line-height:1.45}

/* v44 — тёмная тема */
html[data-theme="dark"] .pd-qty-val{text-decoration-color:#57503A}
html[data-theme="dark"] .pd-qty-val:hover{background:#33301B}
html[data-theme="dark"] .pd-ff-room{color:#7BD9A0}
html[data-theme="dark"] .pd-calc-pop{background:#211E1A;border-color:#4A4128}
html[data-theme="dark"] .pd-calc-x{background:#2A2521;color:#CFE8D6}
html[data-theme="dark"] .pd-calc-tbl th{color:#8C9296;border-color:#3A342A}
html[data-theme="dark"] .pd-calc-tbl td{border-color:#332E24}
html[data-theme="dark"] .pd-calc-tbl td.num{color:#F2EFE9}
html[data-theme="dark"] .pd-calc-t2 td{border-color:#332E24}
html[data-theme="dark"] .pd-calc-t2 tr.tot td{border-color:#2E7B4F;color:#7BD9A0}
html[data-theme="dark"] .pd-calc-room{background:#1B241D;border-color:#2C4A36;color:#9FD9B4}
html[data-theme="dark"] .pd-calc-ind{background:#26211A;border-color:#3D3626;color:#E0C58E}
html[data-theme="dark"] .pd-dopt-chart{background:#211E1A;border-color:#2C3329}
html[data-theme="dark"] .pd-ch-band{fill:#1A211B}
html[data-theme="dark"] .pd-ch-band--b{fill:#1E261F}
html[data-theme="dark"] .pd-ch-bandt{fill:#9FD9B4}
html[data-theme="dark"] .pd-ch-sep{stroke:#33443A}
html[data-theme="dark"] .pd-ch-indbg{fill:#3A3225;opacity:.55}
html[data-theme="dark"] .pd-ch-ind{fill:#E0B25E}
html[data-theme="dark"] .pd-ch-grid{stroke:#2A2521}
html[data-theme="dark"] .pd-ch-lab{fill:#8C9296}
html[data-theme="dark"] .pd-ch-thrt{fill:#F08A8E}
html[data-theme="dark"] .pd-ch-dlv{stroke:#00C464}
html[data-theme="dark"] .pd-ch-svc{stroke:#6B7280}
html[data-theme="dark"] .pd-ch-dot circle{fill:#211E1A;stroke:#00C464}
html[data-theme="dark"] .pd-ch-dot:hover circle{fill:#4A4128}
html[data-theme="dark"] .pd-ch-dot text{fill:#7BD9A0}
html[data-theme="dark"] .pd-ch-hint{color:#8C9296}

/* v44 — мобильная адаптация */
@media(max-width:720px){
  .pd-calc-pop{padding:9px 9px 10px}
  .pd-calc-tbl{min-width:390px;font-size:11px}
  .pd-calc-scroll{margin:0 -4px;padding:0 4px}
  .pd-calc-t2 td.num{width:92px}
  .pd-ch-cap{flex-direction:column;gap:3px}
  .pd-ch-hint{font-size:10.5px}
}

/* ===== v45 (09.09.2026, день) — t38 «РЕАЛЬНЫЕ ДАННЫЕ»: ПВЗ-модалка на настоящих Яндекс.Картах: пин/склад-шаблоны (iconLayout), статус-плашка над атрибуцией Яндекса, порции списка «Показать ещё», бейджи, чипс-подпись ===== */
  /* t38: ПВЗ-модалка — реальная Яндекс.Карта (JS API 2.1). Атрибуции
     Яндекса (копирайт, низ слева) остаются видимыми: плашку статуса
     поднимаем выше; пины/склады/линия — наши шаблоны через iconLayout */
  .pvz-map--real{background:#EAE7E2}
  .pvz-map--real .pvz-attr{bottom:34px;max-width:60%}
  .pvz-y-pin i{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50% 50% 50% 4px;background:#1AB248;box-shadow:0 3px 10px rgba(20,80,40,.4);transform:rotate(45deg)}
  .pvz-y-pin i b{transform:rotate(-45deg);color:#fff;font:800 14px/1 Inter,system-ui,sans-serif}
  .pvz-y-pin.on i{background:#0A7C3D;outline:3px solid rgba(26,178,72,.35);outline-offset:2px}
  .pvz-y-wh{position:relative;width:28px;height:28px}
  .pvz-y-wh i{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#241F20;color:#fff;border-radius:7px;font-size:14px;font-style:normal}
  .pvz-map--real .pvz-mlab{position:static}
  /* t38: список — порции «Показать ещё», бейджи постамата/примерочной,
     подпись под чипсами городов */
  .pvz-more{display:block;width:calc(100% - 4px);border:1.5px dashed #C7E9D2;border-radius:12px;background:#F7FDF8;padding:11px 12px;font:700 12px Inter,system-ui,sans-serif;color:#0A7C3D;cursor:pointer;margin:2px 2px 8px}
  .pvz-more:hover{border-color:#1AB248;background:#F3FBF5}
  .pvz-badge{display:inline-block;font-style:normal;font-weight:700;font-size:10px;line-height:1;padding:3px 7px;border-radius:6px;background:#EFEFED;color:#6F7679;margin-left:2px;vertical-align:1px}
  .pvz-chip-note{display:inline-flex;align-items:center;color:#B9BEC2;font:600 11px Inter,system-ui,sans-serif;padding:7px 2px}

/* ============ t40 (директива IM 09.09): рекомендованные партии в пулах,
   sticky-сайдбар, оплата «как в прошлый раз», ПВЗ в /order ============ */
.wg-tier{position:relative}
.wg-tier-rec{margin:10px 0 0 auto;max-width:82%;border:1.5px solid #FFE08A;background:#FFFBEF;border-radius:13px;padding:8px 12px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:12px;color:#4A4445;text-align:left}
.wg-tier-rec:hover{border-color:#E8B923;background:#FFF8DA}
.wg-tier-rec i{font-style:normal;font-weight:800;font-size:10.5px;letter-spacing:.04em;text-transform:uppercase;color:#8A6D00;flex:0 0 auto}
.wg-tier-rec b{font-size:15px;color:#241F20}
.wg-tier-rec-sum{flex:1 1 100%;color:#4A4445}
.wg-tier-rec-sum b{font-size:13px}
.wg-tier-rec-unit{flex:1 1 100%;color:#676E75;font-size:11px}
.wg-tier-rec u{flex:0 0 auto;text-decoration:none;font-weight:800;color:#2D7BFF;font-size:11.5px}
.wg-tier-rec--best{border-color:#9FDDAF;background:#F3FBF5}
.wg-tier-rec--best i{color:#1B7A43}
.wg-tier-rec--best:hover{border-color:#1AB248;background:#EDF9F1}
.wg-tier-rec--best u{color:#0E8A3C}
@media(max-width:1024px){.wg-tier-rec{max-width:100%}}
.pd-check{border-radius:18px}
.pd-check--rec{animation:recGlow 1.1s ease-in-out 3}
@keyframes recGlow{0%,100%{box-shadow:0 0 0 0 rgba(232,185,35,0)}45%{box-shadow:0 0 0 6px rgba(232,185,35,.5)}}
.paylast{display:inline-block;margin-left:7px;background:#EDF3FE;color:#2D7BFF;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:800;letter-spacing:.02em;flex:none}
.pd-dopt-brief{font-size:12.5px;line-height:1.6;color:#4A4445;margin:6px 0 2px}
.od-pvz .pd-dlv-chg{margin-top:6px}
html[data-theme="dark"] .wg-tier-rec{background:#221E14;border-color:#4A4218;color:#C9C6B4}
html[data-theme="dark"] .wg-tier-rec b{color:#F2F0EC}
html[data-theme="dark"] .wg-tier-rec--best{background:#122015;border-color:#1E5231}
html[data-theme="dark"] .wg-tier-rec i{color:#C7A82E}
html[data-theme="dark"] .paylast{background:#1E2A3C;color:#7FA8FF}

/* ================= t41: СТРАНИЦА «ДОБАВИТЬ ТОВАР» (/supplier-add) =================
   Анкета-WYSIWYG: панели сидят в ТЕХ ЖЕ контейнерах раскладки /pool
   (.pd-col / .pd-info / .pd-dlv / .pd-check), поэтому карточка и анкета
   выглядят одинаково. Поля стилизованы «под карточку», но с пунктиром
   и подсказками — продавец видит, ЧТО попадёт на место блока. */

/* ---- t65: галерея анкеты = раскладка .pd-gal покупателя: вертикальные
   миниатюры-слоты СЛЕВА (64px, order:-1) + главное фото (flex:1).
   Прежняя раскладка «фото 300px + слоты flex:1» в колонке .pd 340px
   схлопывала слоты в 0px — галерея была сломана (директива IM 11.09). ---- */
.ap-gal{display:flex;flex-direction:row;gap:10px;background:#fff;border:1px solid #EDE9E0;border-radius:18px;padding:12px}
.ap-img{position:relative;flex:1;min-width:0;height:300px;border-radius:14px;background:#F7F5F0;border:2px dashed #DCD5C6;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .18s,background .18s;text-align:center}
.ap-img:hover{border-color:#92761F;background:#FBF5E4}
.ap-img.ap-drag{border-color:#0A7C3D;background:#EFF7F0}
.ap-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ap-img i{font-style:normal;font-size:56px;line-height:1;opacity:.55}
.ap-img-hint{position:relative;z-index:2;margin-top:10px;font-size:12.5px;font-weight:700;color:#92761F;text-shadow:0 1px 0 #fff}
.ap-img-hint small{font-weight:400;color:#676E75}
.ap-thumbs{order:-1;display:flex;flex-direction:column;gap:8px;width:64px;flex:none}
.ap-thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:transparent;border:0;padding:0;font:inherit;cursor:pointer}
.ap-thumb i{width:60px;height:60px;flex:none;border:1.5px solid #F0F0F0;border-radius:12px;background:#FAFAFB;display:flex;align-items:center;justify-content:center;font-size:22px;font-style:normal;overflow:hidden;transition:border-color .15s,background .15s}
.ap-thumb i img{width:100%;height:100%;object-fit:cover}
.ap-thumb:hover i{border-color:#D9D9D9}
.ap-thumb.on i{border-color:#241F20;background:#fff}
.ap-thumb span{font-size:10px;line-height:1.15;color:#676E75;text-align:center}
.ap-thumb-n{position:absolute;top:-5px;right:-3px;min-width:17px;height:17px;box-sizing:border-box;border-radius:999px;background:#92761F;color:#fff;font-size:10px;font-weight:800;line-height:17px;text-align:center;padding:0 4px;box-shadow:0 0 0 2px #fff}
.ap-emoji{margin-top:10px}
.ap-emoji>span{font-size:11.5px;color:#676E75}
.ap-emoji-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ap-emoji-b{width:34px;height:34px;border-radius:9px;border:1px solid #EDE9E0;background:#fff;font-size:17px;cursor:pointer}
.ap-emoji-b:hover{border-color:#92761F}
.ap-emoji-b.on{border-color:#92761F;background:#FBF5E4;box-shadow:0 0 0 2px rgba(146,118,31,.18)}

/* ---- секции анкеты ---- */
.ap-sec{background:#fff;border:1px solid #EDE9E0;border-radius:18px;padding:18px;margin-bottom:14px}
.ap-sec--cat{border-top:3px solid #92761F}
.ap-sec-h{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:6px}
.ap-sec-h i{font-style:normal;font-size:17px;align-self:center}
.ap-sec-h b{font-size:15.5px;font-weight:800;color:#241F20}
.ap-sec-sub{font-size:11.5px;color:#676E75}
.ap-sec-note{font-size:11.8px;color:#676E75;margin-top:10px;line-height:1.5}

/* ---- рубрикатор ---- */
.ap-cat-cur{font-size:13px;color:#3A3435;background:#FBF5E4;border:1px solid #EDE9E0;border-radius:10px;padding:9px 12px;margin:4px 0 12px;line-height:1.5}
.ap-cat-cur b{color:#92761F}
.ap-cat-mid{color:#676E75}
.ap-roots{display:flex;flex-wrap:wrap;gap:7px}
.ap-root{border:1px solid #EDE9E0;background:#F7F5F0;border-radius:999px;padding:7px 13px;font:inherit;font-size:12.5px;color:#3A3435;cursor:pointer;transition:all .15s}
.ap-root:hover{border-color:#92761F;background:#FBF5E4}
.ap-root.on{background:#241F20;color:#FFDE00;border-color:#241F20;font-weight:700}
.ap-subbar{margin:12px 0 8px}
.ap-subsearch{width:100%;border:1.5px solid #EDE9E0;border-radius:11px;background:#fff;padding:10px 13px;font:inherit;font-size:13.5px}
.ap-subsearch:focus{outline:none;border-color:#92761F}
.ap-subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.ap-sub{display:flex;flex-direction:column;gap:3px;text-align:left;background:#fff;border:1.5px solid #EDE9E0;border-radius:12px;padding:10px 12px;font:inherit;cursor:pointer;transition:all .15s}
.ap-sub b{font-size:12.8px;color:#241F20;font-weight:700}
.ap-sub span{font-size:10.8px;color:#676E75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-sub:hover{border-color:#92761F;background:#FBF5E4}
.ap-sub.on{border-color:#0A7C3D;background:#EFF7F0}
.ap-sub.on b{color:#0A7C3D}
.ap-cat-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px}
.ap-suggest{border:none;background:none;font:inherit;font-size:12.5px;color:#92761F;font-weight:700;cursor:pointer;text-decoration:underline dotted;padding:0}
.ap-suggest:hover{color:#7C6318}
.ap-cat-mod{font-size:11.5px;color:#F59E0B;font-weight:600}
.ap-chips-empty{font-size:12.3px;color:#676E75;background:#F7F5F0;border:1px dashed #DCD5C6;border-radius:10px;padding:11px 13px;line-height:1.5}

/* ---- шапка товара ---- */
.ap-sec--head{background:transparent;border:0;padding:0}
.ap-h1{width:100%;border:none;border-bottom:2px solid #EDE9E0;background:transparent;font:inherit;font-size:25px;font-weight:900;letter-spacing:-.015em;color:#241F20;padding:2px 0 9px;resize:none}
.ap-h1:hover{border-bottom-color:#D9D2C4}
.ap-h1:focus{border-bottom-color:#92761F}
.ap-h1::placeholder{font-weight:700;color:#C8C3B8}
.ap-rate{margin:12px 0 2px}
.ap-h1:focus{outline:none;border-bottom-color:#92761F}
.ap-h1::placeholder{color:#BDB2A6;font-weight:600}
.ap-extra{width:100%;border:none;border-bottom:1.5px solid #EDE9E0;background:transparent;font:inherit;font-size:14px;color:#3A3435;padding:8px 0 7px;margin-top:4px}
.ap-extra:focus{outline:none;border-bottom-color:#92761F}
.ap-extra::placeholder{color:#BDB2A6}
.ap-art b{color:#3A3435;letter-spacing:.4px}

/* ---- розничная база + ярусы ---- */
.ap-sec--dopt{background:#F3FAF5;border-color:#DCEDE2}
.ap-retail-l{display:flex;align-items:center;gap:10px;font-size:13px;color:#3E4A42;margin-top:12px}
.ap-retail{width:110px;border:1.5px solid #DCEDE2;border-radius:10px;background:#fff;padding:9px 12px;font:inherit;font-size:14px;font-weight:700;color:#1B4332}
.ap-retail:focus{outline:none;border-color:#0A7C3D}
.ap-tiers{display:flex;flex-direction:column;gap:10px}
.ap-tier{border:1.5px solid #EDE9E0;border-radius:14px;padding:12px 14px;background:#fff;cursor:pointer;transition:all .15s}
.ap-tier:hover{border-color:#92761F}
.ap-tier.on{border-color:#92761F;background:#FBF5E4;box-shadow:0 0 0 2px rgba(146,118,31,.12)}
.ap-tier-h{display:flex;align-items:center;gap:9px}
.ap-tier-name{flex:1;min-width:0;border:1px solid transparent;background:transparent;font:inherit;font-size:13.5px;font-weight:800;color:#241FF0;color:#241F20;padding:2px 6px;border-radius:7px}
.ap-tier-name:hover{border-color:#EDE9E0;background:#fff}
.ap-tier-name:focus{outline:none;border-color:#92761F;background:#fff}
.ap-tier-rec{color:#92761F;font-size:16px;opacity:0;transition:opacity .15s}
.ap-tier.on .ap-tier-rec{opacity:1}
.ap-tier-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:9px}
.ap-tier-row label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:#676E75}
.ap-tier-qty,.ap-tier-price{width:96px;border:1.5px solid #EDE9E0;border-radius:10px;background:#fff;padding:9px 11px;font:inherit;font-size:14.5px;font-weight:700;color:#241F20}
.ap-tier-qty:focus,.ap-tier-price:focus{outline:none;border-color:#92761F}
.ap-tier-off{margin-left:auto;font-size:13px;font-weight:800;color:#0A7C3D;background:#EFF7F0;border-radius:8px;padding:4px 9px}
.ap-tier-goal{font-size:11.8px;color:#676E75;margin-top:7px}

/* ---- характеристики ---- */
.ap-chips{display:flex;flex-direction:column;gap:8px}
.ap-chip-row{display:flex;align-items:center;gap:8px}
.ap-chip-row--attr .ap-chip-k{background:#FBF5E4}
.ap-chip-k,.ap-chip-v{border:1.5px solid #EDE9E0;border-radius:10px;background:#fff;padding:9px 12px;font:inherit;font-size:13px;color:#241F20}
.ap-chip-k{flex:0 0 42%;font-weight:700}
.ap-chip-v{flex:1;min-width:0}
.ap-chip-k:focus,.ap-chip-v:focus{outline:none;border-color:#92761F}
.ap-chip-k[readonly]{cursor:default}
.ap-chip-c{color:#BDB2A6;font-weight:800}
.ap-chip-x{border:none;background:#F7F5F0;border-radius:8px;width:30px;height:30px;font-size:12px;color:#676E75;cursor:pointer;flex:0 0 auto}
.ap-chip-x:hover{background:#FDECEC;color:#EF4444}
.ap-add{margin-top:10px;border:1.5px dashed #DCD5C6;border-radius:10px;background:none;font:inherit;font-size:12.5px;color:#92761F;font-weight:700;padding:9px 13px;cursor:pointer;width:100%}
.ap-add:hover{border-color:#92761F;background:#FBF5E4}
.ap-desc{width:100%;border:1.5px solid #EDE9E0;border-radius:12px;background:#fff;padding:12px 14px;font:inherit;font-size:13.5px;line-height:1.6;color:#241F20;resize:vertical;min-height:120px}
.ap-desc:focus{outline:none;border-color:#92761F}

/* ---- склад приёмки + короб + единица ---- */
.ap-depot-cities{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin:4px 0 10px}
.ap-depot-cap{font-size:11.5px;color:#676E75}
.ap-city{border:1px solid #EDE9E0;background:#F7F5F0;border-radius:999px;padding:6px 13px;font:inherit;font-size:12.3px;color:#3A3435;cursor:pointer}
.ap-city:hover{border-color:#92761F}
.ap-city.on{background:#241F20;color:#FFDE00;border-color:#241F20;font-weight:700}
.ap-wh{background:#FBF5E4;border:1px solid #EDE9E0;border-radius:12px;padding:11px 13px;display:flex;flex-direction:column;gap:4px}
.ap-wh b{font-size:13px;color:#241F20}
.ap-wh span{font-size:12px;color:#3A3435}
.ap-wh em{font-style:normal;font-size:11.3px;color:#92761F;line-height:1.45}
.ap-wh--none{background:#F7F5F0;border-style:dashed}
.ap-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:8px}
.ap-grid3 label{display:flex;flex-direction:column;gap:5px;font-size:11.3px;color:#676E75}
.ap-grid3 input{border:1.5px solid #EDE9E0;border-radius:10px;background:#fff;padding:9px 11px;font:inherit;font-size:14px;font-weight:700;color:#241F20;width:100%}
.ap-grid3 input:focus{outline:none;border-color:#92761F}
.ap-pack{width:100%;margin-top:10px;border:1.5px solid #EDE9E0;border-radius:10px;background:#fff;padding:10px 13px;font:inherit;font-size:13px}
.ap-pack:focus{outline:none;border-color:#92761F}
.ap-days-l{display:flex;align-items:center;gap:10px;font-size:12.5px;color:#3E4A42;margin-top:12px}
.ap-days-l input{width:70px;border:1.5px solid #EDE9E0;border-radius:10px;background:#fff;padding:8px 10px;font:inherit;font-size:14px;font-weight:700}

/* ---- «как увидит покупатель» + экшены ---- */
.ap-buyer{display:flex;flex-direction:column;gap:7px}
.ap-buyer-empty{font-size:12.3px;color:#676E75;background:#F7F5F0;border:1px dashed #DCD5C6;border-radius:10px;padding:11px 13px;line-height:1.5}
.ap-b-row{display:flex;justify-content:space-between;gap:10px;font-size:12.6px;color:#3A3435;align-items:baseline}
.ap-b-row span{color:#676E75;flex:0 0 auto}
.ap-b-row b{text-align:right;font-weight:700}
.ap-b-row--rec b{color:#92761F}
.ap-b-row--ind b{color:#F59E0B;font-size:11.8px;line-height:1.4}
.ap-b-off{font-style:normal;color:#0A7C3D;font-size:11.5px;font-weight:800;margin-left:5px}
.ap-b-total{display:flex;justify-content:space-between;align-items:baseline;border-top:1.5px dashed #DCD5C6;margin-top:5px;padding-top:9px;font-size:13.5px}
.ap-b-total b{font-size:17px;font-weight:900;color:#0A7C3D}
.ap-b-note{font-size:10.8px;color:#676E75;line-height:1.45;margin-top:4px}
.ap-pay-note{font-size:11px;color:#676E75;margin-top:11px;line-height:1.5;border-top:1px solid #EDE9E0;padding-top:10px}
.ap-acts{display:flex;flex-direction:column;gap:8px;margin-top:13px}
.ap-btn{width:100%}
.ap-btn--ghost{background:none}
.ap-btn--link{display:flex;align-items:center;justify-content:center;text-decoration:none}
.ap-saved{font-size:11px;color:#BDB2A6;text-align:center;min-height:15px;transition:color .3s}
.ap-saved.on{color:#0A7C3D}

/* ---- чеклист ---- */
.ap-cl{display:flex;flex-direction:column;gap:5px}
.ap-cl-row{display:flex;align-items:center;gap:9px;font-size:12.5px;color:#3A3435}
.ap-cl-row i{font-style:normal;width:20px;height:20px;border-radius:50%;border:1.5px solid #DCD5C6;color:#BDB2A6;display:inline-flex;align-items:center;justify-content:center;font-size:11px;flex:0 0 auto}
.ap-cl-row.ok i{background:#0A7C3D;border-color:#0A7C3D;color:#fff}
.ap-cl-bar{height:6px;border-radius:3px;background:#F7F5F0;margin-top:10px;overflow:hidden}
.ap-cl-bar i{display:block;height:100%;background:linear-gradient(90deg,#92761F,#0A7C3D);border-radius:3px;transition:width .4s}
.ap-cl-n{font-size:11px;color:#676E75;margin-top:7px;line-height:1.5}

/* ---- магазин ---- */
.ap-shop-row{display:flex;gap:12px;align-items:center}
.ap-shop-av{width:48px;height:48px;border-radius:13px;background:#241F20;color:#FFDE00;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:17px;flex:0 0 auto}
.ap-shop-b{flex:1;min-width:0}
.ap-supplier{width:100%;border:none;border-bottom:1.5px solid #EDE9E0;background:transparent;font:inherit;font-size:15px;font-weight:800;color:#241F20;padding:3px 0 6px}
.ap-supplier:focus{outline:none;border-bottom-color:#92761F}
.ap-shop-rate{font-size:11.5px;color:#676E75;margin-top:4px}

/* ---- превью-баннер / восстановление / ошибки / финал ---- */
.ap-pvbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#241F20;color:#FBF5E4;border-radius:14px;padding:13px 17px;margin-bottom:14px}
.ap-pvbar span{font-size:12.8px}
.ap-pvbar b{color:#FFDE00}
.ap-restore{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#FBF5E4;border:1px solid #EDE9E0;border-radius:12px;padding:11px 15px;margin-bottom:14px;font-size:12.8px;color:#3A3435}
.ap-restore button{border:1px solid #DCD5C6;background:#fff;border-radius:9px;padding:6px 12px;font:inherit;font-size:12px;color:#92761F;font-weight:700;cursor:pointer}
.ap-restore button:hover{border-color:#92761F}
.ap-err{animation:apErr .4s ease 2}
@keyframes apErr{50%{box-shadow:0 0 0 4px rgba(239,68,68,.35);border-color:#EF4444}}
.ap-toast-warn{background:#7C2D12}
.ap-done{display:flex;flex-direction:column;gap:12px}
.ap-done-ic{font-size:44px}
.ap-done h2{font-size:24px;margin:0}
.ap-done p{margin:0;font-size:13.5px;line-height:1.6;color:#3A3435}
.ap-done-warn{background:#FDF3E7;border:1px solid #F5C48A;color:#92400E;border-radius:10px;padding:10px 13px;font-size:12.3px}
.ap-done-next{font-size:12.3px;color:#3A3435;background:#F7F5F0;border-radius:10px;padding:11px 13px;line-height:1.55}
.ap-done-next b{color:#92761F}
.ap-st-pill{display:inline-block;background:#FDF3E7;border:1px solid #F5C48A;color:#92400E;border-radius:999px;padding:7px 14px;font-size:12.3px;font-weight:700}

/* ---- модалка «предложить категорию» ---- */
.ap-sg-row{margin-bottom:11px}
.ap-sg-row label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#676E75;font-weight:700}
.ap-sg-note{font-size:12px;color:#3A3435;background:#F7F5F0;border-radius:10px;padding:11px 13px;line-height:1.5;margin-top:4px}

/* ---- supplier: «добавлено через анкету» ---- */
.sup-my-add{border:1.5px dashed #92761F;border-radius:14px;padding:14px;margin-bottom:14px;background:#FDFAF2}
.sup-my-add .sup-good-row{padding:10px 12px}
.sup-my-add .sup-good-row .ic{width:44px;height:44px;border-radius:10px;background:#F7F5F0;display:inline-flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;flex:0 0 auto}
.sup-my-act{display:flex;gap:6px;align-items:center;flex:0 0 auto}

/* ---- мобайл ≤1024: анкета в одну колонку (сайдбар уже поток) ---- */
@media (max-width:1024px){
  .ap-gal{flex-direction:column}
  .ap-img{flex:none;width:100%;height:240px}
  .ap-thumbs{order:0;flex-direction:row;flex-wrap:wrap;width:auto}
  .ap-thumb{flex:0 0 auto}
  .ap-subs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .ap-grid3{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .ap-grid3{grid-template-columns:1fr}
  .ap-chip-row{flex-wrap:wrap}
  .ap-chip-k{flex:1 1 100%}
  .ap-chip-v{flex:1 1 calc(100% - 46px)}
}

/* ===== t50 (11.09.2026): анкета — серт-контроль, связка, импорт CSV ===== */
/* серт-контроль: плашка в левой колонке */
.ap-cert-note{background:#FFF8E1;border:1px solid #F2D987;border-radius:14px;padding:12px 14px;margin-bottom:14px;font-size:12.3px;line-height:1.55;color:#6B5A16;display:flex;flex-direction:column;gap:3px}
.ap-cert-note b{color:#4A3B08}
.ap-cert-ok{color:#1B7F3B;font-weight:700}
.ap-cert-miss{color:#B3261E;font-weight:700}
.ap-cert-how{color:#8C7A2E;font-size:11.3px}
/* слот документов требует файлов — подсветка квадрата-миниатюры */
.ap-thumb--need i{border-color:#E4A19B !important;box-shadow:inset 0 0 0 2px #F6D9D4}
.ap-thumb--need span{color:#B3261E}
/* связка «пул для существующего товара» */
.ap-link-btn{width:100%;box-sizing:border-box;margin-top:10px;padding:10px 14px;border:1px dashed #C9B96A;border-radius:12px;background:#FBF7E8;color:#6B5A16;font-weight:700;font-size:12.8px;font-family:inherit;cursor:pointer;text-align:left}
.ap-link-btn:hover{background:#F6F0DB;border-color:#A9964E}
.ap-link-tag{margin-top:10px;background:#EEF6FF;border:1px solid #BCD8F5;border-radius:12px;padding:9px 12px;font-size:11.8px;line-height:1.5;color:#2B4C6F}
.ap-link-tag a{color:#185ABC;text-decoration:underline}
.ap-link-x{border:0;background:none;color:#8AA1B8;cursor:pointer;font-size:12px;padding:0 0 0 6px}
.ap-link-x:hover{color:#B3261E}
/* кнопка импорта в блоке действий */
.ap-btn--csv{border-style:dashed}
/* модалка выбора товара (существующий) */
.ap-le-q{margin-bottom:8px}
.ap-le-q input{width:100%;box-sizing:border-box}
.ap-le-list{max-height:300px;overflow:auto;display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.ap-le-row{display:flex;align-items:center;gap:10px;border:1px solid #EDE9E0;border-radius:12px;background:#fff;padding:8px 10px;cursor:pointer;font-family:inherit;text-align:left}
.ap-le-row:hover{border-color:#92761F;background:#FBF7E8}
.ap-le-row .ic{width:40px;height:40px;border-radius:9px;background:#F7F5F0;display:inline-flex;align-items:center;justify-content:center;font-size:19px;overflow:hidden;flex:0 0 auto}
.ap-le-row .ic img{width:100%;height:100%;object-fit:cover}
.ap-le-row .b{display:flex;flex-direction:column;gap:2px;min-width:0}
.ap-le-row .b b{font-size:12.8px;color:#241F20;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-le-row .b span{font-size:11px;color:#676E75}
.ap-le-row .go{margin-left:auto;font-size:11.5px;color:#92761F;font-weight:700;white-space:nowrap}
.ap-le-empty{padding:16px 10px;text-align:center;color:#676E75;font-size:12px}
/* модалка импорта CSV */
.ap-imp-step{margin-bottom:14px}
.ap-imp-step > b{display:block;font-size:13px;color:#241F20;margin-bottom:7px}
.ap-imp-tpl{width:100%;box-sizing:border-box;padding:10px 14px;font-size:13px}
.ap-imp-hint{font-size:11.3px;color:#676E75;line-height:1.55;margin-top:8px}
.ap-imp-file{display:block;border:2px dashed #C9C2B4;border-radius:14px;padding:18px 14px;text-align:center;color:#6B5A16;font-weight:700;font-size:13px;cursor:pointer;background:#FBF9F4}
.ap-imp-file:hover{border-color:#92761F;background:#F6F0DB}
.ap-imp-file input{display:none}
.ap-imp-warn{background:#FFF8E1;border:1px solid #F2D987;border-radius:12px;padding:12px;font-size:12.3px;color:#6B5A16;line-height:1.5;margin-top:10px}
.ap-imp-meta{font-size:12.3px;color:#241F20;margin:10px 0 8px}
.ap-imp-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.ap-imp-col{display:flex;flex-direction:column;gap:3px;min-width:0}
.ap-imp-col .h{font-size:10.3px;color:#676E75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ap-imp-col select{border:1px solid #EDE9E0;border-radius:8px;padding:5px 6px;font-size:11.3px;font-family:inherit;background:#fff;color:#241F20;max-width:100%}
.ap-imp-table{margin-top:10px;overflow:auto;border:1px solid #EDE9E0;border-radius:10px}
.ap-imp-table table{border-collapse:collapse;width:100%;font-size:11px}
.ap-imp-table td{border-bottom:1px solid #F3F0E9;padding:4px 7px;color:#5D5A55;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}
.ap-imp-table td.t{color:#241F20;font-weight:700}
/* отчёт импорта */
.ap-imp-total{font-size:13.5px;color:#241F20;margin-bottom:10px}
.ap-imp-ok{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.ap-imp-row{display:flex;align-items:center;gap:9px;border:1px solid #D9EAD9;border-radius:11px;background:#F4FAF4;padding:7px 10px;text-decoration:none;color:inherit}
.ap-imp-row:hover{border-color:#1B7F3B}
.ap-imp-row .ic{font-size:17px}
.ap-imp-row b{font-size:12.3px;color:#241F20;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-imp-row .pr{font-size:11.5px;color:#1B7F3B;font-weight:700;white-space:nowrap}
.ap-imp-row .go{font-size:11px;color:#92761F;font-weight:700;white-space:nowrap}
.ap-imp-fail{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}
.ap-imp-bad{display:flex;gap:8px;border:1px solid #F0D6D2;border-radius:10px;background:#FDF3F2;padding:6px 10px;font-size:11.6px}
.ap-imp-bad b{color:#B3261E;white-space:nowrap}
.ap-imp-bad span{color:#7A4B46;line-height:1.45}
.ap-imp-note{font-size:11.3px;color:#676E75;line-height:1.55}
/* экран «опубликовано» — бейджи */
.ap-done-link{background:#EEF6FF;border:1px solid #BCD8F5;border-radius:12px;padding:10px 12px;font-size:12.3px;color:#2B4C6F;line-height:1.5;margin-top:10px}
.ap-done-link a{color:#185ABC;text-decoration:underline}
.ap-done-doc{background:#FFF8E1;border:1px solid #F2D987;border-radius:12px;padding:10px 12px;font-size:12.3px;color:#6B5A16;line-height:1.5;margin-top:10px}
/* мобайл: списки импорта в одну колонку */
@media (max-width:560px){
  .ap-imp-map{grid-template-columns:1fr 1fr}
  .ap-imp-row{flex-wrap:wrap}
}

/* =====================================================================
   t45 · РУБРИКАТОР В ШАПКЕ (кнопка «Каталог» → мега-меню, как на
   маркетплейсах) + ВИТРИНА-РОТАЦИЯ на /account
   ===================================================================== */
.shop-mega-wrap{position:relative}
.shop-catbtn{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:11px;background:#241F20;color:#fff;font-weight:800;font-size:13.5px;line-height:1;padding:10px 14px;cursor:pointer;font-family:inherit;white-space:nowrap}
.shop-catbtn:hover{background:#3A3233}
.shop-catbtn[aria-expanded="true"]{background:#FFDE00;color:#241F20}
.shop-catbtn i{font-style:normal;font-size:10px;opacity:.75;transition:transform .18s ease}
.shop-catbtn[aria-expanded="true"] i{transform:rotate(180deg)}
.shop-mega{position:absolute;top:calc(100% + 10px);left:0;z-index:130;width:min(860px,calc(100vw - 32px));background:#fff;border:1px solid #F0F0F0;border-radius:16px;box-shadow:0 24px 60px rgba(36,31,32,.16);padding:14px;animation:megaIn .18s ease}
@keyframes megaIn{from{opacity:0}to{opacity:1}}
.shop-mega__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 10px;border-bottom:1px solid #F0F0F0;margin-bottom:10px;flex-wrap:wrap}
.shop-mega__start{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,#FFF7D6,#FFDE00);border:1px solid #EADFC0;border-radius:10px;padding:8px 12px;font-weight:800;font-size:12.5px;color:#241F20;text-decoration:none}
.shop-mega__start i{font-style:normal;font-size:10.5px;font-weight:700;color:#92761F}
.shop-mega__all{font-size:12.5px;font-weight:700;color:#4098FF;text-decoration:none}
.shop-mega__cols{display:grid;grid-template-columns:minmax(230px,300px) 1fr;gap:12px;max-height:min(64vh,480px);overflow:auto}
.shop-mega__nav{min-width:0}
.shop-mega__row-a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:700;color:#241F20;text-decoration:none}
.shop-mega__row-a span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-mega__row-a i{font-style:normal;font-size:10.5px;font-weight:700;color:#676E75;background:#F8F8F8;border-radius:999px;padding:2px 7px;flex:none}
.shop-mega__row-a:hover{background:#F8F8F8}
.shop-mega__row.on .shop-mega__row-a{background:#FFF6C7}
.shop-mega__row-subs{display:none}
.shop-mega__sub{padding:0 0 0 12px}
.shop-mega__sub-h{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#676E75;margin:4px 2px 10px}
.shop-mega__grp{margin-bottom:12px}
.shop-mega__grp>b{display:block;font-size:11.5px;font-weight:800;color:#666263;margin:0 0 6px 2px;letter-spacing:.03em}
.shop-mega__subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:3px}
.shop-mega__sub{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;font-weight:600;color:#241F20;text-decoration:none;padding:6px 9px;border-radius:8px;border-left:0}
.shop-mega__sub:hover{background:#F8F8F8}
.shop-mega__sub i{font-style:normal;font-size:10px;color:#676E75;font-weight:700;flex:none}
.shop-mega__sub-all{display:inline-flex;margin:2px 0 6px 2px;font-size:12px;font-weight:700;color:#4098FF;text-decoration:none}
@media(max-width:1200px){
  .shop-mega{left:50%;transform:translateX(-50%)}
}
@media(max-width:900px){
  /* t45-фикс: панель фиксирована к ЭКРАНУ (не к кнопке — иначе вылезает
     за правый край), top задаёт JS при открытии (ниже шапки) */
  .shop-mega{position:fixed;left:10px;right:10px;transform:none;width:auto;max-height:calc(100vh - 90px);overflow:auto}
  .shop-mega__cols{grid-template-columns:1fr;max-height:none;overflow:visible}
  .shop-mega__sub{display:none}   /* правая колонка — только десктоп */
  .shop-mega__row-subs{display:none;padding:2px 8px 8px 34px}
  .shop-mega__row.open .shop-mega__row-subs{display:block}
  .shop-mega__row-subs .shop-mega__subs{grid-template-columns:1fr}
  .shop-mega__row-subs .shop-mega__grp{margin-bottom:8px}
}

/* ВИТРИНА на /account — блок ротации ассортимента */
.acc-store-wrap{margin-top:18px}
.acc-store-grid{margin-top:2px}
.acc-store-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 2px 2px}
.acc-store-shuf{border:1px solid #F0F0F0;background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:12.5px;cursor:pointer;font-family:inherit;color:#241F20}
.acc-store-shuf:hover{background:#F8F8F8;border-color:#EADFC0}
.acc-store-go{font-size:12.5px;font-weight:700;color:#4098FF;text-decoration:none}
.acc-store-go--gold{background:#FFDE00;color:#241F20;border-radius:999px;padding:7px 12px}
.acc-store-go--gold:hover{background:#F2D600}
.acc-store-hint{flex-basis:100%;font-size:11px;color:#676E75}
@media(max-width:640px){
  .shop-catbtn{padding:9px 11px;font-size:12.5px}
  .shop-catbtn span{display:none}   /* на узких — только иконка и шеврон */
}


/* ===== t69 (13.09.2026): автостарт-группы, «до ступени N%» + прогноз,
   калькулятор выгоды (data.js v26 / shop.js v79) ===== */
.wg-tag--auto{background:linear-gradient(90deg,#00C55A,#00A04F);color:#fff}
.wg-tier--auto{border:1.5px solid #BFE8CC;box-shadow:0 2px 10px rgba(0,160,79,.10)}
.wg-tier--auto .wg-t-big b{color:#0A7C3D}
.wg-tier--auto .wg-scale.y i{background:linear-gradient(90deg,#00C55A,#00A04F)}
.wg-step-eta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#FFFBEF;border:1px solid #FFE08A;border-radius:11px;padding:8px 12px;margin:10px 0 12px;font-size:12.5px;font-weight:700;color:#4A4445}
.wg-step-eta i{font-style:normal}
.wg-step-eta b{color:#241F20}
.wg-step-eta span{color:#8A6D00;font-weight:700}
.wg-auto-direct{margin-top:6px;font-size:11.5px;line-height:1.45;color:#3E4A42;background:#F2FBF5;border:1px dashed #BFE8CC;border-radius:9px;padding:6px 9px}
.wg-auto-direct b{color:#0A7C3D}
.wg-tier-calc{margin:10px 0 2px}
.wg-tier-calc__btn{width:100%;border:1.5px dashed #E8B923;background:#FFFDF2;border-radius:11px;padding:9px 12px;font:700 12.5px/1.3 'Inter',sans-serif;color:#8A6D00;cursor:pointer;text-align:left}
.wg-tier-calc__btn:hover{background:#FFF8DA;border-color:#D9A614}
.prc2__pr .prc2__auto{font-style:normal;background:#00C55A;color:#fff;border-radius:999px;font-size:10px;font-weight:800;padding:2px 8px;margin-left:7px;white-space:nowrap;vertical-align:middle}
.prc2__tr--auto .prc2__l1 b{color:#0A7C3D}
.prc2__tr--auto .prc2__sv{color:#0A7C3D}
.cat-rub--auto{border:2px solid #BFE8CC;background:linear-gradient(180deg,#F7FEF9,#FFFFFF)}
.cat-rub--auto .cat-rub__ic{background:linear-gradient(135deg,#D9F5E3,#A8EBC0)}
.cat-rub--auto .cat-rub__b b{color:#0A7C3D}
.cat-rub--auto .cat-rub__p{color:#0A7C3D}
.cc-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:linear-gradient(100deg,#241F20 0%,#3B3335 100%);border-radius:16px;padding:16px 20px}
.cc-banner__t{display:flex;align-items:center;gap:12px;color:#fff;min-width:260px;flex:1 1 380px}
.cc-banner__t i{font-style:normal;font-size:26px;line-height:1}
.cc-banner__t b{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em}
.cc-banner__t span{display:block;font-size:12px;color:#C9C4C1;line-height:1.45;margin-top:3px}
.bcalc{position:fixed;inset:0;z-index:1000;background:rgba(20,20,20,.45);display:flex;align-items:center;justify-content:center;padding:16px;animation:ap-in .18s ease}
.bcalc__bd{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:88vh;overflow:auto;padding:18px 20px;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.bcalc__h{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;font-weight:800;color:#241F20}
.bcalc__x{border:0;background:none;font:800 20px/1 'Inter',sans-serif;cursor:pointer;color:#676E75;padding:2px 6px}
.bcalc__x:hover{color:#241F20}
.bcalc__lead{margin:9px 0 0;font-size:12.5px;line-height:1.5;color:#4A4445}
.bcalc__lbl{margin:15px 0 7px;font-size:12px;font-weight:800;color:#241F20;text-transform:uppercase;letter-spacing:.04em}
.bcalc__cats{display:flex;flex-wrap:wrap;gap:7px}
.bcalc__cat{border:1.5px solid #EDEAE4;background:#fff;border-radius:999px;padding:7px 12px;font:700 12.5px/1 'Inter',sans-serif;color:#4A4445;cursor:pointer;display:flex;align-items:center;gap:7px}
.bcalc__cat i{font-style:normal;font-size:10.5px;color:#676E75}
.bcalc__cat.on{border-color:#00A04F;background:#F2FBF5;color:#0A7C3D}
.bcalc__cat.on i{color:#57A97B}
.bcalc__spend{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bcalc__spend input{width:130px;border:1.5px solid #EDEAE4;border-radius:10px;padding:8px 11px;font:800 15px/1 'Inter',sans-serif;color:#241F20}
.bcalc__spend input:focus{outline:none;border-color:#E8B923}
.bcalc__spend>span{font-weight:800;color:#676E75;font-size:13px}
.bcalc__presets{display:flex;gap:6px;flex-wrap:wrap}
.bcalc__presets button{border:1px solid #EDEAE4;background:#fff;border-radius:999px;padding:6px 11px;font:700 11.5px/1 'Inter',sans-serif;color:#4A4445;cursor:pointer}
.bcalc__presets button:hover{border-color:#E8B923;background:#FFFDF2}
.bcalc__res{margin-top:16px;border:1px solid #EDEAE4;border-radius:13px;overflow:hidden}
.bcalc__row{display:flex;align-items:center;gap:10px;padding:10px 13px;font-size:13px;background:#fff}
.bcalc__row+.bcalc__row{border-top:1px solid #F0F0F0}
.bcalc__row span{flex:1;color:#4A4445;font-weight:700}
.bcalc__row b{font-size:15px;color:#241F20;white-space:nowrap}
.bcalc__row i{font-style:normal;font-size:11.5px;font-weight:800;color:#8A6D00;white-space:nowrap}
.bcalc__row--now{background:#F8F8F8}
.bcalc__row--auto{background:#F2FBF5}
.bcalc__row--auto b,.bcalc__row--auto span,.bcalc__row--auto i{color:#0A7C3D}
.bcalc__year{padding:11px 13px;font-size:14px;font-weight:800;color:#241F20;background:#FFFDF2;border-top:1px solid #F0E6B0}
.bcalc__year b{color:#8A6D00;font-size:16px}
.bcalc__year u{display:block;font-size:10.5px;font-weight:700;color:#676E75;text-decoration:none;margin-top:3px}
.bcalc__note{margin-top:12px;font-size:11.5px;line-height:1.55;color:#4A4445;background:#F8F8F8;border-radius:10px;padding:9px 11px}
.bcalc__cta{display:block;margin-top:14px;text-align:center;border-radius:999px;background:linear-gradient(90deg,#00C55A,#00A04F);color:#fff;padding:12px 18px;font:800 14px/1 'Inter',sans-serif;text-decoration:none;box-shadow:0 3px 10px rgba(0,160,79,.3)}
.bcalc__cta:hover{filter:brightness(1.05)}
@media(max-width:640px){
  .cc-banner{padding:13px 14px}
  .cc-banner__t{flex:1 1 100%}
  .bcalc__spend input{width:110px}
  .bcalc__row{flex-wrap:wrap}
}

/* ===== t70/C1 (13.09.2026): недельный ритм пула — дедлайн «сбор→выкуп→выдача»
   + живой прогресс до следующей ступени (shop.js v80) ===== */
.pd-cycle{margin:14px 0 16px;background:linear-gradient(180deg,#FFFDF6,#FFFFFF);border:1.5px solid #FFE08A;border-radius:14px;padding:12px 14px}
.pd-cycle-h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#241F20;flex-wrap:wrap}
.pd-cycle-h i{font-style:normal;font-size:16px;line-height:1}
.pd-cycle-timer{margin-left:auto;font-size:11px;font-weight:800;color:#8A6D00;background:#FFF6D9;border-radius:999px;padding:4px 10px;white-space:nowrap}
.pd-cycle-steps{display:flex;align-items:stretch;gap:6px;margin:11px 0 9px}
.pd-cs{flex:1;display:flex;align-items:center;gap:9px;background:#FFFFFF;border:1px solid #F0EBDD;border-radius:11px;padding:8px 10px;min-width:0}
.pd-cs em{flex:none;width:22px;height:22px;border-radius:50%;background:#241F20;color:#FFD84D;font:800 11px/22px 'Inter',sans-serif;text-align:center;font-style:normal}
.pd-cs div{min-width:0}
.pd-cs b{display:block;font-size:11.5px;font-weight:800;color:#241F20;line-height:1.25}
.pd-cs span{display:block;font-size:12.5px;font-weight:800;color:#0A7C3D;margin-top:2px;white-space:nowrap}
.pd-cs-arr{flex:none;align-self:center;color:#C9C4C1;font-size:14px;font-style:normal}
.pd-cycle-prog{border-top:1px dashed #F0E6B0;padding-top:9px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pd-cp-scale{flex:1 1 130px;height:8px;border-radius:999px;background:#F2EEE6;overflow:hidden}
.pd-cp-scale i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#E8B923,#D9A614);transition:width .6s ease}
.pd-cp-t{flex:1 1 100%;font-size:12px;font-weight:700;color:#4A4445;line-height:1.45}
.pd-cp-t b{color:#241F20}
.pd-cp-done{flex:1 1 100%;font-size:12px;font-weight:800;color:#0A7C3D;line-height:1.4}
.pd-cycle-note{margin-top:7px;font-size:11px;line-height:1.5;color:#676E75}
@media(max-width:640px){
  .pd-cycle{padding:10px 11px}
  .pd-cycle-timer{margin-left:0;flex:1 1 100%}
  .pd-cycle-steps{flex-wrap:wrap;gap:5px}
  .pd-cs{flex:1 1 100%}
  .pd-cs-arr{display:none}
}

/* ===== t78/D5 (13.09.2026): «⏰ Напомнить за 6 ч до закрытия» — ряд в блоке
   pd-cycle (email-fallback; подписка /api/poolremind, отписка /u/<token>) ===== */
.pd-cyc-remind{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding-top:9px;border-top:1px dashed #EADFC0}
/* ===== E2/Цикл №5: «📩 Написать мне, когда соберётся» (подписка до заказа) ===== */
.pd-subscribe{margin:2px 0 10px}
.pd-sb-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.8px;font-weight:800;color:#241F20;background:#FFDE00;border:1.5px solid #E4C55C;border-radius:9px;padding:6px 13px;cursor:pointer;transition:background .15s}
.pd-sb-btn:hover{background:#FFEF7A;border-color:#D9B33E}
.pd-sb-on{font-size:12.5px;color:#1E5E30;line-height:1.4}
.pd-sb-on b{font-weight:800;color:#241F20;word-break:break-all}
.pd-sb-x{margin-left:8px;font-size:11px;color:#8F8A86;background:none;border:0;cursor:pointer;text-decoration:underline}
.pd-sb-form{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.pd-sb-inp{font-size:13px;padding:6px 10px;border:1.5px solid #E4D9BC;border-radius:9px;background:#fff;min-width:190px;outline:none}
.pd-sb-inp:focus{border-color:#8a6d1a}
.pd-sb-ok{font-size:12.5px;font-weight:800;color:#241F20;background:#FFDE00;border:1.5px solid #E4C55C;border-radius:9px;padding:6px 13px;cursor:pointer}
.pd-sb-ok:hover{background:#FFEF7A}
.pd-sb-no{font-size:12px;color:#8F8A86;background:none;border:0;cursor:pointer}
.pd-sb-hp{position:absolute;left:-5000px;top:-5000px;width:1px;height:1px;opacity:0}
.pd-sb-err{margin-left:8px;font-size:11.5px;color:#B23A3A}
.pd-sb-btn[hidden],.pd-sb-form[hidden]{display:none}   /* гвард: display-правила бьют UA [hidden] (урок t78) */
/* БЫЛО: .pd-cr-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.8px;font-weight:800;color:#6d5512;background:#FFF3C4;border:1.5px solid #E4C55C;border-radius:9px;padding:6px 13px;cursor:pointer;transition:background .15s}
.pd-cr-btn:hover{background:#FFE9A8;border-color:#D9B33E}
.pd-cr-on{font-size:12.5px;color:#8a6d1a;line-height:1.4}
.pd-cr-on b{font-weight:800;color:#241F20;word-break:break-all}
.pd-cr-x{font-size:11.5px;font-weight:600;color:#8B8587;background:none;border:none;cursor:pointer;padding:4px 6px;text-decoration:underline dotted}
.pd-cr-x:hover{color:#B04A1F}
.pd-cr-form{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.pd-cr-inp{font-size:13px;padding:6px 10px;border:1.5px solid #E4D9BC;border-radius:9px;background:#fff;min-width:190px;outline:none}
.pd-cr-inp:focus{border-color:#B4831F}
.pd-cr-ok{font-size:12.5px;font-weight:800;color:#241F20;background:#FFDE00;border:1px solid #E8C400;border-radius:9px;padding:6px 13px;cursor:pointer}
.pd-cr-ok:hover{background:#FFE84D}
.pd-cr-no{font-size:13px;color:#8B8587;background:none;border:none;cursor:pointer;padding:4px 5px}
.pd-cr-err{font-size:11.5px;color:#B04A1F;width:100%}
.pd-cr-btn[hidden],.pd-cr-form[hidden]{display:none}   /* display-правила выше бьют UA [hidden] — явный гвард (урок t78) */
@media(max-width:640px){.pd-cyc-remind{gap:6px}.pd-cr-inp{min-width:150px;flex:1 1 150px}}

/* ===== t77/D1 (13.09.2026): живые соцдоказательства карточки /pool — «🔥 N
   смотрят сейчас» · «⚡ последняя заявка X мин назад» · «🗺 ваш сосед по городу
   уже в пуле» (shop.js v88; данные GET /api/events/pulse — только живые,
   нулевые → блок скрыт; тик 60 с без перезагрузки) ===== */
.pd-social{margin:0 0 16px;background:#FFF7E8;border:1.5px solid #F2DFAE;border-radius:14px;padding:10px 14px}
.pd-so-r{display:flex;align-items:center;gap:9px;font-size:13.5px;line-height:1.45;color:#4A4445;padding:3px 0}
.pd-so-r+.pd-so-r{border-top:1px dashed #F0E2BE}
.pd-so-r i{font-style:normal;font-size:15px;line-height:1;flex:none}
.pd-so-r b{font-weight:800;color:#241F20}
.pd-so-r .pd-so-w{font-size:11px;color:#8B8587;white-space:nowrap;margin-left:auto}
@media(max-width:640px){.pd-so-r{font-size:12.8px;flex-wrap:wrap}.pd-so-r .pd-so-w{margin-left:0;width:100%;text-align:left;padding-left:24px}}

/* ===== t71/C2 (13.09.2026): выгода покупателя — якорь розницы на /pool,
   счётчик экономии в /account, ссылка-корзина в калькуляторе (shop.js v81) ===== */
.pd-anchor{margin:0 0 16px;background:linear-gradient(180deg,#F7FEF9,#FFFFFF);border:1.5px solid #BFE8CC;border-radius:14px;padding:12px 14px}
.pd-anchor i{font-style:normal;font-size:18px;line-height:1}
.pd-anchor__main{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;font-size:15px;font-weight:700;color:#4A4445;margin-top:4px}
.pd-anchor__main s{color:#676E75;font-weight:700}
.pd-anchor__main b{font-size:19px;font-weight:800;color:#241F20;white-space:nowrap}
.pd-anchor__main em{font-style:normal;background:#00C55A;color:#fff;border-radius:999px;font-size:12px;font-weight:800;padding:3px 9px}
.pd-anchor__sub{margin-top:6px;font-size:12px;font-weight:700;color:#3E4A42;line-height:1.5}
.pd-anchor__sub b{color:#0A7C3D}
.pd-anchor__sub span{color:#676E75;font-weight:600}
.wg-mp-sv{color:#0A7C3D;font-weight:800;background:#F2FBF5;border-radius:7px;padding:1px 6px;white-space:nowrap}
.wg-mp-sum{margin:0 0 10px;background:linear-gradient(180deg,#F7FEF9,#FFFFFF);border:1.5px solid #BFE8CC;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:700;color:#3E4A42}
.wg-mp-sum b{color:#0A7C3D;font-size:15px}
.wg-mp-sum span{display:block;margin-top:3px;font-size:11px;font-weight:600;color:#676E75}
.bcalc__link{width:100%;border:1.5px solid #EDEAE4;border-radius:11px;padding:10px 13px;font:600 13px/1 'Inter',sans-serif;color:#241F20;margin-bottom:6px}
.bcalc__link:focus{outline:none;border-color:#00A04F}
.bcalc__linkmsg{font-size:11.5px;line-height:1.5;color:#676E75;font-weight:600;margin-bottom:10px}
.bcalc__linkmsg--ok{color:#0A7C3D;background:#F2FBF5;border-radius:9px;padding:7px 10px}
@media(max-width:640px){
  .pd-anchor{padding:10px 11px}
  .pd-anchor__main b{font-size:16px}
}

/* ===== t72/C3 (13.09.2026): повторяемые закупки — «цикл №N», 🔔 напомнить,
   баннер открытия цикла (shop.js v82) ===== */
.pd-cycle-repeat{display:flex;align-items:center;gap:9px;flex-wrap:wrap;background:#F2FBF5;border:1px dashed #BFE8CC;border-radius:10px;padding:8px 11px;margin:0 0 9px;font-size:12px;font-weight:700;color:#3E4A42;line-height:1.5}
.pd-cycle-repeat span{flex:1 1 200px}
.pd-cycle-repeat b{color:#0A7C3D}
.pd-cycle-bell{flex:none;border:1.5px solid #BFE8CC;background:#fff;border-radius:999px;padding:6px 12px;font:800 11.5px/1 'Inter',sans-serif;color:#0A7C3D;cursor:pointer;white-space:nowrap}
.pd-cycle-bell:hover{background:#F2FBF5}
.pd-cycle-bell.on{background:linear-gradient(90deg,#00C55A,#00A04F);border-color:transparent;color:#fff}
.pd-cycle-open{margin:0 0 14px;background:linear-gradient(180deg,#F7FEF9,#FFFFFF);border:1.5px solid #BFE8CC;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:700;color:#0A7C3D}
.prc2__cyc{font-style:normal;color:#0A7C3D;background:#F2FBF5;border-radius:999px;padding:1px 7px;white-space:nowrap}
@media(max-width:640px){
  .pd-cycle-bell{flex:1 1 100%}
}

/* ===== t73/C7 (13.09.2026): единая корзина — кнопка, группы пулов,
   реестр отгрузок (shop.js v83) ===== */
.oz-cartadd{width:100%;margin:0 0 8px;border:1.5px solid #BFE8CC;background:#F7FEF9;border-radius:12px;padding:10px 13px;font:800 13px/1.25 'Inter',sans-serif;color:#0A7C3D;cursor:pointer;text-align:left}
.oz-cartadd:hover{background:#F2FBF5;border-color:#00A04F}
.oz-cartadd.on{background:linear-gradient(90deg,#00C55A,#00A04F);border-color:transparent;color:#fff}
.wg-order-pool{display:flex;align-items:center;gap:9px;background:#F7FEF9;border:1px dashed #BFE8CC;border-radius:10px;padding:7px 11px;margin:0 0 7px;font-size:12px}
.wg-order-pool i{font-style:normal;font-size:15px}
.wg-order-pool b{display:block;font-size:12px;font-weight:800;color:#0A7C3D}
.wg-order-pool span{display:block;color:#676E75;font-weight:600}
.co-splits{margin:12px 0;border:1.5px solid #EDEAE4;border-radius:13px;overflow:hidden;background:#fff}
.co-splits-h{padding:10px 13px;font-size:12.5px;font-weight:800;color:#241F20;background:#FFFDF2;border-bottom:1px solid #F0E6B0}
.co-split{display:flex;align-items:center;gap:10px;padding:9px 13px}
.co-split+.co-split{border-top:1px solid #F0F0F0}
.co-split em{flex:none;width:22px;height:22px;border-radius:50%;background:#241F20;color:#FFD84D;font:800 11px/22px 'Inter',sans-serif;text-align:center;font-style:normal}
.co-split b{display:block;font-size:12.5px;font-weight:800;color:#241F20}
.co-split span{display:block;font-size:11.5px;font-weight:600;color:#4A4445;margin-top:2px}
.co-splits-f{padding:10px 13px;font-size:11.5px;font-weight:700;color:#3E4A42;background:#F8F8F8;border-top:1px solid #F0F0F0}
.co-splits-f b{color:#0A7C3D}

/* ===== t75/C10 (13.09.2026): ПОЛИРОВКА UX ВИТРИНЫ — контраст/кегли/тап-зоны
   (VLM-аудит; shop.css v62). Каскад: перекрытия widgets.css равной
   специфичностью (shop.css грузится позже на всех страницах); тёмная тема —
   гейтованные правила выше специфичностью, не затронута. ===== */

/* 1. контраст приглушённого текста (было #8C9296 ≈ 3:1 → #676E75 ≈ 5:1):
   ключевые widgets-носители + общий класс */
.wg-muted,.wg-pc-note,.wg-pay-warn,.wg-tr span,.wg-cat span,.wg-cat--more,
.wg-order-b .wg-om,.wg-mp-b .wg-mp-m,.wg-kpi-c .wg-kpi-l,.prc2__desc,.prc2__hd,.prc2__log,
.wg-sd-h,.wg-sd-i .wg-sd-cat,.wg-sd-empty,.wg-chart-h span,.wg-chart-legend,
.wg-foot-col b,.wg-foot-bot,.wg-wallet-hist b,.wg-feed-b .wg-fd-bar span,
.wgx-h .wgx-id,.wgx-f .wgx-solves,.wgx-strip .wgx-note,.wgx-side-cnt,.wgx-side-x,
.wgx-side-load,.wgx-side-empty,.wgx-voice__d{color:#676E75}

/* 2. кегли caption'ов (10-11px → 11-12px) */
.prc2__l1 i{font-size:11.5px}
.prc2__pc{font-size:11.5px}
.prc2__sv{font-size:11.5px}
.prc2__hd{font-size:11px}
.wg-order-b .wg-om{font-size:11.5px}
.wg-om{font-size:11.5px}
.pd-cycle-note{font-size:12px;line-height:1.55}
.co-ok-banner span{font-size:12px}
.wg-order-tot .wg-tline{font-size:13px}

/* 3. деньги — табличные цифры; итог по сетке (тот же правый край) */
.wg-order-sum,.wg-order-tot .wg-tline b,.co-total b,.co-total span,
.wg-hero-pct{font-variant-numeric:tabular-nums}
.co-total{padding:6px 0 12px}

/* 4. чекаут-таймер: тише — 44px тревожный красный → 34px тёмно-оранжевый */
.co-clock-t{font-size:34px;color:#B04A1F;letter-spacing:.5px}

/* 5. H1 карточки: название заметнее */
h1.pool-h1{font-size:28px}

/* 6. ПВЗ-предупреждение: мягче жёлтого — не конкурирует с CTA оплаты */
.pd-dlv-ask{border-color:#F2D98A;border-width:1.5px}

/* 7. воздух: ярусы карточек, состав заказа, панели чекаута */
.prc2__tr{gap:4px;padding:6px 9px}
.prc2__tiers{gap:7px}
.wg-order-row{row-gap:12px}
.wg-order-tot{gap:7px}
.co-box{padding:14px 16px}

/* 8. заголовки строк заказа: одна строка + многоточие (было: обрезка) */
.wg-order-b .wg-ot a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:640px){
  /* 9. тап-зоны 44px: степперы количества и мелкие действия карточки */
  .wg-qty button{width:44px;height:44px;font-size:18px}
  .wg-qty span{width:44px}
  .pd-act{min-height:44px}
  h1.pool-h1{font-size:22px}
  .pd-cycle-note{font-size:12.5px}
  .co-clock-t{font-size:28px}
}

/* =====================================================================
   T2/Цикл №6 (14.09): ТЕНДЕРЫ — ЖИВОЙ РЕЖИМ ВИТРИНЫ (shop.js v93):
   секции «Живой спрос» (карточки из /api/tenders) + «Эталонная лента»
   (демо-19 data.js), CTA «➕ Создать спрос», модал формы, живые join-кнопки. */
.tnd-cta__btn {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 16px; margin: 0 0 10px;
  border: 0; border-radius: 12px; cursor: pointer;
  background: #16A34A; color: #fff; font: inherit; font-weight: 700; font-size: 13.5px;
  box-shadow: 0 2px 10px rgba(22, 163, 74, .25);
}
.tnd-cta__btn:hover { background: #128a3f; }
.tnd-sec { margin: 0 0 20px; }
.tnd-sec__h {
  font-weight: 800; font-size: 15px; color: #241F20; margin: 0 0 10px;
  display: flex; align-items: center; gap: 6px;
}
.tnd-sec__h i { font-style: normal; color: #8C9296; font-weight: 600; font-size: 12.5px;
  background: #F3F5F6; border-radius: 20px; padding: 2px 9px; }
.tnd-sec--demo .tnd-sec__h { color: #5B6166; font-size: 13.5px; }
/* T6: маркировка демо-карточек — пример ≠ живой спрос */
.tnd-chip2--demo { background: #F6F8FA; color: #5B6166; border: 1px dashed #C9CED3; font-style: italic; }
.tnd-card--live { border-color: rgba(22, 163, 74, .45); }
.tnd-empty {
  display: flex; flex-direction: column; gap: 4px;
  padding: 16px 18px; margin-bottom: 16px;
  border: 1.5px dashed #D7DBDE; border-radius: 14px; background: #FAFBFB;
}
.tnd-empty b { font-size: 14.5px; color: #241F20; }
.tnd-empty span { font-size: 13px; color: #8C9296; line-height: 1.5; }
.tnd-ask { position: fixed; inset: 0; z-index: 1200;
  display: flex; align-items: center; justify-content: center; }
.tnd-ask[hidden] { display: none; }
.tnd-ask__bg { position: absolute; inset: 0; background: rgba(20, 23, 26, .55); }
.tnd-ask__win {
  position: relative; background: #fff; border-radius: 16px; padding: 20px;
  width: min(480px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow: auto;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
  display: flex; flex-direction: column; gap: 10px;
}
.tnd-ask__h { font-weight: 800; font-size: 17px; color: #241F20; }
.tnd-ask__sub { color: #8C9296; font-size: 12.5px; line-height: 1.55; }
.tnd-ask__l { display: flex; flex-direction: column; gap: 4px;
  font-size: 12px; color: #5B6166; font-weight: 600; }
.tnd-ask__l input, .tnd-ask__l select, .tnd-ask__l textarea {
  font: inherit; font-weight: 500; font-size: 13.5px;
  padding: 9px 12px; border: 1px solid #D7DBDE; border-radius: 10px;
  background: #fff; color: #241F20; width: 100%; box-sizing: border-box;
}
.tnd-ask__l textarea { resize: vertical; }
.tnd-ask__row { display: grid; grid-template-columns: 1fr 110px; gap: 10px; }
.tnd-ask__hp { position: absolute; left: -9999px; top: -9999px; }
.tnd-ask__acts { display: flex; gap: 10px; margin-top: 4px; }
.tnd-ask__ok { flex: 1; padding: 11px 14px; border: 0; border-radius: 10px;
  background: #16A34A; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.tnd-ask__ok:hover { background: #128a3f; }
.tnd-ask__no { padding: 11px 14px; border: 1px solid #D7DBDE; border-radius: 10px;
  background: #fff; color: #5B6166; font: inherit; font-weight: 600; cursor: pointer; }
.tnd-ask__done { font-size: 13px; line-height: 1.55; padding: 10px 12px;
  border-radius: 10px; background: #F0FDF4; color: #14532D; }
.tnd-ask__done b { word-break: break-all; }

/* ===== T3/Цикл №6 (14.09, v70): «Тендеры покупателей» в кабинете поставщика ===== */
.tnd-ask__row--offer { grid-template-columns: 1.4fr 1fr; }
.sup-tnd-load { font-size: 12.5px; color: #8C9296; padding: 10px 12px; }
.sup-tnd-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px;
  border: 1px solid #E7EAEC; border-radius: 12px; background: #fff; margin-bottom: 8px;
  flex-wrap: wrap; transition: border-color .15s; }
.sup-tnd-row:hover { border-color: #C9D1D6; }
.sup-tnd-row--sent { border-color: rgba(22, 163, 74, .4); background: #FBFEFC; }
.sup-tnd-ic { width: 38px; height: 38px; border-radius: 10px; background: #F3F5F6;
  display: flex; align-items: center; justify-content: center; font-size: 18px; flex: none; }
.sup-tnd-b { flex: 1; min-width: 220px; }
.sup-tnd-b b { display: block; font-size: 13.5px; font-weight: 700; color: #241F20;
  line-height: 1.35; }
.sup-tnd-meta { display: block; font-size: 11.5px; color: #8C9296; margin-top: 3px; }
.sup-tnd-desc { display: block; font-size: 12px; color: #5B6166; line-height: 1.5; margin-top: 4px; }
.sup-tnd-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.sup-tnd-chips span { font-size: 11px; font-weight: 600; color: #5B6166;
  background: #F3F5F6; border-radius: 20px; padding: 3px 10px; }
.sup-tnd-chips .sup-tnd-off { background: #F0FDF4; color: #14532D; }
.sup-tnd-act { flex: none; display: flex; align-items: center; }
.sup-tnd-sent { font-size: 12px; font-weight: 700; color: #16A34A;
  padding: 6px 12px; border-radius: 20px; background: #F0FDF4; white-space: nowrap; }
.sup-tnd-empty { display: flex; flex-direction: column; gap: 4px;
  padding: 16px 18px; border: 1.5px dashed #D7DBDE; border-radius: 14px; background: #FAFBFB; }
.sup-tnd-empty b { font-size: 14px; color: #241F20; }
.sup-tnd-empty span { font-size: 12.5px; color: #8C9296; line-height: 1.5; }
@media (max-width: 720px) {
  .sup-tnd-row { align-items: stretch; }
  .sup-tnd-act { width: 100%; }
  .sup-tnd-act .wg-btn-y { width: 100%; }
}

/* ===== R1/Цикл №7: «📩 Куда прислать подтверждение?» — email-захват
   в пике намерения (панель оплаты /pool, после «Взять N шт»/«В корзину») ===== */
.tk-cap{position:relative;margin-top:12px;padding:12px 34px 12px 14px;border:1.5px solid #ACE3C2;border-radius:12px;background:#E6F6EC;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tk-cap[hidden]{display:none}   /* гвард: display бьёт UA [hidden] (урок t78) */
.tk-cap-t{flex:1 1 100%;font-size:13.5px;font-weight:700;color:#241F20;line-height:1.35}
.tk-cap-f{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-cap-f[hidden]{display:none}   /* гвард (урок t78) */
.tk-cap-inp{font-size:13.5px;padding:9px 12px;border:1.5px solid #CBE6D6;border-radius:10px;background:#fff;min-width:200px;outline:none}
.tk-cap-inp:focus{border-color:#18794E}
.tk-cap-ok{font-size:13px;font-weight:800;color:#241F20;background:#FFDE00;border:1.5px solid #E4C55C;border-radius:10px;padding:9px 16px;cursor:pointer;transition:background .15s}
.tk-cap-ok:hover{background:#FFEF7A;border-color:#D9B33E}
.tk-cap-ok:disabled{opacity:.6;cursor:default}
.tk-cap-msg{flex:1 1 100%;font-size:12.5px;color:#1E5E30;line-height:1.4;word-break:break-all}
.tk-cap-msg:empty{display:none}
.tk-cap-x{position:absolute;top:6px;right:8px;border:0;background:transparent;color:#8F8A86;font-size:13px;font-weight:600;cursor:pointer;padding:4px 6px}
.tk-cap-x:hover{color:#241F20}
.tk-cap-hp{position:absolute;left:-5000px;top:-5000px;width:1px;height:1px;opacity:0}
.tk-cap--done{border-color:#ACE3C2;background:#E6F6EC}
@media (max-width:720px){
  .tk-cap{padding:10px 30px 10px 12px}
  .tk-cap-inp{min-width:0;flex:1 1 100%}
  .tk-cap-ok{flex:1 1 100%}
}

/* ===== R3/Цикл №7: возврат без email — ретаргетинг брошенной корзины ===== */
.rt-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:14px 18px;border:1.5px solid #E4C55C;border-radius:14px;background:#FFF6D8}
.rt-banner__ic{font-size:22px;line-height:1}
.rt-banner__t{flex:1 1 320px;font-size:14px;color:#241F20;line-height:1.45}
.rt-banner__t b{font-weight:800}
.rt-banner__t i{display:block;font-style:normal;font-size:12px;color:#8F8A86;margin-top:3px}
.rt-banner__acts{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.rt-banner__ok{padding:11px 18px;border-radius:10px;border:0;background:#FFDE00;color:#241F20;font:800 13.5px Inter,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s}
.rt-banner__ok:hover{background:#FFEF7A}
.rt-banner__x{padding:9px 12px;border-radius:10px;border:1.5px solid #E4D9BC;background:#fff;color:#8F8A86;font:600 12.5px Inter,sans-serif;cursor:pointer}
.rt-banner__x:hover{color:#241F20;border-color:#C9BC96}
@media (max-width:720px){
  .rt-banner{padding:12px 14px;gap:10px}
  .rt-banner__ok{flex:1 1 100%;text-align:center}
  .rt-banner__x{flex:1 1 auto}
}

/* ===== R4/Цикл №7: доверие первого заказа — траст-блок /order + строка /pool ===== */
.ord-trust{margin:12px 0 4px;padding:14px 16px;border:1.5px solid #ACE3C2;border-radius:12px;background:#E6F6EC}
.ord-trust>b{display:block;font-size:14px;font-weight:800;color:#18794E;margin:0 0 8px}
.ord-trust ul{margin:0;padding:0;list-style:none}
.ord-trust li{font-size:12.8px;line-height:1.5;color:#241F20;padding:2px 0 2px 24px;position:relative}
.ord-trust li::before{content:"✓";position:absolute;left:2px;top:2px;font-weight:800;color:#18794E}
.ord-trust li b{font-weight:700}
.pd-trustline{display:block;margin-top:10px;font-size:12.3px;font-weight:700;color:#1E5E30;text-decoration:none;border-top:1px dashed #E4D9BC;padding-top:9px}
.pd-trustline:hover{text-decoration:underline}

/* =====================================================================
   v107 (15.09.2026) · ЧЕЛОВЕЧЕСКАЯ ТИПОГРАФИКА ВИТРИНЫ (директива
   владельца IM «будь старшим братом, а не исполнителем»; VLM-аудит
   скриншотов витрины). Каскад: shop.css грузится ПОСЛЕ widgets.css —
   перекрытия равной специфичностью; тёмная тема — гейтованные правила
   в shop-dark.css v15 (специфичнее, не конфликтуют).
   ===================================================================== */

/* 1. зачёркнутая розница — видима (было #BDBCBC ≈ 1.9:1 — VLM:
      «бабушка просто не увидит, что была скидка») */
.prc2__pr s{color:#767C82}
.wg-pc-pr s{color:#767C82}

/* 2. строки денег яруса — читаемы без лупы: «выгода N ₽/шт» весом 800,
      «осталось N ₽» — 11.5px/700 вместо 10px приглушённого */
.prc2__sv{font-weight:800}
.prc2__hd{font-size:11.5px;font-weight:700;color:#4A4445}

/* 3. единая семантика шкал сбора: ЯНТАРЬ = собранные деньги. Было:
      обычные ярусы — чёрная заливка рядом с жёлтой у рекомендованного
      (VLM: «чёрные полосы выглядят как забытые ошибки вёрстки»);
      теперь вся группа — тёплая гамма, рекомендованный — насыщеннее */
.prc2__l2 .wg-scale i,.wg-pc-scales .wg-scale i,.wg-tier .wg-t2 .wg-scale i{background:#FFDE00}
.prc2__l2 .wg-scale.y i,.wg-pc-scales .wg-scale.y i,.wg-tier .wg-t2 .wg-scale.y i{background:linear-gradient(90deg,#FF9A00,#FFDE00)}

/* 4. главная цифра покупателя — заметнее (и в статус-строке, и в карточке
      покупателя; класс .acc-status в разметке — id, поэтому селектор по
      самому .acc-save) */
.acc-save{font-size:15px}

/* ===== v78 (16.09, аудит «просмотри весь сайт — исправь всё») ===== */
/* ШАПКА НА УЗКИХ ЭКРАНАХ: кнопки-иконки больше не выталкивают страницу
   вбок. Было: 8 кнопок × 38px + gap 9px = 367px при доступных 343px —
   «ерзание» пальцем на 11 из 15 страниц (+16px на SEO-страницах).
   Покупателю инструменты ревью скрыты в shop.js v111 (остаётся 6 кнопок
   одной строкой); это страховка для админа — все 8 переносятся второй
   строкой вместо перелива */
@media(max-width:440px){
  .shop-head__acts{gap:5px;flex-wrap:wrap;justify-content:flex-end}
}
/* /tenders: заголовок секции стал h1 (SEO-семантика) — типографика как у
   h2, чтобы вид не изменился */
.sec-h h1{margin:0;font-size:22px;font-weight:900;letter-spacing:-.01em}
@media(max-width:640px){.sec-h h1{font-size:19px}}


/* ── v115/v80 («тихий режим» карточки пула, пара к shop.js v115): блок
   «Сколько взять — доставка в приемлемом % от чека» свёрнут в одну
   строку-тумблер; тело (профили физ/юрлицо + методология + строки МРО)
   раскрывается по клику. Ядра покупки (ярусы/CTA/цена) — не тронуты. ── */
.pd-quiet__h{display:flex;align-items:center;gap:8px;width:100%;border:0;background:none;font:inherit;font-weight:800;font-size:14.5px;color:#1B4332;cursor:pointer;text-align:left;padding:0}
.pd-quiet__h i{font-style:normal;font-size:18px;line-height:1}
.pd-quiet__sum{font-weight:600;font-size:12px;color:#3E4A42;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-quiet__chev{margin-left:auto;font-style:normal;font-size:14px;line-height:1;color:#0A7C3D;flex:none;transition:transform .18s ease}
.pd-quiet__h:hover .pd-quiet__chev{color:#00A04F}
.pd-quiet.on .pd-quiet__chev{transform:rotate(180deg)}
.pd-quiet__body{display:none}
.pd-quiet.on .pd-quiet__body{display:block}
.pd-dopt-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px}
.pd-dopt-tools .pd-mro-tabs{margin-left:0}
@media(max-width:640px){.pd-quiet__sum{display:none}}
/* тёмная тема — паттерн CARD3_CSS ([data-theme="dark"] в том же файле) */
[data-theme="dark"] .pd-quiet__h{color:#C7BFB4}
[data-theme="dark"] .pd-quiet__sum{color:#837C73}
[data-theme="dark"] .pd-quiet__chev{color:#4CC97B}

/* ── v114/v79 (директива IM 17.09 «однотипные карточки», пара к shop.js v114):
   кросс-сейл карточки товара — единые CARD3 в сетках секций (#pool-rest),
   компакт-список похожих в узкой колонке оплаты (.pd-sim-list), сетка CARD3
   в модалке поставщика (.pd-c3-modal). Мини-карточки pd-mini остаются только
   в модалках-списках. ── */
.pd-sec .grid-pools{margin-top:10px}
.pd-sec--cards>b{display:block}
.pd-sim-list{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.pd-sim-row{display:flex;align-items:center;gap:10px;border:1px solid #F0F0F0;border-radius:12px;padding:7px 10px;text-decoration:none;color:inherit;background:#fff}
.pd-sim-row:hover{border-color:#241F20}
.pd-sim-row .im{width:44px;height:44px;border-radius:9px;background:#F8F8F8;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none;overflow:hidden}
.pd-sim-row .im img{width:100%;height:100%;object-fit:cover;border-radius:9px;display:block}
.pd-sim-row .tx{min-width:0;flex:1}
.pd-sim-row .tx b{display:block;font-size:12.5px;font-weight:600;line-height:1.3;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-sim-row .tx i{display:block;font-style:normal;font-size:11.5px;color:#676E75;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pd-sim-row u{text-decoration:none;color:#4098FF;font-weight:800;flex:none}
/* тёмная тема — паттерн CARD3_CSS ([data-theme=dark] в том же файле) */
[data-theme="dark"] .pd-sim-row{border-color:#2C2823;background:#211E1A;color:#EDE8E0}
[data-theme="dark"] .pd-sim-row:hover{border-color:#EDE8E0}
[data-theme="dark"] .pd-sim-row .im{background:#26221E}
[data-theme="dark"] .pd-sim-row .tx i{color:#837C73}
/* модалка поставщика: сетка единых CARD3 плотнее каталога */
.pd-c3-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:12px}

/* ═══ v81 (18.09.2026, front3) — пара к shop.js v117: «тихий ритм» + «тихие характеристики» ═══ */
/* тихий ритм: шапка-тумблер цикла (button = прежняя строка .pd-cycle-h) */
.pd-quiet--cycle .pd-quiet__h{font-size:13px;color:#241F20}
.pd-quiet--cycle .pd-quiet__chev{margin-left:0;flex:none}
.pd-quiet--cycle .pd-quiet__body{margin-top:9px}
/* тихие характеристики: чипы сверх 6 — за тумблером (qon = раскрыто) */
.pd-quiet--chars:not(.qon) .pd-chip--more{display:none}
.pd-chars-more{border:0;background:none;padding:9px 0 0;font:700 12.5px/1 inherit;font-family:inherit;color:#4098FF;cursor:pointer;width:100%;text-align:left}
.pd-chars-more:hover{text-decoration:underline}
@media(max-width:640px){
  .pd-quiet--cycle .pd-quiet__h{font-size:12.5px}
  .pd-quiet--cycle .pd-quiet__body{margin-top:7px}
  .pd-chars-more{padding:7px 0 0}
}
[data-theme="dark"] .pd-quiet--cycle .pd-quiet__h{color:#C7BFB4}
[data-theme="dark"] .pd-chars-more{color:#4CC97B}
/* mega-hot: подкатегории чипами + скоро закроются (финал V2) */
.mega-hot-subs{display:flex;flex-wrap:wrap;gap:4px;margin:2px 0 10px}
.mega-hot-sub{font-size:14px;font-weight:700;color:#241F20;text-decoration:none;padding:7px 13px;border-radius:999px;background:#F4F4F5;white-space:nowrap}
.mega-hot-sub:hover{background:#ECECEC}
.mega-hot-sub .mega-hot-ic{font-size:17px;margin-right:3px}
.mega-hot-sub i{font-style:normal;font-size:10px;color:#676E75;margin-left:5px}
.mega-hot-h{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#676E75;margin:4px 2px 8px}
.mega-hot-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:8px}
.mega-hot-card{display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 12px;text-decoration:none;color:#241F20;border:1px solid #F0F0F0;border-radius:12px;padding:6px 10px 6px 0;min-width:0;align-items:start;overflow:hidden}
.mega-hot-card:hover{border-color:#FFDE00}
.mega-hot-card img{display:block;width:88px;aspect-ratio:1/1.06;height:auto;min-height:0;object-fit:cover;background:#F4F4F4}
/* t352: обёртка фото мега-карточки (grid-позиции с img — сюда) + плашка «Демо».
   t354 (директива 09.10): фото размазано на ОБА ряда (grid-row:1/3) — ряд 1
   теперь размером с название, цена/шкала/остатки идут сразу за названием
   в правой колонке, а не в нижнем ряду за низом фото */
.mega-hot-ph{position:relative;display:block;min-width:0;grid-column:1;grid-row:1/3;align-self:start}
.mega-hot-card .c3-demo{position:absolute;right:3px;bottom:3px;z-index:2;background:rgba(22,24,29,.68);color:#fff;border-radius:6px;padding:1px 5px;font-size:9.5px;font-weight:800;line-height:1.5;backdrop-filter:blur(2px);pointer-events:none}
.mega-hot-t{display:block;font-size:12px;font-weight:700;line-height:1.3;max-height:2.6em;overflow:hidden;grid-column:2;grid-row:1;min-width:0}
.mega-hot-mid{display:block;grid-column:2;grid-row:2;min-width:0}
.mega-hot-pr{display:block;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mega-hot-pr s{color:#9AA0A6;font-weight:400}
.mega-hot-row{display:flex;align-items:center;gap:8px;margin-top:5px}
.mega-hot-bar{flex:1;height:5px;border-radius:3px;background:#EFEFEF;overflow:hidden}
.mega-hot-bar i{display:block;height:100%;background:linear-gradient(90deg,#FFDE00,#FFB800)}
.mega-hot-p{flex:none;font-size:11px;font-weight:800;color:#0f7a3d}
.mega-hot-r{display:block;font-size:11px;color:#676E75;margin-top:3px}
@media(min-width:901px){#shop-mega-sub{flex-direction:column;align-items:stretch;justify-content:flex-start}}
/* mega-full: панель на всё место под шапкой + тянущиеся рубрики (02.10) */
@media(min-width:901px){
.shop-mega:not([hidden]){position:absolute;left:12px;right:12px;width:auto;max-height:calc(100vh - 110px);display:flex;flex-direction:column;z-index:130}
.shop-mega__cols{flex:1;min-height:0;max-height:none}
.shop-mega__nav{display:flex;flex-direction:column;height:100%;overflow:auto}
.shop-mega__row{flex:1 1 0;min-height:34px;display:flex;flex-direction:column;justify-content:center}
.shop-mega__row-a{font-size:clamp(13px,1.8vh,18px);padding-top:4px;padding-bottom:4px}
#shop-mega-wrap{position:static}
#shop-mega-sub{overflow:auto}
.mega-hot-sub{font-size:14px;padding:7px 13px}
.mega-hot-sub .mega-hot-ic{font-size:17px;margin-right:3px}
.mega-hot-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1400px){.mega-hot-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.mega-hot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
}
.mega-hot-x{position:absolute;top:10px;right:12px;width:30px;height:30px;border-radius:50%;border:1px solid #EDEDED;background:#fff;font-size:14px;line-height:1;color:#676E75;cursor:pointer;z-index:2}
.mega-hot-x:hover{background:#F4F4F4;color:#241F20}
.mega-hot-more{display:flex;align-items:center;justify-content:center;text-align:center;min-height:118px;border:2px dashed #FFDE00;border-radius:12px;font-weight:800;font-size:13px;color:#241F20;text-decoration:none;padding:10px}
.mega-hot-more:hover{background:#FFF8E1}

/* ═════════════════════════════════════════════════════════════════════════
   t355 (директива IM 09.10) · ЦЕНЫ КОНКУРЕНТОВ НА КАРТОЧКАХ ТОВАРОВ
   competitor-live.js v1: бейдж «У конкурентов от N ₽» под ценой карточки
   (.prc2 .c3-pr + .cpc-badge), hover → попап .cpc-pop «где и сколько»
   со ссылками (target=_blank), блок на странице пула .cpc-pool.
   Источники: Яндекс Маркет (живой коллектор) + Ozon/WB (обогащение) +
   Google (ссылка-поиск). Тёмная тема — [data-theme="dark"]. ═══════════ */

/* бейдж на карточке каталога (после .c3-pr, внутри .c3-body) */
.prc2 .cpc-badge{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;
  width:fit-content;background:var(--c3-paper-2,#F7F8FA);border:1px solid var(--c3-line,#E8EAEE);
  border-radius:8px;padding:3px 9px;font-size:11px;line-height:1.5;cursor:pointer;
  -webkit-user-select:none;user-select:none;transition:border-color .15s,background .15s}
.prc2 .cpc-badge:hover,.prc2 .cpc-badge:focus-visible{border-color:#B9C2CE;background:#EFF2F6}
[data-theme="dark"] .prc2 .cpc-badge:hover,[data-theme="dark"] .prc2 .cpc-badge:focus-visible{background:#26221D;border-color:#4A443B}
.prc2 .cpc-badge .cpc-k{font-size:10.5px;font-weight:700;color:var(--c3-ink-3,#9AA1AC)}
.prc2 .cpc-badge b{font-size:13px;font-weight:800;color:var(--c3-ink,#16181D);
  font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.prc2 .cpc-dots{display:inline-flex;align-items:center;gap:3px}
.cpc-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}

/* попап «где и сколько» (position:fixed, competitor-live.js) */
.cpc-pop{position:fixed;z-index:9990;display:none;width:min(380px,calc(100vw - 16px));
  max-height:calc(100vh - 16px);overflow-y:auto;
  background:#FFFFFF;border:1px solid #E3E6EB;border-radius:14px;padding:12px 12px 10px;
  box-shadow:0 18px 50px rgba(22,24,29,.22),0 3px 10px rgba(22,24,29,.08);
  font-size:12px;color:#16181D}
[data-theme="dark"] .cpc-pop{background:#211E1A;border-color:#38332C;color:#EDE8E0;
  box-shadow:0 18px 50px rgba(0,0,0,.5)}
.cpc-pop-h{font-size:13px;font-weight:800;line-height:1.35}
.cpc-pop-t{font-size:11px;color:#6B7280;margin:3px 0 2px;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-theme="dark"] .cpc-pop-t{color:#A29A8E}
.cpc-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:10px;
  text-decoration:none;color:inherit;margin-top:4px;transition:background .12s}
.cpc-row:hover{background:#F4F6F9}
[data-theme="dark"] .cpc-row:hover{background:#2B2721}
.cpc-chip{flex:none;font-size:10px;font-weight:800;letter-spacing:.02em;border-radius:7px;
  padding:3px 8px;white-space:nowrap}
.cpc-mid{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}
.cpc-mid b{font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.cpc-age{font-size:9.5px;color:#9AA1AC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .cpc-age{color:#837C73}
.cpc-go{flex:none;font-size:11px;font-weight:800;color:#0E9F6E;white-space:nowrap}
[data-theme="dark"] .cpc-go{color:#4CC97B}
.cpc-pop-f{font-size:9.5px;color:#9AA1AC;border-top:1px solid #EFEFEF;margin-top:8px;padding-top:7px}
[data-theme="dark"] .cpc-pop-f{border-top-color:#38332C;color:#837C73}

/* блок на странице пула (#pool-pay) */
.cpc-pool{border:1px solid #E3E6EB;border-radius:12px;padding:10px 12px;margin-bottom:12px;
  background:#FFFFFF}
[data-theme="dark"] .cpc-pool{background:#1B1916;border-color:#38332C}
.cpc-pool .cpc-row{margin-top:5px;padding:6px 8px}
.cpc-pool-h{font-size:13px;font-weight:800}
.cpc-our{font-size:11px;font-weight:700;color:#0E9F6E;margin-top:8px}
[data-theme="dark"] .cpc-our{color:#4CC97B}
.cpc-pool-f{font-size:9.5px;color:#9AA1AC;margin-top:7px}
[data-theme="dark"] .cpc-pool-f{color:#837C73}

/* ═══ t356 (10.10): v2 — все офферы Маркета (первая страница) в попапе/пуле:
   секции «Яндекс Маркет · первая страница» / «Другие площадки», строка оффера
   (цена + рейтинг + название), скролл-контейнер списка ═══ */
.cpc-sec{display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  font-size:9.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#6B7280;margin:2px 2px 1px}
.cpc-sec--mt{margin-top:10px}
.cpc-sec-a{font-size:9px;font-weight:700;color:#9AA1AC;text-transform:none;letter-spacing:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:55%}
[data-theme="dark"] .cpc-sec{color:#A29A8E}
[data-theme="dark"] .cpc-sec-a{color:#837C73}
.cpc-scroll{max-height:min(52vh,430px);overflow-y:auto;overscroll-behavior:contain;margin-top:2px}
.cpc-row .cpc-t{font-size:10.5px;color:#6B7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .cpc-row .cpc-t{color:#A29A8E}
.cpc-rate{font-size:9.5px;font-weight:700;color:#B8860B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
[data-theme="dark"] .cpc-rate{color:#D9A441}
.cpc-pool .cpc-sec{margin:9px 2px 1px}
.cpc-pool .cpc-scroll{max-height:none;overflow:visible}


/* ===== t358 · демо-каталог на /tenders (v207) ===== */
.dc-subs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.dc-subs .tnd-chip{margin:0}
.dc-empty{grid-column:1/-1;padding:28px 20px;border:1.5px dashed #E4E7EB;border-radius:14px;color:#8C9296;font-size:14px;text-align:center;background:#FAFBFC}
#demo-cat-crumb a{color:#4098FF;font-weight:700;text-decoration:none}
#demo-cat-crumb a:hover{text-decoration:underline}

/* ===== t359 · мега-меню v3: каталог поставщика Sima Land ===== */
.mega-row-img{width:34px;height:26px;object-fit:cover;border-radius:6px;flex:none;background:#F3F5F4}
.shop-mega__row-a .mega-row-img + span{min-width:0}
.mega-hot-ic img{width:24px;height:24px;border-radius:50%;object-fit:cover;display:block;background:#F3F5F4}
.mega-hot-ic{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none}
.mega-sl-photo{margin:2px 0 10px}
.mega-sl-photo img{width:100%;max-width:230px;aspect-ratio:303/204;object-fit:cover;border-radius:12px;display:block;border:1px solid #E8EAEC}
.mega-sl-info{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}
.mega-sl-info b{font-size:15px;font-weight:900;color:#241F20;letter-spacing:-.01em}
.mega-sl-info span{font-size:11.5px;color:#676E75}
.mega-sl-ext{display:inline-block;margin-top:4px;font-size:11.5px;font-weight:800;color:#FF7200;text-decoration:none;border:1px solid #F0D9BF;border-radius:8px;padding:5px 9px}
.mega-sl-ext:hover{background:#FFF6E0}
@media(max-width:900px){.mega-sl-photo img{max-width:170px}}