.zc-grid{--cols:4;--gap:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap)}
.zc-grid > *{flex:0 1 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0}
@media (max-width:1100px){.zc-grid > *{flex-basis:calc((100% - 2 * var(--gap)) / 3)}}
@media (max-width:760px){.zc-grid > *{flex-basis:calc((100% - var(--gap)) / 2)}}
@media (max-width:460px){.zc-grid > *{flex-basis:100%}}
/* even — ровные ряды: карточки одной высоты, неполный последний ряд
   центрируется базовым justify-content. Правило существует и потому, что
   класс без единого правила в CSS означает потерянный при порте стиль, и
   общий свод справедливо на это краснеет. */
.zc-grid.even{align-items:stretch}
.zc-grid.even > *{flex-grow:0}
.zc-grid.rail{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory}
.zc-grid.rail > *{scroll-snap-align:start;flex:0 0 260px}
[hidden]{display:none!important}

.zc-tscroll{overflow-x:auto;max-width:100%;min-width:0}
table.zc-t{width:100%;border-collapse:collapse;min-width:560px}
table.zc-t td.num{text-align:right;font-variant-numeric:tabular-nums}
@media (max-width:640px){
 table.zc-t{min-width:0}
 table.zc-t thead{position:absolute;left:-9999px}
 table.zc-t tr{display:block;margin-bottom:12px}
 table.zc-t td{display:flex;justify-content:space-between;gap:12px}
 table.zc-t td::before{content:attr(data-label);font-weight:600}
}

.zc-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.zc-pager{display:flex;gap:8px;flex-wrap:wrap}
.zc-filters{display:flex;gap:8px;flex-wrap:wrap}
.zc-chip[aria-pressed="true"]{font-weight:600}
.zc-field{display:flex;flex-direction:column;gap:6px}
.zc-zoom{border:0;padding:0;max-width:96vw;max-height:96vh}
.zc-zoom img{display:block;max-width:96vw;max-height:96vh;height:auto}
.zc-gal{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.zc-gal > *{flex:0 1 calc((100% - 32px) / 3);min-width:0}
@media (max-width:700px){.zc-gal > *{flex-basis:100%}}
.zc-shot-link{position:relative;display:block}
.zc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;min-width:0}
.zc-card{display:flex;flex-direction:column;min-width:0}


@font-face{font-family:"Gantari";src:url("/assets/fonts/gantari-latin.9e8a9aaa.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#FFFFFF;--ink:#272727;--mute:#5C5854;--warm:#F3F1EC;--cool:#EEF2F2;--line:#DDD9D2;--acc:#A8472F;--acc-ink:#8A3620;--acc-soft:#F6E3DC;--disc:#E4EEF0;--star:#C78A1B;--wrap:1280px;--gap:clamp(16px,2.5vw,32px)}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 "Gantari",system-ui,-apple-system,"Segoe UI",sans-serif}
[hidden]{display:none!important}
img{max-width:100%;height:auto;display:block}
a{color:var(--acc-ink);text-underline-offset:.15em}
h1,h2,h3,h4{margin:0;line-height:1.15;letter-spacing:-.01em}
h1{font-weight:300;font-size:clamp(34px,5vw,60px)}
h2{font-weight:800;font-size:clamp(22px,2.4vw,28px)}
h3{font-weight:600;font-size:17px}
h4{font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
p{margin:0 0 .9em}
table{border-collapse:collapse;width:100%;font-size:15px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font-weight:700;background:var(--warm)}
.zc-wrap{width:min(100% - 2*var(--gap),var(--wrap));margin-inline:auto}
.zc-btn{display:inline-block;padding:12px 22px;border:2px solid var(--ink);color:var(--ink);background:#fff;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
.zc-btn.dark{background:var(--ink);color:#fff}
.zc-btn.acc{background:var(--acc);border-color:var(--acc);color:#fff}
.zc-kick{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-ink)}
.zc-lede{font-size:17px;max-width:none;color:var(--mute)}
/* верхняя факт-строка */
.zc-top{background:var(--ink);color:#fff;font-size:12.5px;letter-spacing:.04em}
.zc-top .zc-wrap{display:flex;justify-content:space-between;gap:16px;padding:7px 0;flex-wrap:wrap}
.zc-top a{color:#fff}
/* шапка: кнопка / знак по центру / ссылка; два ряда навигации */
.zc-head{border-bottom:1px solid var(--line);background:#fff}
.zc-head-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 0 10px}
.zc-head-btn{justify-self:start;padding:9px 14px;font-size:11px}
.zc-head-link{justify-self:end;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);text-decoration:none}
.zc-mark{font-weight:300;font-size:34px;letter-spacing:-.03em;color:var(--ink);text-decoration:none;line-height:1}
.zc-mark b{font-weight:800;color:var(--acc)}
.zc-nav-row{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 22px;padding:4px 0}
.zc-nav-row a{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding:5px 0;border-bottom:2px solid transparent}
.zc-nav-row a:hover,.zc-nav-row a[aria-current]{border-bottom-color:var(--acc)}
.zc-nav{padding-bottom:8px}
/* крошки в контейнере */
.zc-crumbs{font-size:13px;color:var(--mute);padding:12px 0 0}
.zc-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 8px}
.zc-crumbs li+li::before{content:"/";margin-right:8px;color:var(--line)}
.zc-crumbs a{color:var(--mute)}
/* секции */
.zc-sec{padding:clamp(28px,4vw,56px) 0}
.zc-sec.warm{background:var(--warm)}
.zc-sec.cool{background:var(--cool)}
.zc-sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;flex-wrap:wrap}
.zc-sec-head>div{flex:1 1 60%}
/* герой-слайд: текст слева, сцена справа (сцена = кадр каталога) */
.zc-hero{background:var(--cool);border-bottom:1px solid var(--line)}
.zc-hero .zc-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--gap);align-items:center;padding:18px 0 14px}
.zc-hero-text,.zc-hero-scene{min-width:0}
.zc-hero h1{max-width:16ch}
.zc-hero-text p{font-size:17px;color:var(--mute);margin:10px 0 14px;max-width:none}
.zc-hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.zc-hero-scene{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.zc-hero-scene a{display:block;background:#fff;border:1px solid var(--line);padding:8px;min-width:0}
.zc-hero-scene img{width:100%;aspect-ratio:1;object-fit:contain}
.zc-hero-scene span{display:block;font-size:12px;font-weight:700;margin-top:6px;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zc-hero-h{font-weight:300;font-size:clamp(34px,5vw,60px);line-height:1.15;margin:0;max-width:16ch}
.zc-hero-h b{font-weight:300}
.zc-hero-tabs{display:inline-flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.zc-hero-tabs button{font:inherit;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}
.zc-hero-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.zc-hero-facts{display:flex;gap:10px 28px;flex-wrap:wrap;padding:12px 0 0;font-size:13.5px;color:var(--mute)}
.zc-hero-facts b{color:var(--ink);font-weight:800}
/* полоса категорий-чипов */
.zc-chips{display:flex;gap:10px;overflow-x:auto;padding:10px 0 4px;scrollbar-width:thin}
#popular.zc-sec{padding-top:18px}
.zc-chips a{flex:0 0 auto;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:6px 14px 6px 6px;text-decoration:none;color:var(--ink);font-weight:600;font-size:13px;white-space:nowrap}
.zc-chips img{width:44px;height:44px;object-fit:contain}
/* решётка отделов: круглая подложка + счётчик */
.zc-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 18px}
.zc-cat{text-decoration:none;color:var(--ink);text-align:center;display:block}
.zc-cat-disc{display:block;width:min(100%,160px);aspect-ratio:1;border-radius:50%;background:var(--disc);margin:0 auto 12px;overflow:hidden;padding:14px}
.zc-cat-disc img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.zc-cat b{display:block;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--acc-ink)}
.zc-cat b span{color:var(--mute);font-weight:600}
/* плитки-решения */
.zc-sols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.zc-sol{display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.zc-sol-img{display:block;padding:18px;background:var(--warm)}
.zc-sol-img img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.zc-sol-cap{padding:16px 18px 18px}
.zc-sol-cap b{display:block;font-size:22px;font-weight:600;line-height:1.15;margin-bottom:6px}
.zc-sol-cap span{display:block;font-size:14px;color:var(--mute)}
.zc-sol-cap em{display:inline-block;margin-top:12px;font-style:normal;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-ink);border-bottom:2px solid var(--acc)}
/* карточка */
.zc-shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 16px}
.zc-shelf>.zc-card{flex:0 1 calc(25% - 12px);min-width:220px;max-width:320px}
.zc-shelf-note{font-size:12.5px;color:var(--mute);margin:12px 0 0}
.zc-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.zc-frame{display:block;padding:12px;border-bottom:1px solid var(--line)}
.zc-frame img{width:100%;aspect-ratio:1;object-fit:contain}
.zc-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:5px;flex:1}
.zc-card h3{font-size:15px;line-height:1.3;font-weight:600;min-height:2.6em}
.zc-card h3 a{color:var(--ink);text-decoration:none}
.zc-key{font-size:12.5px;color:var(--mute);margin:0}
.zc-stars{margin:0;font-size:13px}
.zc-stars b{color:var(--star)}
.zc-stars small{color:var(--mute);font-size:12px}
.zc-price{margin:2px 0 6px;font-size:20px;font-weight:800}
.zc-price small{font-size:12.5px;font-weight:600;color:var(--acc-ink);margin-left:4px}
/* Надпись кнопки — картинка. Ширина задаётся, высота auto: в узкой карточке
   надпись УМЕНЬШАЕТСЯ пропорционально, а не сплющивается (height:9px + max-width)
   и не торчит из кнопки (max-width:none). Возврат владельца 04.09: в кросс-полке
   карточки 176px, кнопка вылезала за края с обеих сторон. Страж: buy-fit.js. */
.zc-buy{display:flex;width:100%;min-width:0;align-items:center;justify-content:center;background:var(--acc);padding:14px 8px;margin-top:auto;line-height:0}
.zc-buy.soft{background:var(--ink)}
.zc-buy img.buy-label{width:154px;max-width:100%;height:auto;min-width:0;flex:0 1 auto}
/* фильтры отдела */
.zc-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px}
.zc-filters .lab{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.zc-filters a,.zc-filters button{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;cursor:pointer;border-radius:0}
.zc-filters a[aria-current],.zc-filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}
.zc-count{font-size:14px;color:var(--mute);margin:0 0 14px}
.zc-pages{list-style:none;display:flex;gap:6px;padding:0;margin:26px 0 0;flex-wrap:wrap}
.zc-pages a,.zc-pages span{display:inline-block;min-width:38px;text-align:center;padding:8px 6px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:600}
.zc-pages span{background:var(--ink);color:#fff;border-color:var(--ink)}
/* карточка товара */
.zc-pdp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap);align-items:start;padding:20px 0 10px}
.zc-pdp-more{padding:0 0 30px}
.zc-gal-main{background:#fff;border:1px solid var(--line);padding:16px}
.zc-gal-main img{width:100%;max-width:500px;margin:0 auto;aspect-ratio:1;object-fit:contain}
.zc-gal-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:8px}
.zc-gal-thumbs button{padding:4px;border:2px solid var(--line);background:#fff;cursor:pointer}
.zc-gal-thumbs button[aria-current]{border-color:var(--acc)}
.zc-gal-thumbs img{width:100%;aspect-ratio:1;object-fit:contain}
.zc-pdp-info h1{font-weight:400;font-size:clamp(26px,3vw,38px)}
.zc-pdp-key{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.zc-pdp-key span{background:var(--warm);padding:5px 10px;font-size:13px;font-weight:600}
.zc-pdp-buy{background:var(--cool);border:1px solid var(--line);padding:18px;margin:14px 0}
.zc-pdp-buy .zc-price{font-size:30px;margin:0 0 4px}
.zc-pdp-buy .zc-price small{font-size:15px}
.zc-pdp-buy .zc-buy{margin-top:10px}
.zc-pdp-buy .zc-buy{padding:19px 26px;width:auto;display:inline-flex}
.zc-pdp-buy .note{font-size:12.5px;color:var(--mute);margin:8px 0 0}
.zc-pdp-blk{margin:18px 0}
.zc-pdp-blk ul{margin:0;padding-left:18px}
.zc-pdp-blk li{margin:0 0 6px}
.zc-spec th{width:38%;background:transparent;font-weight:600;color:var(--mute)}
.zc-fam{display:flex;flex-wrap:wrap;gap:8px}
.zc-fam a{padding:7px 12px;border:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:13px;font-weight:600}
.zc-fam a[aria-current]{border-color:var(--ink);background:var(--ink);color:#fff}
.zc-stickybuy{display:none}
/* статья: слайд-полосы, широкие кадры, текст в одну колонку меры (прижат влево, у края стоит индекс) */
.zc-art{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--gap);align-items:start;padding:20px 0 40px}
.zc-art-body h2{margin:36px 0 12px;font-weight:800;font-size:24px}
.zc-art-body h3{margin:24px 0 8px;font-size:18px}
.zc-art-body p,.zc-art-body li{font-size:17px;line-height:1.6}
.zc-art-body figure{margin:24px 0;background:var(--warm);padding:14px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:20px;align-items:center}
.zc-art-body figure img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.zc-art-body figcaption{font-size:15px;color:var(--mute)}
.zc-filters .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}
.zc-art-body .zc-shelf{margin:22px 0 6px}
.zc-art-body .zc-shelf>.zc-card{flex-basis:calc(25% - 12px);min-width:190px}
/* Карточка во врезке гида не наследует кегль статьи (17px): подпись и звёзды
   те же, что на любой полке сайта. Под 1150px четыре карточки идут 2+2,
   а не 3+1 с сиротой. */
.zc-art-body .zc-card p{font-size:12.5px;line-height:1.4}
.zc-art-body .zc-card .zc-stars{font-size:13px}
.zc-art-body .zc-card .zc-price{font-size:20px}
@media(max-width:1150px){.zc-art-body .zc-shelf>.zc-card{flex-basis:calc(50% - 8px)}}
/* «Соседняя полка» на карточке товара: плитка-вводка отдела + 3 карточки одним
   рядом в 4 колонки; на 900 — 2x2 (плитка + 3 карточки = 4 ячейки, ровно). */
.zc-room{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;align-items:stretch}
.zc-room-tile{background:var(--cool);border:1px solid var(--line);padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px;min-width:0}
.zc-room-tile h2{font-size:22px;line-height:1.2;margin:0}
.zc-room-tile p{margin:0;font-size:15px;line-height:1.55}
.zc-room-tile .zc-kick{margin:0}
.zc-room-tile ul.facts{list-style:none;margin:6px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.5;color:var(--mute)}
.zc-room-tile ul.facts li{margin:0 0 4px}
.zc-room-tile ul.facts b{color:var(--ink);font-weight:700}
.zc-room-tile a.more{display:inline-block;margin-top:auto;align-self:start;padding-top:14px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--acc-ink);text-decoration:none;border-bottom:2px solid var(--acc)}
.zc-art-body .tbl{overflow-x:auto;margin:18px 0}
.zc-art-side{position:sticky;top:12px;background:var(--warm);padding:18px}
.zc-art-side ol{padding-left:18px;margin:8px 0 0;font-size:14px}
.zc-art-side li{margin:0 0 6px}
.zc-art-side a{color:var(--ink)}
.zc-quote{border-left:4px solid var(--acc);padding:10px 16px;background:var(--cool);margin:18px 0;font-size:16px}
.zc-quote cite{display:block;font-style:normal;font-size:13px;color:var(--mute);margin-top:6px}
.zc-src{font-size:14px}
.zc-src li{margin:0 0 8px}
.zc-note{border:1px solid var(--line);background:var(--warm);padding:12px 16px;font-size:14px;margin:18px 0}
/* история бренда: два столбца текста на всю полосу */
.zc-story{columns:2;column-gap:40px}
.zc-story p{break-inside:avoid}
.zc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);align-items:start}
.zc-guide-links{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:14px 0 0;font-size:15px}
.zc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:0}
.zc-facts div{background:#fff;border:1px solid var(--line);padding:14px}
.zc-facts b{display:block;font-size:30px;font-weight:300;line-height:1}
.zc-facts span{font-size:13px;color:var(--mute)}
.zc-faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px 32px}
.zc-faq h3{margin:0 0 6px}
.zc-faq p{margin:0;font-size:15px}
.zc-prose{columns:2;column-gap:40px}
.zc-prose p,.zc-prose li{break-inside:avoid}
.zc-legal h2{font-size:20px;margin:26px 0 8px}
.zc-legal p,.zc-legal li{font-size:15px}
.zc-legal address{font-style:normal;line-height:1.5;margin:0 0 14px}
.zc-legal .zc-map{max-width:640px;margin-top:0}
/* подвал: колонки, как у образца */
.zc-foot{background:var(--ink);color:#D8D4CE;margin-top:40px;font-size:14px}
.zc-foot .zc-wrap{padding:40px 0 24px}
.zc-foot-grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:28px}
.zc-foot .zc-mark{color:#fff;font-size:30px}
.zc-foot-tag{margin:10px 0 8px}
.zc-foot-facts{font-size:13px;color:#A9A49D}
.zc-foot-facts b{color:#fff}
.zc-foot h4{color:#fff;margin-bottom:10px}
.zc-foot ul{list-style:none;padding:0;margin:0}
.zc-foot li{margin:0 0 6px}
.zc-foot a{color:#EDE9E3;text-decoration:none}
.zc-foot a:hover{text-decoration:underline}
.zc-foot address{font-style:normal;line-height:1.5}
.zc-map{margin-top:12px;aspect-ratio:4/3;border:1px solid #4A4642}
.zc-map iframe{width:100%;height:100%;border:0;display:block}
.zc-foot-end{border-top:1px solid #4A4642;margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#A9A49D}
@media(max-width:1100px){.zc-foot-grid{grid-template-columns:1fr 1fr 1fr}.zc-foot-grid>div:first-child{grid-column:1/-1}}
@media(max-width:900px){
.zc-hero .zc-wrap{grid-template-columns:1fr}
.zc-pdp,.zc-art,.zc-two{grid-template-columns:minmax(0,1fr)}
.zc-room{grid-template-columns:repeat(2,minmax(0,1fr))}
.zc-art-body figure{grid-template-columns:minmax(0,1fr)}
.zc-art-side{position:static}
.zc-story,.zc-prose{columns:1}
.zc-cats{grid-template-columns:repeat(3,1fr);gap:16px 10px}
.zc-gal-thumbs{grid-template-columns:repeat(5,1fr)}
}
@media(max-width:640px){
.zc-head-top{grid-template-columns:auto 1fr auto;padding:12px 0 8px}
.zc-mark{font-size:28px;justify-self:center}
.zc-nav-row{justify-content:flex-start;gap:2px 14px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
.zc-cats{grid-template-columns:repeat(2,1fr)}
.zc-shelf{gap:10px}.zc-shelf>.zc-card,.zc-art-body .zc-shelf>.zc-card{flex:0 1 calc(50% - 5px);min-width:0}
/* На телефоне плитка-вводка во всю ширину и компактная, три карточки под ней
   по две в ряд, неполный ряд по центру — как у остальных полок сайта. */
.zc-room{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.zc-room-tile{flex:1 1 100%;padding:16px 16px 18px}
.zc-room-tile h2{font-size:20px}
.zc-room-tile ul.facts{columns:2;column-gap:16px}
.zc-room-tile ul.facts li{break-inside:avoid}
.zc-room-tile a.more{margin-top:4px}
.zc-room>.zc-card{flex:0 1 calc(50% - 5px);min-width:0}
.zc-card h3{font-size:14px}
.zc-price{font-size:17px}
.zc-buy{padding:13px 12px}
.zc-hero-scene{grid-template-columns:repeat(3,1fr)}
.zc-foot-grid{grid-template-columns:1fr 1fr}.zc-foot-grid>div:first-child{grid-column:1/-1}
.zc-stickybuy{display:flex;position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:8px 12px;gap:12px;align-items:center;justify-content:space-between;z-index:20}
.zc-stickybuy .zc-price{margin:0;font-size:18px}
.zc-stickybuy .zc-buy{padding:15px 18px;width:auto;display:inline-flex}
body.has-sticky{padding-bottom:64px}
}
@media(max-width:420px){.zc-shelf{gap:8px}.zc-room{gap:8px}.zc-shelf>.zc-card{flex-basis:calc(50% - 4px)}.zc-buy{padding:12px 4px}.zc-buy img.buy-label{width:120px}.zc-card-body{padding:8px 6px 8px}.zc-room-tile{padding:14px}.zc-room-tile h2{font-size:18px}.zc-room>.zc-card{flex-basis:calc(50% - 4px)}}
@media(max-width:340px){.zc-shelf>.zc-card,.zc-room>.zc-card{flex-basis:100%}.zc-card-body{padding:8px 10px 10px}.zc-foot-grid{grid-template-columns:1fr}}