/* Блок «Разделы каталога» (06.10.2026): слайдер-навигация в одну строку на всю ширину окна, лента от левого до правого края окна (заголовок — по сетке контента).
   Карточка = фото 3:4 + название раздела, вся карточка — ссылка. Свайп на телефоне (нативная прокрутка + scroll-snap),
   стрелки у краёв окна на десктопе. Переменные страницы (--wrap, --pole, --zag-sod, --txt, --noch, --petrol, --latun) с запасными значениями. */
.rz-sek{--rz-gut:max(var(--pole,20px),(100% - var(--wrap,1280px))/2);--rz-w:clamp(232px,18.4vw,340px);--rz-gap:clamp(14px,1.4vw,20px);--rz-ease:cubic-bezier(0.23,1,0.32,1)}
.rz-sl{position:relative;margin-top:calc(var(--zag-sod,48px) - 4px);margin-bottom:-6px} /* -6px: нижний запас дорожки под рамку фокуса не добавляется к отступу секции */
.rz-track{list-style:none;margin:0;padding:4px 0 6px;display:flex;gap:var(--rz-gap);overflow-x:auto;overflow-y:hidden;
 scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rz-track::-webkit-scrollbar{display:none}
.rz-it{flex:0 0 var(--rz-w);min-width:0;scroll-snap-align:start}
.rz-card{display:block;color:inherit;text-decoration:none;border-radius:14px;-webkit-tap-highlight-color:transparent}
.rz-ph{position:relative;display:block;aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:#EEF1F1}
.rz-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--rz-ease)}
.rz-ph:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(18,38,43,.06);pointer-events:none}
.rz-name{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-top:14px;padding-right:2px;
 font:600 17px/1.3 var(--txt,"Onest",system-ui,-apple-system,sans-serif);color:var(--noch,#12262B);text-wrap:balance}
.rz-name svg{flex:none;margin-top:2px;color:var(--petrol,#0F3D47);transition:transform .2s var(--rz-ease)}
.rz-card:focus-visible{outline:none}
.rz-card:focus-visible .rz-ph{outline:3px solid var(--latun,#D9A441);outline-offset:3px}
@media(hover:hover) and (pointer:fine){
 .rz-card:hover .rz-ph img{transform:scale(1.035)}
 .rz-card:hover .rz-name svg{transform:translateX(4px)}
 .rz-card:hover .rz-name>span{text-decoration:underline;text-decoration-color:var(--latun,#D9A441);text-decoration-thickness:2px;text-underline-offset:5px}}
/* стрелки: у краёв окна, по центру фото; появляются только с JS и только при мыши */
.rz-nav{display:none;position:absolute;z-index:3;top:calc(4px + var(--rz-w) * 2 / 3);width:56px;height:56px;margin-top:-28px;padding:0;border:0;border-radius:50%;
 background:#fff;color:var(--petrol,#0F3D47);cursor:pointer;place-items:center;
 box-shadow:0 0 0 1px rgba(18,38,43,.07),0 12px 26px -12px rgba(18,38,43,.5);
 transition:opacity .2s ease,transform .16s var(--rz-ease),background-color .2s ease,color .2s ease}
.rz-prev{left:clamp(12px,1.6vw,28px)}.rz-next{right:clamp(12px,1.6vw,28px)}
.rz-nav[disabled]{opacity:0;pointer-events:none}
.rz-nav:active{transform:scale(.95)}
.rz-nav:focus-visible{outline:3px solid var(--latun,#D9A441);outline-offset:3px}
@media(hover:hover) and (pointer:fine){.rz-js .rz-nav{display:grid}.rz-nav:hover{background:var(--petrol,#0F3D47);color:#fff}}
@media(max-width:900px){.rz-js .rz-nav{display:none}}
/* телефон: ~1,3 карточки в ряд, крайняя обрезана — видно, что листается */
@media(max-width:639px){.rz-sek{--rz-w:min(68vw,280px);--rz-gap:12px}.rz-name{font-size:16px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.rz-ph img,.rz-name svg,.rz-nav{transition:none}.rz-card:hover .rz-ph img{transform:none}}