/* Тема «Миледи»: сверка палитры. Два акцента — фиолетовый бренд и янтарь солнца, остальное — тёплые и лавандовые нейтрали.
   Зелёный остаётся только знаком «готово/гарантия» и приглушён до шалфея; голубое небо — до серо-голубого. */
:root{--ok:#2e7262;--ok-soft:#edf2ef;--sky1:#d3e1ea;--sky2:#efe3cc}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ok:#86c3aa;--ok-soft:#1c2724;--sky1:#4f6a80;--sky2:#8f7258}}
:root[data-theme="dark"]{--ok:#86c3aa;--ok-soft:#1c2724;--sky1:#4f6a80;--sky2:#8f7258}

/* заглушки изделий: одна семья — лён, песок, камень и приглушённая лаванда бренда */
.pic-zebra{background:repeating-linear-gradient(180deg,#9b96c4 0 16px,#eeecf6 16px 32px)}
.pic-horiz{background:repeating-linear-gradient(180deg,#ecebee 0 9px,#b9b8c4 9px 11px)}
.pic-moskit{background:repeating-linear-gradient(0deg,rgba(60,58,78,.28) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(60,58,78,.28) 0 1px,transparent 1px 5px),linear-gradient(180deg,var(--sky1),#e3e6dc)}
.pic-electro{background:linear-gradient(180deg,#4a4570 0 64%,#36325a 64% 66%,var(--sky2) 66%)}

/* в тёмной теме светлые заглушки и фото работ не слепят */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .card .pic,:root:not([data-theme="light"]) .works figure{filter:brightness(.78) saturate(.9)}}
:root[data-theme="dark"] .card .pic,:root[data-theme="dark"] .works figure{filter:brightness(.78) saturate(.9)}

/* подвал: правовые документы и реквизиты */
footer.foot .foot-law{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:28px;padding-top:20px;border-top:1px solid rgba(233,231,243,.14)}
footer.foot .foot-law a{display:inline;padding:0;font-size:13.5px;color:#cfcbe8;text-decoration:underline;text-decoration-color:rgba(207,203,232,.35);text-underline-offset:3px}
footer.foot .foot-law a:hover{color:#fff;text-decoration-color:currentColor}
footer.foot .foot-req{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:#a7a3c2;max-width:900px}
footer.foot .legal{margin-top:12px}
.tbd{border-bottom:1px dashed currentColor;cursor:help}
footer.foot .tbd{color:#f0c27a}

/* согласие в формах */
.agree{font-size:13.5px;color:var(--ink);display:flex;gap:9px;align-items:flex-start;line-height:1.45}
.agree input{margin-top:3px;width:17px;height:17px;flex:none;accent-color:var(--brand)}
.agree-note{margin:0;font-size:12.5px;color:var(--muted);line-height:1.45}

/* правовые страницы */
.doc-wrap{padding-block:8px 48px}
.doc{max-width:780px;display:flex;flex-direction:column;gap:14px}
.doc h1{font-size:clamp(26px,3.6vw,38px);margin-top:8px}
.doc h2{font-size:clamp(18px,2.2vw,22px);margin-top:18px;scroll-margin-top:96px}
.doc p{margin:0;line-height:1.65}
.doc-lead{color:var(--muted);font-size:16.5px}
.doc-note{margin-top:20px!important;padding-top:16px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}
.doc .rk{width:100%;border-collapse:collapse;font-size:14.5px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);overflow:hidden;display:block;overflow-x:auto}
.doc .rk tbody,.doc .rk thead{display:table;width:100%;border-collapse:collapse}
.doc .rk th,.doc .rk td{text-align:left;vertical-align:top;padding:10px 14px;border-bottom:1px solid var(--line)}
.doc .rk tr:last-child th,.doc .rk tr:last-child td{border-bottom:0}
.doc .rk tbody th{width:38%;font-weight:600;color:var(--muted)}
.doc .rk thead th{font:600 12px var(--f-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--brand-soft)}

/* плашка cookie */
.ck{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;max-width:640px;margin-inline:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(28,26,43,.18);padding:14px 16px;display:flex;gap:12px 16px;align-items:center;flex-wrap:wrap;font-size:13.5px;line-height:1.45}
.ck p{margin:0;flex:1 1 300px;min-width:0}
.ck .ck-b{display:flex;gap:8px;flex-wrap:wrap}
.ck button{border:0;border-radius:999px;padding:9px 16px;font:600 13.5px var(--f-body);cursor:pointer}
.ck .ck-ok{background:var(--brand);color:var(--brand-ink)}
.ck .ck-min{background:var(--brand-soft);color:var(--ink)}

/* фото окна с примеренной шторой в первом экране страницы изделия */
.p-hero-foto{padding:12px}
.p-hero-foto figure{margin:0;display:flex;flex-direction:column;gap:10px}
.p-hero-foto img{display:block;width:100%;height:auto;aspect-ratio:1/1.02;object-fit:cover;object-position:center 30%;border-radius:12px;background:var(--room)}
.p-hero-foto figcaption{font-size:13px;line-height:1.45;color:var(--muted);padding:0 4px 2px}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .p-hero-foto img{filter:brightness(.88)}}
:root[data-theme="dark"] .p-hero-foto img{filter:brightness(.88)}

/* главная во всплывающем окне примерки: только примерка */
.embed header.top,.embed footer.foot,.embed .proto-note,.embed .ck,.embed .fx-blinds,.embed .crumbs{display:none!important}
.embed [data-page="primerka"] .block:first-child{padding-top:12px}

/* блок «Примерьте на своё окно» на страницах изделий */
.pr-try{margin:8px 0 28px;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px 28px;align-items:center}
.pr-try h2{font-size:clamp(20px,2.4vw,26px);margin:4px 0 8px}
.pr-try p{margin:0;color:var(--muted);font-size:15px;line-height:1.5}
.pr-try-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pr-try-types button{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:6px 12px;font:500 13.5px var(--f-body);cursor:pointer}
.pr-try-types button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.pr-try-btns{display:flex;flex-direction:column;gap:10px}
.pr-try-btns .pr-b{display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:16px;padding:12px 16px;cursor:pointer;font:600 15.5px var(--f-body);position:relative}
.pr-try-btns .pr-b:hover,.pr-try-btns .pr-b:focus-within{border-color:var(--brand)}
.pr-try-btns .pr-b.main{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.pr-try-btns .pr-b small{display:block;font:400 13px var(--f-body);opacity:.75;margin-top:2px}
.pr-try-btns .pr-b i{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.pr-try-btns .pr-b.main i{background:rgba(255,255,255,.16);color:inherit}
.pr-try-btns .pr-b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pr-try-btns input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
@media (max-width:820px){.pr-try{grid-template-columns:minmax(0,1fr);padding:18px}}
/* всплывающее окно примерки */
.pr-lock,.pr-lock body{overflow:hidden}
.pr-modal{position:fixed;inset:0;z-index:100;background:rgba(20,18,32,.6);display:grid;place-items:center;padding:24px}
.pr-modal iframe{width:min(1240px,100%);height:min(900px,100%);border:0;border-radius:18px;background:var(--bg);box-shadow:0 24px 60px rgba(0,0,0,.35)}
.pr-x{position:absolute;top:14px;right:14px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--paper);color:var(--ink);font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25)}
@media (max-width:820px){.pr-modal{padding:0}.pr-modal iframe{width:100%;height:100%;border-radius:0}.pr-x{top:calc(8px + env(safe-area-inset-top,0px));right:8px}}

/* живой первый экран: фото окна с изделием и бегунки */
.pr-hero-ph{position:relative}
.pr-hero-ph canvas{display:block;width:100%;height:auto;aspect-ratio:1/1.02;object-fit:cover;object-position:center 30%;border-radius:12px;background:var(--room)}
@media (hover:hover) and (pointer:fine){.pr-hero-ph canvas{cursor:ns-resize}}
.pr-hero-static.pr-off{display:none}
.pr-hero-row{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted)}
.pr-hero-row span{white-space:nowrap}
.pr-hero-row input[type=range]{flex:1;min-width:0;accent-color:var(--brand)}
.pr-hero-seg{gap:6px}
.pr-hero-seg button{flex:1;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;padding:8px 10px;font:500 13.5px var(--f-body);cursor:pointer}
.pr-hero-seg button[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}

/* «Советы»: главное фото статьи, фото-иллюстрации, превью карточек, блок «Полезно знать» */
.p-hero-foto.sv-hero img{aspect-ratio:5/6;object-position:center 35%}
figure.fig.sv-foto{flex-direction:row;align-items:center;gap:18px}
figure.fig.sv-foto img{flex:0 0 min(300px,42%);width:min(300px,42%);height:auto;border-radius:12px;display:block}
figure.fig.sv-foto figcaption{font-size:15px;line-height:1.5}
figure.fig.sv-foto.sv-wide{flex-direction:column;align-items:stretch}
figure.fig.sv-foto.sv-wide img{flex:none;width:100%}
figure.fig.sv-schema{margin-top:4px}
.sv-th{display:block;width:100%;height:auto;aspect-ratio:48/33;object-fit:cover;border-radius:10px;background:var(--room);margin-bottom:4px}
.hub a .sv-th{margin:-4px 0 6px;width:100%}
.pz{margin-top:8px}
.pz .pz-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pz .pz-grid a{padding:10px 10px 14px;gap:5px}
.pz .pz-grid small{font:500 12px var(--f-mono);color:var(--muted);padding:0 4px}
.pz .pz-grid b,.pz .pz-grid span{padding:0 4px}
.pz .pz-grid a:hover .sv-th{filter:brightness(1.04)}
@media (max-width:640px){figure.fig.sv-foto{flex-direction:column;align-items:stretch}figure.fig.sv-foto img{flex:none;width:100%}}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .sv-th,:root:not([data-theme="light"]) .sv-foto img{filter:brightness(.86)}}
:root[data-theme="dark"] .sv-th,:root[data-theme="dark"] .sv-foto img{filter:brightness(.86)}