/* МебелеФ v3 — components/sections.css. Общие блоки: hero, плитки категорий, УТП, отзывы, аккордеон, двухколоночная раскладка и итог (summary), шаги, SEO-текст, статьи. */
/* Hero */
.hero{display:grid;background:var(--hero);border-radius:var(--radius-xl);overflow:hidden}
@media(min-width:900px){.hero{grid-template-columns:1fr 1fr;min-height:360px}}
.hero__body{padding:var(--space-6);display:flex;flex-direction:column;justify-content:center;gap:var(--space-4)}
@media(min-width:900px){.hero__body{padding:var(--space-10) var(--space-14)}}
.hero__media{min-height:200px}
@media(min-width:900px){.hero__media{padding:var(--space-4) var(--space-4) var(--space-4) 0}}
.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}
/* Category tiles */
.cats{display:grid;grid-auto-flow:column;grid-auto-columns:120px;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--space-2);margin:0 calc(var(--space-4)*-1);padding-left:var(--space-4);padding-right:var(--space-4)}
@media(min-width:1024px){.cats{grid-auto-flow:row;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--space-4);overflow:visible;margin:0;padding:0}}
.cat{display:flex;flex-direction:column;gap:10px;scroll-snap-align:start}
.cat .ph{aspect-ratio:1}
.cat__name{font-size:14px;font-weight:600;line-height:1.25}
@media(min-width:1024px){.cat__name{font-size:15px}}
.cat:hover .cat__name{text-decoration:underline}
/* USP */
.usp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
@media(min-width:1024px){.usp{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}}
.usp__item{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);background:var(--surface);border-radius:var(--radius-xl)}
@media(min-width:1024px){.usp__item{padding:var(--space-5)}}
.usp__item .icon{width:24px;height:24px;color:var(--success)}
.usp__t{font-size:15px;font-weight:700;display:block}
.review{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-xl)}
.review__head{display:flex;gap:var(--space-3);align-items:center}
.review__ava{width:40px;height:40px;border-radius:50%;background:var(--surface-2);flex:none}
.review__photos{display:flex;gap:var(--space-2)}
.review__photos .ph{width:64px;height:64px;border-radius:10px;flex:none}
.accordion{border-bottom:1px solid var(--line)}
.accordion summary{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) 0;font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary::after{content:"+";font-size:20px;font-weight:400}
.accordion[open] summary::after{content:"–"}
.accordion__body{padding-bottom:var(--space-4);color:var(--ink-muted);font-size:15px;line-height:1.55}
.twocol{display:grid;gap:var(--space-6)}
@media(min-width:1024px){.twocol{grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-8);align-items:start}}
.summary{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-xl)}
@media(min-width:1024px){.summary{position:sticky;top:104px;padding:var(--space-6)}}
.sumrow{display:flex;justify-content:space-between;gap:var(--space-4);font-size:15px}
.sumrow span:last-child{font-weight:600}
.sumtotal{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:var(--space-3)}
.steps{display:grid;gap:var(--space-3)}
@media(min-width:768px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stepcard{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg)}
.stepcard__n{width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.seo{display:flex;flex-direction:column;gap:var(--space-3);max-width:880px}
.seo p{color:var(--ink-muted);line-height:1.6}
.cat__img img,.cat__img .ph{aspect-ratio:1;width:100%;object-fit:contain;padding:8%;border-radius:var(--radius-lg);background:var(--surface-2)}
.cats--wide{grid-auto-columns:260px}
@media(min-width:1024px){.cats--wide{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cat__img--wide img,.cat__img--wide .ph,.article__img img{aspect-ratio:3/2;width:100%;object-fit:cover;padding:0;border-radius:var(--radius-lg);background:var(--surface-2)}
.article__img img{aspect-ratio:16/9}
.hero__img{display:block;height:100%}
.hero__img img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius-lg)}
@media(min-width:900px){.hero__img img{height:100%;min-height:360px;max-height:440px}}
.cat .ph{aspect-ratio:1}
/* Отзывы */
.review__ava{display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--ink-muted)}
.review__text p{margin:0 0 .5em}
.review__text img{border-radius:10px;max-width:96px;display:inline-block;margin:4px 4px 0 0}
.articles{display:grid;gap:var(--space-6)}
@media(min-width:768px){.articles{grid-template-columns:repeat(3,minmax(0,1fr))}}
.cat__img--wide img{object-fit:contain;padding:6%;background:var(--surface)}