/* МебелеФ v3 — base.css. Сброс, типографика, сетка-контейнер, контент-хелперы (.empty, .seo__text), печать. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}
@media(min-width:1024px){html{--header-h:140px}}
/* Скролл страницы заблокирован, пока открыт слой поверх неё (мегаменю, фильтры, модалка). */
body.is-locked{overflow:hidden}
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,p,ul,ol,figure{margin:0}
ul{padding:0;list-style:none}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}
@media(min-width:1024px){.container{padding:0 var(--space-16)}}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.stack{display:flex;flex-direction:column;gap:var(--space-10)}
@media(min-width:1024px){.stack{gap:var(--space-14)}}
.section{display:flex;flex-direction:column;gap:var(--space-4)}
.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}
.h1{font-size:26px;line-height:1.2;font-weight:700;letter-spacing:-.02em}
.h2{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.01em}
.h3{font-size:18px;line-height:1.35;font-weight:600}
.display{font-size:30px;line-height:1.1;font-weight:700;letter-spacing:-.025em}
@media(min-width:768px){.h1{font-size:32px}.h2{font-size:28px}.h3{font-size:20px}.display{font-size:44px}}
.muted{color:var(--ink-muted)}
.small{font-size:14px;line-height:1.45}
.caption{font-size:13px;line-height:1.4;color:var(--ink-muted)}
.overline{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.link-more{font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.link-more:hover{color:var(--ink-muted)}
.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Media placeholder */
.ph{background:var(--surface-2);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);font-size:12px;text-align:center;overflow:hidden}
.ph--hero{height:100%;min-height:220px;border-radius:var(--radius-lg)}
.ph svg{opacity:.5}
.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;clip:auto;z-index:100;background:var(--bg);padding:8px 12px;border-radius:var(--radius-sm)}
img{height:auto}
.icon--sm{width:16px;height:16px}
.screen-reader-text{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.empty{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start;padding:var(--space-8) 0}
.seo__text{color:var(--ink-muted);line-height:1.6}
.seo__text>*+*{margin-top:.8em}
.seo__text h2,.seo__text h3{color:var(--ink)}
.woo-sc-box{color:var(--ink-muted);line-height:1.6}
@media print{.topbar,.header,.footer,.scrim,.modal,.mebelef-compare-bar{display:none!important}}
/* Пустые состояния: иконка и подсказка с популярными разделами */
.empty__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--ink-muted)}
.empty__icon .icon{width:26px;height:26px}
.empty__suggest{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}
.empty__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.empty .searchform{width:100%;max-width:520px}