/* Тема WEB для ocStore 2.3: «шоурум», тёмная витрина с золотым акцентом.
   Подключается после стандартных стилей и Bootstrap, поэтому только переопределяет. */
:root{
  --bg:#0B0E14; --surface:#11151E; --surface-2:#171C27; --ink:#ECE9E2; --muted:#98A0AF; --line:#242B39; --line-2:#36405A;
  --accent:#C9A96B; --accent-ink:#16110A; --accent-soft:#241E11; --blue:#6C9BFF; --ok:#5BCB95; --danger:#FF8A80;
  --serif:'Cormorant Garamond','Times New Roman',Georgia,serif;
  --font:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  color-scheme:dark;
}
@media (prefers-color-scheme: light){
  :root{
    --bg:#F1F2F5; --surface:#FFFFFF; --surface-2:#F6F7F9; --ink:#12151C; --muted:#586072; --line:#DDE0E7; --line-2:#BFC5D2;
    --accent:#86672A; --accent-ink:#FFFFFF; --accent-soft:#F4ECDA; --blue:#1F54C8; --ok:#0E7C45; --danger:#B3261E; color-scheme:light;
  }
}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5}
a{color:var(--accent)} a:hover,a:focus{color:var(--ink);text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:var(--serif);font-weight:600;color:var(--ink)}
h1{font-size:34px} h2{font-size:28px} h3{font-size:24px} h4{font-size:19px;font-family:var(--font);font-weight:600}
h5{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--font);font-weight:600}
legend{color:var(--ink);border-bottom-color:var(--line)}
hr{border-top-color:var(--line)}
label,.control-label{color:var(--ink)}
.text-danger{color:var(--danger)} .text-success{color:var(--ok)}
.container{max-width:1320px}

/* верхняя строка */
#top{background:var(--surface-2);border-bottom:1px solid var(--line);min-height:0;padding:6px 0;margin:0;font-size:12.5px}
#top .top-l{float:left;color:var(--muted);padding:6px 0}
#top .btn-link,#top-links a,#top #form-currency .currency-select,#top #form-language .btn-link{color:var(--muted);text-shadow:none}
#top-links a:hover,#top .btn-link:hover{color:var(--accent)}
#top .btn-link:hover,#top .btn-link:focus{text-decoration:none}
#top-links .dropdown-menu a{color:var(--ink)}
#top-links .dropdown-menu a:hover{background:var(--surface-2);color:var(--accent)}

/* шапка */
header{background:var(--surface);border-bottom:1px solid var(--line);padding:14px 0;margin:0}
header .container{padding-top:0}
#logo{margin:0}
#logo img{max-height:64px;width:auto}
#logo h1{margin:6px 0;font-size:34px}
#logo h1 a{color:var(--accent)}
#search{margin-bottom:0;margin-top:8px}
#search .form-control{background:var(--surface-2);border:1px solid var(--line-2);border-radius:10px 0 0 10px;color:var(--ink);box-shadow:none;height:46px}
#search .form-control::placeholder{color:var(--muted)}
#search .form-control:focus{border-color:var(--accent)}
#search .btn{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);border-radius:0 10px 10px 0;height:46px;padding:0 18px;text-shadow:none}
#cart{margin-top:8px;margin-bottom:0}
#cart>.btn{background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;height:46px;text-shadow:none;box-shadow:none;font-size:14px}
#cart>.btn:hover,#cart.open>.btn{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
#cart .dropdown-menu{background:var(--surface);border:1px solid var(--line-2);color:var(--ink);box-shadow:0 12px 32px rgba(0,0,0,.45)}
#cart .dropdown-menu li>div{min-width:100%}
#cart .dropdown-menu table{color:var(--ink)}
#cart .dropdown-menu .table-striped>tbody>tr:nth-of-type(odd){background:var(--surface-2)}
#cart .dropdown-menu a{color:var(--accent)}

/* меню категорий */
#menu{background:var(--surface-2);border:1px solid var(--line);border-radius:0 0 10px 10px;min-height:0;margin-bottom:24px;border-top:0}
#menu .nav>li>a{color:var(--ink);text-shadow:none;font-weight:600;font-size:14px;padding:12px 16px}
#menu .nav>li>a:hover,#menu .nav>li.open>a{background:var(--accent-soft);color:var(--accent)}
#menu #category{color:var(--ink);font-weight:600}
#menu .btn-navbar{background:var(--accent);color:var(--accent-ink);border:0;box-shadow:none}
#menu .dropdown-menu{background:var(--surface);border:1px solid var(--line-2);box-shadow:0 12px 32px rgba(0,0,0,.45)}
#menu .dropdown-inner a{color:var(--ink)}
#menu .dropdown-inner a:hover{background:var(--surface-2);color:var(--accent)}
#menu .see-all{background:var(--surface-2);border-top:1px solid var(--line);color:var(--accent)}
#menu .see-all:hover{background:var(--accent-soft);color:var(--accent)}
@media (max-width:767px){
  #menu .navbar-collapse{border-top:1px solid var(--line)}
  #menu .nav>li>a{padding:12px 16px}
  #menu .dropdown-menu a{color:var(--ink)!important}
}

/* хлебные крошки, пагинация */
.breadcrumb{background:transparent;padding:0;margin:0 0 14px;font-size:13px}
.breadcrumb>li+li:before{color:var(--muted)}
.breadcrumb a{color:var(--muted)} .breadcrumb a:hover{color:var(--accent)}
.pagination>li>a,.pagination>li>span{background:var(--surface);border-color:var(--line-2);color:var(--ink)}
.pagination>li>a:hover{background:var(--accent-soft);color:var(--accent)}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}

/* кнопки и формы */
.btn{border-radius:10px;text-shadow:none;box-shadow:none;font-weight:600}
.btn-default{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink)}
.btn-default:hover,.btn-default:focus,.btn-default:active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.btn-primary{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink)}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.btn-inverse{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink)}
.btn-danger{background:var(--danger);border-color:var(--danger);color:#1a0705}
.btn-link{color:var(--accent)}
.form-control{background:var(--surface-2);border:1px solid var(--line-2);color:var(--ink);box-shadow:none;border-radius:8px}
.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.form-control::placeholder{color:var(--muted)}
select.form-control option{background:var(--surface);color:var(--ink)}
.input-group-addon{background:var(--surface-2);border-color:var(--line-2);color:var(--muted)}
.well{background:var(--surface);border:1px solid var(--line);box-shadow:none;border-radius:12px}
.panel{background:var(--surface);border-color:var(--line);box-shadow:none}
.panel-default>.panel-heading{background:var(--surface-2);border-color:var(--line);color:var(--ink)}
.panel-body{color:var(--ink)}
.list-group-item{background:var(--surface);border-color:var(--line);color:var(--ink)}
.list-group-item.active,.list-group-item.active:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
a.list-group-item{color:var(--ink)} a.list-group-item:hover{background:var(--surface-2);color:var(--accent)}
.table{color:var(--ink)}
.table>thead>tr>th,.table>tbody>tr>td,.table>tbody>tr>th,.table-bordered,.table-bordered>thead>tr>th,.table-bordered>tbody>tr>td{border-color:var(--line)}
.table>thead>tr>td,.table>thead>tr>th{background:var(--surface-2)}
.table-striped>tbody>tr:nth-of-type(odd){background:var(--surface)}
.table-hover>tbody>tr:hover{background:var(--surface-2)}
.img-thumbnail{background:#fff;border-color:var(--line)}
.alert{border-radius:10px}
.alert-success{background:rgba(91,203,149,.12);border-color:rgba(91,203,149,.4);color:var(--ok)}
.alert-danger{background:rgba(255,138,128,.1);border-color:rgba(255,138,128,.4);color:var(--danger)}
.alert-info,.alert-warning{background:var(--accent-soft);border-color:var(--line-2);color:var(--accent)}
.modal-content{background:var(--surface);border:1px solid var(--line-2);color:var(--ink)}
.modal-header,.modal-footer{border-color:var(--line)}
.close{color:var(--ink);text-shadow:none}
.dropdown-menu{background:var(--surface);border:1px solid var(--line-2);box-shadow:0 12px 32px rgba(0,0,0,.45)}
.dropdown-menu>li>a{color:var(--ink)}
.dropdown-menu>li>a:hover{background:var(--surface-2);color:var(--accent)}
.nav-tabs{border-color:var(--line)}
.nav-tabs>li>a{color:var(--muted);border-radius:8px 8px 0 0}
.nav-tabs>li>a:hover{background:var(--surface-2);border-color:var(--line) var(--line) transparent;color:var(--ink)}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover{background:var(--surface);border-color:var(--line) var(--line) transparent;color:var(--accent)}
.tooltip-inner{background:var(--surface-2);border:1px solid var(--line-2)}

/* карточки товара (одна разметка во всех списках и модулях) */
.product-thumb{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .15s,transform .15s}
.product-thumb:hover{border-color:var(--accent);transform:translateY(-2px)}
.product-thumb .image{background:#fff;text-align:center;padding:10px}
.product-thumb .image img{margin:0 auto;max-height:220px;width:auto}
.product-thumb h4{margin:0 0 8px;font-size:15px;line-height:1.35;font-weight:600}
.product-thumb h4 a{color:var(--ink)} .product-thumb h4 a:hover{color:var(--accent)}
.product-thumb .caption{padding:14px 16px 6px;min-height:0}
.product-thumb .caption p{color:var(--muted);font-size:13px}
.product-thumb .price{color:var(--ink);font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.price-new{color:var(--accent)} .price-old{color:var(--muted);text-decoration:line-through;font-weight:500;font-size:14px}
.price-tax{color:var(--muted)}
.product-thumb .button-group{background:var(--surface-2);border-top:1px solid var(--line);display:flex;overflow:hidden}
.product-thumb .button-group button{background:transparent;color:var(--muted);border:0;border-right:1px solid var(--line);flex:1;width:auto;padding:12px 8px;font-weight:600;font-size:13px}
.product-thumb .button-group button:first-child{flex:3;color:var(--accent);text-transform:none}
.product-thumb .button-group button:last-child{border-right:0}
.product-thumb .button-group button:hover{background:var(--accent-soft);color:var(--accent)}
.rating .fa-star{color:var(--accent)} .rating .fa-star-o{color:var(--line-2)}
.rating .fa-stack{width:14px}

/* подвал */
footer{background:var(--surface);border-top:1px solid var(--line);margin-top:48px;padding-top:30px;color:var(--muted)}
footer h5{color:var(--ink)}
footer a{color:var(--muted)} footer a:hover{color:var(--accent)}
footer hr{border-color:var(--line)}
footer .foot-note{font-size:13px;padding-bottom:12px}

/* крошки: убираем «стрелки» стандартной темы */
.breadcrumb{border:0;border-radius:0}
.breadcrumb>li{position:relative;white-space:nowrap;text-shadow:none}
.breadcrumb>li:after,.breadcrumb>li+li:before{content:none}
.breadcrumb>li+li:before{content:"/";display:inline;padding:0 8px;color:var(--muted)}
.breadcrumb>li a{display:inline;background:transparent;padding:0}

/* одинаковая высота карточек в ряду */
.product-grid .product-thumb{display:flex;flex-direction:column;height:100%;margin-bottom:20px}
.product-grid .product-thumb>div:last-child{display:flex;flex-direction:column;flex:1}
.product-grid .product-thumb .caption{flex:1}
@media (min-width:768px){#content .row{display:flex;flex-wrap:wrap}#content .row:before,#content .row:after{display:none}}

/* правки по результатам проверки */
.breadcrumb>li,.breadcrumb>li a{padding:0!important;margin:0}
.breadcrumb>li+li:before{padding:0 8px!important}
.product-thumb .button-group button{border:0!important;border-right:1px solid var(--line)!important;background:transparent}
.product-thumb .button-group button:last-child{border-right:0!important}
.product-thumb .button-group button:hover{background:var(--accent-soft)}
.product-thumb .button-group .hidden-xs{display:inline!important}
@media (max-width:991px){.product-thumb .button-group button:first-child{font-size:14px}}

/* ===== v2: мега-меню каталога ===== */
#menu{position:relative;border-radius:0 0 10px 10px;padding:6px}
#menu .mega-btn{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:10px 18px;font-weight:700;font-size:15px;cursor:pointer}
#menu .mega-btn:hover{filter:brightness(1.08)}
.mega-panel{position:absolute;z-index:1000;left:0;right:0;top:100%;margin-top:6px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.45);overflow:hidden}
.mega-panel[hidden]{display:none}
.mega-roots{margin:0;padding:0;display:block;position:relative;min-height:380px}
.mega-root{width:300px;position:static}
.mega-root>a{display:block;padding:11px 18px;color:var(--ink);font-weight:600;font-size:14px;border-left:3px solid transparent}
.mega-root.active>a{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent)}
.mega-sub{display:none;position:absolute;left:300px;top:0;right:0;bottom:0;padding:18px 24px;border-left:1px solid var(--line);overflow:auto;background:var(--surface)}
.mega-root.active .mega-sub{display:block}
.mega-sub ul{columns:3;column-gap:28px;margin:0 0 14px}
.mega-sub li{break-inside:avoid;margin:0}
.mega-sub li a{display:block;padding:6px 0;color:var(--ink);font-size:14px}
.mega-sub li a:hover{color:var(--accent)}
.mega-sub .see-all{display:inline-block;background:none;border:0;color:var(--accent);font-weight:700;padding:6px 0}
@media (max-width:991px){.mega-sub ul{columns:2}}
@media (max-width:767px){
  .mega-roots{min-height:0}
  .mega-root{width:auto}
  .mega-sub{position:static;display:none;padding:4px 18px 12px 30px;border-left:0}
  .mega-sub ul{columns:1}
}
/* ===== v2: главная ===== */
.home-hero{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-2) 100%);border:1px solid var(--line);border-radius:16px;padding:46px 40px;margin:8px 0 28px}
.home-hero h1{margin:0 0 10px;font-family:'Cormorant Garamond',serif;font-size:44px;line-height:1.1;color:var(--ink)}
.home-hero p{margin:0 0 22px;color:var(--ink-2,var(--ink));font-size:17px;max-width:620px}
.home-hero .btn-hero{display:inline-block;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:13px 26px;font-weight:700;font-size:15px;border:0;cursor:pointer}
.home-hero .btn-hero:hover{filter:brightness(1.08);text-decoration:none}
.home-h2{font-family:'Cormorant Garamond',serif;font-size:30px;margin:6px 0 16px;color:var(--ink)}
.home-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-bottom:30px}
.home-tile{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;color:var(--ink);font-weight:600;font-size:15px;line-height:1.3;transition:.18s}
.home-tile:hover{border-color:var(--accent);transform:translateY(-2px);text-decoration:none;color:var(--accent)}
.home-tile small{display:block;margin-top:6px;color:var(--muted,var(--ink));opacity:.7;font-weight:500;font-size:12.5px}
.home-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-bottom:34px}
.home-info>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}
.home-info b{display:block;margin-bottom:6px;color:var(--ink);font-size:15px}
.home-info span{color:var(--ink);opacity:.8;font-size:14px;line-height:1.45}
@media (max-width:767px){.home-hero{padding:28px 20px}.home-hero h1{font-size:32px}}

/* ===== v3: страница раздела ===== */
#content h1{font-family:var(--serif);font-size:34px;margin:4px 0 18px}
.refine-h{font-family:var(--serif);font-size:24px;margin:0 0 12px;color:var(--ink)}
.refine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:26px}
.refine-tile{display:block;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 15px;color:var(--ink);font-weight:600;font-size:14px;line-height:1.3;transition:.16s}
.refine-tile:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-1px)}
.list-group-item{background:var(--surface);color:var(--ink);border-color:var(--line)}
a.list-group-item:hover{background:var(--surface-2);color:var(--accent)}
.list-group-item.active,.list-group-item.active:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--line);font-weight:700}

/* v3.2: бренды компактными чипами */
.refine-h{font-size:18px;margin:0 0 8px}
.refine-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.refine-tile{display:inline-block;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}

/* v4: список товаров как в демо */
.ptoolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:4px 0 16px;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.ptoolbar .pt-item{display:flex;align-items:center;gap:8px}
.ptoolbar label{margin:0;color:var(--muted);font-weight:500;font-size:13px}
.ptoolbar select{height:34px;min-width:150px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;font-size:13px}
.ptoolbar .pt-count{margin-left:auto;color:var(--muted);font-size:13px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;margin-bottom:24px}
.pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.16s}
.pcard:hover{border-color:var(--accent);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.pc-img{display:flex;align-items:center;justify-content:center;height:210px;padding:14px;background:#fff;border-bottom:1px solid var(--line)}
.pc-img img{max-width:100%;max-height:100%;object-fit:contain}
.pc-body{display:flex;flex-direction:column;flex:1;padding:14px 16px 16px}
.pc-sku{font-family:ui-monospace,Consolas,monospace;font-size:12px;color:var(--muted);margin-bottom:6px}
.pc-name{margin:0 0 8px;font-size:15px;line-height:1.35;font-weight:700}
.pc-name a{color:var(--ink)}
.pc-name a:hover{color:var(--accent);text-decoration:none}
.pc-desc{margin:0 0 10px;color:var(--muted);font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-foot{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}
.pc-price b{font-size:22px;font-weight:800;color:var(--ink)}
.pc-price s{margin-left:6px;color:var(--muted);font-size:13px}
.pc-stock{font-size:12.5px;white-space:nowrap}
.pc-stock.ok{color:var(--ok)}
.pc-stock.ok:before{content:"\25CF  "}
.pc-stock.no{color:var(--muted)}
.pc-cart{margin-top:12px;width:100%;padding:11px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);border-radius:10px;font-weight:700;font-size:14px;cursor:pointer;transition:.15s}
.pc-cart:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}

/* v5: лента на главной, фильтры */
.home-feed{margin:0 0 30px}
.home-feed-load{padding:30px;text-align:center;color:var(--muted)}
.home-feed-more{text-align:center;margin:6px 0 0}
.home-feed-more .btn-hero{display:inline-block;background:var(--accent);color:var(--accent-ink);border-radius:10px;padding:13px 26px;font-weight:700;font-size:15px}
.home-feed-more .btn-hero:hover{text-decoration:none;filter:brightness(1.08)}
.ptoolbar .pt-num{width:110px;min-width:0;height:34px;background:var(--surface-2);color:var(--ink);border:1px solid var(--line-2);border-radius:8px;font-size:13px}
.ptoolbar .pt-btn{height:34px;padding:0 16px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer}
.mega-all{display:block;padding:12px 18px;border-bottom:1px solid var(--line);color:var(--accent);font-weight:700;font-size:14px}
.mega-all:hover{background:var(--accent-soft);text-decoration:none}

/* v6: страница товара */
.p-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 14px;font-size:14px;color:var(--muted)}
.p-sku{font-family:ui-monospace,Consolas,monospace}
.p-brand a{color:var(--accent)}
.p-price{margin:0 0 18px}
.p-price b{font-size:38px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.p-price s{margin-left:10px;color:var(--muted);font-size:18px}
.p-disc{margin:8px 0 0;font-size:13px;color:var(--muted)}
.thumbnails{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:10px}
.thumbnails>li{margin:0}
.thumbnails .thumbnail{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;margin:0}
.thumbnails>li:first-child{flex:0 0 100%}
.thumbnails>li:first-child .thumbnail{text-align:center}
.thumbnails>li:not(:first-child) .thumbnail img{width:84px;height:84px;object-fit:contain}
#product .btn-primary,.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700;border-radius:10px}
#product .btn-primary:hover,.btn-primary:hover{filter:brightness(1.08);background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.nav-tabs{border-bottom:1px solid var(--line)}
.nav-tabs>li>a{color:var(--muted);border:0;border-bottom:2px solid transparent;border-radius:0;margin:0 12px 0 0;background:none}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:var(--accent);background:none;border:0;border-bottom:2px solid var(--accent)}
.tab-content{padding:18px 0;color:var(--ink);line-height:1.6}
.table-bordered>tbody>tr>td,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border-color:var(--line);color:var(--ink)}
.form-control{background:var(--surface-2);color:var(--ink);border-color:var(--line-2);border-radius:8px}

/* v8: заголовок товара */
#content h1.p-title{font-family:var(--font);font-size:25px;font-weight:800;line-height:1.28;letter-spacing:-.01em;margin:10px 0 14px}

/* v13: шапка как в демо */
.webhead{position:sticky;top:0;z-index:900;padding:10px 0}
.wh-in{display:flex;align-items:center;gap:16px}
.wh-logo img{height:48px;width:auto;display:block}
.wh-search{flex:1;min-width:160px}
.wh-search #search{margin:0}
.wh-actions{display:flex;align-items:center;gap:10px;flex:none}
.wh-actions #cart{margin:0}
.kaspi-top{display:block;height:46px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.14)}
.kaspi-top img{height:46px;width:auto;display:block}
.wbtn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;text-decoration:none}
.wbtn:hover{text-decoration:none;border-color:var(--accent);color:var(--accent)}
.tg-top{color:#1B8EC4;border-color:#9AD3EE}
.tg-top:hover{background:#229ED9;color:#fff;border-color:#229ED9}
#cart>.webcart{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 16px;font-weight:700;border-radius:10px}
#cart>.webcart:hover{filter:brightness(1.08);color:var(--accent-ink);background:var(--accent)}
.badge.num{min-width:22px;height:22px;border-radius:11px;background:var(--accent-ink);color:var(--accent);font-size:12px;font-weight:800;display:inline-grid;place-items:center;padding:0 6px}
.pc-cart.in{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent)}
.p-incart{display:none;margin-top:6px;font-size:13px;font-weight:700;color:var(--accent)}
.p-incart.on{display:block}
@media(max-width:991px){.tg-top span,.price-top span{display:none}.wbtn{padding:0 12px}}
@media(max-width:767px){.wh-in{flex-wrap:wrap}.wh-search{order:3;flex-basis:100%}.wh-actions{margin-left:auto}.kaspi-top{display:none}.webcart .lbl{display:none}}

/* v14: полоса справки + ярлыки оплаты */
.infostrip{position:relative;display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 4px}
.infostrip>button{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600;font-size:13px;cursor:pointer}
.infostrip>button i{color:var(--accent);margin-right:6px}
.infostrip>button:hover,.infostrip>button.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.is-pop{flex-basis:100%;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:14px 18px;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.is-pop b{display:block;font-family:var(--serif);font-size:20px;margin-bottom:4px}
.is-pop p{margin:0 0 8px;color:var(--muted)}
.is-pop a{margin-right:16px;font-weight:600;color:var(--accent)}
.foot-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:6px 0 16px}
.fp-t{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.fp-r{margin-left:auto;letter-spacing:0;text-transform:none;font-size:13px}
.fp{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:8px;border:1px solid var(--line-2);color:var(--ink);font-weight:700;font-size:13px;background:var(--surface-2)}
.fp-kaspi{background:#F14635;border-color:#F14635;color:#fff}
.fp-halyk{background:#00A651;border-color:#00A651;color:#fff}
.fp-inst img{display:block;border-radius:8px}
.infostrip>button{padding:0 14px 0 4px;display:inline-flex;align-items:center;gap:8px;height:42px;border-radius:21px}
.infostrip>button i{margin:0;color:#fff}
.ic{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#fff;font-size:15px;flex:none}
.ic i{color:#fff!important;margin:0!important}
.ic-pay{background:linear-gradient(135deg,#FF5A47,#E2321F)}
.ic-opt{background:linear-gradient(135deg,#D9A93A,#8A6420)}
.ic-adr{background:linear-gradient(135deg,#4CC38A,#1D8F5C)}
.ic-tg{background:linear-gradient(135deg,#37AEE2,#1E96C8)}
.ic-l{width:48px;height:48px;font-size:22px;float:left;margin-right:14px}
.is-pop>div{overflow:hidden}
.is-pay{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
.is-pay .fp{height:30px;font-size:12px;padding:0 12px}
@media(max-width:991px){.is-pay{display:none}}
.ic-wa{background:linear-gradient(135deg,#4FE07D,#1FAF54)}
.ic-adr{background:linear-gradient(135deg,#8E7CF0,#5B47C9)}

/* v19: первый экран с роботом */
.stage{position:relative;overflow:hidden;margin:6px 0 22px;border-radius:14px;color:#fff;padding:clamp(22px,4vw,52px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-areas:"tag art" "h art" "p art" "chips art" "btns art";column-gap:24px;align-content:center;background:linear-gradient(125deg,#1A1033 0%,#3A1F66 52%,#8A3170 115%)}
.stage>*{position:relative}
.st-glow{position:absolute!important;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none}
.st-glow.g1{width:340px;height:340px;right:-60px;top:-80px;background:#FF9A3C}
.st-glow.g2{width:300px;height:300px;left:-80px;bottom:-120px;background:#4C7DFF}
.st-tag{grid-area:tag;margin:0;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#FFD89A}
.st-h{grid-area:h;margin:10px 0 0;font-family:var(--serif);font-weight:700;font-size:clamp(38px,5.6vw,76px);line-height:1;color:#fff}
.st-h em{font-style:normal;background:linear-gradient(90deg,#FFD27A,#FF8A4C);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-p{grid-area:p;font-size:15px;margin:14px 0 0;color:#EDE7FA;max-width:520px}
.st-chips{grid-area:chips;list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.st-chips li{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);font-size:13px;color:#fff}
.st-chips b{color:#FFD27A}
.st-btns{grid-area:btns;margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.st-btn{display:inline-flex;align-items:center;height:50px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none!important}
.st-btn.gold{background:linear-gradient(90deg,#FFD27A,#FF9A4C);color:#2A1500;box-shadow:0 8px 24px rgba(255,154,76,.35)}
.st-btn.ghost{border:1.5px solid rgba(255,255,255,.55);color:#fff}
.st-btn.ghost:hover{background:rgba(255,255,255,.12);color:#fff}
.st-art{grid-area:art;align-self:end;justify-self:center;width:min(100%,420px);margin-block:-8px calc(-1*clamp(22px,4vw,52px))}
.st-art svg{display:block;width:100%;height:auto}
@media(max-width:767px){.stage{grid-template-columns:1fr;grid-template-areas:"tag" "h" "p" "chips" "btns" "art"}.st-art{width:240px;margin:14px auto -20px}.st-chips li:nth-child(n+3){display:none}}
/* v20: кнопки справки в одной строке с «Каталог товаров» */
#menu{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#menu .infostrip{display:contents}
#menu .infostrip>button{height:40px;margin:0}
#menu .is-pop{position:absolute;z-index:999;left:0;right:0;top:100%;margin-top:6px;flex-basis:auto}
@media(max-width:767px){#menu .infostrip>button{font-size:12px;padding:0 10px 0 3px}#menu .ic{width:28px;height:28px}}
/* v21: разделы и доставка */
.sech{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin:34px 0 16px;padding-bottom:8px}
.sech .home-h2{margin:0}
.sech span{font-size:13px;color:var(--muted)}
.home-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}
.home-tiles .home-tile{border:0;border-radius:0;box-shadow:none;background:transparent;font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.1;padding:18px 18px;min-height:112px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.home-tiles .home-tile small{display:block;margin-top:14px;font-family:ui-monospace,Consolas,monospace;font-size:11.5px;color:var(--muted);font-weight:400}
.dlv{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.dlv>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 20px}
.dlv i{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.dlv b{display:block;font-family:var(--serif);font-size:26px;font-weight:600;margin:6px 0 8px;color:var(--ink)}
.dlv p{margin:0 0 10px;color:var(--muted);font-size:14px}
@media(max-width:767px){.dlv{grid-template-columns:1fr}.sech{flex-direction:column;gap:2px}}
/* v22: соцсети в строке меню */
#menu .soc{display:inline-flex;gap:8px;align-items:center}
.soc a{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);transition:.15s}
.soc a svg{width:19px;height:19px}
.soc a:hover{color:#fff;border-color:transparent;text-decoration:none}
.soc .s-tg:hover{background:#229ED9}.soc .s-ig:hover{background:linear-gradient(45deg,#F9A03F,#E1306C,#833AB4)}.soc .s-fb:hover{background:#1877F2}.soc .s-tt:hover{background:#111}
@media(max-width:767px){.soc a{width:34px;height:34px}}
/* v23: сервис и гарантия */
.svb{display:inline-block;height:38px;line-height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)!important;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none!important}
.svb:hover{border-color:var(--accent);color:var(--accent)!important}
.svc b{font-size:22px}
.gdlg{position:fixed;inset:0;z-index:3000;background:rgba(5,8,14,.6);display:flex;align-items:center;justify-content:center;padding:16px}
.gdlg[hidden]{display:none}
.gbox{background:var(--surface);color:var(--ink);border:1px solid var(--line-2);border-radius:14px;width:min(820px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.gh{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.gh b{font-family:var(--serif);font-size:26px}
.gx{border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}
.gtabs{display:flex;gap:6px;padding:10px 18px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.gtabs button{height:34px;padding:0 14px;border-radius:17px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-weight:600;font-size:13px;cursor:pointer}
.gtabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.gbody{padding:16px 18px;overflow:auto}
.gpre{white-space:pre-wrap;font:14px/1.55 var(--font);margin:0;background:none;border:0;color:var(--ink);padding:0}
.gn{color:var(--muted);font-size:13px}
.sci{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px}
.sci b{display:block;margin-bottom:4px}
.sci span{display:block;color:var(--muted);font-size:14px}
.sci a{color:var(--accent)}
button.fp{cursor:pointer;font-family:inherit}
button.fp:hover{filter:brightness(1.08)}
/* v24: быстрый заказ */
.qc{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:30px}
.qc-form,.qc-order{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.qc-row{margin-bottom:16px}
.qc-row>label{display:block;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--ink)}
.qc-row small{font-weight:400;color:var(--muted)}
.qc-row input[type=text],.qc-row input[type=tel],.qc-row input[type=email],.qc-row textarea{width:100%;height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-size:15px}
.qc-row textarea{height:auto;padding:10px 14px}
.qc-row input:focus,.qc-row textarea:focus{outline:2px solid var(--accent);border-color:transparent}
.qc-err{display:block;color:#E5493A;font-size:13px;margin-top:4px}
.qc-err:empty{display:none}
.qc-ship{padding:12px 14px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line);font-size:14px;color:var(--muted)}
.qc-ship i{color:var(--accent);margin-right:6px}
.qc-pay{display:flex;gap:10px;flex-wrap:wrap}
.qc-opt{display:inline-flex!important;align-items:center;gap:8px;margin:0!important;padding:10px 16px;border:1.5px solid var(--line-2);border-radius:10px;cursor:pointer;font-weight:700!important}
.qc-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.qc-opt input{margin:0}
.qc-note{font-size:13px;color:var(--muted)}
.qc-btn{width:100%;height:52px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:16px;cursor:pointer}
.qc-btn:disabled{opacity:.6}
.qc-order h3{margin:0 0 12px;font-family:var(--serif);font-size:26px}
.qc-hint{color:var(--muted)}
.qc-order .table{color:var(--ink)}
.qc-order .buttons .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);height:48px;font-weight:800;padding:0 24px}
@media(max-width:900px){.qc{grid-template-columns:1fr}}
.st-chips li.st-act{cursor:pointer;background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5)}
.st-chips li.st-act:hover{background:rgba(255,255,255,.3)}
/* v26: дерево каталога, вкладки, виды */
.cat-tree{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:20px}
.cat-tree a{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--ink);border-bottom:1px solid var(--line);font-size:14px;line-height:1.25;text-decoration:none}
.cat-tree a:last-child{border-bottom:0}
.cat-tree a:hover{background:var(--surface-2);text-decoration:none}
.cat-tree a.active{background:var(--accent-soft);color:var(--accent);font-weight:700}
.cat-tree .ct-n{flex:1}
.cat-tree em{font-style:normal;font-size:12px;color:var(--muted);font-family:ui-monospace,Consolas,monospace}
.cat-tree .ct-all{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--accent)}
.ct-ic{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:15px;color:#fff}
.ct-ic.h0{background:#5B9BF0}.ct-ic.h1{background:#8E7CF0}.ct-ic.h2{background:#D9A93A}.ct-ic.h3{background:#E5649A}.ct-ic.h4{background:#2FC3A0}.ct-ic.h5{background:#45B26B}.ct-ic.h6{background:#F08A4B}.ct-ic.h7{background:#4B7DE0}
.ct-sub{background:var(--surface-2);border-bottom:1px solid var(--line)}
.cat-tree .ct-c{padding:8px 14px 8px 54px;font-size:13px}
.ptabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:4px 0 14px}
.ptabs>button{height:40px;padding:0 18px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer}
.ptabs>button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pviews{margin-left:auto;display:inline-flex;border:1px solid var(--line-2);border-radius:8px;overflow:hidden}
.pviews button{width:42px;height:40px;border:0;background:var(--surface);color:var(--muted);cursor:pointer;border-right:1px solid var(--line)}
.pviews button:last-child{border-right:0}
.pviews button.on{background:var(--accent);color:var(--accent-ink)}
[data-view=big] .pgrid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
[data-view=big] .pc-img{height:300px}
[data-view=list] .pgrid{grid-template-columns:1fr;gap:10px}
[data-view=list] .pcard{flex-direction:row;align-items:stretch}
[data-view=list] .pc-img{width:150px;height:auto;min-height:120px;flex:none;border-bottom:0;border-right:1px solid var(--line)}
[data-view=list] .pc-body{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 18px}
[data-view=list] .pc-sku{flex-basis:100%;margin:0}
[data-view=list] .pc-name{flex:1 1 300px;margin:0}
[data-view=list] .pc-desc{display:none}
[data-view=list] .pc-foot{margin:0;gap:18px}
[data-view=list] .pc-cart{margin:0;width:200px}
@media(max-width:767px){[data-view=list] .pc-img{width:96px}[data-view=list] .pc-cart{width:100%}.pviews{margin-left:0}}

/* v27: готовые сборки */
.bc{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:20px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.bc::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--c1,#FFC65C),var(--c2,#FF9A3C))}
.bc .tg{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.bc h3{margin:0;font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.1}
.bc p{margin:0;color:var(--muted);font-size:14px}
.bc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:13px}
.bc li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:8px;border-top:1px solid var(--line);padding-top:4px}
.bc li span{color:var(--muted)}
.bc li b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bc-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:6px}
.bc-tot small{color:var(--muted);font-size:12px}
.bc-tot b{font-size:26px;letter-spacing:-.01em}
.bc-btns{display:flex;flex-wrap:wrap;gap:8px}
.pre-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.pre-tab{all:unset;cursor:pointer;box-sizing:border-box;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:18px 20px;border-radius:8px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.pre-tab::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--c1),var(--c2))}
.pre-tab:hover{transform:translateY(-2px)}
.pre-tab.on{border-color:var(--c2);background:linear-gradient(160deg,color-mix(in srgb,var(--c1) 22%,var(--surface)),var(--surface));box-shadow:0 10px 28px color-mix(in srgb,var(--c2) 28%,transparent)}
.pre-tab:focus-visible{outline:3px solid var(--c2);outline-offset:2px}
.pre-d{margin:0 0 14px;color:var(--muted);font-size:14px}
.pre-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:16px;perspective:1100px}
.bc.flip{animation:none}
.pre-tabs{grid-template-columns:1fr;gap:8px}
.pre-tab{padding:14px 16px;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.pt-t{font-family:var(--serif);font-weight:700;font-size:24px;line-height:1.1}
.pt-d{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.pt-p{margin-top:8px;font-size:13px;color:var(--muted)}
.pt-p b{font-size:17px;color:var(--ink)}
.pt-p{margin:0 0 0 auto}
.pt-d{display:none}
.num{font-variant-numeric:tabular-nums}
.bc .btn{height:42px;padding:0 18px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-weight:700;font-size:14px;cursor:pointer}
.bc .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.bc .btn:disabled{opacity:.7}
.pre-tab .pt-t{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.1}
.pre-tab .pt-d{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.pre-tab .pt-p{margin-top:6px;font-size:13px;color:var(--muted)}
.pre-tab .pt-p b{color:var(--ink);font-size:16px}
.pre-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.pre-tab{flex-direction:column!important;align-items:stretch!important;padding:18px 20px!important}
@media(max-width:700px){.pre-tabs{grid-template-columns:1fr!important}}
/* карточки товаров компактнее */
.pgrid{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:14px}
.pc-img{height:170px}
.pc-name{font-size:14px}
.pc-price b{font-size:19px}
.pre-tab .pt-d{display:block!important}.pre-tab .pt-p{display:block!important;text-align:left!important}

/* v29 constructor */
/* ---------- конструктор ---------- */
.bld{border:1px solid var(--line);border-radius:3px;background:var(--surface);overflow:hidden}
.bl-row{display:grid;grid-template-columns:38px 190px minmax(0,1fr) auto auto;gap:8px 14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}
.bl-i{font-family:var(--mono);font-size:13px;color:var(--muted)}
.bl-n{font-family:var(--serif);font-weight:600;font-size:21px;line-height:1.1}
.bl-n small{display:block;font-family:var(--sans,inherit);font-weight:400;font-size:12px;color:var(--muted);margin-top:2px}
.bl-v{min-width:0;color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.bl-v.on{color:var(--ink);font-weight:600}
.bl-v small{display:block;font-family:var(--mono);font-weight:400;font-size:11.5px;color:var(--muted)}
.bl-p{font-weight:700;white-space:nowrap;min-width:90px;text-align:right}
.bl-act{display:flex;gap:6px;align-items:center}
.bl-act .btn{height:36px}
.bl-foot{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--surface-2)}
.bl-sum{font-size:13px;color:var(--muted)}
.bl-sum b{display:block;font-size:26px;color:var(--ink);letter-spacing:-.01em}
.bl-btns{display:flex;flex-wrap:wrap;gap:8px}
.bl-note{padding:12px 18px;font-size:13px;border-top:1px solid var(--line);color:var(--muted)}
.bl-note.bad{color:#E8946B}
.bl-note.ok{color:var(--ok)}
.bl-note div+div{margin-top:4px}
@media(max-width:860px){.bl-row{grid-template-columns:30px minmax(0,1fr);grid-template-areas:"i n" "i v" "i p" "i act"}.bl-i{grid-area:i;align-self:start}.bl-n{grid-area:n}.bl-v{grid-area:v}.bl-p{grid-area:p;text-align:left;min-width:0}.bl-act{grid-area:act;flex-wrap:wrap}}
.pk-q{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding:0 20px 12px}
.pk-q input[type=search]{flex:1 1 220px;height:40px;border:1px solid var(--line);background:var(--surface-2);border-radius:3px;padding:0 12px}
.pk-q label{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}
.pk-list{padding:0 20px 20px;overflow:auto;max-height:calc(100dvh - 230px)}
.pk-it{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.pk-th{width:56px;height:44px;background:#fff;border-radius:2px;display:grid;place-items:center;overflow:hidden}
.pk-th img{max-width:100%;max-height:100%;object-fit:contain}
.pk-th.no{background:var(--surface-2)}
.pk-t{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.pk-t small{display:block;font-weight:400;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.pk-r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.pk-r b{white-space:nowrap}
.pk-it{grid-template-columns:44px minmax(0,1fr)}
.pk-r{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}
#bld{margin-top:16px}
#bld[hidden]{display:none}
.bl-g{padding:10px 18px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);background:var(--surface-2);border-bottom:1px solid var(--line)}

.bld .btn,.pk-it .btn,.bc .btn{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:36px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none}
.bld .btn.primary,.pk-it .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.bl-act .x{width:32px;height:32px;border:1px solid var(--line-2);background:transparent;color:var(--muted);border-radius:8px;cursor:pointer}
.pk-q{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 0}.pk-q input[type=search]{flex:1;min-width:160px;height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)}
.pgrid>[hidden]{display:none!important}
.pk-it{display:flex!important;gap:14px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.pk-t{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}.pk-t small{display:block;font-weight:400;color:var(--muted);font-family:var(--mono);font-size:11.5px}
.pk-r{display:flex;gap:12px;align-items:center;flex:none}.pk-list{max-height:60vh;overflow:auto}
.pk-q label{font-size:13px;color:var(--muted);display:flex;gap:6px;align-items:center}

/* v30 rail */
.stage.s2{background:linear-gradient(125deg,#04211C 0%,#0B4A44 52%,#2E8B57 118%)}
.stage.s2 .st-glow.g1{background:#FFD83A}
.stage.s2 .st-glow.g2{background:#18C7A0}
.stage.s2 .st-tag{color:#9CF0CF}
.stage.s2 .st-h{font-size:clamp(34px,5.4vw,70px)}
.stage.s2 .st-h em{background:linear-gradient(90deg,#FFE066,#7CF0B8);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage.s2 .st-p{color:#D5F5E8}
.stage.s2 .st-chips b{color:#FFE066}
.stage.s2 .st-btn.gold{background:linear-gradient(90deg,#FFE066,#7CF0B8);color:#06241F;box-shadow:0 8px 24px rgba(124,240,184,.35)}
.stage.s3{background:linear-gradient(125deg,#0A1233 0%,#143A8C 55%,#2B7BE0 120%)}
.stage.s3 .st-glow.g1{background:#00E5FF}
.stage.s3 .st-glow.g2{background:#7A5CFF}
.stage.s3 .st-tag{color:#A8E8FF}
.stage.s3 .st-h{font-size:clamp(34px,5.4vw,70px)}
.stage.s3 .st-h em{background:linear-gradient(90deg,#7CF0FF,#B8A4FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage.s3 .st-p{color:#DCE9FF}
.stage.s3 .st-chips b{color:#7CF0FF}
.stage.s3 .st-btn.gold{background:linear-gradient(90deg,#7CF0FF,#9AA8FF);color:#08123A;box-shadow:0 8px 24px rgba(124,240,255,.35)}
/* ---------- карусель подборщиков ---------- */
.rail{margin-top:20px;position:relative}
.rail-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:stretch;border-radius:8px}
.rail-track::-webkit-scrollbar{display:none}
.rail-track:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.rail-track>.stage{flex:0 0 90%;margin:0;scroll-snap-align:start;min-height:420px}
.rail-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}
.rail-arr{all:unset;cursor:pointer;box-sizing:border-box;width:40px;height:40px;border:1px solid var(--line-2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);color:var(--ink)}
.rail-arr:hover{border-color:var(--accent);color:var(--accent)}
.rail-arr:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rail-dots{display:flex;gap:8px;align-items:center}
.rail-dots button{all:unset;cursor:pointer;box-sizing:border-box;height:28px;padding:0 12px;border-radius:999px;font-size:12.5px;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);display:inline-flex;align-items:center}
.rail-dots button[aria-current="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.rail-dots button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.stage.s4{background:linear-gradient(125deg,#120A33 0%,#33248F 55%,#6A3FE0 125%)}
.stage.s4 .st-glow.g1{background:#7CF0FF}
.stage.s4 .st-glow.g2{background:#FF3D9A}
.stage.s4 .st-tag{color:#CFC2FF}
.stage.s4 .st-h{font-size:clamp(34px,5.4vw,70px)}
.stage.s4 .st-h em{background:linear-gradient(90deg,#7CF0FF,#C9A8FF);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage.s4 .st-p{color:#E6DEFF}
.stage.s4 .st-chips b{color:#7CF0FF}
.stage.s4 .st-btn.gold{background:linear-gradient(90deg,#7CF0FF,#C9A8FF);color:#120A33;box-shadow:0 8px 24px rgba(124,240,255,.3)}
@media(max-width:760px){.rail-track>.stage{flex-basis:92%;min-height:0}.rail-dots button{font-size:0;height:12px;width:12px;min-width:12px;padding:0}.rail-dots button[aria-current="true"]{width:28px}}
.stage.rs{margin-bottom:0}.rail{margin-bottom:22px}
button.st-btn{font:inherit;font-weight:600;cursor:pointer}
button.st-btn.ghost{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.4);color:#fff}
button.st-btn.ghost:hover{background:rgba(255,255,255,.22)}

/* v31 lang */
.webhead .lang{display:inline-flex;gap:2px;align-items:center;margin-right:8px}
.lang button{all:unset;cursor:pointer;box-sizing:border-box;padding:4px 7px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted)}
.lang button:hover{color:var(--ink)}.lang button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
@media(max-width:700px){.webhead .lang button{padding:3px 5px;font-size:11px}}
.bc .btn.lnk{background:transparent;border-color:transparent;color:var(--muted);padding:0 8px;text-decoration:underline;text-underline-offset:3px}.bc .btn.lnk:hover{color:var(--accent)}

/* v33 price menu */
.pricemenu{position:relative;display:inline-flex}
.pricemenu>button.price-top{all:unset;cursor:pointer;box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);color:var(--ink);font-weight:600;font-size:13px}
.pricemenu>button.price-top:hover,.pricemenu.open>button.price-top{border-color:var(--accent);color:var(--accent)}
.pm-pop{display:none;position:absolute;right:0;top:calc(100% + 6px);min-width:250px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.28);padding:6px;z-index:60}
.pricemenu.open .pm-pop{display:block}
.pm-pop a{display:block;padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-weight:600}
.pm-pop a:hover{background:var(--accent-soft);color:var(--accent)}
.pm-pop a i{width:18px;text-align:center;margin-right:6px}
.pm-pop small{display:block;font-weight:400;font-size:12px;color:var(--muted);margin-left:26px}
.optlogin{max-width:420px;margin:40px auto;padding:28px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.optlogin h1{margin:0 0 8px;font-size:26px}.optlogin form,.optform{display:grid;gap:12px;margin-top:14px}
.optlogin input,.optform input{height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);font-size:16px}
.optlogin-err{padding:10px 12px;border-radius:8px;background:rgba(232,148,107,.15);color:#E8946B;font-size:14px}
.optlogin-n{font-size:13px;color:var(--muted);margin:0}
.optbox{max-width:400px}.optbox .optform{padding:4px 20px 20px}
@media(max-width:700px){.pricemenu>button.price-top span{display:none}}

.qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:10px;overflow:hidden;background:var(--surface-2)}
.qty button{all:unset;cursor:pointer;width:32px;height:34px;text-align:center;font-size:18px;color:var(--ink)}
.qty button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.qty button:disabled{opacity:.35;cursor:default}
.qty b{min-width:26px;text-align:center;font-size:14px}
.bl-p small{display:block;font-weight:400;font-size:11.5px;color:var(--muted)}

/* v36 mini-cart: длинный список прокручивается, кнопки всегда видны */
#cart.open>.dropdown-menu,#cart .dropdown-menu.show{display:flex;flex-direction:column}
#cart .dropdown-menu{width:min(460px,94vw);max-height:calc(100vh - 110px);padding:0;overflow:hidden}
#cart .dropdown-menu .mc-list{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
#cart .dropdown-menu .mc-list table{margin:0}
#cart .dropdown-menu .mc-list td{vertical-align:middle;font-size:13px}
#cart .dropdown-menu .mc-list td:nth-child(2){width:100%}
#cart .dropdown-menu .mc-foot{flex:none;border-top:1px solid var(--line-2);background:var(--surface);padding:10px 12px}
#cart .dropdown-menu .mc-foot table{margin:0 0 10px}
.mc-btns{display:flex;gap:8px;margin:0}
.mc-b{flex:1;display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink)!important;font-weight:700;text-decoration:none}
.mc-b.mc-go{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)!important}
#cart .dropdown-menu .btn-danger{padding:2px 7px}
#cart .dropdown-menu .mc-list td:nth-child(n+3){white-space:nowrap}

/* v37 дерево: раскрытие и ручка */
.cat-tree a.ct-i{position:relative;padding-right:44px}
.cat-tree .ct-chev{all:unset;cursor:pointer;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);font-size:18px}
.cat-tree .ct-chev:hover{background:var(--surface-2);color:var(--accent)}
.cat-tree .ct-chev i{transition:transform .2s}.cat-tree .ct-chev.open i{transform:rotate(180deg)}.cat-tree .ct-chev.load{opacity:.5}
.cat-tree .ct-sub[hidden]{display:none}.cat-tree .ct-empty{display:block;padding:8px 14px 8px 54px;font-size:13px;color:var(--muted)}
.tree-handle{all:unset;cursor:pointer;position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;background:var(--surface);border:1px solid var(--line-2);border-left:0;border-radius:0 10px 10px 0;color:var(--accent);box-shadow:0 6px 18px rgba(0,0,0,.2)}
.tree-handle span{writing-mode:vertical-rl;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--ink)}
.tree-handle:hover{background:var(--accent-soft)}
.tree-off #column-left{display:none}
.tree-off #content.col-sm-9{width:100%}
@media(max-width:767px){.tree-handle{display:none}}
.bld-close{display:flex;justify-content:flex-end;margin-bottom:8px}

/* v38 подборщики */
.ups{margin-top:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.ups[hidden]{display:none}
.up-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.up-l{padding:20px;border-right:1px solid var(--line)}
.up-r{padding:20px;background:var(--surface-2)}
.up-h{margin:0 0 12px;font-family:var(--serif);font-weight:600;font-size:22px}
.up-row{display:grid;grid-template-columns:minmax(0,1fr) auto 84px;gap:8px 10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.up-row:last-child{border-bottom:0}
.up-n{font-size:14px;font-weight:600}
.up-n small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.up-q{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:3px;overflow:hidden}
.up-q button{all:unset;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;font-size:18px}
.up-q button:hover{background:var(--surface-2)}
.up-q button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.up-q b{min-width:26px;text-align:center;font-family:var(--mono);font-size:14px}
.up-w{width:84px;height:34px;box-sizing:border-box;border:1px solid var(--line-2);background:var(--surface);border-radius:3px;padding:0 8px;text-align:right;font-family:var(--mono);color:var(--ink)}
.up-opts{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:14px;font-size:13px;color:var(--muted);align-items:center}
.up-opts select{height:34px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:3px;padding:0 8px}
.up-sum{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:baseline;margin-bottom:14px}
.up-sum b{font-size:30px;letter-spacing:-.01em}
.up-sum span{color:var(--muted);font-size:13px}
.up-t{margin:16px 0 8px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.up-c{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:12px 14px;margin-bottom:8px}
.up-c .lv{grid-column:1/-1;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.up-c h4{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.up-c p{margin:0;color:var(--muted);font-size:12.5px;grid-column:1}
.up-c .pr{grid-row:2/4;grid-column:2;text-align:right;display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.up-c .pr b{font-size:20px;white-space:nowrap}
.up-note{font-size:12.5px;color:var(--muted);margin-top:12px;line-height:1.5}
.up-empty{padding:14px;border:1px dashed var(--line-2);border-radius:6px;color:var(--muted);font-size:14px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{all:unset;cursor:pointer;box-sizing:border-box;min-height:36px;padding:0 14px;display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:999px;font-size:13.5px;background:var(--surface);color:var(--ink)}
.seg button:hover{border-color:var(--accent)}
.seg button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.nq{padding:12px 0;border-bottom:1px solid var(--line)}
.nq:last-of-type{border-bottom:0}
.nq>label,.nq>.ql{display:block;font-size:13px;font-weight:600;margin-bottom:8px}
.nq input[type=number]{width:96px;height:36px;box-sizing:border-box;border:1px solid var(--line-2);background:var(--surface);border-radius:3px;padding:0 8px;font-family:var(--mono);color:var(--ink)}
.nq input[type=range]{width:min(100%,320px);vertical-align:middle;accent-color:var(--accent)}
.nplan{border:1px solid var(--accent);border-radius:8px;padding:14px 16px;margin-bottom:12px;background:var(--surface)}
.nplan b{display:block;font-family:var(--serif);font-size:22px;margin-bottom:4px}
.nplan p{margin:0;font-size:13.5px;color:var(--muted)}
.nexp{margin-top:14px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}
.nexp summary{cursor:pointer;padding:12px 14px;font-weight:600;font-size:14px}
.nexp div{padding:0 14px 12px;font-size:13.5px;color:var(--muted);line-height:1.55}
.nexp div b{color:var(--ink)}
@media(max-width:860px){.up-grid{grid-template-columns:1fr}.up-l{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:480px){.up-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n q" "w w"}.up-n{grid-area:n}.up-q{grid-area:q}.up-w{grid-area:w;width:100%}.up-c{grid-template-columns:1fr}.up-c .pr{grid-column:1;grid-row:auto;flex-direction:row;justify-content:space-between;align-items:center;width:100%}}
.up-top{display:flex;justify-content:flex-end;padding:8px 12px 0}
.ups .btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:1px solid var(--line-2);background:var(--surface-2);color:var(--ink);border-radius:10px;font-weight:600;cursor:pointer}
.ups .btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.ups .btn.lnk{background:transparent;border-color:transparent;color:var(--muted);text-decoration:underline}
.ups .num{font-variant-numeric:tabular-nums}

/* v39 доставка в оформлении */
.qc-dl{display:grid;gap:8px}
.qc-dl .qc-opt{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface-2);cursor:pointer}
.qc-dl .qc-opt input{margin-top:4px}.qc-dl .qc-opt span{font-weight:600}.qc-dl .qc-opt small{display:block;font-weight:400;font-size:12.5px;color:var(--muted)}
.qc-dl .qc-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.qc-addr{display:grid;gap:0;padding:4px 0 0 0}.qc-addr[hidden]{display:none}
.qc-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.qc-two{grid-template-columns:1fr}}
.qc-row input,.qc-row textarea{box-sizing:border-box}.qc-two>.qc-row{min-width:0}

/* v42 аудит */
#rail,#presetsH,#bldWrap,.home-feed{scroll-margin-top:96px}
.cart-sum{font-family:var(--sans,Inter,Arial,sans-serif);font-size:.62em;font-weight:600;color:var(--muted);white-space:nowrap}
.cart-btns{margin-bottom:96px}
.pk-q{padding:12px 18px}.pk-list{padding:0 18px}.pk-q input[type=search]{flex:1 1 220px;min-width:0}

/* v43 поиск в строке меню: каталог | поиск | дилерам, адрес, WhatsApp справа */
.wh-in{justify-content:space-between}.wh-actions{margin-left:auto}
#menu .menu-search{flex:1 1 240px;min-width:200px;order:0}
#menu .menu-search #search{margin:0;width:100%}
#menu .menu-search #search .form-control{height:40px;border-radius:10px 0 0 10px}
#menu .menu-search #search .btn{height:40px;border-radius:0 10px 10px 0}
@media(max-width:767px){#menu .menu-search{flex-basis:100%}}

/* v46 витрина и рассрочка */
.shelf-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.shelf-tabs button{all:unset;cursor:pointer;box-sizing:border-box;padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px;color:var(--ink);background:var(--surface);transition:.15s}
.shelf-tabs button:hover{border-color:var(--accent)}
.shelf-tabs button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.pcard{position:relative}
.pc-badge{position:absolute;top:10px;left:10px;z-index:2;background:#e0552b;color:#fff;font-size:12px;font-weight:800;padding:4px 9px;border-radius:8px}
.kaspi-plate{display:block;margin:10px 0 0;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#f14635,#ff7a3c);color:#fff!important;text-decoration:none!important}
.kaspi-plate b{display:block;font-size:15px}
.kaspi-plate span{display:block;font-size:12.5px;opacity:.92;margin-top:2px;font-weight:500}
.kaspi-plate:hover{filter:brightness(1.07)}

/* v50 фильтры на главной */
.home-tb{margin:0 0 16px}
.pt-ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--line)!important}

/* v52 ссылки на карточку товара в конструкторе */
a.pl{color:inherit;text-decoration:none;border-bottom:1px dashed var(--muted)}
a.pl:hover{color:var(--accent);border-bottom-color:var(--accent);text-decoration:none}
a.pl::after{content:' \2197';font-size:.8em;color:var(--muted)}

/* v60 мобильные правки: панель фильтров (главная и каталог), хлебные крошки */
@media(max-width:700px){
.ptoolbar{padding:10px 12px;gap:10px 12px}
.ptoolbar .pt-item{width:100%;flex-wrap:wrap;gap:6px 8px}
.ptoolbar .pt-item label{flex:0 0 72px}
.ptoolbar .pt-item select{flex:1 1 0;min-width:0;width:auto}
.ptoolbar .pt-num{flex:1 1 0;min-width:0;width:auto!important}
.ptoolbar .pt-btn{flex:1 1 40%}
.ptoolbar .pt-count{margin-left:0;width:100%}
.shelf-tabs button{padding:8px 14px;font-size:13.5px}
.breadcrumb{overflow:hidden}
.breadcrumb li{white-space:normal;max-width:100%;overflow-wrap:anywhere}
html{overflow-x:clip}
}

/* v62 уведомление о добавлении в корзину */
#webToast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);background:#1f2a1f;color:#fff;padding:11px 20px;border-radius:12px;font-weight:700;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:2600;box-shadow:0 10px 28px rgba(0,0,0,.25)}
#webToast.on{opacity:1;transform:translate(-50%,0)}

/* v62 кнопка WhatsApp в корзине */
.btn-wa{background:#25D366!important;border-color:#25D366!important;color:#fff!important;font-weight:700}
.btn-wa:hover{filter:brightness(1.07)}
.btn-wa .fa{margin-right:6px}
.mc-wa{margin:8px 0 0}
.mc-wa .mc-wab{display:flex;background:#25D366;border-color:#25D366;color:#fff!important;font-weight:700}
.mc-wa .mc-wab .fa{margin-right:6px}
.cart-btns .pull-right{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* v68: счётчик «− N +» на карточке вместо «В корзине: N · добавить ещё» */
.pc-cart[hidden],.pc-step[hidden]{display:none!important}
.pc-step{margin-top:12px;width:100%;height:44px;display:flex;align-items:stretch;background:var(--accent-soft);border:1px solid var(--accent);border-radius:10px;overflow:hidden}
.pc-step button{flex:0 0 25%;border:0;background:transparent;color:var(--accent);font-size:22px;font-weight:700;line-height:1;cursor:pointer;padding:0}
.pc-step button:hover{background:var(--accent);color:var(--accent-ink)}
.pc-step .sv{flex:1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:var(--ink)}
.pc-step.busy{opacity:.6;pointer-events:none}
[data-view=list] .pc-step{margin:0;width:200px}
@media(max-width:767px){[data-view=list] .pc-step{width:100%}}

/* v69: «Сопутствующие / Аналогичные товары» — панель со вкладками и каруселью */
.rec{margin:34px 0 8px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.rec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.rec-tabs{display:flex;gap:4px;padding:5px;background:var(--surface-2);border-radius:14px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.rec-tabs::-webkit-scrollbar{display:none}
.rec-tab{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;height:42px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700;font-size:15px;cursor:pointer}
.rec-tab i{font-style:normal;min-width:24px;height:22px;padding:0 7px;border-radius:11px;background:var(--line);color:var(--muted);font-size:12px;font-weight:800;display:inline-grid;place-items:center}
.rec-tab.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.rec-tab.on i{background:var(--accent-soft);color:var(--accent)}
.rec-nav{display:flex;gap:8px;flex:none}
.rec-nav button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;padding:0}
.rec-nav button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
.rec-nav button:disabled{opacity:.4;cursor:default}
.rec-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px}
.rec-track[hidden]{display:none}
.rec-track::-webkit-scrollbar{display:none}
.rec-track .pcard{flex:0 0 230px;scroll-snap-align:start}
@media(max-width:767px){.rec{padding:12px}.rec-nav{display:none}.rec-track .pcard{flex-basis:62%}.rec-tab{padding:0 12px;font-size:14px}}

/* v77: страницы витрины на главной */
.shelf-pg{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:18px 0 6px}
.shelf-pg button{all:unset;cursor:pointer;box-sizing:border-box;min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:10px;font-weight:700;font-size:14px;color:var(--ink);background:var(--surface);transition:.15s}
.shelf-pg button:hover{border-color:var(--accent)}
.shelf-pg button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);cursor:default}
.shelf-pg .gap{align-self:center;color:var(--muted);padding:0 2px}