/* ===== Кросс-страничные доводки (грузится во всех страницах последним) ===== */

/* 1. Бренды на главной — единый размер, логотип целиком, не обрезается */
#rb .blogo,.brow-rail .blogo{height:64px!important;width:auto!important;padding:0 16px!important;display:flex!important;align-items:center;justify-content:center}
#rb .blogo img,.brow-rail .blogo img{max-height:40px!important;max-width:150px!important;width:auto!important;height:auto!important;object-fit:contain!important}

/* 2. Фото товаров — cover */
.pcard .pic img,.card .pic img,#rs .pic img,#r1 .pic img,.srch-grid .pcard .pic img{object-fit:cover!important;inset:0!important;width:100%!important;height:100%!important}

/* 20. «Примерьте светильник» — компактнее */

/* 19. Блок «о категории» — фото не растянуты, блок ниже */
.cat-about .ca-media img,.cat-about img,.about-gallery img{aspect-ratio:4/3!important;object-fit:cover!important;max-height:230px!important;width:100%!important;height:auto!important}

/* 24 + общий моб. паддинг: футер в одну колонку, отступы от краёв */
@media(max-width:760px){
  footer .foot{grid-template-columns:1fr!important;gap:24px!important}
  .wrap{padding-left:16px!important;padding-right:16px!important}
}

/* 25. Поиск на узких экранах — форма переносится */
@media(max-width:400px){
  .srch-form{flex-wrap:wrap!important}
  .srch-form input{flex:1 1 100%!important}
  .srch-form .btn{width:100%!important}
}

/* 16. FAQ на подборе — шире */
.faq,.faq-list,.faq-wrap,.accordion-faq{max-width:1080px!important}

/* отзывы: 2 колонки -> 1 на мобиле */
@media(max-width:820px){.rev-grid{grid-template-columns:1fr!important}}

/* проекты: деталь — 1 колонка на планшете/мобиле */
@media(max-width:860px){.pd-grid{grid-template-columns:1fr!important}.pd-grid aside{position:static!important}}

/* 19: галерея «о категории» (фон-картинки) — не растянуты */
.cat-about{align-items:start!important}
.ca-gallery .cg{aspect-ratio:4/3!important;min-height:0!important}
.ca-gallery .cg.big{grid-row:auto!important;grid-column:1/-1!important;aspect-ratio:16/9!important}

/* 17 (моб): боковые фильтры -> выезжающая панель; старый пустой дровер скрыт */
#fdrawer{display:none!important}
@media(max-width:900px){
  .cat-grid .filters{position:fixed!important;top:0;left:0;bottom:0;width:86%;max-width:340px;z-index:200;background:var(--paper);transform:translateX(-100%);transition:transform .3s;overflow-y:auto!important;max-height:100vh!important;padding:20px 16px 90px!important;box-shadow:0 0 60px rgba(0,0,0,.35);border-radius:0!important}
  .cat-grid .filters.open{transform:none}
  .filters-ov{position:fixed;inset:0;background:rgba(20,17,12,.45);z-index:199;display:none}
  .filters-ov.open{display:block}
}

/* 26: листание фото в карточках каталога */
.pcar{position:absolute;inset:0;z-index:1}
.pcar-track{display:flex;height:100%;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.pcar-track::-webkit-scrollbar{display:none}
.pcar-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;background:#fff}
.pcar-dots{position:absolute;left:8px;right:8px;bottom:8px;display:flex;gap:3px;pointer-events:none;z-index:2}
.pcar-dots span{flex:1 1 0;height:2px;border-radius:2px;background:rgba(33,31,28,.22);transition:.2s}
.pcar-dots span.on{background:var(--red)}
.pcar-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#211F1C;font-size:18px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.18)}
.pcard:hover .pcar-nav{display:flex}
.pcar-prev{left:8px}.pcar-next{right:8px}
@media(hover:none){.pcar-nav{display:none!important}}

/* фильтры: длинные группы скроллятся, не обрезаются */
.filters .fgroup:not(.closed) .fgb{max-height:1200px!important}
.filters .fgb-in{max-height:320px;overflow-y:auto;scrollbar-width:thin}
.filters .fgb-in::-webkit-scrollbar{width:5px}.filters .fgb-in::-webkit-scrollbar-thumb{background:var(--hair);border-radius:3px}

/* тонкие прозрачные скроллбары по всему сайту */
*{scrollbar-width:thin;scrollbar-color:rgba(33,31,28,.22) transparent}
*::-webkit-scrollbar{width:7px;height:7px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:rgba(33,31,28,.18);border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:rgba(33,31,28,.32)}

/* одиночное фото в карточке: ни стрелок, ни линий (на случай если carousel с 1 фото) */
.pcar:not(:has(img ~ img)) .pcar-nav,
.pcar:not(:has(img ~ img)) .pcar-dots{display:none!important}

/* бренды в фильтре — все заглавными */
#blist .chk .nm{text-transform:uppercase}
/* отступ под заголовком категории + без дубля счётчика */
.cat-head{margin-bottom:clamp(20px,2.6vw,34px)!important}

/* плавная прокрутка рела (как на главной) */
.rail.wheeling{scroll-snap-type:none!important}
.rail.drag{cursor:grabbing;scroll-snap-type:none!important}

/* рейлы похожих/апселла — старт от контентного края + плавность */
.similar .rail, #urail.rail{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-left:max(var(--edge,24px),calc((100% - var(--maxw,1280px))/2 + var(--edge,24px)))!important;padding-right:var(--edge,24px)}
.similar .rail::-webkit-scrollbar,#urail.rail::-webkit-scrollbar{display:none}
.similar .rail > *, #urail.rail > *{flex:0 0 auto;scroll-snap-align:start}

/* стрелки рейла (если страница без своих стилей) */
.narr{display:flex;gap:8px}
.narr .nb{width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.narr .nb:hover{background:var(--paper-2)}
.narr .nb .ic{width:20px;height:20px}

/* примерка — полноэкранная модалка */
#tryModal{transition:opacity .2s}
#tryModal.open{position:fixed!important;inset:0;z-index:320;background:var(--paper);overflow:auto;padding:clamp(16px,3vw,40px)!important;margin:0!important;max-width:none!important}
#tryModal #tryClose{position:fixed;top:16px;right:18px;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair);background:#fff;font-size:26px;line-height:1;color:var(--ink);cursor:pointer;z-index:5;align-items:center;justify-content:center}
#tryModal.open #tryClose{display:flex!important}
#tryModal.open .stage{max-width:min(900px,92vw);margin:0 auto}
/* примерка: инлайн скрыта, только полноэкранная по кнопке */
#tryModal:not(.open){display:none!important}

/* корзина: ховер по названию товара */
.ci-name:hover{color:var(--red)!important}
.ci-img:hover{opacity:.85}

/* примерка как ПОП-АП (перекрывает старый фуллскрин) */
#tryModal.open{position:fixed!important;inset:0;z-index:320;background:rgba(23,20,15,.62)!important;overflow:auto;display:flex!important;align-items:flex-start;justify-content:center;padding:clamp(14px,4vh,52px) clamp(12px,3vw,40px)!important;margin:0!important;max-width:none!important}
#tryModal.open .try-card{background:var(--paper);border-radius:18px;width:100%;max-width:1040px;margin:auto;padding:clamp(22px,3vw,42px);position:relative;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
#tryModal #tryClose{position:absolute;top:14px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--hair);background:#fff;font-size:24px;line-height:1;color:var(--ink);cursor:pointer;z-index:5;align-items:center;justify-content:center}
#tryModal.open #tryClose{display:flex!important}
#tryModal.open .stage{max-width:100%!important;margin:0!important}

/* лайтбокс товара: клик = зум 160% */
.lb-main{overflow:auto}
.lb-main img{transition:transform .25s var(--ease);cursor:zoom-in}
.lb-main img.zoomed{transform:scale(1.6);cursor:zoom-out}

/* ===== КАРУСЕЛИ: стрелки только на ПК, свайп плавнее на тач ===== */
/* скрыть стрелки на планшете/мобиле */
@media (max-width:1024px){
  .narr, .nb, .pcar-nav{display:none!important}
}
/* скрыть стрелки на любых тач-устройствах (без hover) */
@media (hover:none){
  .narr, .nb, .pcar-nav{display:none!important}
}
/* плавный нативный свайп каруселей на тач */
@media (hover:none),(max-width:1024px){
  .rail, .pcar-track, .brands{
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity!important;
    scroll-behavior:smooth;
  }
  .rail{scroll-padding-left:var(--edge,20px)}
}