/* ===== Redesign 2026 — новый дизайн хедера и главной страницы ===== */
/* На старой вёрстке #content держит width:1200px/margin:auto — на главной странице
   это ломает полноширинные секции нового дизайна, поэтому переопределяем только там. */
body.rd-main-page #content{width:auto;max-width:none;margin:0;padding:0;text-align:left}
/* Классы .slider/.slides/.slide и .search переименованы в rd-slider/rd-slides/rd-slide/rd-search,
   т.к. эти имена уже заняты в css/style.css для старых блоков на других страницах. */

:root{
  --bg-top:#1B1E20;
  --bg-main:#1F2224;
  --bg-nav:#24282B;
  --bg-panel:#24282B;
  --bg-field:#2B3033;
  --accent:#62BC58;
  --accent-hover:#74CC6A;
  --text:#E8E8E8;
  --text-dim:#9AA0A5;
  --line:rgba(255,255,255,.08);
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px;
  --h-top:36px; --h-main:104px; --h-nav:44px;
  --radius:4px;
  --trans:180ms ease;
  --container:1360px;
  --font-text:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-cond:'Roboto Condensed','Arial Narrow',system-ui,sans-serif;
}

/* Сброс ограничен новыми контейнерами, чтобы не задеть остальные (ещё не редизайненные) страницы */
.site-header, .site-header *,
.rd-hero, .rd-hero *,
.cm-main, .cm-main *,
.site-footer, .site-footer *,
.drawer, .drawer *,
.cm-qv-overlay, .cm-qv-overlay *,
.fb-modal, .fb-modal *,
.back-to-top{
  box-sizing:border-box;
}
.site-header, .rd-hero, .cm-main, .site-footer, .drawer, .cm-qv-overlay, .fb-modal{
  font-family:var(--font-text);
}
.site-header a, .rd-hero a, .cm-main a, .site-footer a, .drawer a{color:inherit;text-decoration:none}
:where(.site-header, .rd-hero, .cm-main, .site-footer, .drawer, .fb-modal) button{
  font:inherit;color:inherit;background:none;border:0;cursor:pointer;
}
.site-header svg, .rd-hero svg, .cm-main svg, .site-footer svg, .drawer svg{display:block;flex:none}
.rd-container{max-width:var(--container);margin:0 auto;padding:0 var(--sp-5)}

/* ===== Header ===== */
.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(to right, transparent 0%, var(--bg-main) 22%, var(--bg-main) 78%, transparent 100%), url("/images/fronted/header-bg.jpg") center/cover;color:var(--text);box-shadow:0 2px 12px rgba(0,0,0,.35)}

.topbar{background:transparent;border-bottom:1px solid var(--line);overflow:hidden;max-height:var(--h-top);transition:max-height var(--trans),opacity var(--trans)}
.topbar .rd-container{height:var(--h-top);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);font-size:12.5px;color:var(--text-dim);flex-wrap:wrap}
.topbar-group{display:flex;align-items:center;gap:var(--sp-5);min-width:0}
.topbar-item{display:flex;align-items:center;gap:6px;white-space:nowrap}
.topbar-item svg{color:var(--text-dim)}
.topbar a.topbar-item{transition:color var(--trans)}
.topbar a.topbar-item:hover{color:var(--text)}
.topbar-msgr{display:flex;align-items:center;gap:var(--sp-2)}
.msgr-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius);color:var(--text-dim);transition:color var(--trans),background var(--trans)}
.msgr-btn:hover{color:#fff;background:rgba(255,255,255,.08)}
.topbar-auth{white-space:nowrap}
.topbar-auth a{color:var(--text-dim);transition:color var(--trans)}
.topbar-auth a:hover{color:var(--accent)}
.topbar-auth span{color:rgba(255,255,255,.25);margin:0 4px}
.topbar-auth ul{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.topbar-auth li{display:flex;align-items:center}
.topbar-auth li+li::before{content:"";display:inline-block;width:1px;height:12px;background:rgba(255,255,255,.2);margin-right:10px}

.mainbar .rd-container{min-height:var(--h-main);display:flex;align-items:center;gap:var(--sp-5);flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.rd-logo{display:flex;align-items:center;flex:none}
.rd-logo img{width:220px;max-width:40vw;height:auto;display:block}

.catalog-btn{display:flex;align-items:center;gap:10px;height:44px;padding:0 var(--sp-4);flex:none;
  background:var(--accent);color:#fff;border-radius:var(--radius);
  font-family:var(--font-cond);font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
  transition:background var(--trans)}
.catalog-btn:hover{background:var(--accent-hover)}
.catalog-btn .icon-close{display:none}
.catalog-btn[aria-expanded="true"] .icon-burger{display:none}
.catalog-btn[aria-expanded="true"] .icon-close{display:block}

.rd-search{flex:1 1 auto;min-width:0;max-width:420px;position:relative}
.rd-search #find{position:static !important;height:auto;max-width:none;width:100%}
.rd-search .site-search{position:static !important;left:auto !important;background:none !important}
.rd-search-box{display:flex;height:44px;background:var(--bg-field);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color var(--trans)}
.rd-search-box:focus-within{border-color:var(--accent)}
.rd-search-box input{flex:1;min-width:0;background:none;border:0;outline:0;padding:0 var(--sp-4);color:var(--text);font:inherit;font-size:14px}
.rd-search-box input::placeholder{color:var(--text-dim)}
.rd-search-submit{display:flex;align-items:center;justify-content:center;width:52px;color:var(--text-dim);transition:color var(--trans),background var(--trans)}
.rd-search-submit:hover{color:#fff;background:rgba(255,255,255,.06)}

.mainbar-right{display:flex;align-items:center;gap:var(--sp-5);flex:none;margin-left:auto}
.rd-phone{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2;transition:opacity var(--trans)}
.rd-phone a{font-family:var(--font-cond);font-weight:700;font-size:22px;letter-spacing:.02em;color:#fff;white-space:nowrap;transition:color var(--trans)}
.rd-phone a:hover{color:var(--accent)}
.rd-phone small{font-size:13px;color:var(--text-dim)}
.icon-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:56px;min-height:56px;border-radius:var(--radius);color:var(--text-dim);transition:color var(--trans)}
.icon-link:hover{color:#fff}
.icon-link .lbl{font-size:12.5px}
.icon-link>svg{width:28px;height:28px}
.badge{position:absolute;top:0;right:2px;min-width:19px;height:19px;padding:0 5px;border-radius:10px;
  background:var(--accent);color:#fff;font-size:12px;font-weight:600;line-height:19px;text-align:center}
.icon-link.cart .lbl{color:var(--text);font-weight:600}

.navbar{background:transparent;border-top:1px solid var(--line);overflow:hidden;max-height:var(--h-nav);transition:max-height var(--trans),opacity var(--trans)}
.navbar ul{height:var(--h-nav);display:flex;align-items:stretch;gap:var(--sp-6);list-style:none;flex-wrap:wrap}
.navbar li{display:flex}
.navbar a{position:relative;display:flex;align-items:center;
  font-family:var(--font-cond);font-size:13.5px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;
  color:var(--text-dim);transition:color var(--trans)}
.navbar a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--trans)}
.navbar a:hover{color:#fff}
.navbar a:hover::after{transform:scaleX(1)}
.navbar a.sale{color:var(--accent);font-weight:700}
.navbar a.sale:hover{color:var(--accent-hover)}

.site-header.compact .topbar,
.site-header.compact .navbar{max-height:0;opacity:0;border-width:0}

.megamenu{position:absolute;left:0;right:0;top:100%;background:var(--bg-panel);border-top:1px solid var(--line);
  box-shadow:0 24px 48px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity var(--trans),transform var(--trans),visibility var(--trans);max-height:70vh;overflow-y:auto}
.megamenu.open{opacity:1;visibility:visible;transform:translateY(0)}
.megamenu .rd-container{padding-top:var(--sp-6);padding-bottom:var(--sp-6)}
.megamenu-cols{columns:4;column-gap:var(--sp-6)}
.megamenu-cols ul{list-style:none;columns:inherit}
.megamenu-cols li{break-inside:avoid}
.megamenu-cols a{display:block;break-inside:avoid;padding:9px 10px;margin:0 -10px;border-radius:var(--radius);
  font-size:14px;color:var(--text);transition:color var(--trans),background var(--trans)}
.megamenu-cols a:hover{color:var(--accent);background:rgba(255,255,255,.04)}
.megamenu-cols a.active{color:var(--accent)}
.megamenu-cols ul ul{padding-left:14px}

.burger-btn,.msearch-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);color:var(--text);transition:background var(--trans)}
.burger-btn:hover,.msearch-btn:hover{background:rgba(255,255,255,.08)}
.mobile-search{display:none;padding:0 var(--sp-4) var(--sp-3);background:var(--bg-main)}
.mobile-search .rd-search{max-width:none}
.drawer{position:fixed;inset:0;z-index:200;visibility:hidden;transition:visibility var(--trans)}
.drawer.open{visibility:visible}
.drawer-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity var(--trans)}
.drawer.open .drawer-overlay{opacity:1}
.drawer-panel{position:absolute;top:0;bottom:0;left:0;width:min(320px,85vw);background:var(--bg-panel);color:var(--text);
  overflow-y:auto;transform:translateX(-100%);transition:transform 200ms ease}
.drawer.open .drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line)}
.drawer-head b{font-family:var(--font-cond);letter-spacing:.06em;text-transform:uppercase;font-size:15px}
.drawer-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-dim)}
.drawer-close:hover{color:#fff}
.drawer h3{font-family:var(--font-cond);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);padding:var(--sp-4) var(--sp-4) var(--sp-2)}
.drawer ul{list-style:none}
.drawer li a{display:flex;align-items:center;min-height:44px;padding:0 var(--sp-4);font-size:14.5px;color:var(--text);transition:background var(--trans)}
.drawer li a:hover{background:rgba(255,255,255,.05)}
.drawer li a.sale{color:var(--accent);font-weight:600}
.drawer ul ul{padding-left:var(--sp-4)}
.drawer-contacts{padding:var(--sp-4);border-top:1px solid var(--line);font-size:13px;color:var(--text-dim);display:grid;gap:var(--sp-2)}
.drawer-contacts a{color:var(--text)}
.drawer-contacts a.acc{color:var(--accent);font-family:var(--font-cond);font-weight:700;font-size:17px}

@media (max-width:1199.98px){
  .rd-logo img{width:150px}
  .rd-search{min-width:160px}
  .navbar{display:none}
  .topbar-group .topbar-item.addr{display:none}
  .rd-phone small{display:none}
  .megamenu-cols{columns:3}
  .fav{display:none}
}
@media (max-width:767.98px){
  :root{--h-main:60px}
  .topbar{display:none}
  .mainbar .rd-container{gap:var(--sp-2);padding:0 var(--sp-2)}
  .burger-btn,.msearch-btn{display:flex}
  .catalog-btn,.rd-search,.rd-phone,.fav{display:none}
  .rd-logo{margin-right:auto}
  .rd-logo img{height:38px;width:auto}
  .mobile-search.open{display:block}
  .icon-link.cart .lbl{display:none}
}

/* ===== Hero: слайдер + магазины ===== */
.rd-hero{padding:40px 0;background:#F3F6F4}
.rd-hero-grid{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-5);align-items:stretch}
.rd-slider{position:relative;min-height:300px;border-radius:8px;overflow:hidden;background:var(--bg-main)}
.rd-slides{display:flex;height:100%;transition:transform 300ms ease}
.rd-slide{flex:0 0 100%;min-width:100%}
.rd-slide img,.rd-slide a{width:100%;height:100%;object-fit:cover;display:block}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(27,30,32,.65);color:#fff;transition:background var(--trans)}
.slider-arrow:hover{background:var(--accent)}
.slider-arrow.prev{left:12px}
.slider-arrow.next{right:12px}
.slider-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px}
.slider-dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);transition:background var(--trans),transform var(--trans);padding:0;border:0}
.slider-dots button[aria-current="true"]{background:var(--accent);transform:scale(1.2)}
.rd-stores{background:var(--bg-main);color:var(--text);border-radius:8px;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-4)}
.rd-stores h2{font-family:var(--font-cond);font-size:16px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;text-align:center;background:var(--accent);margin:calc(-1 * var(--sp-5)) calc(-1 * var(--sp-5)) 0;padding:var(--sp-5);border-radius:8px 8px 0 0}
.rd-store{display:flex;flex-direction:column;gap:6px;padding-bottom:var(--sp-4);border-bottom:1px solid var(--line)}
.rd-store b{display:flex;align-items:center;gap:7px;font-family:var(--font-cond);font-size:15px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.rd-store b svg{color:var(--accent)}
.rd-store a.tel{font-family:var(--font-cond);font-size:20px;font-weight:700;color:#fff;white-space:nowrap;transition:color var(--trans)}
.rd-store a.tel:hover{color:var(--accent)}
.rd-store .hours{font-size:12px;color:var(--text-dim)}
.tour-links{display:flex;flex-direction:column;gap:var(--sp-2);margin-top:auto}
.tour-links a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:10px;border-radius:6px;
  font-family:var(--font-cond);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text);text-align:center;transition:background var(--trans),color var(--trans),border-color var(--trans)}
.tour-links a.tour-3d{border:none;background:var(--accent);color:#1B1E20;border-radius:10px}
.tour-links a.tour-3d svg{color:#1B1E20}
.tour-links a.tour-3d:hover{background:var(--accent-hover)}
.tour-links a.tour-rutube{border:1px solid var(--accent);background:transparent;color:var(--accent)}
.tour-links a.tour-rutube svg{color:var(--accent)}
.tour-links a.tour-rutube:hover{background:var(--accent);color:#1B1E20}
.tour-links a.tour-rutube:hover svg{color:#1B1E20}
@media (max-width:1199.98px){.rd-hero-grid{grid-template-columns:1fr 300px}}
@media (max-width:767.98px){.rd-hero-grid{grid-template-columns:1fr}.rd-slider{min-height:200px}}

/* ===== Контентная часть главной ===== */
.cm-main{max-width:var(--container);margin:0 auto;padding:0 var(--sp-5)}
.cm-section{position:relative;padding:40px 0}
.cm-section::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:0}
.cm-section:nth-of-type(odd)::before{background:#fff}
.cm-section:nth-of-type(even)::before{background:#F3F6F4}
.cm-section.bg-white::before{background:#fff}
.cm-section:not(:last-child)::after{content:"";position:absolute;bottom:0;left:50%;width:100vw;transform:translateX(-50%);height:1px;background:rgba(0,0,0,.08)}
.cm-section>*{position:relative;z-index:1}
.cm-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;gap:16px}
.cm-title{font-family:var(--font-cond);font-size:22px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#1B1E20;margin:0}
.cm-title a{color:inherit;transition:color .18s}
.cm-title a:hover{color:var(--accent)}
.cm-title.accent{color:var(--accent)}
.cm-more{font-family:var(--font-cond);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;white-space:nowrap;transition:color .18s}
.cm-more:hover{color:var(--accent)}

.cm-cats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cm-cat-tile{position:relative;overflow:hidden;background:#EEF2EF;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:20px;display:flex;align-items:center;gap:16px;color:#1B1E20;box-shadow:0 1px 3px rgba(0,0,0,.05);transition:transform .18s,box-shadow .18s}
.cm-cat-tile:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.1)}
.cm-cat-icon{position:relative;flex:none;width:56px;height:56px;border-radius:8px;background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}
.cm-cat-icon img{max-width:36px;max-height:36px}
.cm-cat-icon svg{color:var(--accent)}
.cm-cat-text{position:relative;display:flex;flex-direction:column;gap:3px}
.cm-cat-text b{font-family:var(--font-text);font-size:15px;font-weight:700;color:#1B1E20}
.cm-cat-text>span{font-family:var(--font-text);font-size:13px;color:#6b7280}

.cm-rail{position:relative}
.cm-rail-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;scrollbar-width:none}
.cm-rail-track::-webkit-scrollbar{display:none}
.cm-card{flex:0 0 calc((100% - 4*24px)/5);scroll-snap-align:start;border:1px solid rgba(27,30,32,.12);border-radius:8px;overflow:visible;display:flex;flex-direction:column;color:#1B1E20;backface-visibility:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}
.cm-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 10px 24px rgba(0,0,0,.12)}
.cm-card-inner{border-radius:7px;overflow:hidden;display:flex;flex-direction:column;flex:1;background:#fff}
.cm-card-photo{position:relative;aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;color:#b9b5ae;overflow:hidden;padding:14px;box-sizing:border-box}
.cm-card-photo img{width:100%;height:100%;object-fit:contain;display:block}
.cm-badges{position:absolute;top:8px;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px;z-index:1}
.cm-badge{font-family:var(--font-cond);font-size:13px;font-weight:700;letter-spacing:.03em;padding:4px 12px 4px 10px;clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}
.cm-badge-sale{background:#E14B3D;color:#fff;padding:4px 15px 4px 10px;clip-path:polygon(0 0,100% 0,82% 100%,0 100%)}
.cm-badge-new{background:var(--accent);color:#fff;padding:4px 16px 4px 10px;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}
.cm-badge-hit{background:#F2B705;color:#1B1E20}
.cm-card-body{padding:14px;display:flex;flex-direction:column;gap:8px;flex:1;box-shadow:inset 0 1px 0 rgba(27,30,32,.1)}
.cm-card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12.5px;color:#8a9096}
.cm-card-meta .avail{display:flex;align-items:center;gap:4px;color:var(--accent);font-weight:600}
.cm-card-title{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em}
.cm-card-prices{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-top:2px}
.cm-price-old{font-size:12.5px;color:#9AA0A5;text-decoration:line-through}
.cm-price{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:#1B1E20}
.cm-timer{background:#E14B3D;border-radius:6px;padding:8px;text-align:center}
.cm-timer-label{font-size:10px;color:rgba(255,255,255,.85);letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
.cm-timer .countdown-container{color:#fff;font-family:var(--font-cond);font-weight:700;letter-spacing:.04em;justify-content:center}
.cm-stock-label{font-size:11px;color:#6b7280}
.cm-card-actions{display:flex;margin-top:auto;padding-top:2px}
.cm-card-add{flex:1;background:linear-gradient(135deg,var(--accent),#4a9f42);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);border:0;border-radius:6px;padding:13px 0;font-family:'Inter',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:filter .16s;display:flex;align-items:center;justify-content:center;gap:8px}
.cm-card-add:hover{filter:brightness(1.08)}

.cm-rail-arrow{position:absolute;top:38%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);color:#1B1E20;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.12);transition:background .18s,color .18s}
.cm-rail-arrow:hover{background:var(--accent);color:#fff}
.cm-rail-prev{left:-20px}
.cm-rail-next{right:-20px}

.cm-adv-strip{display:flex;justify-content:space-between;gap:12px;padding:28px 24px;border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}
.cm-adv-item{flex:1;text-align:center;padding:0 8px;border-right:1px solid rgba(0,0,0,.08)}
.cm-adv-item:last-child{border-right:none}
.cm-adv-num{font-family:var(--font-cond);font-size:32px;font-weight:700;color:var(--accent);line-height:1}
.cm-adv-label{font-size:12.5px;color:#6b7280;margin-top:6px}

.cm-news-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cm-news-col h3{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-cond);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1B1E20;margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.08)}
.cm-news-col h3 a{font-size:11.5px;color:#6b7280;letter-spacing:.04em}
.cm-news-col h3 a:hover{color:var(--accent)}
.cm-news-item{display:block;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06)}
.cm-news-date{font-size:11.5px;color:#6b7280;margin-bottom:4px}
.cm-news-title{display:block;font-size:14.5px;font-weight:600;line-height:1.35;color:#1B1E20;margin-bottom:4px}
.cm-news-title:hover{color:var(--accent)}
.cm-news-excerpt{font-size:13px;color:#6b7280;line-height:1.4}

.cm-brands-row{display:grid;grid-template-rows:repeat(2,1fr);grid-auto-flow:column;grid-auto-columns:140px;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;padding-bottom:2px}
.cm-brands-row::-webkit-scrollbar{display:none}
.cm-brands-row.dragging{cursor:grabbing;user-select:none}
.cm-brand-chip{flex:none;width:140px;padding:14px 18px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:8px;transition:border-color .15s,box-shadow .15s}
.cm-brand-chip img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s,opacity .2s}
.cm-brand-chip:hover img{filter:grayscale(0);opacity:1}
.cm-brand-chip:hover{border-color:var(--accent);box-shadow:0 6px 16px rgba(0,0,0,.08)}

@media (max-width:1199.98px){
  .cm-cats-grid{grid-template-columns:repeat(4,1fr)}
  .cm-card{flex-basis:calc((100% - 2*24px)/3)}
  .cm-news-grid{gap:24px}
}
@media (max-width:767.98px){
  .cm-cats-grid{grid-template-columns:repeat(2,1fr)}
  .cm-card{flex-basis:78%}
  .cm-adv-strip{flex-wrap:wrap}
  .cm-adv-item{flex:1 1 40%;border-right:none;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}
  .cm-news-grid{grid-template-columns:1fr}
  .cm-rail-arrow{display:none}
}

/* ===== SEO-текст ===== */
.cm-seo-wrap{max-width:900px;margin:0 auto;background:#fff;border-radius:10px;padding:40px 48px;box-shadow:0 4px 20px rgba(0,0,0,.06)}
.cm-seo{position:relative;max-height:220px;overflow:hidden;transition:max-height .35s ease}
.cm-seo.expanded{max-height:4000px}
.cm-seo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:80px;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);pointer-events:none;transition:opacity .2s}
.cm-seo.expanded::after{opacity:0}
.cm-seo h1{font-family:var(--font-cond);font-size:26px;font-weight:700;letter-spacing:.02em;color:#1B1E20;margin:0 0 16px}
.cm-seo h2{font-family:var(--font-cond);font-size:17px;font-weight:700;letter-spacing:.02em;color:#1B1E20;margin:24px 0 10px;padding-left:14px;border-left:3px solid var(--accent)}
.cm-seo p{font-size:14px;line-height:1.7;color:#4b5259;margin:0 0 12px}
.cm-seo ul{margin:0 0 12px;padding-left:20px}
.cm-seo li{font-size:14px;line-height:1.7;color:#4b5259;margin-bottom:6px}
.cm-seo li b{color:#1B1E20}
.cm-seo-toggle{margin-top:12px;display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--accent);font-family:var(--font-cond);font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.cm-seo-toggle svg{transition:transform .2s}
.cm-seo-toggle.expanded svg{transform:rotate(180deg)}

/* ===== Футер ===== */
.site-footer{background:#141618;color:#c7cbce;position:relative}
.site-footer::before{content:"";display:block;height:3px;background:var(--accent)}
.footer-main{max-width:var(--container);margin:0 auto;padding:48px var(--sp-5) 32px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:32px}
.footer-acc-head{all:unset;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;cursor:default;font-family:var(--font-cond);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.footer-acc-chevron{display:none;flex:none;color:#8a9096;transition:transform .2s}
.rd-footer-logo{display:flex}
.rd-footer-logo img{width:220px;height:auto}
.footer-tagline{font-size:13px;color:#8a9096;margin:10px 0 18px;line-height:1.5}
.footer-social{display:flex;gap:10px}
.footer-social a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#c7cbce;transition:border-color .15s,color .15s}
.footer-social a:hover{border-color:var(--accent);color:var(--accent)}
.footer-social a img{opacity:.85}
.footer-nav ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:0}
.footer-nav a{font-size:13.5px;color:#c7cbce;transition:color .15s}
.footer-nav a:hover{color:var(--accent)}
.footer-contact-phone{font-family:var(--font-cond);font-size:22px;font-weight:700;color:#fff;transition:color .15s}
.footer-contact-phone:hover{color:var(--accent)}
.footer-contact-phone+small{display:block;font-size:12px;color:#8a9096;margin-top:2px}
.footer-contact-item{font-size:13.5px;color:#c7cbce;margin-top:14px;line-height:1.5}
.footer-contact-item a{color:#c7cbce}
.footer-contact-item a:hover{color:var(--accent)}
.footer-cta{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 22px;background:var(--accent);color:#1B1E20;border-radius:6px;font-family:var(--font-cond);font-weight:700;font-size:13px;letter-spacing:.05em;text-transform:uppercase;transition:background .15s;border:0;cursor:pointer}
.footer-cta:hover{background:var(--accent-hover)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
.footer-bottom-inner{max-width:var(--container);margin:0 auto;padding:18px var(--sp-5);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#6b7076}
.footer-pay{display:flex;gap:8px}
.footer-pay span{width:38px;height:26px;border-radius:4px;background:rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;letter-spacing:.02em;color:#8a9096}
@media (max-width:1199.98px){.footer-main{grid-template-columns:1fr 1fr}}
@media (max-width:767.98px){
  .footer-main{grid-template-columns:1fr;gap:0;padding-top:8px}
  .footer-col{border-bottom:1px solid rgba(255,255,255,.08);padding:14px 0}
  .footer-col.contacts{border-bottom:0}
  .footer-col.acc .footer-acc-head{cursor:pointer}
  .footer-col.acc .footer-acc-chevron{display:block}
  .footer-col.acc .footer-nav{max-height:0;overflow:hidden;transition:max-height .25s ease}
  .footer-col.acc.open .footer-nav{max-height:600px}
  .footer-col.acc.open .footer-acc-chevron{transform:rotate(180deg)}
  .footer-cta,.footer-social a{min-height:44px}
}

/* ===== Quick view / Наверх / Обратная связь ===== */
.cm-qv-overlay{position:fixed;inset:0;background:rgba(20,22,23,.6);z-index:500;display:none;align-items:center;justify-content:center;padding:24px}
.cm-qv-overlay.open{display:flex}
.cm-qv{background:#fff;border-radius:10px;max-width:720px;width:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;position:relative}
.cm-qv-photo{aspect-ratio:1/1;background:#EEF2EF;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cm-qv-photo img{width:100%;height:100%;object-fit:contain}
.cm-qv-body{padding:32px;display:flex;flex-direction:column;gap:14px}
.cm-qv-body h3{font-size:18px;line-height:1.35;margin:0}
.cm-qv-prices{display:flex;align-items:baseline;gap:10px}
.cm-qv-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:rgba(27,30,32,.06);border:0;color:#1B1E20;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.cm-qv-close:hover{background:rgba(27,30,32,.12)}
@media (max-width:640px){.cm-qv{grid-template-columns:1fr}}

.back-to-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border:0;border-radius:50%;background:#1B1E20;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:150;box-shadow:0 4px 12px rgba(0,0,0,.25);cursor:pointer}
.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--accent);color:#1B1E20}

.fb-modal{position:fixed;inset:0;z-index:400;visibility:hidden}
.fb-modal.open{visibility:visible}
.fb-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .2s}
.fb-modal.open .fb-modal-overlay{opacity:1}
.fb-modal-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);width:min(380px,90vw);background:#fff;border-radius:10px;padding:28px;opacity:0;transition:opacity .2s,transform .2s;box-sizing:border-box}
.fb-modal.open .fb-modal-panel{opacity:1;transform:translate(-50%,-50%)}
.fb-modal h3{font-family:var(--font-cond);font-size:19px;font-weight:700;color:#1B1E20;margin:0 0 6px}
.fb-modal p{font-size:13px;color:#6b7280;margin:0 0 18px}
.fb-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#9AA0A5;background:none;border:0;cursor:pointer}
.fb-close:hover{color:#1B1E20}