/* v27 patches (moved out of the document head) */
/* ===== v27g: panel wyjeżdża z prawej ===== */
@keyframes shin{from{transform:translateX(100%)}to{transform:none}}
@keyframes shout{from{transform:none}to{transform:translateX(100%)}}
@keyframes shfade{from{box-shadow:0 0 0 100vmax rgba(10,10,20,0)}to{box-shadow:0 0 0 100vmax rgba(10,10,20,.32)}}
.sheet:not([hidden]){animation:shin .42s cubic-bezier(.22,.8,.3,1),shfade .42s ease-out!important;will-change:transform}
.sheet.shout:not([hidden]){animation:shout .32s cubic-bezier(.5,0,.75,0) forwards!important;pointer-events:none}
@media(prefers-reduced-motion:reduce){.sheet:not([hidden]),.sheet.shout:not([hidden]){animation:none!important}}

/* ===== v27h: pasek z ceną kończy się razem z kartą produktu ===== */
@media(max-width:899px){
  .cfMain>.cfbar{position:sticky!important;left:auto;right:auto;bottom:0;margin:20px -16px 0!important;z-index:25}
  body[data-scr="cfg"] footer{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}
}

/* ===== v27i: płynna zmiana koloru przycisku ===== */
.addb{transition:background-color .18s ease}
@media(prefers-reduced-motion:reduce){.addb{transition:none}}

/* ===== v27j: koszyk — strona pod spodem się nie przewija, wyjeżdża z prawej ===== */
html:has(body.lock){overflow:hidden}
.drw-l,.sheet .sh-b{overscroll-behavior:contain}
@keyframes dfadein{from{opacity:0}to{opacity:1}}
@keyframes dfadeout{from{opacity:1}to{opacity:0}}
.drw:not([hidden]) .drw-p{animation:shin .42s cubic-bezier(.22,.8,.3,1)!important}
.drw:not([hidden]) .drw-dim{animation:dfadein .42s ease-out!important}
.drw.dout .drw-p{animation:shout .32s cubic-bezier(.5,0,.75,0) forwards!important}
.drw.dout .drw-dim{animation:dfadeout .32s ease-in forwards!important}
.drw.dout{pointer-events:none}
@media(prefers-reduced-motion:reduce){.drw .drw-p,.drw .drw-dim{animation:none!important}}

/* ===== v27k: blokada przewijania tylko na <html lang="uk"> — body nie może być kontenerem przewijania (psuło sticky) ===== */
body.lock,body.shlock{overflow:visible!important;overflow-x:clip!important}
html:has(body.lock){overflow:hidden!important}
@media(max-width:899px){html:has(body.shlock){overflow:hidden!important}}

/* ===== v27l: instrukcja pomiaru rolety na ścianę / sufit ===== */
.hw-s b{color:var(--text)}
.modal.wide>div{max-width:820px;max-height:92vh}
.modal.wide h3{text-align:left}
@media(max-width:600px){.mi-svg .pl{font-size:15px}.mi-svg .tl{font-size:14px}.mi-svg .cl text{font-size:16px}}
@media(min-width:760px){
  .modal.wide>div{padding:28px 30px 28px}
}

/* ===== v27m: instrukcja R-01 / R-02 ===== */
.r1{--ink:#0A0A14;--blue:#F61737;--gray:#5B6478;--line:#E2E5EA;--bg:#F5F4F0}
.r1 *{box-sizing:border-box}
.r1{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 Onest,system-ui,sans-serif}
.r1 .r1-pg{max-width:1000px;margin:0 auto;padding:40px 48px 36px}
.r1 .r1-hd{display:flex;justify-content:space-between;align-items:center;gap:16px}
.r1 .r1-logo{font:800 30px Montserrat,system-ui,sans-serif;letter-spacing:-.8px;line-height:1;white-space:nowrap}
.r1 .r1-logo span{color:var(--blue)}
.r1 .r1-pill{font:400 13px Montserrat,sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1.5px solid var(--ink);border-radius:99px;padding:9px 18px;white-space:nowrap}
.r1 .r1-ruler{height:18px;margin:26px 0 30px;border-bottom:1.5px solid var(--ink);
  background-image:repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 10px),repeating-linear-gradient(90deg,var(--ink) 0 1.5px,transparent 1.5px 50px),repeating-linear-gradient(90deg,var(--blue) 0 2px,transparent 2px 200px);
  background-size:100% 7px,100% 13px,100% 18px;background-position:0 100%,0 100%,0 100%;background-repeat:no-repeat}
.r1 .r1-k{font:400 14px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:0 0 12px}
.r1 .r1h1{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:72px;line-height:1;letter-spacing:-.02em;margin:0 0 22px}
.r1 .r1h1 span{color:var(--blue);display:block}
.r1 .r1-lead{font-size:19px;color:#2A2F3A;margin:0 0 30px;max-width:820px}
.r1 .r1-lead b{color:var(--ink)}
.r1 .r1-card{background:#FAFAF8;border:1.5px solid var(--line);border-radius:22px;padding:22px 18px;
  background-image:repeating-linear-gradient(0deg,transparent 0 63px,#ECEDEF 63px 64px)}
.r1 .r1-card svg{display:block;width:100%;height:auto}
.r1 .r1-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 0}
.r1 .r1-st>div{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:20px 20px 22px}
.r1 .r1-st small{font:400 13px Montserrat,sans-serif;letter-spacing:.1em;color:var(--gray)}
.r1 .r1-st h3{display:flex;align-items:flex-start;gap:10px;font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:19px;line-height:1.2;letter-spacing:-.01em;margin:10px 0 10px}
.r1 .r1-st h3 i{flex:none;font:500 13px Montserrat,sans-serif;font-style:normal;background:var(--blue);color:#fff;border-radius:6px;min-width:26px;height:26px;display:grid;place-items:center;padding:0 5px;margin-top:-1px}
.r1 .r1-st h3 i.r1-cm{background:var(--ink)}
.r1 .r1-st p{margin:0;font-size:15.5px;color:#3A4050}
.r1 .r1-st p b{color:var(--ink)}
.r1 .r1-bx{margin-top:18px;background:var(--ink);color:#fff;border-radius:18px;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:28px}
.r1 .r1-bx p{margin:0;font-size:16px;color:#C3C8D4;max-width:500px}
.r1 .r1-bx p b{color:#fff}
.r1 .r1-bx code{font:500 26px Montserrat,sans-serif;white-space:nowrap}
.r1 .r1-bx code span{color:#FF8FA0}
.r1 .r1-tp{margin-top:18px;background:#FFE8EC;border-radius:18px;padding:18px 22px;display:flex;gap:14px;align-items:flex-start;font-size:16px;color:#2A2F3A}
.r1 .r1-tp i{flex:none;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:500 14px Montserrat,sans-serif;font-style:normal;margin-top:-1px}
.r1 .r1-tp b{color:var(--ink)}
.r1 .r1-ft{margin-top:36px;border-top:2px solid var(--ink);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.r1 .r1-ft .r1-logo{font-size:24px}
.r1 .r1-ft>span{font:400 13px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);text-align:right}
@media(max-width:700px){.r1 .r1-pg{padding:22px 16px 26px}
.r1 .r1-hd{flex-wrap:wrap;gap:10px}
.r1 .r1-logo{font-size:22px}
.r1 .r1-pill{font-size:10px;padding:6px 10px;letter-spacing:.08em}
.r1 .r1-ruler{margin:18px 0 22px}
.r1 .r1-k{font-size:11px}
.r1 .r1h1{font-size:34px}
.r1 .r1-lead{font-size:16px;margin-bottom:20px}
.r1 .r1-card{padding:10px 4px;border-radius:16px}
.r1 .r1-st{grid-template-columns:1fr;gap:12px}
.r1 .r1-st h3{font-size:19px}
.r1 .r1-bx{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}
.r1 .r1-bx code{font-size:19px}
.r1 .r1-tp{font-size:15px}
.r1 .r1-ft{flex-direction:column;align-items:flex-start}
.r1 .r1-ft>span{text-align:left;font-size:11px}
.r1 svg .r1-lb{font-size:17px}}
.r1{background:#F5F4F0;color:#0A0A14}
.modal.r1m>div{max-width:1000px;max-height:94vh;padding:0;background:#F5F4F0}
.modal.r1m{z-index:95}
.modal.r1m #mdT{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
.modal.r1m #mdClose{margin:0!important;position:sticky;bottom:0;width:100%}
.r1-dlbar{padding:0 48px 18px;background:#F5F4F0}
.r1-dlbar .go{width:100%;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;min-height:50px;display:flex;align-items:center;font-weight:700}
.qd-pdf{display:inline-block;margin:6px 0 4px;font-size:14px}
@media(max-width:700px){.r1-dlbar{padding:0 16px 14px}.modal.r1m>div{max-height:96vh}}

/* ===== v27n ===== */
.qd-h summary{padding-right:0!important;justify-content:flex-start!important;gap:6px!important;color:var(--blue);font-size:15px!important;text-decoration:none}
.qd-h summary::after{margin-left:2px!important;text-decoration:none;display:inline-block;font-weight:700}
.qd-dr{display:none!important}

/* ===== v27o ===== */
.r1-x{position:sticky;top:12px;z-index:3;display:grid;place-items:center;margin:12px 12px -64px auto;width:52px;height:52px;border-radius:50%;border:0;background:#0A0A14;color:#fff;font:400 34px/1 Onest,system-ui,sans-serif;cursor:pointer;box-shadow:0 4px 14px rgba(10,10,20,.25)}
.r1-x:hover{background:#F61737}
.modal.r1m #mdClose{display:none!important}.modal.r1m .mdx{display:none!important}.qvd-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.qvd{display:grid;gap:2px;text-align:left;padding:12px 14px;border:1.5px solid #D5D8DE;border-radius:14px;background:#fff;cursor:pointer;font:inherit;color:inherit}.qvd b{font:600 15px Montserrat,sans-serif}.qvd small{font-size:13px;color:#5B6478}.qvd.a{border-color:#F61737;box-shadow:inset 0 0 0 1px #F61737}.qvd.a small{color:#0A0A14}
@media(max-width:700px){.r1-x{width:46px;height:46px;font-size:30px;margin:10px 10px -56px auto;top:10px}.r1 .r1-hd{padding-right:52px}}

/* ===== v27q: okno (instrukcja, dokumenty) — strona pod spodem się nie przewija ===== */
html:has(#modal.on){overflow:hidden!important}
.dimq{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(10,10,20,0);transition:background .25s}
.dimq[hidden]{display:none}
.dimq.on{background:rgba(10,10,20,.55)}
.dq-b{background:#fff;width:100%;max-width:420px;padding:26px 24px 22px;border-top:4px solid var(--blue);transform:translateY(16px);opacity:0;transition:transform .25s,opacity .25s;display:flex;flex-direction:column;gap:10px}
.dimq.on .dq-b{transform:none;opacity:1}
.dq-k{margin:0;font:500 12px Montserrat,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.dq-b h3{margin:0;font-size:24px;line-height:1.15}
.dq-d{margin:2px 0 0;font:600 30px Montserrat,sans-serif;letter-spacing:-.02em}
.dq-t{margin:0 0 8px;font-size:15px;line-height:1.45;color:#4A5263}
.dq-b .go{justify-content:center;font-weight:700}
.dq-b .go.ghost{color:var(--ink);border-color:var(--ink)}
html:has(#dimQ.on){overflow:hidden!important}
.wa-row{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:12px 14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,background .2s}
.wa-row:hover{border-color:#7360F2;background:#F5F3FF}
.wa-row svg{width:30px;height:30px;flex:none}
.wa-row span{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.wa-row b{font-size:14.5px;line-height:1.3}
.wa-row small{font-size:12.5px;color:var(--gray)}
.wa-row small span{display:inline}
.wa-row>i{font-style:normal;font-weight:700;color:#5B4BD1}
.r1-dlbar{display:flex;flex-direction:column;gap:8px}
.r1-wa{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600}
.r1-wa svg{width:22px;height:22px;flex:none}
#modal>div{overscroll-behavior:contain}
#modal{overscroll-behavior:contain}


:root{--blue:#F61737;--blue2:#FF6B80;--ink:#0A0A14;--gray:#4A5263;--line:#E2E8F0;--card:#F1F5F9;--red:#B42318;--green:#0E9F6E;--bg:#fff;--text:#0A0A14;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:Onest,system-ui,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.45}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;border-radius:0}
input,select,textarea{font:inherit;color:inherit}
a{color:inherit}
.mono{font:500 12px Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}
.in{max-width:1180px;margin:0 auto;padding:0 16px}
.ruler{height:14px;border-top:1.5px solid var(--text);background-image:repeating-linear-gradient(90deg,var(--text) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,var(--text) 0 1.5px,transparent 1.5px 50px);background-size:100% 7px,100% 14px;background-repeat:no-repeat}
.demo{background:var(--ink);color:#fff;text-align:center;font:500 10.5px/1.4 Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:8px 12px}
.demo b{color:#FFD600;font-weight:500}
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--bg)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}
html,body{overflow-x:clip}
.logo{font:800 22px Montserrat,system-ui,sans-serif;letter-spacing:-.6px;line-height:1;text-decoration:none;white-space:nowrap}
.logo span{color:var(--blue)}
.slog{font-size:11.5px;color:var(--gray);margin-top:3px}
.navr{display:flex;gap:8px;align-items:center}
.navlink{font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em;border:1.5px solid var(--text);padding:0 10px;min-height:42px;display:inline-flex;align-items:center;text-decoration:none}
.cartbtn{background:var(--ink);color:#fff;min-height:42px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;text-decoration:none}
.cartbtn i{font:700 12px Montserrat,sans-serif;font-style:normal;background:var(--blue);min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 5px}
@media(max-width:560px){.navlink.hide-s{display:none}.slog{font-size:11px}.logo{font-size:20px}.cartbtn{min-height:40px}}

.scr{display:none;padding-bottom:40px}.scr.on{display:block}
.eb{font:500 12.5px Montserrat,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--gray);margin:26px 0 12px}
h1{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:clamp(34px,10.5vw,64px);line-height:1.02;letter-spacing:-.02em;margin:0 0 14px}
h1 b{color:var(--blue)}
h2{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:clamp(22px,6vw,32px);letter-spacing:-.02em;line-height:1.08;margin:0}
.lead{font-size:17px;line-height:1.55;color:var(--gray);max-width:600px;margin:0 0 20px}
.hd{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1.5px solid var(--text);padding-bottom:9px;margin-top:44px}
.hd span{font:500 12.5px Montserrat,sans-serif;color:var(--gray);text-transform:uppercase}
.stats{display:grid;grid-template-columns:repeat(2,1fr);border:1.5px solid var(--text);margin:26px 0 0}
.stats div{padding:14px;border-right:1.5px solid var(--text);border-bottom:1.5px solid var(--text)}
.stats div:nth-child(2n){border-right:0}.stats div:nth-child(n+3){border-bottom:0}
.stats b{display:block;font:700 22px Montserrat,sans-serif;letter-spacing:-.04em}
.stats span{font-size:13.5px;color:var(--gray);line-height:1.35;display:block;margin-top:3px}
.stats .hi{background:var(--blue);color:#fff}.stats .hi span{color:#FFD9DF}
@media(min-width:760px){.stats{grid-template-columns:repeat(4,1fr)}.stats div{border-bottom:0!important;border-right:1.5px solid var(--text)!important}.stats div:last-child{border-right:0!important}}

.prods{display:grid;gap:0}
.prow{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none}
.prow img{width:96px;height:72px;object-fit:cover;display:block}
.prow small{font:500 12px Montserrat,sans-serif;color:var(--gray);text-transform:uppercase;letter-spacing:.03em}
.prow b{display:block;font-size:17.5px;font-weight:600;line-height:1.2;margin:2px 0}
.prow p{margin:0;font-size:14px;color:var(--gray);line-height:1.4}
.prow em{font:600 12.5px Montserrat,sans-serif;font-style:normal;color:var(--text);display:block;margin-top:6px}
.prow:hover b{color:var(--blue)}
.prow .mts{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.prow .mts span{font:500 12px Montserrat,sans-serif;text-transform:uppercase;border:1px solid var(--line);padding:2px 6px;color:var(--gray)}
@media(min-width:760px){.prods{grid-template-columns:repeat(3,1fr);gap:22px}.prow{grid-template-columns:1fr;border:0;padding:0;align-items:start}.prow img{width:100%;height:auto;aspect-ratio:4/3}}

.band{background:var(--ink);color:#fff;padding:26px 18px;margin:44px 0 0;display:grid;gap:12px}
.band h2{color:#fff}.band h2 b{color:var(--blue2)}.band p{margin:0;color:#C8C8D6;line-height:1.5}
@media(min-width:760px){.band{grid-template-columns:1fr auto;align-items:end;padding:36px}.band .go{width:320px}}
.go{min-height:54px;width:100%;background:var(--blue);color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;text-decoration:none;text-align:left}
.go span{font-family:Montserrat,sans-serif}
.go.dark{background:var(--ink)}
.go.ghost{background:transparent;color:var(--text);border:1.5px solid var(--text)}
.go[disabled],.go.dis{background:#B9C3D6;cursor:not-allowed}
.link{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}

.how{display:grid;gap:10px;margin-top:14px}
.how div{border:1.5px solid var(--line);padding:14px}
.how b{display:block;font-size:16px}.how p{margin:4px 0 0;font-size:14px;color:var(--gray);line-height:1.45}
.how i{font:700 11px Montserrat,sans-serif;color:var(--blue);font-style:normal;letter-spacing:.05em}
@media(min-width:760px){.how{grid-template-columns:repeat(3,1fr)}}

/* configurator */
.tb{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1.5px solid var(--text)}
.back{width:44px;height:44px;border:1.5px solid var(--text);display:grid;place-items:center;flex:none;text-decoration:none;font:600 18px Montserrat,sans-serif}
.cfn{font-family:Montserrat,system-ui,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.1}
.cfg{display:grid;gap:0}
.cfgL img.main{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;margin-top:16px}
.thumbs{display:flex;gap:6px;margin-top:6px}.thumbs img{width:64px;height:44px;object-fit:cover;opacity:.55;cursor:pointer}.thumbs img.a{opacity:1;outline:2px solid var(--blue);outline-offset:-2px}
@media(min-width:900px){.cfg{grid-template-columns:1fr 1fr;gap:40px;align-items:start}.cfgL{position:sticky;top:96px}}
.sec{margin-top:26px}
.sec>.mono{color:var(--text);border-bottom:1.5px solid var(--text);padding-bottom:7px;margin:0 0 12px;display:flex;justify-content:space-between;gap:10px}
.sec>.mono em{font-style:normal;color:var(--blue);text-transform:none;letter-spacing:0}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.cp{border:1.5px solid var(--line);min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;font-size:14.5px;font-weight:500;background:transparent;text-align:left}
.cp small{font:500 12px Montserrat,sans-serif;opacity:.75}
.cp.a{background:var(--ink);color:#fff;border-color:var(--ink)}
.cp[disabled]{opacity:.4;cursor:not-allowed}
.mount{display:grid;gap:6px}
.mount button{border:1.5px solid var(--line);padding:12px 14px;text-align:left;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start}
.mount button b{display:block;font-size:15.5px}
.mount button span{font-size:13.5px;color:var(--gray);line-height:1.4}
.mount button i{width:18px;height:18px;border:1.5px solid var(--text);border-radius:50%;margin-top:2px;display:block}
.mount button.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.mount button.a i{background:radial-gradient(circle,var(--blue) 0 5px,transparent 5.5px)}
@media(min-width:560px){.mount{grid-template-columns:repeat(3,1fr)}}
.scheme{border:1.5px solid var(--line);background:#FBFCFE;margin-top:10px}
.scheme svg{display:block;width:100%;height:auto}
.steps{margin:0;padding:12px 14px 14px;list-style:none;display:grid;gap:8px;border-top:1px solid var(--line);counter-reset:s}
.steps li{display:grid;grid-template-columns:26px 1fr;gap:6px;font-size:14.5px;line-height:1.45}
.steps li::before{counter-increment:s;content:counter(s,decimal-leading-zero);font:700 12px Montserrat,sans-serif;color:var(--blue);padding-top:2px}
.tip{font-size:14px;color:var(--gray);padding:0 14px 12px;margin:0}
.dimrow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dimbox label{font-size:12.5px;font-weight:600;color:var(--gray);display:block;margin-bottom:4px}
.dimbox input{width:100%;height:52px;border:0;border-bottom:2px solid var(--text);padding:0;font:700 30px Montserrat,sans-serif;background:transparent;-moz-appearance:textfield;border-radius:0}
.dimbox input::-webkit-outer-spin-button,.dimbox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dimbox input:focus{outline:none;border-color:var(--blue);color:var(--blue)}
.dimbox input::placeholder{color:#B7BFCC;font-weight:500;font-size:22px}
.dimbox input.bad{border-color:var(--red);color:var(--red)}
.dimbox small{display:block;font:500 12px Montserrat,sans-serif;color:var(--gray);margin-top:5px;text-transform:uppercase}
.prodsize{margin-top:12px;padding:10px 12px;background:var(--card);font-size:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.prodsize b{font-family:Montserrat,sans-serif}
.err{color:var(--red);font-size:13.5px;margin:8px 0 0;min-height:0}
.sw{display:flex;flex-wrap:wrap;gap:10px}
.sw button{display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;font-size:12px;line-height:1.2;text-align:center}
.sw button i{width:52px;height:52px;border:1.5px solid var(--line);display:block;position:relative}
.sw button.a i{outline:2px solid var(--blue);outline-offset:2px}
.sw button.a{font-weight:600}
.qt{display:inline-flex;border:1.5px solid var(--text)}
.qt button{width:48px;height:46px;font:600 20px Montserrat,sans-serif}
.qt b{width:52px;display:grid;place-items:center;font:700 18px Montserrat,sans-serif;border-left:1.5px solid var(--text);border-right:1.5px solid var(--text)}
.ship{border:1.5px solid var(--line);padding:12px 14px;display:grid;gap:6px;font-size:14px}
.ship div{display:flex;justify-content:space-between;gap:10px}
.ship .ok{color:var(--green)}.ship .no{color:var(--gray);text-decoration:line-through}
.ship small{color:var(--gray);font-size:12.5px;line-height:1.4}
.guar{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;border:1.5px solid var(--text);padding:12px 14px;margin-top:12px;font-size:14px;line-height:1.45;cursor:pointer}
.guar input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.guar b{display:block;font-size:15px}
details.gp{border-top:1px solid var(--line);margin-top:26px}
details.gp summary{cursor:pointer;list-style:none;padding:14px 26px 14px 0;font-weight:600;position:relative}
details.gp summary::-webkit-details-marker{display:none}
details.gp summary::after{content:'+';position:absolute;right:0;top:12px;font:700 20px Montserrat,sans-serif;color:var(--blue)}
details.gp[open] summary::after{content:'−'}
details.gp div{font-size:14px;color:var(--gray);line-height:1.55;padding-bottom:12px}
details.gp div p{margin:0 0 8px}
.pbar{position:sticky;bottom:0;z-index:20;background:var(--blue);color:#fff;margin:24px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:12px}
.pbar .l{min-width:0}
.pbar small{display:block;font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#FFD9DF}
.pbar .pv{font:700 30px Montserrat,sans-serif;letter-spacing:-.04em;line-height:1.1;white-space:nowrap}
.pbar .pv sub{font-size:14px;vertical-align:baseline;margin-left:3px;letter-spacing:0}
.pbar button{background:#fff;color:var(--ink);min-height:50px;padding:0 16px;font-weight:700;font-size:15px;white-space:nowrap}
.pbar button[disabled]{background:#FF9DAA;color:#FFF0F2;cursor:not-allowed}
@media(min-width:900px){.pbar{margin:16px 0 0;bottom:0}}
.pbar .row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}
.pbar{flex-direction:column;align-items:stretch;gap:4px}
.pbar .miss{font-size:12.5px;color:#FFE6EA;margin:0}
/* etapy karty produktu (wariant A) */
.stwrap{background:#F1F3F7;margin:18px -16px 0;padding:12px;display:grid;gap:12px}
@media(min-width:900px){.stwrap{margin:16px 0 0}}
.stp{background:#fff;border:1.5px solid var(--line);min-width:0}
.stp.done{border-color:var(--ink)}
.stp.todo{border-color:var(--blue);box-shadow:0 0 0 3px #FFDDE2}
.sth{width:100%;display:flex;align-items:center;gap:10px;padding:12px 14px;min-height:58px;text-align:left;cursor:pointer}
.sth:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
.stp.open .sth{border-bottom:1px solid var(--line)}
.stp .chv{font:600 18px Montserrat,sans-serif;color:var(--ink);width:16px;text-align:center;flex:none}
.stb[hidden]{display:none}
.nxt{justify-self:start;width:auto;min-height:48px;gap:14px}
.prog{display:grid;gap:6px;padding:8px 0 9px}
.hprog{display:none;border-bottom:1.5px solid var(--text)}
body[data-scr="cfg"] header.top .ruler{display:none}
body[data-scr="cfg"] header.top .nav{padding:8px 16px}
@media(max-width:899px){
  .cfgL img.main{aspect-ratio:auto;height:170px;margin-top:12px}
  .cfgL .thumbs{display:none}
  #cfDesc{font-size:14.5px!important;margin-top:8px!important}  /* опис у «Про виріб» — повністю, без обрізання (Дмитро 04.11.2026) */
  #scr-cfg .tb{padding:8px 0}
  #scr-cfg .cfn{font-size:20px}
}
.stepgo{min-height:54px;margin-top:2px}
.stepgo .sgl{font-family:Onest,system-ui,sans-serif;font-weight:600}
.pbar button[hidden]{display:none}
body[data-scr="cfg"] .hprog{display:block}
.howto summary{cursor:pointer;list-style:none;color:var(--blue);font-weight:600;font-size:14.5px;text-decoration:underline;text-underline-offset:3px;min-height:32px;display:flex;align-items:center;gap:6px}
.howto summary::-webkit-details-marker{display:none}
.howto summary span{font-family:Montserrat,sans-serif;text-decoration:none;display:inline-block;transition:transform .15s}
.howto[open] summary span{transform:rotate(90deg)}
.segs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
.segs i{height:5px;background:#D5DAE3;display:block}
.segs i.d{background:var(--blue)}.segs i.c{background:var(--ink)}
.prog span{font:500 12px Montserrat,sans-serif;color:var(--gray);text-transform:uppercase;letter-spacing:.05em}
.pbar .miss button{background:none;color:#fff;text-decoration:underline;text-underline-offset:3px;font:400 12.5px Onest,system-ui,sans-serif;min-height:32px;padding:0;white-space:normal;text-align:left}
.sth h2{font:700 16px Onest,system-ui,sans-serif;letter-spacing:0;margin:0;flex:1;line-height:1.25}
.sth em{font:500 12.5px Montserrat,sans-serif;font-style:normal;color:var(--blue);text-align:right;max-width:55%}
.bdg{width:28px;height:28px;display:inline-grid;place-items:center;font:700 12px Montserrat,sans-serif;border:1.5px solid var(--ink);flex:none}
.stp.done .bdg{background:var(--blue);border-color:var(--blue);color:#fff}
.stb{padding:12px 14px 14px;display:grid;gap:12px;min-width:0}
.lbl{font:500 12px Montserrat,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--gray);margin:0;display:flex;justify-content:space-between;gap:10px}
.lbl em{font-style:normal;color:var(--blue);text-transform:none;letter-spacing:0}
.stb .scheme{margin-top:0}
/* wysuwany koszyk */
.drw{position:fixed;inset:0;z-index:80}
.drw[hidden]{display:none}
.drw-dim{position:absolute;inset:0;background:rgba(10,10,20,.55);animation:dfade .2s ease-out}
.drw-p{position:absolute;left:0;right:0;bottom:0;max-height:86vh;background:#fff;display:flex;flex-direction:column;border-top:3px solid var(--blue);animation:dup .28s ease-out;padding-bottom:env(safe-area-inset-bottom,0px)}
@media(min-width:760px){.drw-p{top:0;left:auto;width:440px;max-height:none;border-top:0;border-left:3px solid var(--blue);animation-name:dright}}
@keyframes dup{from{transform:translateY(100%)}to{transform:none}}
@keyframes dright{from{transform:translateX(100%)}to{transform:none}}
@keyframes dfade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.drw-p,.drw-dim{animation:none}}
.drw-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1.5px solid var(--ink)}
.drw-h .ok{font:500 12px Montserrat,sans-serif;color:var(--green);text-transform:uppercase;letter-spacing:.05em;display:block}
.drw-h h3{margin:0;font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.02em}
.drw-x{width:44px;height:44px;border:1.5px solid var(--ink);font:600 18px Montserrat,sans-serif;flex:none}
.drw-l{overflow-y:auto;padding:0 16px;flex:1;min-height:0}
.drw-i{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);align-items:start}
.drw-i img,.drw-i .smp{width:64px;height:50px;object-fit:cover;display:block}
.drw-i b{display:block;font-size:15px}
.drw-i span.sp{font-size:12.5px;color:var(--gray);line-height:1.4;display:block}
.drw-i .new{font:500 12px Montserrat,sans-serif;color:var(--blue);text-transform:uppercase;display:block;margin-top:3px}
.drw-i .pr{font:700 14px Montserrat,sans-serif;white-space:nowrap;text-align:right;display:grid;gap:6px;justify-items:end}
.drw-rm{font:500 13px Onest,system-ui,sans-serif;color:var(--gray);text-decoration:underline;text-underline-offset:3px;min-height:32px;padding:0 2px}
.drw-f{padding:12px 16px 16px;border-top:1.5px solid var(--ink);display:grid;gap:8px}
.drw-f .tot{display:flex;justify-content:space-between;font-size:14.5px}
.drw-f .tot span{color:var(--gray)}.drw-f .tot b{font-family:Montserrat,sans-serif}
.drw-f .go{min-height:50px}
.lnkbtn{min-height:44px;text-decoration:underline;text-underline-offset:3px;font-weight:600;font-size:15px}
body.lock{overflow:hidden}

/* cart / checkout */
.stepper{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--text);margin-top:18px}
.stepper span{padding:10px 8px;font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.03em;border-right:1.5px solid var(--text);color:var(--gray);text-align:center}
.stepper span:last-child{border-right:0}
.stepper span.a{background:var(--ink);color:#fff}
.stepper span.d{color:var(--text)}
.co{display:grid;gap:24px;margin-top:6px}
@media(min-width:900px){.co{grid-template-columns:1.4fr 1fr;gap:40px;align-items:start}.co .sum{position:sticky;top:96px}}
.item{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}
.item img{width:72px;height:56px;object-fit:cover}
.item .nm{font-weight:600;font-size:16px;line-height:1.25}
.item .sp{font-size:13px;color:var(--gray);line-height:1.45;margin-top:3px}
.item .rw{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.item .qt button{width:36px;height:34px;font-size:16px}.item .qt b{width:38px;font-size:14px}
.item .pr{font:700 16px Montserrat,sans-serif;white-space:nowrap}
.item .acts{display:flex;gap:14px;font-size:13px}
.item .acts button{color:var(--gray);text-decoration:underline;text-underline-offset:3px}
.sw-mini{display:inline-block;width:12px;height:12px;border:1px solid var(--line);vertical-align:-1px;margin-right:4px}
.sum{border:1.5px solid var(--text);padding:16px}
.sum .r{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:15px}
.sum .r span{color:var(--gray)}
.sum .r b{font-family:Montserrat,sans-serif;font-weight:600;white-space:nowrap}
.sum .tot{border-top:1.5px solid var(--text);margin-top:6px;padding-top:12px}
.sum .tot b{font-size:24px;font-weight:700}
.sum .note{font-size:12.5px;color:var(--gray);margin:8px 0 12px;line-height:1.45}
.empty{padding:30px 0;color:var(--gray)}
.dm{display:grid;gap:8px}
.dm label{border:1.5px solid var(--line);padding:14px;display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:start;cursor:pointer}
.dm label.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dm label.x{opacity:.5;cursor:not-allowed;background:var(--card)}
.dm input{margin:3px 0 0;width:18px;height:18px;accent-color:var(--blue)}
.dm b{display:block;font-size:15.5px}
.dm span{font-size:13.5px;color:var(--gray);line-height:1.4}
.dm em{font:700 15px Montserrat,sans-serif;font-style:normal;white-space:nowrap}
.fg{display:grid;gap:12px}
.fg2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fg3{display:grid;grid-template-columns:120px 1fr;gap:12px}
.f label{display:block;font-size:12.5px;font-weight:600;color:var(--gray);margin-bottom:4px}
.f input,.f select{width:100%;height:48px;border:1.5px solid var(--line);border-radius:0;padding:0 12px;font-size:16px;background:#fff}
.f input:focus,.f select:focus{outline:none;border-color:var(--blue)}
.f input.bad{border-color:var(--red)}
.f .e{color:var(--red);font-size:12.5px;margin-top:3px;display:none}
.f.bad .e{display:block}.f.bad input{border-color:var(--red)}
.chk{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.45;cursor:pointer}
.chk input{width:19px;height:19px;margin:1px 0 0;accent-color:var(--blue)}
.chk.bad{color:var(--red)}
.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.pay button{border:1.5px solid var(--line);min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-weight:700;font-size:15px}
.pay button small{font-weight:400;font-size:11px;color:var(--gray)}
.pay button.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.paybox{border:1.5px solid var(--line);border-top:0;padding:14px}
.banks{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.banks button{border:1.5px solid var(--line);min-height:44px;font-size:13px;font-weight:600}
.banks button.a{border-color:var(--blue);color:var(--blue)}
.lockers{display:grid;gap:6px;margin-top:8px}
.lockers button{border:1.5px solid var(--line);padding:10px 12px;text-align:left;font-size:14px}
.lockers button b{font-family:Montserrat,sans-serif}
.lockers button.a{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}
.legal{font-size:12.5px;color:var(--gray);line-height:1.5;margin:0}
.warnbox{border-left:3px solid var(--blue);background:#FFF0F2;padding:10px 12px;font-size:13.5px;line-height:1.45}

/* done */
.done{max-width:760px}
.tl{list-style:none;margin:14px 0 0;padding:0;border-left:1.5px solid var(--text)}
.tl li{position:relative;padding:0 0 16px 20px}
.tl li::before{content:'';position:absolute;left:-7px;top:3px;width:12px;height:12px;background:#fff;border:1.5px solid var(--text)}
.tl li.d::before{background:var(--blue);border-color:var(--blue)}
.tl b{display:block;font-size:15px}.tl span{font-size:13.5px;color:var(--gray)}
.mail{border:1.5px solid var(--line);margin-top:12px}
.mail .mh{background:var(--card);padding:10px 12px;font-size:13px;color:var(--gray);line-height:1.5}
.mail .mh b{color:var(--text)}
.mail .mb{padding:14px;font-size:14.5px;line-height:1.55}
.mail .mb p{margin:0 0 10px}

/* samples */
.sm-pk{position:sticky;top:var(--hdr-h,64px);z-index:5;background:var(--bg,#F4F5F7);padding:10px 0;margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.sm-pk label{font:600 14px var(--f-ui);color:var(--mute)}
.sm-pk select{flex:1;min-width:220px;max-width:420px;min-height:48px;border:1.5px solid var(--ink);border-radius:12px;padding:0 40px 0 14px;font:600 16px var(--f-ui);color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 12px center/18px no-repeat;-webkit-appearance:none;appearance:none;cursor:pointer}
.sgrp{margin-top:22px}
.sgrp h3{font-size:16px;margin:0 0 10px}
.mtg{display:flex;gap:12px;align-items:center;margin:14px 0 6px;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--r,14px);color:inherit;text-decoration:none;max-width:560px}.mtg:hover{border-color:#1479BD}.mtg svg{width:36px;height:36px;flex:none}.mtg span{font-size:14px;line-height:1.35}.mtg b{display:block;font-size:15px}
.lb-c a.lbtg{display:inline-block;margin-top:8px;padding:9px 16px;border-radius:999px;background:#1479BD;color:#fff;font:600 14px var(--f-ui,sans-serif);text-decoration:none}.lb-c .lbnm{display:block;color:#fff;font:600 15px/1.3 var(--f-ui,sans-serif)}
.sgrid{display:flex;flex-wrap:wrap;gap:10px}
.sgrid button{width:78px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;text-align:center;line-height:1.2}
.sgrid button i{width:64px;height:64px;cursor:zoom-in;border:1.5px solid var(--line);display:block;position:relative}
.sgrid button.a i{outline:2px solid var(--blue);outline-offset:2px}
.sgrid button.a i::after{content:'✓';position:absolute;right:-8px;top:-8px;width:20px;height:20px;background:var(--blue);color:#fff;font-size:12px;display:grid;place-items:center}

footer{margin-top:40px;border-top:1px solid var(--line);padding:18px 0 90px;font:400 12px/1.8 Montserrat,sans-serif;color:var(--gray)}
footer .lk{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:8px}
footer button{text-decoration:underline;text-underline-offset:3px;font:inherit;color:inherit}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:#fff;padding:12px 16px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:60;max-width:calc(100% - 32px)}
.toast.on{opacity:1;transform:translateX(-50%)}
.modal{position:fixed;inset:0;background:rgba(10,10,20,.55);z-index:70;display:none;align-items:flex-end;justify-content:center}
.modal.on{display:flex}
.modal>div{background:#fff;width:100%;max-width:560px;max-height:86vh;overflow:auto;padding:20px 18px 24px}
.modal h3{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:22px;margin:0 0 10px;letter-spacing:-.02em}
.modal p{font-size:14.5px;line-height:1.55;color:var(--gray)}
@media(min-width:600px){.modal{align-items:center}}
.spin{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp 0.8s linear infinite;vertical-align:-3px;margin-right:8px}
@keyframes sp{to{transform:rotate(360deg)}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* ===== v20: karta produktu — lista + rysunek ===== */
#scr-cfg{padding-bottom:0}
#scr-cfg .tb{padding:8px 0;border-bottom:0}
#scr-cfg .tb .back{width:40px;height:40px}
.cf2{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.cfPin{position:sticky;top:var(--hdrH,60px);z-index:15;background:#fff;display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);margin:0 -16px;padding-left:16px;padding-right:16px}
.cfDraw{position:relative;width:120px;height:138px;flex:none;background:#EEF1F5}
.cfDraw svg{display:block;width:100%;height:100%}
.dtag{position:absolute;transform:translate(-50%,-50%);background:var(--blue);color:#fff;font:700 10px Montserrat,sans-serif;padding:2px 4px;white-space:nowrap;z-index:2;pointer-events:none}
.dtag.empty{background:#fff;color:var(--blue);border:1.5px solid var(--blue)}
.dtag[hidden]{display:none}
.cfInfo{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.cfInfo .cfn{font-size:18px}
.cfsub{margin:0;font-size:13px;color:var(--gray);line-height:1.35}
.cfpr{align-self:flex-start;margin-top:5px;background:var(--blue);color:#fff;font:700 24px Montserrat,sans-serif;letter-spacing:-.03em;padding:4px 10px;line-height:1.1;white-space:nowrap}
.cfps{font-size:12.5px;color:var(--gray)}
.cfMain{display:flex;flex-direction:column;gap:8px;padding-top:14px}
.kept{border-left:4px solid var(--blue);background:#FFF5F6;padding:10px 12px;font-size:14px;line-height:1.45}
.kept[hidden]{display:none}

/* v106 */
.hnote{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(10,10,20,.72);color:#fff;font:500 12px/1.3 Onest,sans-serif;padding:5px 9px;border-radius:6px;max-width:calc(100% - 20px)}
.hnote[hidden]{display:none}

/* v105 */
.qhw-b .hwp{display:block;font:600 11.5px Montserrat,sans-serif;color:var(--gray);margin-left:auto}
.fsi2.off .fsq{opacity:.45}
.fsi2.off .fsp{color:var(--red,#E3262F);font-weight:600}

/* v104 */
#scr-cfg .acc-c>.qc-t{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:12px;row-gap:1px;align-items:center}
#scr-cfg .acc-c>.qc-t>span{grid-column:1;grid-row:1}
#scr-cfg .acc-c>.qc-t>b{display:block!important;justify-self:start;grid-column:1;grid-row:2;margin:0 0 0 38px!important;text-align:left!important;font:500 14px Onest,sans-serif!important;color:var(--gray)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
#scr-cfg .acc-c>.qc-t>b *{font:inherit!important;color:inherit!important}
#scr-cfg .acc-c>.qc-t>.acc-ch{grid-column:2;grid-row:1/3}
.fbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fbtn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font:700 14px Onest,sans-serif;color:var(--ink);cursor:pointer}
.fbtn svg{width:16px;height:16px}
.fbtn i{font-style:normal;background:var(--ink);color:#fff;border-radius:999px;padding:1px 7px;font-size:12px}
.fbtn.a{background:var(--ink);color:#fff}.fbtn.a i{background:#fff;color:var(--ink)}
.fchip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:999px;background:#EEF0F2;font:600 13px Onest,sans-serif;color:var(--ink);cursor:pointer}
.fpan{margin:12px 0 0;padding:12px;border-radius:12px;background:#F6F7F8}
.fpan .ffr:last-child{margin-bottom:0}
.fsort{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:10px 0 2px}
.fsort::-webkit-scrollbar{display:none}
.fsort button{flex:none;padding:7px 12px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:600 13px Onest,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
.fsort button.a{border-color:var(--ink);background:var(--ink);color:#fff}
.fsi2 .fsp{display:block;font:600 12px Montserrat,sans-serif;font-style:normal;color:var(--ink);white-space:nowrap}
.fcol .fcd{margin:3px 0 0;font-size:13px;line-height:1.35;color:var(--gray)}

/* v103 */
.acc-dt{display:none!important}
.cs3>div:not(.cs2-tot){align-items:flex-start}
.cs3 span small,.cs3 b small{display:block;font:400 12.5px Onest,sans-serif;color:var(--gray);margin-top:2px;white-space:normal}
.cs3 b{white-space:nowrap;text-align:right}
.cs3-f{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line);font:600 14px Montserrat,sans-serif;color:var(--gray);text-align:right}
.cs3 .cs2-tot{border-top:0!important;margin-top:2px!important;padding-top:4px!important}
#cfInc ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
#cfInc li{position:relative;padding-left:18px}
#cfInc li:before{content:'';position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--ink)}
#cfInc li small{display:block;color:var(--gray);font-size:13px}
@media(max-width:899px){header.top{transition:transform .32s cubic-bezier(.2,.7,.2,1)}#mstrip{transition:top .32s cubic-bezier(.2,.7,.2,1),transform .2s,opacity .2s}}

/* v102: перегляд крупно вміщується на екран */
.fzi img,.fzi .fzsvg{width:100%;height:min(calc(100vw - 32px),44vh);aspect-ratio:auto!important;object-fit:cover}
.fzi .fzsvg svg{height:100%}
@media(min-width:900px){
  .fzb{max-width:920px!important;padding:18px 24px 22px!important}
  .fzg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0 26px;align-items:start}
  .fzi img,.fzi .fzsvg{height:min(470px,62vh)}
  .fzR .fzn{margin-top:0}
}

/* v101 */
.acc-dt{display:none;font:400 12.5px Onest,sans-serif;color:var(--gray);margin-top:2px}
.acc-c .acc-dt:not([hidden]){display:block}
@media(max-width:899px){
  header.top{transition:transform .22s ease}
  body.hhide header.top{transform:translateY(calc(-100% - env(safe-area-inset-top,0px)))}
  #mstrip{transition:top .22s ease,transform .2s,opacity .2s}
  body.hhide #mstrip{top:env(safe-area-inset-top,0px)}
  .xstrip{transition:top .22s ease,transform .2s,opacity .2s}
  body.hhide .xstrip{top:env(safe-area-inset-top,0px)}
}
.cs2-pn{margin:8px 0 0;font-size:12.5px;color:var(--gray)}

/* v99: кроки-акордеон */
.acc-c>:not(.qc-t){display:none!important}
.acc-c>.qc-t{cursor:pointer;margin-bottom:0!important}
.acc-c>.qc-t{display:flex!important;align-items:center;gap:10px}
.acc-c>.qc-t>span{flex:1 1 auto;min-width:0}
.acc-c>.qc-t b{position:static!important;margin-left:auto;text-align:right;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:none!important}
.acc-c.need>.qc-t b{display:none}
.acc-ch{display:none;font:600 13px Onest,sans-serif;font-style:normal;text-decoration:underline;color:var(--ink);white-space:nowrap;margin-left:0;align-self:center;flex:none}
.acc-c .acc-ch{display:inline}
.acc-c.need .acc-ch{color:var(--red,#E3262F)}
.acc-nx{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:13px 14px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:700 15px Onest,sans-serif;cursor:pointer}
.acc-nx.lt{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}

/* v97: вибір тканини — згортання, стрічки, фільтри */
.fsel2{margin-top:2px}
.ftog{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0 2px;padding:13px;border:1.5px solid var(--ink);border-radius:12px;background:#fff;font:700 15px Onest,sans-serif;color:var(--ink);cursor:pointer}
.ftog i{font-style:normal;font-weight:400;color:var(--gray)}
.ftog svg{width:16px;height:16px;flex:none}
.ftog.up{border-color:var(--line);font-weight:600}
.fflt{margin:6px 0 4px;padding:12px 0 2px;border-top:1px solid var(--line)}
.ffr{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px;padding:0}
.ffr::-webkit-scrollbar{display:none}
.ffr>span{flex:0 0 100%;font-size:13px;color:var(--gray)}
.ffc{padding:7px 12px!important;font-size:13.5px!important}
.ffc{flex:none;display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1.5px solid var(--line);border-radius:999px;background:#fff;font:600 14px Onest,sans-serif;color:var(--ink);cursor:pointer;white-space:nowrap}
.ffc i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.18);flex:none}
.ffc.a{border-color:var(--ink);background:var(--ink);color:#fff}
.ffc.a i{border-color:rgba(255,255,255,.6)}
.ffn{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--gray);margin:2px 0 0}
.ffn button{background:none;border:0;padding:6px 0;font:600 13px Onest,sans-serif;text-decoration:underline;color:var(--ink);cursor:pointer}
.ffe{padding:18px 0;color:var(--gray);font-size:14px}
.fcw.fstr{display:flex;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:10px 0 0;padding:3px 2px 4px}
.fcw.fstr::-webkit-scrollbar{display:none}
.fcw.fstr .fsi2{flex:0 0 calc((100% - 30px)/3.4);scroll-snap-align:start}
@media(min-width:700px){.fcw.fstr .fsi2{flex-basis:calc((100% - 50px)/5.4)}}
.fcwrap{position:relative}
.fsa{display:none}
@media(hover:hover) and (min-width:900px){
  .fsa{display:flex;position:absolute;top:calc(50% - 30px);width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12);align-items:center;justify-content:center;cursor:pointer;z-index:2;font-size:20px;line-height:1}
  .fsa.l{left:-8px}.fsa.r{right:-8px}
}
.fch small{font:400 13px Onest,sans-serif;color:var(--gray);margin-left:6px}
/* перегляд крупно: гортання тканин колекції */
.fzi{touch-action:pan-y}
.fzi .fzsvg{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;background:#F3F4F6}
.fzi .fzsvg svg{width:100%;height:100%}
.fza{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.18);font-size:24px;line-height:1;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.fza.l{left:10px}.fza.r{right:10px}
.fzcnt{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);background:rgba(17,17,17,.62);color:#fff;font:600 12px Onest,sans-serif;padding:4px 10px;border-radius:999px}
.fzs{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;margin:10px 0 0;padding:2px}
.fzs button{aspect-ratio:1/1;width:100%;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#EEE;cursor:pointer}
.fzzb{position:absolute;right:10px;top:10px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.92);box-shadow:0 2px 10px rgba(0,0,0,.18);cursor:zoom-in;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.fzzb svg{width:20px;height:20px}
.fzi img{cursor:zoom-in}
.fzf{position:fixed;inset:0;z-index:400;background:#111;display:flex;flex-direction:column}
.fzf[hidden]{display:none}
.fzfs{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;-webkit-overflow-scrolling:touch}
.fzfs img{max-width:100%;max-height:100%;object-fit:contain;cursor:zoom-in;display:block}
.fzf.z .fzfs{display:block}
.fzf.z .fzfs img{max-width:none;max-height:none;cursor:zoom-out}
.fzf.nz .fzfs img{cursor:default}.fzf.nz .fzfh,.fzf.z .fzfh{display:none}
.fzfx{position:absolute;right:12px;top:calc(12px + env(safe-area-inset-top));width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);font-size:28px;line-height:1;cursor:pointer;z-index:2}
.fzfh{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(255,255,255,.14);color:#fff;font:500 13px Onest,sans-serif;padding:6px 12px;border-radius:999px;pointer-events:none;white-space:nowrap}

/* v110: сторінка «Дилерам» (з чернетки arttex.com.ua, без кабінету) */
.dl{--dr:#F61737;--dr2:#D50F2C}
.dl .eb{font:700 12px/1 Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--dr);margin:0}
.dl h2{font:800 clamp(24px,4vw,36px)/1.12 Montserrat,sans-serif;letter-spacing:-.02em;margin:10px 0 0;text-wrap:balance}
.dl-hero{background:#0A0A14;color:#fff;border-radius:22px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:44px 40px;margin:8px 0 0}
.dl-hero h1{font:800 clamp(32px,5.4vw,58px)/1.02 Montserrat,sans-serif;letter-spacing:-.02em;margin:14px 0 0;text-wrap:balance}
.dl-hero h1 em{font-style:normal;color:var(--dr)}
.dl-hero .ld{margin:18px 0 0;font-size:17px;line-height:1.55;color:#C9CED8;max-width:34em}
.dl-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.dl-b{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:12px;border:0;font:700 15px Montserrat,sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap}
.dl-b.r{background:var(--dr);color:#fff}.dl-b.r:hover{background:var(--dr2)}
.dl-b.g{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}
.dl-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.dl-tags span{font:600 13px/1 Onest,sans-serif;padding:9px 12px;border-radius:99px;background:rgba(255,255,255,.09);color:#E6E9EF}
.dl-mos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:165px 165px;gap:10px;min-width:0}
.dl-mos img{width:100%;height:100%;object-fit:cover;border-radius:12px;display:block}
.dl-mos img:first-child{grid-row:span 2}
.dl-facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line,#E2E8F0);margin:6px 0 0}
.dl-facts div{padding:24px 18px;border-left:1px solid var(--line,#E2E8F0);min-width:0}
.dl-facts div:first-child{border-left:0;padding-left:0}
.dl-facts b{display:block;font:800 25px/1.1 Montserrat,sans-serif}
.dl-facts span{display:block;margin-top:6px;font-size:14px;color:var(--gray)}
.dl-s{padding:56px 0 0}
.dl-sh{max-width:42em;margin:0 0 26px}.dl-sh p.sub{margin:12px 0 0;color:var(--gray);font-size:17px}
.dl-who{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.dl-who div{background:#F1F4F8;border-radius:14px;padding:20px;min-width:0}
.dl-who b{display:block;font:700 17px/1.25 Montserrat,sans-serif}
.dl-who p{margin:8px 0 0;font-size:14.5px;color:var(--gray)}
.dl-sheet{border-top:2px solid #0A0A14}
.dl-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:20px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line,#E2E8F0);text-decoration:none;color:inherit}
.dl-row b{font:700 18px/1.25 Montserrat,sans-serif}
.dl-row p{margin:0;color:var(--gray);font-size:15px}
.dl-row code{font:600 13px/1 Montserrat,sans-serif;background:#F1F4F8;padding:7px 10px;border-radius:8px;white-space:nowrap}
.dl-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;counter-reset:dls}
.dl-steps div{border-top:2px solid var(--line,#E2E8F0);padding-top:18px;min-width:0}
.dl-steps div:first-child{border-top-color:var(--dr)}
.dl-steps div::before{counter-increment:dls;content:counter(dls);font:800 15px/1 Montserrat,sans-serif;color:#fff;background:var(--dr);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px}
.dl-steps b{display:block;font:700 18px/1.25 Montserrat,sans-serif}
.dl-steps p{margin:8px 0 0;color:var(--gray);font-size:15px}
.dl-join{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:start;padding-bottom:56px}
.dl-con{margin-top:24px;display:grid;gap:14px}
.dl-con div{display:grid;gap:2px}.dl-con span{font-size:13px;color:var(--gray)}.dl-con b{font:700 20px Montserrat,sans-serif}.dl-con a{color:inherit;text-decoration:none}
.dl-form{background:#fff;border:1px solid var(--line,#E2E8F0);border-radius:18px;padding:24px;display:grid;gap:16px;min-width:0}
.dl-f{display:grid;gap:6px}
.dl-f>label{font:600 14px Onest,sans-serif}
.dl-f input,.dl-f textarea{width:100%;min-height:50px;border:1.5px solid var(--line,#E2E8F0);border-radius:12px;padding:12px 14px;font:400 16px Onest,sans-serif;color:var(--ink);background:#fff;box-sizing:border-box}
.dl-f textarea{min-height:90px;resize:vertical}
.dl-f input:focus,.dl-f textarea:focus{outline:none;border-color:var(--ink)}
.dl-f .e{display:none;font-size:13px;color:#B42318}.dl-f.bad input{border-color:#B42318}.dl-f.bad .e{display:block}
.dl-chips{display:flex;flex-wrap:wrap;gap:8px}
.dl-chips label{display:inline-flex;position:relative}
.dl-chips input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0}
.dl-chips span{padding:10px 14px;border-radius:99px;border:1.5px solid var(--line,#E2E8F0);font:500 14px Onest,sans-serif;cursor:pointer}
.dl-chips input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.dl-chips input:focus-visible+span{outline:3px solid var(--dr);outline-offset:2px}
.dl-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dl-form .dl-b{width:100%}
.dl-form small{color:var(--gray);font-size:13px}
.dl-done{text-align:center;padding:30px 10px}.dl-done b{display:block;font:800 22px Montserrat,sans-serif}.dl-done p{margin:8px 0 0;color:var(--gray)}
.dl-err{color:#B42318;font-size:14px;margin:0}
@media(max-width:860px){.dl-hero{grid-template-columns:1fr;padding:30px 22px}.dl-mos{grid-template-rows:120px 120px}.dl-who,.dl-steps{grid-template-columns:1fr 1fr}.dl-join{grid-template-columns:1fr;gap:28px}}
@media(max-width:760px){.dl-facts{grid-template-columns:1fr 1fr}.dl-facts div{padding:18px 0 18px 14px}.dl-facts div:nth-child(odd){border-left:0;padding-left:0}.dl-facts div:nth-child(n+3){border-top:1px solid var(--line,#E2E8F0)}}
@media(max-width:640px){.dl-row{grid-template-columns:1fr auto;gap:6px 14px}.dl-row p{grid-column:1/-1;grid-row:2}}
@media(max-width:480px){.dl-who,.dl-steps,.dl-two{grid-template-columns:1fr}.dl-hero h1{font-size:32px}}

/* v305: вакансії */
.jb-roles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.jb-roles>div{background:#0A0A14;color:#fff;border-radius:18px;padding:24px;min-width:0}
.jb-roles b{display:block;font:800 22px/1.2 Montserrat,sans-serif;margin-top:14px}
.jb-roles p{margin:8px 0 0;color:#C9CED8;font-size:15px;line-height:1.5}
.jb-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--dr,#F61737)}
.jb-ic svg{width:24px;height:24px;color:#fff}
.jb-both{margin:14px 0 0;font:600 15px Onest,sans-serif;color:var(--ink)}
.jb-both::before{content:'+';display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#F1F4F8;margin-right:8px;font-weight:800}
.jb-req{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-width:46em}
.jb-req li{position:relative;padding:14px 16px 14px 50px;background:#F1F4F8;border-radius:14px;font-size:15.5px;line-height:1.45}
.jb-req li::before{content:'';position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--ink,#0A0A14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/14px no-repeat}
.jb-steps{grid-template-columns:repeat(3,1fr)}
.jb-ld{margin:12px 0 18px;color:var(--gray);font-size:16px}
.jb .dl-join .tgbtn{display:flex;width:100%;max-width:340px;box-sizing:border-box;justify-content:center;white-space:nowrap}
.jb-form textarea{min-height:80px}
@media(max-width:640px){.jb-roles{grid-template-columns:1fr}.jb-steps{grid-template-columns:1fr}}

/* v111: лише Telegram (робочий чат) — одна помітна кнопка замість Viber/Telegram */
.mcon-m{grid-template-columns:1fr!important}
.mcon-m a.mcon-t{background:#1479BD;border-color:#1479BD;color:#fff;font-weight:700}
.mcon-m a.mcon-t::before{width:20px;height:20px;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M2.2 11.3l18.6-7.2c.9-.3 1.6.2 1.3 1.5l-3.2 14.9c-.2 1-.9 1.3-1.8.8l-4.9-3.6-2.4 2.3c-.3.3-.5.5-1 .5l.3-5 9.2-8.3c.4-.4-.1-.6-.6-.2L6.4 14.1l-4.9-1.5c-1-.3-1-1 .7-1.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.mcon-m a.mcon-t:hover{background:#10679F}
.zm-msg{grid-template-columns:1fr!important}
.zm-msg a{background:#1479BD!important;border-color:#1479BD!important;color:#fff!important}

.tgbtn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;margin:4px 0 16px;border-radius:12px;background:#1479BD;color:#fff!important;font:700 16px var(--f-ui,Onest),sans-serif;text-decoration:none!important}
.tgbtn::before{content:'';width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M2.2 11.3l18.6-7.2c.9-.3 1.6.2 1.3 1.5l-3.2 14.9c-.2 1-.9 1.3-1.8.8l-4.9-3.6-2.4 2.3c-.3.3-.5.5-1 .5l.3-5 9.2-8.3c.4-.4-.1-.6-.6-.2L6.4 14.1l-4.9-1.5c-1-.3-1-1 .7-1.3z'/%3E%3C/svg%3E") center/contain no-repeat}
.tgbtn:hover{background:#10679F}

/* v113: виріб у місті */
.cploc{max-width:var(--maxw,1200px);margin:0 auto;padding:0 16px}
.cpl{margin:40px 0 24px;padding-top:28px;border-top:1px solid var(--line)}
.cpl h2{font:800 clamp(22px,3.4vw,30px)/1.15 Montserrat,sans-serif;margin:0 0 12px}
.cpl h3{font:700 19px/1.25 Montserrat,sans-serif;margin:26px 0 10px}
.cpl p{font-size:15.5px;line-height:1.6;color:var(--ink);margin:0 0 10px;max-width:64ch}
.cpl .cpl-lead{font-size:17px;color:var(--gray)}
.cpl-fx{list-style:none;margin:18px 0 6px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cpl-fx li{background:#F3F4F6;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px}
.cpl-fx b{font:700 16px/1.25 Montserrat,sans-serif}
.cpl-mn{list-style:none;margin:0;padding:0}.cpl-fx .cpl-nt{font-size:13px;line-height:1.45;margin-top:2px}.cpl-fx .cpl-mn li{background:none;border-radius:0;padding:6px 0;display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);font-size:14px;color:var(--gray)}.cpl-fx .cpl-mn li:last-child{border-bottom:0;padding-bottom:0}.cpl-mn em{font:600 14px Montserrat,sans-serif;font-style:normal;color:var(--ink);white-space:nowrap}.cpl-fx span{font-size:14px;line-height:1.5;color:var(--gray)}
.cpl .rm-btns{margin:18px 0 6px}
.cpl-cities{font-size:14.5px;color:var(--gray)}.cpl-cities a{color:var(--ink)}
@media(max-width:860px){.cpl-fx{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.cpl-fx{grid-template-columns:1fr}}
.fzs button img{width:100%;height:100%;object-fit:cover;display:block}
.fzs button.a{outline:2px solid var(--ink);outline-offset:1px}
.fzt button{font-size:13.5px;padding:9px 4px}
/* смуга вгорі: фото тканини замість малюнка */
#mstrip .ms-th img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}
/* v96: фото виробництва */
.pgal{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px}
.pgal figure{margin:0}
.pgal figure:first-child{grid-column:1/-1}
.pgal img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#eee}
.pgal figure:first-child img{aspect-ratio:16/10}
.pgal figcaption{font-size:13px;color:var(--mute);margin-top:5px;line-height:1.3}
@media(min-width:760px){.pgal{grid-template-columns:repeat(3,1fr)}}

/* v95: інформаційні сторінки */
.info-b{max-width:760px}
.info-nav{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 8px}
.info-nav a{padding:9px 14px;border:1.5px solid var(--line);border-radius:999px;font-weight:600;font-size:14px;color:var(--ink);text-decoration:none}
.info-nav a.a{border-color:var(--ink);background:var(--ink);color:#fff}
.info-q h2{font-size:21px;margin:30px 0 10px}

/* v94: вибір тканини колекціями */
.fcat{margin-top:4px}
.fsel{display:grid;grid-template-columns:104px 1fr;gap:14px;align-items:center;margin:4px 0 6px;padding:12px;border-radius:var(--r);background:var(--bg2,#F3F4F6)}
.fsel img{width:104px;height:104px;object-fit:cover;border-radius:10px;display:block;cursor:zoom-in}
.fsel small{display:block;color:var(--gray);font-size:13px}.fsel b{display:block;font:700 17px Montserrat,sans-serif;margin:2px 0}
.fsel em{font-style:normal;font:600 15px Montserrat,sans-serif;color:var(--ink)}
.fsel .fsl{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}
.fcol{padding:16px 0 4px;border-top:1px solid var(--line)}.fcol:first-of-type{border-top:0}
.fch{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.fch b{font:700 16px Montserrat,sans-serif}.fch span{font:600 14px Montserrat,sans-serif;white-space:nowrap}
.fcd{margin:3px 0 0;font-size:13px;color:var(--gray)}
.fcw{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 10px;margin-top:10px}
@media(min-width:700px){.fcw{grid-template-columns:repeat(6,minmax(0,1fr))}}
.fsi2{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative}
/* v138: плашка «Розпродаж» */
.fsale.fhit{background:#111}.fsale.fnew{background:#1f9d55}
.fsale{position:absolute;top:6px;left:6px;z-index:1;background:#e3283b;color:#fff;font:700 11px/1 Onest,system-ui,sans-serif;font-style:normal;padding:4px 7px;border-radius:999px;pointer-events:none}
.fsi2 small .fcn{display:block;font-style:normal;opacity:.75}
.fch .fsale{position:static;display:inline-block;margin-left:8px;vertical-align:2px}
.fsq{display:block;aspect-ratio:1/1;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#EEE;cursor:pointer}
.fsq img{width:100%;height:100%;object-fit:cover;display:block}
.fsq.a{outline:2.5px solid var(--ink);outline-offset:2px}
.fsi2 small{font-size:12px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmore{margin-top:10px;padding:8px 0;background:none;border:0;font:600 14px Onest,sans-serif;text-decoration:underline;cursor:pointer;color:var(--ink)}
.fzm{position:fixed;inset:0;z-index:300;background:rgba(17,17,17,.55);display:flex;align-items:flex-end;justify-content:center}
.fzm[hidden]{display:none}
.fzb{background:#fff;width:100%;max-width:520px;max-height:94vh;overflow:auto;border-radius:18px 18px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
@media(min-width:700px){.fzm{align-items:center}.fzb{border-radius:18px}}
.fzh{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.fzh b{font:700 17px Montserrat,sans-serif}
.fzx{width:40px;height:40px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer}
.fzi{position:relative;border-radius:14px;overflow:hidden;background:#EEE}.fzi img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.fzt{display:flex;gap:6px;margin:10px 0 0}.fzt button{flex:1;padding:9px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font:600 14px Onest,sans-serif;cursor:pointer}
.fzt button.a{border-color:var(--ink)}
.fzn{margin:12px 0 2px;font:700 20px Montserrat,sans-serif}.fzc{color:var(--gray);font-size:14px}
.fzp{margin:8px 0 14px;font:700 18px Montserrat,sans-serif}.fzp small{font:400 13px Onest,sans-serif;color:var(--gray)}
.fzk{display:grid;gap:10px}.fzk button{width:100%;padding:15px;border-radius:12px;font:700 16px Onest,sans-serif;cursor:pointer}
.fzk .go1{background:var(--ink);color:#fff;border:0}
.lqre{display:block;margin-top:12px;padding:12px 18px;border:0;border-radius:12px;background:var(--ink);color:#fff;font:700 15px Onest,sans-serif;cursor:pointer}.fzk .go2{background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.qtab.qtm{display:flex;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:2px 2px 6px;scrollbar-width:thin}
.qtab.qtm button{flex:0 0 auto;min-width:108px;scroll-snap-align:start}
.cmiss{border-radius:var(--r);background:#FFF6E5;border-left:4px solid #E9A23B;padding:10px 12px;font-size:14px;line-height:1.45;margin:0 0 12px;color:var(--ink)}
.cmiss[hidden]{display:none}
.rows{display:flex;flex-direction:column;gap:8px}
.lrow{width:100%;min-height:56px;display:flex;align-items:center;gap:10px;padding:0 12px 0 14px;border:1.5px solid #D5DAE3;background:#fff;font-size:15px;text-align:left}
.lrow span{flex:none;color:var(--gray)}
.lrow b{flex:1;text-align:right;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow i{font-style:normal;font-size:22px;line-height:1}
.lrow:hover{border-color:var(--ink)}
.lrow.need{border-color:var(--blue);border-left-width:4px;background:#FFF5F6}
.lrow.need b{color:var(--blue)}
.cfx{margin:8px 0 0;font-size:13.5px;line-height:1.5;color:var(--gray)}
.cfx b{color:var(--text)}
.cfx p{margin:0 0 6px}
#scr-cfg .gp{margin-top:6px}
.cfabout img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;margin:8px 0}
.cfbar{position:sticky;bottom:0;z-index:16;background:#fff;border-top:1.5px solid var(--ink);margin:16px -16px 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px}
.cfbar .r1{display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.cfbar .lbl2{font-size:13px;font-weight:600;color:var(--gray)}
.qtb{display:inline-flex;border:2px solid var(--ink);height:54px}
.qtb button{width:52px;background:#F1F3F6;font:500 26px Montserrat,sans-serif;line-height:1}
.qtb button:active{background:#FFDDE2}
.qtb b{min-width:60px;display:grid;place-items:center;font:700 24px Montserrat,sans-serif;border-left:2px solid var(--ink);border-right:2px solid var(--ink)}
.cfbar .tot2{display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0}
.cfbar .pv2{font:700 30px Montserrat,sans-serif;letter-spacing:-.04em;line-height:1;color:var(--blue);white-space:nowrap}
.cfbar .un{font-size:12.5px;color:var(--gray)}
.cfbar .miss2{margin:0;font-size:13px;color:var(--gray);line-height:1.4}
.cfbar .miss2 button{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;font-size:13px}
.cfbar .go{justify-content:center;min-height:54px;font-weight:700}
/* panel wyboru */
.sheet{position:fixed;left:0;right:0;bottom:0;top:var(--shTop,200px);z-index:40;background:#fff;border-top:2px solid var(--ink);box-shadow:0 -10px 30px rgba(10,10,20,.18);display:flex;flex-direction:column;animation:shup .22s ease-out}
.sheet[hidden]{display:none}
@keyframes shup{from{transform:translateY(60px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.sheet{animation:none}}
.sh-h{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 4px 16px;border-bottom:1px solid var(--line);flex:none}
.sh-h h3{margin:0;font-size:17px}
.sh-x{width:44px;height:44px;font:400 26px Onest,system-ui,sans-serif}
.sh-b{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}
.sh-f{flex:none;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line)}
.sh-f .go{justify-content:center;font-weight:700}
.opt{width:100%;min-height:58px;background:#EEF0F3;font-size:15.5px;font-weight:600;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:10px 14px;text-align:left}
.opt small{font-weight:400;font-size:13.5px;color:var(--gray);line-height:1.35}
.opt .ow{display:flex;align-items:center;gap:10px}
.opt .ow em{width:22px;height:22px;border:1px solid #94A3B8;display:inline-block}
.opt.a{background:#fff;outline:2px solid var(--ink);outline-offset:-2px}
.shnote{margin:4px 0 0;font-size:13.5px;color:var(--gray);line-height:1.45}
.fgrp{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1.5px solid var(--line)}
.fgrp.a{border-color:var(--blue)}
.fgrp .fh{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.fgrp .fh b{font-size:15px}.fgrp .fh span{font:500 12px Montserrat,sans-serif;color:var(--gray)}
.fgrp .fs{font-size:13px;color:var(--gray);line-height:1.35}
.fgrp .fw{display:flex;gap:8px;flex-wrap:wrap}
.fsw{width:46px;height:46px;border:1.5px solid #D5DAE3;padding:0}
.fsw.a{outline:3px solid var(--blue);outline-offset:2px}
.dimg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dimf{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:13.5px}
.dimf .ab{display:inline-flex;width:22px;height:22px;background:var(--blue);color:#fff;font:700 12px Montserrat,sans-serif;align-items:center;justify-content:center;margin-right:6px}
.dimf input{width:100%;height:52px;border:1.5px solid var(--ink);font:700 24px Montserrat,sans-serif;padding:0 10px;border-radius:0;background:#fff}
.dimf input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #FFDDE2}
.dimf input::placeholder{color:#B7BFCC;font-size:18px}
.dimf input.bad{border-color:var(--red)}
.rng{font:500 12px Montserrat,sans-serif;color:var(--gray)}
.dwarn{border-left:4px solid #D97706;background:#FFF7ED;padding:10px 12px;font-size:14px;line-height:1.45;display:flex;flex-direction:column;gap:6px}
.dwarn button{align-self:flex-start;border:1.5px solid var(--ink);background:#fff;min-height:38px;padding:0 12px;font-weight:600;font-size:14px}
body.shlock{overflow:hidden}
@media(min-width:900px){
  .cf2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
  .cfPin{flex-direction:column;align-items:stretch;margin:0;padding:16px 0;border-bottom:0;top:calc(var(--hdrH,60px) + 8px)}
  .cfDraw{width:100%;height:auto;aspect-ratio:260/300;max-height:62vh}
  .cfInfo .cfn{font-size:24px}
  .cfMain{padding-top:16px}
  .cfbar{margin:16px 0 0;padding-left:0;padding-right:0}
  .sheet{left:auto;top:0;width:460px;border-top:0;border-left:2px solid var(--ink);box-shadow:-12px 0 30px rgba(10,10,20,.2);animation:shright .25s ease-out}
  @keyframes shright{from{transform:translateX(60px)}to{transform:none}}
}
/* wysuwany koszyk v20 */
.drw-p{left:auto!important;top:0!important;bottom:0;width:min(352px,92vw)!important;max-height:none!important;border-top:0!important;border-left:0!important;box-shadow:-12px 0 30px rgba(10,10,20,.25);animation-name:dright!important}
@media(min-width:760px){.drw-p{width:440px!important}}
.drw-l{padding:20px 16px 12px;display:flex;flex-direction:column;gap:18px}
.ci{position:relative;display:flex;gap:12px;padding:12px;border:1.5px solid var(--line);background:#fff}
.ci.new{border:2px solid var(--blue);padding:11px}
.ci .nt{display:none}
.ci.new .nt{display:block;position:absolute;top:-11px;left:10px;background:var(--blue);color:#fff;font:700 11px Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px}
.cisw{width:54px;height:66px;flex:none;border:1px solid #94A3B8;position:relative;background-size:cover;background-position:center}
.cisw i{position:absolute;left:0;right:0;bottom:0;height:5px;border-top:1px solid var(--ink)}
.cisw.smp{display:grid;grid-template-columns:1fr 1fr;gap:1px;border:0;height:auto}
.cisw.smp i{position:static;height:20px;border:1px solid var(--line)}
.cib{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cit{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.cit b{font-size:15px}.cit .mono2{font:700 15px Montserrat,sans-serif;white-space:nowrap}
.cib .g{font-size:13px;color:var(--gray);line-height:1.35}
.cib .c1{font-size:13.5px;line-height:1.35}
.cia{display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px}
.qs{display:inline-flex;border:1.5px solid var(--ink);height:36px}
.qs button{width:34px;background:#F1F3F6;font:500 18px Montserrat,sans-serif}
.qs b{min-width:34px;display:grid;place-items:center;font:700 15px Montserrat,sans-serif;border-left:1.5px solid var(--ink);border-right:1.5px solid var(--ink)}
.drw-f .sumr{display:flex;justify-content:space-between;gap:10px;font-size:14.5px}
.drw-f .sumr b{font-family:Montserrat,sans-serif;font-weight:500}
.drw-f .why{font-size:12.5px;color:var(--gray);margin-top:-4px;line-height:1.4}
.drw-f .sumt{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:17px}
.drw-f .sumt b{font:700 26px Montserrat,sans-serif;color:var(--blue);letter-spacing:-.03em}
.drw-f .go{justify-content:center;font-weight:700}
.drw-note{margin:2px 0 0;font-size:12.5px;color:var(--gray);line-height:1.45}
.drw-all{font-size:13.5px;text-align:center}

/* v20: zdjęcia z realizacji, powiększenie, klawiatura w panelu wymiarów */
.pfw{margin-top:10px}
.pfh{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px;font-size:15px}
.pfh span{font:500 12px Montserrat,sans-serif;color:var(--gray)}
.pfs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none}
.pfs::-webkit-scrollbar{display:none}
.pfs button{flex:none;width:132px;height:99px;padding:0;scroll-snap-align:start;border:1.5px solid var(--line);background:#EEF1F5}
.pfs img{width:100%;height:100%;object-fit:cover;display:block}
.cfDraw{cursor:zoom-in}
.cfDraw .zoom{position:absolute;right:4px;bottom:4px;width:22px;height:22px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:13px;z-index:3;pointer-events:none}
.lb{position:fixed;inset:0;z-index:120;background:rgba(10,10,20,.94);display:flex;align-items:center;justify-content:center;touch-action:pan-y}
.lb[hidden]{display:none}
.lb-st{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:56px 0 48px}
.lb-st img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.lb-st .lbsvg{width:min(92vw,560px);aspect-ratio:260/300;max-height:80vh;background:#EEF1F5}
.lb-st .lbsvg svg{width:100%;height:100%;display:block}
.lb-x{position:absolute;top:calc(8px + env(safe-area-inset-top,0px));right:8px;width:48px;height:48px;color:#fff;font:300 34px Onest,system-ui,sans-serif;z-index:2}
.lb-n{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:64px;color:#fff;font:300 40px Onest,system-ui,sans-serif;background:rgba(255,255,255,.08);z-index:2}
.lb-p{left:4px}.lb-nx{right:4px}
.lb-n[hidden]{display:none}
.lb-c{position:absolute;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:0;right:0;padding:0 16px;box-sizing:border-box;text-wrap:balance;text-align:center;color:#FFD9DF;font:500 12px Montserrat,sans-serif;margin:0}
.sheet.kb{border-top:0;box-shadow:none}
.sheet.kb #dimHow{display:none}

/* v20: galeria na start, rysunek w panelu wyboru */
.cfL{display:flex;flex-direction:column}
.hero{position:relative;margin:0 -16px;height:min(74vw,330px);background:#EEF1F5;overflow:hidden}
.hero-ph,.hero-dr{position:absolute;inset:0}
.hero-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.hero-dr{display:flex;align-items:center;justify-content:center;padding:10px 0 54px;cursor:zoom-in}
.hero-dr[hidden]{display:none}
.hero-dr #heroSvg{height:100%;aspect-ratio:260/300}
.hero-dr svg{width:100%;height:100%;display:block}
.hero-dr #heroSvg img.hpld{width:100%;height:100%;display:block;object-fit:contain}
.hero-dr #heroSvg:has(img.hpld){aspect-ratio:360/612}
.hero-dr:has(img.hpld){background:#fff;padding:4px 0}
.hnav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:56px;background:rgba(255,255,255,.88);font:300 32px Onest,system-ui,sans-serif;z-index:2}
.hnav.hp{left:0}.hnav.hn{right:0}
.hcnt{position:absolute;top:10px;right:10px;background:rgba(10,10,20,.72);color:#fff;font:500 12px Montserrat,sans-serif;padding:3px 7px;z-index:2}
.seg{position:absolute;left:12px;bottom:12px;display:inline-flex;background:rgba(10,10,20,.8);padding:3px;gap:3px;z-index:3}
.seg button{color:#fff;font-weight:600;font-size:13.5px;padding:0 12px;min-height:36px}
.seg button.a{background:#fff;color:var(--ink)}
.cfT{display:flex;flex-direction:column;gap:6px;padding:14px 0 4px}
.cfT .cfn{font-size:24px}
.cflead{margin:0;font-size:14.5px;color:var(--gray);line-height:1.5}
.cfprw{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:4px}
.tchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tchips span{border:1.5px solid #D5DAE3;padding:5px 9px;font-size:12.5px;font-weight:500}
.tchips b{color:var(--blue)}
.tel{border:1.5px solid var(--ink);padding:10px 12px;font-size:14px;line-height:1.45;margin-top:4px}
.tel span{display:block;color:var(--gray);font-size:13px}
.shPrev{display:flex;gap:12px;align-items:center;padding:10px 16px;border-bottom:1.5px solid var(--ink);flex:none;background:#fff}
.shPrev .cfDraw{width:104px!important;height:120px!important;aspect-ratio:auto!important;flex:none}
.shPrev .cfInfo b:first-child{font-size:15px}
.shpr{font:700 20px Montserrat,sans-serif;color:var(--blue);letter-spacing:-.03em}
@media(max-width:899px){.cfbar{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:25;box-shadow:0 -6px 18px rgba(10,10,20,.08)}body[data-scr="cfg"] footer{padding-bottom:calc(var(--pbH,190px) + 16px)}body[data-scr="cfg"] .toast{bottom:calc(var(--pbH,190px) + 12px)}}
@media(max-width:899px){.sheet{top:0;border-top:0;padding-top:env(safe-area-inset-top,0px)}}
@media(min-width:900px){.hero{margin:0;height:auto;aspect-ratio:4/3}.cfL{position:sticky;top:calc(var(--hdrH,60px) + 8px)}.cfT .cfn{font-size:30px}}

/* v20: galeria przypięta u góry na telefonie */
@media(max-width:899px){
  .cf2{display:block}
  .cfL{display:contents}
  .hero{position:sticky;top:var(--hdrH,60px);z-index:14;height:min(60vw,250px);border-bottom:1.5px solid var(--ink)}
  .seg{bottom:8px;left:10px}
  .seg button{min-height:32px;font-size:13px}
}

/* v20: więcej miejsca na wiersze — galeria zwija się do 150 px, niższy pasek ceny */
.hero-ph,.hero-dr{transition:top .2s ease}
.miss2:empty{display:none}
@media(max-width:899px){
  .hero{transition:top .2s ease}
  body.hmini .hero{top:calc(var(--hdrH,60px) - 100px)}
  body.hmini .hero-ph,body.hmini .hero-dr{top:100px}
  body.hmini .hero-dr{padding:6px 28px 6px 0;justify-content:flex-end}
  body.hmini .seg{bottom:8px}
  body.hmini .seg button{min-height:30px;font-size:12.5px;padding:0 10px}
  body.hmini .hcnt{top:106px}
  .lrow{min-height:50px}
  .rows{gap:6px}
  .cfbar{padding:8px 16px calc(10px + env(safe-area-inset-bottom,0px));gap:6px}
  .cfbar .r1{align-items:center}
  .cfbar .r1 .lbl2{display:none}
  .qtb{height:44px}.qtb button{width:44px;font-size:22px}.qtb b{min-width:48px;font-size:20px}
  .cfbar .tot2{flex-direction:row;align-items:baseline;gap:8px}
  .cfbar .pv2{font-size:26px}
  .cfbar .un{display:none}
  .cfbar .go{min-height:48px}
}
@media (prefers-reduced-motion:reduce){.hero,.hero-ph,.hero-dr{transition:none}}

/* v20: większy rysunek po zwinięciu, lista informacji, pasek z jednym przyciskiem */
.hero-dr #heroSvg{aspect-ratio:256/246}
.spec{margin:10px 0 0;border-top:1.5px solid var(--ink)}
.spec>div{display:grid;grid-template-columns:92px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
.spec dt{font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--gray);padding-top:2px}
.spec dd{margin:0;font-size:13.5px;line-height:1.45;color:var(--text)}
.spec dd b{font-weight:600}
.bar1{display:flex;gap:8px;align-items:stretch}
.bar1 .qtb{height:56px;flex:none}
.bar1 .qtb button{width:40px;font-size:22px}.bar1 .qtb b{min-width:40px;font-size:19px}
.addb{flex:1;min-width:0;min-height:56px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;text-align:left}
.addb .al{font-weight:700;font-size:15.5px;line-height:1.15}
.addb .ap{display:flex;flex-direction:column;align-items:flex-end;flex:none}
.addb .ap b{font:700 19px Montserrat,sans-serif;letter-spacing:-.03em;white-space:nowrap}
.addb .ap small{font:500 12px Montserrat,sans-serif;color:#C9CFE0;white-space:nowrap}
.addb.need{background:var(--blue)}
@media(max-width:899px){
  .cfbar{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}
  body.hmini .hero{top:calc(var(--hdrH,60px) - 72px)}
  body.hmini .hero-ph,body.hmini .hero-dr{top:72px}
  body.hmini .hcnt{top:78px}
  body.hmini .hero-dr{padding:4px 16px 4px 0}
}

/* v20: przedłużenie gwarancji w koszyku */
.gwx{display:grid;grid-template-columns:22px 1fr auto;gap:10px;align-items:start;border:1.5px solid var(--line);padding:10px 12px;margin:8px 0;cursor:pointer;font-size:14px;line-height:1.4}
.gwx.on{border-color:var(--blue);background:#FFF5F6}
.gwx input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.gwx small{display:block;font-size:12.5px;color:var(--gray)}
.gwx em{font:700 13px Montserrat,sans-serif;font-style:normal;color:var(--blue);white-space:nowrap}
#drwGw .gwx{margin:0 0 10px}

/* v20: strona główna, menu, wyszukiwarka */
.promo{background:var(--ink);color:#fff;font-size:12px;padding:7px 12px}
.promo b{color:#FFD600}
.nav{gap:6px}
.ibtn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--text)}
#menuBtn{margin-left:-10px}
.navr{gap:4px}
.srch{border-top:1px solid var(--line);background:#fff;padding:10px 0 12px}
.srch input{width:100%;height:46px;border:1.5px solid var(--ink);padding:0 12px;font-size:16px;border-radius:0;margin-bottom:6px;-webkit-appearance:none}
.srch-0{margin:6px 0 0;font-size:14px;color:var(--gray)}
.ml{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--line);font-size:15.5px;text-decoration:none;color:var(--text);text-align:left}
.ml em{font:600 12.5px Montserrat,sans-serif;font-style:normal;color:var(--blue)}
.mnu{position:fixed;inset:0;z-index:85}
.mnu[hidden]{display:none}
.mnu-dim{position:absolute;inset:0;background:rgba(10,10,20,.5);animation:dfade .2s ease-out}
.mnu-p{position:absolute;top:0;bottom:0;left:0;width:min(340px,88vw);background:#fff;display:flex;flex-direction:column;box-shadow:12px 0 30px rgba(10,10,20,.25);animation:mleft .25s ease-out}
@keyframes mleft{from{transform:translateX(-100%)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.mnu-p,.mnu-dim{animation:none}}
.mnu-h{display:flex;align-items:center;justify-content:space-between;padding:8px 6px 8px 16px;border-bottom:1.5px solid var(--ink)}
.mnu-b{flex:1;min-height:0;overflow-y:auto;padding:6px 16px 16px}
.mnu-b .mono{margin:12px 0 4px}
.mi{display:flex;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text);font-weight:600;font-size:16px}
.mi img{width:56px;height:42px;object-fit:cover;flex:none}
.mi span{flex:1}
.mi em{font:600 12.5px Montserrat,sans-serif;font-style:normal;color:var(--blue)}
.mnu-f{border-top:1.5px solid var(--ink);padding:12px 16px 16px;font-size:14px;line-height:1.5}
.mnu-f span{color:var(--gray)}
.hhero{position:relative;margin:0 -16px;height:min(100vw,440px);background:#EEF1F5;overflow:hidden}
.hhero img{width:100%;height:100%;object-fit:cover;display:block}
.hhero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,20,0) 0%,rgba(10,10,20,.28) 32%,rgba(10,10,20,.9) 78%)}
.hhero-t{position:absolute;left:16px;right:16px;bottom:18px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:8px}
.hhero-t .mono{color:#FFD9DF;margin:0}
.hhero-t h1{color:#fff;font-size:clamp(30px,8.4vw,52px);margin:0}
.hhero-t h1 b{color:#FF8A9B}
.hhero-t .hsub{margin:-2px 0 4px;color:rgba(255,255,255,.85);font-size:17px;line-height:1.35}
@media(min-width:900px){.hhero-t .hsub{font-size:20px}}
.hhero-t h1{text-shadow:0 1px 14px rgba(10,10,20,.45)}
.hhero-c{display:flex;gap:12px;align-items:center}
.hhero-c .go{width:auto;min-height:50px}
.hhero-c span{font-size:13px;color:#FFD9DF;line-height:1.35}
.stats3{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1.5px solid var(--ink);margin:0 -16px}
.stats3 div{padding:10px 6px;text-align:center;border-right:1px solid var(--line)}
.stats3 div:last-child{border-right:0}
.stats3 b{font:700 15px Montserrat,sans-serif;display:block}
.stats3 .bl{color:var(--blue)}
.stats3 span{font-size:12px;color:var(--gray);line-height:1.3;display:block}
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px;margin-top:14px}
.cat{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:var(--text)}
.cat img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.cat b{font-size:15px;line-height:1.2}
.cat em{font:600 12.5px Montserrat,sans-serif;font-style:normal;color:var(--blue)}
.cat:hover b{color:var(--blue)}
.catS{background:var(--blue);color:#fff;padding:14px;justify-content:space-between}
.catS b{font-size:17px}.catS span{font-size:14px;line-height:1.4}.catS em{color:#fff}
.catS:hover b{color:#fff}
.steps3{list-style:none;margin:6px 0 0;padding:0}
.steps3 li{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.steps3 li:last-child{border-bottom:0}
.steps3 i{font:700 13px Montserrat,sans-serif;font-style:normal;width:42px;height:42px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center}
.steps3 b{font-size:16px}.steps3 p{margin:2px 0 0;font-size:14px;color:var(--gray);line-height:1.45}
.gwb{margin-top:26px;background:var(--ink);color:#fff;padding:20px 18px;display:flex;flex-direction:column;gap:10px}
.gwb .mono{color:#FFD600;margin:0}
.gwb h2{color:#fff;font-size:clamp(21px,5.6vw,30px)}
.gwb p{margin:0;font-size:14px;color:#C9CFE0;line-height:1.5}
.gwb .ghost2{width:auto;align-self:flex-start;background:none;border:1.5px solid #fff;color:#fff;min-height:44px;font-size:14.5px}
.bests{display:flex;gap:10px;overflow-x:auto;margin:14px -16px 0;padding:0 16px 4px;scroll-snap-type:x mandatory}
.bs{flex:none;width:220px;border:1.5px solid var(--line);display:flex;flex-direction:column;text-decoration:none;color:var(--text);scroll-snap-align:start}
.bs img{width:100%;height:146px;object-fit:cover;display:block}
.bs div{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.bs b{font-size:15px}.bs small{font-size:13px;color:var(--gray);line-height:1.35}
.bs em{font:700 14px Montserrat,sans-serif;font-style:normal}
.bs .go{min-height:40px;margin-top:6px;justify-content:center;font-size:14px}
.opin{border:1.5px dashed #94A3B8;padding:16px;font-size:14px;color:var(--gray);line-height:1.5;text-align:center;margin:14px 0 0}
.faqs{margin-top:6px}
.faq{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600;font-size:15px;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary i{font:600 18px Montserrat,sans-serif;font-style:normal;color:var(--blue)}
.faq[open] summary i{transform:rotate(45deg)}
.faq p{margin:0 0 12px;font-size:14px;color:var(--gray);line-height:1.5}
.pays{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.pays span{border:1.5px solid currentColor;padding:3px 8px;font:700 12px Montserrat,sans-serif;opacity:.85}
@media(min-width:760px){.hhero{margin:0;height:460px}.cats{grid-template-columns:repeat(3,minmax(0,1fr))}.stats3{margin:0}.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps3 li{border-bottom:0}}

/* v20: spokojna stopka */
footer{margin-top:44px;border-top:0;padding:0;background:var(--ink);color:#C9CFE0;font:400 14px/1.45 Onest,system-ui,sans-serif}
footer .ft{padding-top:26px;padding-bottom:30px;display:flex;flex-direction:column;gap:20px}
footer .logo{color:#fff}footer .logo span{color:#FF6B80}footer .slog{color:#9AA3B5;display:block!important}
.ft-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.ft-pl{font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#FFD600;text-align:right;line-height:1.4}
.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;border-top:1px solid #2A2A38;padding-top:16px}
.ft-cols div{display:flex;flex-direction:column;align-items:flex-start}
.ft-h{margin:0 0 4px;font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#7D879B}
footer .ft-cols a,footer .ft-cols button{min-height:36px;display:inline-flex;align-items:center;color:#fff;text-decoration:none;font:400 15px Onest,system-ui,sans-serif;text-align:left}
footer .ft-cols a:hover,footer .ft-cols button:hover{color:#FF8FA0}
footer .pays{gap:6px;margin:0}
footer .pays span{border:1px solid #3A3A48;color:#C9CFE0;padding:3px 8px;font:600 12px Montserrat,sans-serif;opacity:1}
.ft-legal{margin:0;font-size:12.5px;color:#7D879B;line-height:1.5}
@media(min-width:760px){footer .ft{display:grid;grid-template-columns:1fr 1.4fr;align-items:start}.ft-cols{border-top:0;padding-top:0}.pays,.ft-legal{grid-column:1/-1}}

/* v20: zamówienie na jednej stronie */
#scr-checkout{padding-bottom:0}
.cos-t{width:calc(100% + 32px);margin:0 -16px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#F1F5F9;border-bottom:1.5px solid var(--ink);font-weight:600;font-size:14.5px;text-align:left}
.cos-t span span{color:var(--blue)}
.cos-t b{font:700 16px Montserrat,sans-serif}
.cos-w{margin:0 -16px;padding:4px 16px 14px;background:#F8FAFC;border-bottom:1.5px solid var(--ink)}
.cos-w .sum{border:0;padding:8px 0 0}
.cos-w .sum .mono{display:none}
.coi{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--gray);line-height:1.35}
.coi div{flex:1;min-width:0}.coi b{display:block;color:var(--text);font-size:14px}
.coi em{font:700 14px Montserrat,sans-serif;font-style:normal;color:var(--text);white-space:nowrap}
.cosw{width:40px;height:48px;flex:none;border:1px solid #94A3B8;display:block}
.cst{padding-top:22px}
.csh{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.csh i{font:700 12px Montserrat,sans-serif;font-style:normal;width:26px;height:26px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.csh i.ok{background:var(--blue)}
.csh b{font-family:Montserrat,system-ui,sans-serif;font-weight:800;font-size:19px;letter-spacing:-.02em;flex:1}
.csh em{font:500 12px Montserrat,sans-serif;font-style:normal;color:var(--gray)}
.dm label.a{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#FFF5F6}
.dm em{font:700 14px Montserrat,sans-serif;font-style:normal;white-space:nowrap}
.cnote{margin:8px 0 0;font-size:13px;color:var(--gray)}
.lkw{margin-top:12px}
.lockers button.a{background:#FFF5F6}
.nipr{display:flex;gap:8px;align-items:flex-end}
.gusb{min-height:50px;border:1.5px solid var(--ink);padding:0 12px;font-weight:600;font-size:14px;flex:none;margin-bottom:22px}
.pay button.a{border-color:var(--blue)!important;background:#FFF5F6}
.cobar{position:sticky;bottom:0;z-index:20;background:#fff;border-top:1.5px solid var(--ink);margin:22px -16px 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:6px}
.cobar .err{margin:0}
.cobar .go{justify-content:space-between;font-weight:700;min-height:56px}
.cobar .go #payTot{font:700 18px Montserrat,sans-serif}
@media(min-width:900px){#coForm{max-width:640px}.cos-t,.cos-w{max-width:640px;margin-left:0;margin-right:0}.cobar{margin:22px 0 0;max-width:640px}}



/* ===== v24 prototyp C ===== */
html,body{overflow-x:clip}
.in{max-width:1352px}
header.top .ruler{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.gwb-art{display:none}
@media(max-width:759px){.gwb{margin-left:-16px;margin-right:-16px;padding:28px 16px;margin-top:44px}}
@media(min-width:760px){
  body[data-scr="home"] #scr-home>.hd{margin-top:80px}
  .hhero{margin:0 calc(50% - 50vw)!important;height:500px}
  .hhero-t{left:max(24px,calc(50vw - 660px));right:max(24px,calc(50vw - 660px));bottom:36px}
  .gwb{margin:80px calc(50% - 50vw) 0;padding:60px max(24px,calc(50vw - 660px));display:grid;grid-template-columns:minmax(0,1fr) 400px;column-gap:72px;align-content:center}
  .gwb>*:not(.gwb-art){grid-column:1}
  .gwb .ghost2{justify-self:start;width:auto}
  .gwb h2{font-size:36px;line-height:1.12;max-width:760px}
  .gwb p{font-size:16px}
  .gwb-art{display:block;grid-column:2;grid-row:1/span 4;align-self:center}
  .gwb-art svg{width:100%;height:auto;display:block}
  .bests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;overflow:visible;margin:16px 0 0;padding:0}
  .hd span.swipe{display:none}
  .bs{width:auto}
  .bs img{height:auto;aspect-ratio:16/9}
  .bs div{padding:16px 18px 18px;gap:6px}
  .bs b{font-size:18px}.bs small{font-size:14.5px}.bs em{font-size:16px}
  .bs .go{min-height:48px;font-size:15px;margin-top:10px}
  .cats{gap:24px 20px}
  .cat b{font-size:17px}.cat em{font-size:14px}
  body[data-scr="home"] footer{margin-top:80px}
}

/* ===== D ===== */
.catS .sws{display:flex;gap:4px;margin:6px 0}
.catS .sws u{flex:1;height:22px;border:1.5px solid rgba(255,255,255,.55);text-decoration:none}
.tint{--tb:#FFF0F2;margin-top:80px;padding:8px 0 56px;background:var(--tb);box-shadow:0 0 0 100vmax var(--tb);clip-path:inset(0 -100vmax)}
.tint>.hd:first-child{margin-top:36px!important}
.tint .hd{border-bottom-color:var(--ink)}
@media(min-width:760px){
  .hhero{height:420px}
  .hhero-t h1{font-size:60px;line-height:1.02}
  .stats3 div{padding:16px 6px}
  .stats3 b{font-size:24px}
  .stats3 span{font-size:13.5px}
  body[data-scr="home"] #scr-home>.hd#prods{margin-top:40px}
  .tint .steps3{gap:40px;margin-top:22px}
  .tint .steps3 li{grid-template-columns:1fr;gap:10px;padding:0}
  .tint .steps3 i{background:none;color:var(--blue);width:auto;height:auto;justify-content:flex-start;font-size:44px;font-weight:700;letter-spacing:-.02em}
  .tint .steps3 b{font-size:19px}.tint .steps3 p{font-size:15px}
  .bs em{font-size:20px;color:var(--blue)}
  .cat b{font-size:17px}.cat em{font-size:15px}
  .gwb{margin-top:96px}
}
@media(min-width:1100px){
  .cats{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
  .cat img{aspect-ratio:1/1}
  .catS{padding:14px}
  .catS b{font-size:16px}.catS span{font-size:13px}
}


/* ===== E ===== */
.htrust{display:none}
.hgr{color:inherit;text-decoration:none}.hgr i{font-style:normal;color:#FBBC04}
.grat{display:inline-flex;align-items:baseline;gap:5px;flex:none;white-space:nowrap;color:var(--ink);text-decoration:none;font-size:14px}.grat i{font-style:normal;color:#FBBC04;font-size:16px}.grat b{font:700 16px Montserrat,sans-serif}.grat span{color:#5B616B;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C9CDD4}
.trust{margin-top:56px}
.tr4{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:22px}
.tr4 li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:start;align-content:start}
.tr4 svg{width:36px;height:36px;color:var(--blue);grid-row:1/span 2}
.tr4 b{font-size:17px;line-height:1.3}
.tr4 p{margin:4px 0 0;font-size:14.5px;line-height:1.5;color:var(--gray)}
@media(min-width:760px){
  .hhero{height:400px}
  .hhero::after{background:linear-gradient(90deg,rgba(10,10,20,.82) 0%,rgba(10,10,20,.6) 34%,rgba(10,10,20,.08) 62%,rgba(10,10,20,0) 100%)}
  .hhero-t{top:0;bottom:0;justify-content:center;gap:14px}
  .hhero-t h1{font-size:58px;text-shadow:none}
  .htrust{display:flex;gap:28px;list-style:none;margin:10px 0 0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.28);max-width:640px}
  .htrust li{font-size:14px;color:#FFD9DF;line-height:1.3}
  .htrust b{display:block;font:700 22px Montserrat,sans-serif;color:#fff;margin-bottom:2px}
  .htrust li:first-child b{color:#FF8A9B}
  .stats3{display:none}
  .trust{margin-top:64px}
  .tr4{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:28px}
  .tr4 li{grid-template-columns:1fr;row-gap:12px}
  .tr4 svg{grid-row:auto;width:40px;height:40px}
  .tr4 p{font-size:15px}
  .tint .steps3{align-items:start}
  .tint .steps3 li{align-content:start;grid-template-rows:auto auto}
  .tint .steps3 li>div{margin:0;padding:0}
  .tint .steps3 i{line-height:1;display:block}
}
@media(min-width:1100px){
  .cat img{aspect-ratio:4/3}
  .catS{gap:8px;justify-content:flex-start}
  .catS em{margin-top:auto}
  .catS .sws{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:4px 0 2px}
  .catS .sws u{height:30px}
  .catS span{font-size:13px;line-height:1.35}
}
@media(max-width:560px){.hhero-t h1{font-size:clamp(30px,8.8vw,36px)}}

/* ===== F ===== */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cr{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.cgo{font:600 13px Onest,system-ui,sans-serif;font-style:normal;color:var(--text);border-bottom:1.5px solid var(--blue)}
.cat:hover .cgo{color:var(--blue)}
@media(max-width:759px){.cgo{display:none}}
.trust{margin-top:0}
.tr4{border-bottom:1.5px solid var(--ink)}
.tr4 li{padding:18px 0 0}
@media(min-width:760px){
  .hhero{height:440px;background:#0A0A14}
  .hhero img{position:absolute;right:0;top:0;width:50%;height:100%;object-position:50% 40%}
  .hhero::after{display:none}
  .hhero-t{right:calc(50% + 48px)}
  .hhero-t h1{font-size:50px;line-height:1.04}
  .htrust{gap:32px}
  .hdb{margin-top:72px!important}
  .bests{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .bs{border:0;background:#F4F6FA}
  .bs img{aspect-ratio:16/10}
  .bs div{padding:18px 20px 20px}
  .bs .go{align-self:flex-start;padding:0 22px}
  .trust{margin:0 calc(50% - 50vw);padding:0 max(24px,calc(50vw - 660px));background:#fff}
  .tr4{margin:0;gap:0;border-bottom:1.5px solid var(--ink)}
  .tr4 li{grid-template-columns:40px 1fr;column-gap:14px;row-gap:4px;padding:30px 24px 30px 0;border-right:1px solid var(--line)}
  .tr4 li+li{padding-left:24px}
  .tr4 li:last-child{border-right:0}
  .tr4 svg{grid-row:1/span 2;width:34px;height:34px}
  .tr4 b{font-size:16px}.tr4 p{font-size:14px;margin:2px 0 0}
  .gwb{margin-bottom:0}
}
@media(min-width:1100px){
  .cat b{font-size:16.5px}
}

.ft-pr{display:none!important}
@media(min-width:760px){
  .tint+.gwb,.gwb{margin-top:0}
  footer .ft{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);column-gap:56px;row-gap:28px;padding-top:56px!important;padding-bottom:40px!important}
  footer .ft-top{grid-column:1;grid-row:1;flex-direction:column;justify-content:flex-start;gap:18px}
  footer .ft-pl{text-align:left}
  footer .ft-cols{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr));border-top:0;padding-top:0;gap:24px}
  .ft-pr{display:flex!important}
  footer .pays{grid-column:1/-1;border-top:1px solid #2A2A38;padding-top:22px}
  footer .ft-legal{grid-column:1/-1}
}
@media(min-width:760px){body[data-scr="home"] footer{margin-top:64px}}

/* ===== G ===== */
.hhero-c{display:none!important}
.hcalc{background:#fff;color:var(--text);padding:16px;display:flex;flex-direction:column;gap:12px;max-width:640px;border-top:4px solid var(--blue)}
.hc-t{margin:0;font:700 15px Onest,system-ui,sans-serif}
.hc-p{display:flex;flex-wrap:wrap;gap:6px}
.hc-p button{font:500 13.5px Onest,system-ui,sans-serif;padding:8px 12px;min-height:38px;border:1.5px solid var(--line);background:#fff;color:var(--text);cursor:pointer}
.hc-p button[aria-checked="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.hc-r{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 10px;align-items:end}
.hc-r label{display:flex;flex-direction:column;gap:4px;position:relative}
.hc-r label span{font:500 11.5px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--gray)}
.hc-r input{font:600 18px Montserrat,sans-serif;height:48px;border:1.5px solid var(--ink);padding:0 38px 0 12px;width:100%;box-sizing:border-box;border-radius:0;background:#fff;color:var(--text)}
.hc-r input:focus{outline:2px solid var(--blue);outline-offset:1px}
.hc-r label i{position:absolute;right:12px;bottom:14px;font:500 13px Montserrat,sans-serif;font-style:normal;color:var(--gray)}
.hc-x{padding-bottom:12px;font-weight:400;color:var(--gray)}
.hc-o{grid-column:1/-1;display:flex;align-items:baseline;gap:10px}
.hc-o small{font:500 12px Montserrat,sans-serif;text-transform:uppercase;color:var(--gray)}
.hc-o strong{font:700 24px Montserrat,sans-serif;color:var(--blue)}
.hcalc.bad .hc-o strong{font-size:15px;color:#C2410C}
.hc-r .go{grid-column:1/-1;min-height:50px;justify-content:center}
.hc-n{margin:0;font-size:12.5px;line-height:1.4;color:var(--gray)}
.cg{gap:0;border:1.5px solid var(--line);background:#fff;transition:border-color .15s}
.cg:hover{border-color:var(--ink)}
.cg img{aspect-ratio:4/3}
.cb{display:flex;flex-direction:column;gap:6px;padding:14px 14px 16px;flex:1}
.ct{font:500 11px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--blue)}
.cg b{font-size:17px}
.cg small{font-size:13.5px;line-height:1.4;color:var(--gray)}
.csw{display:flex;gap:4px;margin:2px 0 4px}
.csw u{width:16px;height:16px;border:1px solid rgba(0,0,0,.12);text-decoration:none}
.cg .cr{margin-top:auto;align-items:center}
.cg .cr em{font-size:15px}
.cg .go{min-height:40px;padding:0 14px;font-size:14px;width:auto}
@media(max-width:759px){
  .hhero{height:auto!important}
  .hhero img{height:58vw}
  .hhero::after{display:none}
  .hhero-t{position:static;background:#0A0A14;padding:20px 16px 22px}
  .cg .cr{flex-direction:column;align-items:stretch;gap:8px}
  .cg .go{width:100%;justify-content:center}
  .cg small{font-size:12.5px}
  .cb{padding:10px 10px 12px}
  .cg b{font-size:15.5px}
}
@media(min-width:760px){
  .hhero{height:auto!important;min-height:440px}
  .hhero-t{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(50% - 48px - max(24px,calc(50vw - 660px)));margin-left:max(24px,calc(50vw - 660px));padding:40px 0 36px;gap:16px}
  .hhero-t h1{font-size:48px}
  .hcalc{padding:20px}
  .hc-r{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto}
  .hc-o{grid-column:1/4}
  .hc-r .go{grid-column:4;grid-row:2;padding:0 22px}
  .htrust{margin-top:4px}
  .cats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}
  .cg img{aspect-ratio:16/10}
  .cb{padding:18px 20px 20px;gap:7px}
  .cg b{font-size:20px}
  .cg small{font-size:14.5px}
  .csw u{width:20px;height:20px}
  .cg .cr em{font-size:18px}
  .cg .go{min-height:44px;padding:0 20px;font-size:15px}
  .catS{padding:28px!important;gap:14px!important;justify-content:flex-start!important}
  .catS b{font-size:26px!important;line-height:1.15}
  .catS .sws{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .catS .sws u{height:84px!important}
  .catS span{font-size:15px!important}
  .catS em{margin-top:auto;font:600 15px Onest,system-ui,sans-serif;background:#fff;color:var(--blue)!important;align-self:flex-start;padding:13px 22px}
}

/* ===== H ===== */
.hc-g{margin:0;font:500 14px/1.4 Onest,system-ui,sans-serif;color:var(--text);display:flex;gap:8px;padding:10px 12px;background:#FFF0F2}
.hc-g b{color:var(--blue)}
.hcap{position:absolute;left:16px;bottom:14px;z-index:2;margin:0;background:#fff;color:var(--text);padding:10px 14px;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 32px);box-sizing:border-box}
.hcap b{font-size:15px}.hcap span{font-size:13px;color:var(--gray)}
.hhero{position:relative}
@media(max-width:759px){
  .hhero>.hcap{top:calc(58vw - 60px);bottom:auto}
  .hc-n{display:none}

  .catS .sws{display:flex}
}
@media(min-width:760px){
  .hcap{left:auto;right:max(24px,calc(50vw - 660px));bottom:24px}
  .hcap b{font-size:16px}
}

/* ===== v24: powietrze i czytelność ===== */
.hd span{font-size:13px}
.hc-n{font-size:13.5px}
.hc-r label span,.hc-o small{font-size:12.5px}
.ct{font-size:12px}
.faq summary{font-size:16px;min-height:58px}
.faq p{font-size:15px}
.ft-legal{font-size:13px}
@media(max-width:759px){
  body[data-scr="home"] #scr-home>.hd{margin-top:52px}
  .cg small{font-size:13.5px}
  .cg .cr em{font-size:15px}
  .tint{margin-top:60px;padding-bottom:40px}
  .gwb{margin-top:0}
  .trust{margin-top:8px}
  .tr4 b{font-size:16.5px}
}
@media(min-width:760px){
  body[data-scr="home"] #scr-home>.hd#prods{margin-top:88px}
  body[data-scr="home"] #scr-home>.hd{margin-top:96px}
  .cats{margin-top:28px}
  .tint{margin-top:112px;padding:24px 0 80px}
  .tint .steps3{margin-top:36px}
  .tint .steps3 p{font-size:16px;line-height:1.55}
  .tint .steps3 b{font-size:20px}
  .gwb{padding-top:84px!important;padding-bottom:84px!important}
  .tr4 li{padding-top:40px;padding-bottom:40px}
  .tr4 b{font-size:17px}.tr4 p{font-size:15px}
  .cg small{font-size:15.5px}
  .csw{margin:4px 0 8px}
  .faqs{margin-top:12px}
  .htrust li{font-size:15px}
  .hc-g{font-size:15px}
}

/* ===== v25: karta produktu ===== */
.cfx{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.cfx-b{border:1.5px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:10px}
.cfx-b h3{margin:0;font-size:17px}
.cfx-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.cfx-h .link{font-size:14px}
.hw-s{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hw-s li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;font-size:15px;line-height:1.45;color:var(--text)}
.hw-s i{font:700 14px Montserrat,sans-serif;font-style:normal;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff}
.hw-n{margin:0;font-size:14px;line-height:1.45;color:var(--gray)}
#dimHow .hw-s li{font-size:14.5px}
.cfx-go{align-self:flex-start;width:auto;min-height:44px;padding:0 18px;font-size:14.5px}
.cfx-t{margin:0;display:flex;flex-direction:column}
.cfx-t div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:9px 0;border-top:1px solid var(--line)}
.cfx-t div:first-child{border-top:0;padding-top:2px}
.cfx-t dt{font:500 12px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--gray);padding-top:2px}
.cfx-t dd{margin:0;font-size:14.5px;line-height:1.45;display:flex;flex-direction:column}
.cpvx{opacity:.92}
.cpvx .cpv-t small{color:var(--blue)}
.fgrp .fh .fp{display:flex;align-items:baseline;gap:6px;font-family:Montserrat,sans-serif}
.fgrp .fh .fp em{font-style:normal;font-weight:700;font-size:14px;color:var(--text)}
.fgrp .fh .fp small{font-size:12px;color:var(--blue)}
.lm{display:flex;align-items:center;gap:3px;font-size:12.5px;color:var(--gray)}
.lm i{width:14px;height:8px;background:var(--line)}
.lm i:first-child{background:#9AA3B5}
.lm.lm3 i{background:var(--ink)}
.lm b{font-weight:500;margin-left:6px}
.fsw.a{outline:2.5px solid var(--blue);outline-offset:2px}
.selb{display:flex;align-items:center;gap:12px;padding:12px;border:1.5px dashed var(--line);margin-top:4px}
.selb.on{border:1.5px solid var(--ink);background:#F4F6FA}
.selb>i{width:40px;height:40px;flex:none;border:1px solid rgba(0,0,0,.12)}
.selb span{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}
.selb small{font:500 11.5px Montserrat,sans-serif;text-transform:uppercase;color:var(--gray)}
.selb b{font-size:15px}
.selb em{font:700 17px Montserrat,sans-serif;font-style:normal;color:var(--blue)}
.shnote .link{font-size:13.5px}
@media(min-width:900px){.sheet[data-k="dim"] .shPrev .cfDraw{width:200px!important;height:230px!important}}
#shOk:disabled{opacity:.35;cursor:not-allowed}
.cfps{line-height:1.4}
.hc-n{color:var(--text)}
@media(min-width:760px){.hc-o strong{font-size:30px}}

/* ===== v25b ===== */
.cpv.cps{display:flex;flex-direction:column;gap:10px;padding:12px 16px 12px!important;grid-template-columns:none}
.cps-r{display:flex;align-items:center;gap:12px}
.cps-r>i,.cps-e{width:56px;height:56px;flex:none;border:1px solid rgba(0,0,0,.14);display:block}
.cpv.cps>i.cps-e{width:56px;height:56px;border:1.5px dashed #B8C0CF;background:#fff}
.cpv.cps{flex-direction:row;align-items:center}
.cpv.cps.cpsp,.cpv.cps:has(.cps-s){flex-direction:column;align-items:stretch}
.cps span{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.cps small{font:500 11.5px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:var(--gray)}
.cps b{font-size:16px}
.cps em{font:700 20px Montserrat,sans-serif;font-style:normal;color:var(--blue)}
.cps-i{width:100%;height:clamp(110px,18vh,170px);object-fit:cover;display:block}
.cps-s{align-self:flex-start;border:1.5px solid var(--ink);background:#fff;font:600 14px Onest,system-ui,sans-serif;padding:9px 14px;cursor:pointer}
.cps-s:hover{background:var(--ink);color:#fff}
.fsw{width:56px!important;height:56px!important}
.fsi{width:66px!important}
.fsi small{font-size:12.5px!important}
.fsw:focus:not(:focus-visible):not(.a){outline:none}
.fgrp{padding:14px!important;gap:10px!important}
.fgrp .fh b{font-size:16.5px!important}
.fgrp .fs{font-size:14px!important}
#shOk:disabled{opacity:1!important;background:#E6E9F0!important;color:#5B6478!important;border-color:#E6E9F0!important}
.cfps b{color:var(--text);font-weight:600}
.spec>div:nth-child(3){background:#FFF0F2;margin:0 -10px;padding-left:10px;padding-right:10px}
.spec dd{font-size:14.5px!important}
.msum{display:none}
@media(max-width:899px){
  .msum{display:flex;position:fixed;left:0;right:0;top:var(--hdrH,60px);z-index:30;align-items:center;gap:10px;padding:8px 16px;background:#fff;border-bottom:1.5px solid var(--ink);box-shadow:0 6px 14px rgba(10,10,20,.06);transform:translateY(-120%);opacity:0;transition:transform .2s ease,opacity .2s ease;pointer-events:none;text-align:left;font:inherit;color:var(--text)}
  body.hmini .msum{display:none!important}
  .msum>i{width:40px;height:40px;flex:none;border:1px solid rgba(0,0,0,.14)}
  .msum span{display:flex;flex-direction:column;min-width:0;flex:1}
  .msum b{font-size:14.5px}
  .msum small{font-size:12.5px;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .msum em{font:700 16px Montserrat,sans-serif;font-style:normal;color:var(--blue);white-space:nowrap}
  .pneed .qtb{display:none!important}
  .addb .al{white-space:nowrap}
}
@media(min-width:900px){
  .cfMain{display:flex;flex-direction:column}
  .cfMain>*{order:2}
  .cfMain>.kept,.cfMain>.rows{order:0}
  .cfMain>.cfbar{order:1;position:static;margin-top:14px;border-top:0;padding-top:0}
  .cfMain>.spec{margin-top:22px}
}

/* ===== v25c ===== */
.qcol{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1.5px solid var(--line);margin-top:8px}
.qc-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.qc-h b{font-size:15px}.qc-h .link{font-size:14px}
.qc-w{display:flex;gap:8px;flex-wrap:wrap}
.qc{width:40px;height:40px;border:1px solid rgba(0,0,0,.16);padding:0;cursor:pointer}
.qc.a{outline:2.5px solid var(--blue);outline-offset:2px}
.qc-n{margin:0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--gray)}
.qc-n .link{font-size:14px}
.lrow span{display:flex;flex-direction:column;gap:2px;text-align:left}
.rsub{font-size:12.5px;color:var(--gray);line-height:1.35;font-weight:400;max-width:300px}
.ftab{display:flex;gap:6px;flex-wrap:wrap}
.ftab button{font:600 13.5px Onest,system-ui,sans-serif;padding:7px 12px;border:1.5px solid var(--line);background:#fff;cursor:pointer}
.ftab button.a{border-color:var(--blue);color:var(--blue)}
.cpv.cps.cpse{flex-direction:column;align-items:stretch}
.dpr{display:block;margin-top:8px;font:700 16px Montserrat,sans-serif;color:var(--blue)}
.pbtot{margin:6px 0 0;font-size:13.5px;color:var(--gray);line-height:1.4}
.pbtot b{color:var(--text)}
@media(max-width:899px){
  .tchips{display:none}
  .rsub{display:none}
  .pbtot{margin:2px 0 0;font-size:12.5px}
  .pbd{display:none}
  .qc{width:36px;height:36px}
}
@media(min-width:900px){
  .cfMain>.qcol{order:0}
}

/* ===== v25d ===== */
.qcol{margin:-2px 0 8px;border-top:0;background:#FAFBFD}
.qtab{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.qtab button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px;border:1.5px solid var(--line);background:#fff;text-align:left;cursor:pointer;font:inherit;color:var(--text)}
.qtab button.a{border-color:var(--ink);box-shadow:inset 0 -3px 0 var(--blue)}
.qtab b{font-size:14.5px}.qtab button>span:not(.lm){font:600 13px Montserrat,sans-serif;color:var(--blue)}
.qtab .lm{font:400 12px Onest,system-ui,sans-serif;color:var(--gray);align-items:flex-start;line-height:1.3}.qtab .lm i{flex:none;margin-top:3px}.qtab .lm b{font-size:12px;font-weight:400;margin-left:4px;color:var(--gray)}
.qc-n b{color:var(--text)}
.qc-s{border:1.5px solid var(--ink);background:#fff;font:600 13.5px Onest,system-ui,sans-serif;padding:8px 12px;cursor:pointer}
.qc-s:hover{background:var(--ink);color:#fff}
.pbtot{font-size:14.5px!important;color:var(--text)!important}
@media(max-width:899px){.qtab .lm b{display:none}.qtab button{padding:8px}.qc-w{gap:6px}}

/* ===== v25e ===== */
.sn{font:700 12px Montserrat,sans-serif;font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--ink);color:#fff;margin-right:10px;flex:none;vertical-align:middle}
.lrow span{flex-direction:row!important;align-items:center}
.lrow span:has(.rsub){flex-direction:column!important;align-items:flex-start}
.rl{display:flex!important;flex-direction:row!important;align-items:center;color:var(--gray)}
.lrow.need .sn{background:var(--blue)}
.rows #row-col{display:none!important}
.qcol{margin:0 0 8px!important;border:1.5px solid #D5DAE3!important;background:#fff!important}
.qcol.need{border-color:var(--blue)!important;border-left-width:4px!important;background:#FFF5F6!important}
.qcol.need .sn{background:var(--blue)}
.qc-t{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:15px}
.qc-t span{display:flex;align-items:center;color:var(--gray)}
.qc-t b{font-weight:600}
.qcol.need .qc-t b{color:var(--blue)}
.cfbar{display:flex;flex-direction:column}
.cfbar .pbtot{order:-1;margin:0 0 8px!important;font-size:15px!important}
.pbtot b{font-size:16px}
@media(max-width:899px){.msum em{display:none}.cfbar .pbtot{margin:0 0 4px!important;font-size:13px!important}}

/* ===== v25f ===== */
.rows #row-dim{display:none!important}
.qmnt{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1.5px solid #D5DAE3;background:#fff}
.qm-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px}
.qm-b button{min-height:46px;border:1.5px solid var(--line);background:#fff;font:600 15px Onest,system-ui,sans-serif;cursor:pointer;color:var(--text)}
.qm-b button.a{border-color:var(--ink);background:var(--ink);color:#fff}
.qm-s{margin:0;font-size:13.5px;color:var(--gray);line-height:1.4}
#cfRowsA{margin-bottom:8px}
.qdim{display:flex;flex-direction:column;gap:10px;padding:14px 16px;border:1.5px solid #D5DAE3;background:#fff;margin:0 0 8px}
.qdim.need{border-color:var(--blue);border-left-width:4px;background:#FFF5F6}
.qdim.need .sn{background:var(--blue)}
.qdim.need .qc-t b{color:var(--blue)}
.qd-f{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qd-f label{display:flex;flex-direction:column;gap:5px;position:relative}
.qd-f label>span{font-size:13.5px;color:var(--gray);display:flex;align-items:center;gap:6px}
.qd-f label>span i{font:700 12px Montserrat,sans-serif;font-style:normal;width:20px;height:20px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.qd-f input{font:600 20px Montserrat,sans-serif;height:52px;border:1.5px solid var(--ink);padding:0 40px 0 12px;width:100%;box-sizing:border-box;border-radius:0;background:#fff;color:var(--text)}
.qd-f input:focus{outline:2px solid var(--blue);outline-offset:1px}
.qd-f input.bad{border-color:#C2410C;background:#FFF7F3}
.qd-f label>em{position:absolute;right:12px;bottom:16px;font:500 13px Montserrat,sans-serif;font-style:normal;color:var(--gray)}
.qd-r{margin:0;font-size:13px;color:var(--gray)}
.qd-w:empty{display:none}
.qd-p{margin:0;font-size:15px}.qd-p:empty{display:none}
.qd-p b{font:700 17px Montserrat,sans-serif;color:var(--blue)}
.qd-h summary{cursor:pointer;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:10px;list-style:none}
.qd-h summary::-webkit-details-marker{display:none}
.qd-h summary .link{font-size:13.5px;font-weight:600}
.qd-h[open] summary{margin-bottom:10px}
.qtab button.v{border-color:var(--line)}
@keyframes qpulse{0%{box-shadow:0 0 0 0 rgba(246,23,55,.45)}100%{box-shadow:0 0 0 14px rgba(246,23,55,0)}}
.pulse{animation:qpulse .9s ease-out 2}
@media(min-width:900px){.cfMain>#cfRowsA,.cfMain>.qdim{order:0}
  .cfMain>.cfbar{position:sticky!important;bottom:0;z-index:12;background:#fff;padding:12px 0 14px!important;margin-top:6px;box-shadow:0 -10px 16px -10px rgba(10,10,20,.18);border-top:1.5px solid var(--ink)!important}}

/* ===== v25g ===== */
.qd-hh{position:relative}
.qd-dr{position:absolute;right:0;top:0;font-size:13.5px}
.qd-h summary{padding-right:150px}
.qd-h summary::after{content:'+';margin-left:8px;color:var(--blue)}
.qd-h[open] summary::after{content:'−'}

/* ===== v25h ===== */
.qtab button{transition:border-color .12s,box-shadow .12s}
.qtab button:hover{border-color:#9AA3B5}
.qtab button.a{border-color:var(--ink)!important;box-shadow:inset 0 -4px 0 var(--blue)!important;background:#fff}
.qtab button.sel>b::after{content:' ✓ обрано';color:var(--blue);font-size:12px;font-weight:600}

/* ===== v25i ===== */
@media(min-width:900px){
  body.shlock{overflow:visible!important}
  .sheet:not([hidden]){box-shadow:0 0 0 100vmax rgba(10,10,20,.32)}
}

/* ===== v25j ===== */
.lrow:has(.rsub){padding-top:12px;padding-bottom:12px}

/* ===== v25k: zamówienie na szerokim ekranie ===== */
.cos-h,.cos-e{display:none}
@media(min-width:900px){
  #scr-checkout.on{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);column-gap:56px;align-items:start}
  #scr-checkout>.cos-t{display:none}
  #scr-checkout>#coForm{grid-column:1;grid-row:1;max-width:none}
  #scr-checkout>.cos-w{display:block!important;grid-column:2;grid-row:1;position:sticky;top:calc(var(--hdrH,60px) + 16px);max-width:none;margin:22px 0 0;padding:20px;border:1.5px solid var(--ink);background:#fff}
  #scr-checkout .cobar{max-width:none}
  .cos-h{display:block;margin:0 0 12px;font:700 18px Onest,system-ui,sans-serif}
  .cos-e{display:inline-block;margin-top:12px;font-size:14px}
  body[data-scr="checkout"] footer .ft-cols{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body[data-scr="checkout"] footer .ft-top{grid-row:1}
}

/* ===== v26 ===== */
.cnext{margin-top:22px;padding:16px;border:1.5px solid var(--line);background:#F8FAFC}
.cnext-h{margin:0 0 10px;font-weight:700;font-size:15px}
.cnext ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;counter-reset:cn}
.cnext li{display:grid;grid-template-columns:26px 1fr;column-gap:10px;counter-increment:cn;font-size:14px;line-height:1.4}
.cnext li::before{content:counter(cn);grid-row:1/span 2;width:24px;height:24px;background:var(--ink);color:#fff;font:700 12px Montserrat,sans-serif;display:flex;align-items:center;justify-content:center}
.cnext li span{color:var(--gray)}
.link.qd-full,.qd-full{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border:1.5px solid var(--ink);border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;color:var(--ink);background:#fff}.qd-full::after{content:'→';font-weight:700}
.cpsafe{margin:0;text-align:center;font-size:12.5px;color:var(--gray)}
#coForm input,#coForm select{scroll-margin-bottom:150px;scroll-margin-top:120px}
.qci{display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:56px}
.qci small{font-size:11.5px;color:var(--gray);text-align:center;line-height:1.2}
.qc-w{gap:6px 4px!important}
@media(max-width:899px){.qci{width:50px}.qci small{font-size:11px}}

/* ===== v27 ===== */
body[data-scr="checkout"] .dnav,body[data-scr="checkout"] #srchBtn,body[data-scr="checkout"] #menuBtn,body[data-scr="checkout"] .navr .navlink{display:none!important}
body[data-scr="checkout"] footer .ft-cols,body[data-scr="checkout"] footer .ft-top .ft-pl{display:none!important}
body[data-scr="checkout"] footer .ft{padding-top:28px!important;padding-bottom:28px!important;row-gap:12px!important}
.paym{font-weight:600}
@media(max-width:560px){
  .pm-l:first-child{display:inline!important}
  .paym{display:none}
  .qci small{display:none}
  .qci{width:auto}
  .qc{width:42px!important;height:42px!important}
  .hhero img{height:46vw!important}
  .hhero>.hcap{top:calc(46vw - 56px)!important;padding:6px 10px}
  .hhero>.hcap span{display:none}
  .qtab button.sel>b::after{content:' ✓'!important}
  .qtab button>span:not(.lm){font-size:12px!important}
}

/* ===== v27d: Twoja konfiguracja ===== */
.csum{border:1.5px solid var(--ink);background:#fff;padding:16px;margin:4px 0 8px;display:flex;flex-direction:column;gap:10px}
.cs-h{margin:0;font:700 17px Onest,system-ui,sans-serif}
.cs-l{margin:0;display:flex;flex-direction:column}
.cs-l div{display:grid;grid-template-columns:130px 1fr;gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.cs-l div:first-child{border-top:0}
.cs-l dt{font-size:14px;color:var(--gray)}
.cs-l dd{margin:0;font-size:14.5px;display:flex;flex-direction:column;gap:1px}
.cs-l dd b{font-weight:600}.cs-l dd small{font-size:12.5px;color:var(--gray)}
.cs-c{display:flex;align-items:center;gap:8px}.cs-c i{width:22px;height:22px;flex:none;border:1px solid rgba(0,0,0,.15)}
.cs-miss{font-size:14.5px;color:var(--blue);align-self:flex-start}
.cs-t{border-top:1.5px solid var(--ink);padding-top:10px;display:flex;flex-direction:column;gap:4px}
.cs-t div{display:flex;justify-content:space-between;gap:10px;font-size:14.5px}
.cs-t b{font:700 15px Montserrat,sans-serif}
.cs-t .cs-r b{font-size:19px;color:var(--blue)}
.cs-t p{margin:4px 0 0;font-size:13px;color:var(--gray)}
.cs-n{margin:0;font-size:13px;color:var(--gray)}
.cfx-d summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between}
.cfx-d summary::-webkit-details-marker{display:none}
.cfx-d summary::after{content:'+';color:var(--blue)}
.cfx-d[open] summary::after{content:'−'}
.cfx-d[open] summary{margin-bottom:8px}
@media(min-width:900px){.cfMain>.csum{order:0}}
@media(max-width:899px){.cs-l div{grid-template-columns:110px 1fr}}

/* ===== v27e: jedna cena ===== */
#chShipW,.qd-p,.cs-t>div{display:none!important}
.cs-t{border-top:0!important;padding-top:0!important}
.cfps{font-size:13px}

/* ===== v27f: lżejsza karta ===== */
#csum{display:none!important}
.tchips{display:none!important}
.qc-n>span{display:none}
.qc-n{justify-content:flex-start}
.qc-s{border:0!important;background:none!important;padding:0!important;color:var(--blue)!important;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.spec>div:nth-child(1),.spec>div:nth-child(4){display:none}
/* steps 4 and 5 side by side */
#cfRows{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
#cfRows>*{min-width:0}
#cfRows>*{grid-column:1/-1}
#cfRows>#row-side,#cfRows>#row-hw{grid-column:auto}
#cfRows>#row-side:last-child{grid-column:1/-1}
#cfRows>#row-side .rl,#cfRows>#row-hw .rl{white-space:nowrap}
@media(max-width:899px){
  #cfRows>#row-side,#cfRows>#row-hw{grid-column:1/-1!important}
  .addb .al{font-size:14.5px}
  .addb .ap b{font-size:17px}
  .addb{padding:0 10px;gap:6px}
}
/* ===== v23: podgląd koloru ===== */
.cpv{position:sticky;top:-12px;z-index:2;margin:-12px -16px 4px;background:#fff;border-bottom:1.5px solid var(--line);display:grid;grid-template-columns:1fr;}
.cpv img,.cpv>i{display:block;width:100%;height:clamp(120px,22vh,220px);object-fit:cover}
.cpv>i{background-size:auto!important}
.cpv-t{display:flex;flex-direction:column;gap:2px;padding:8px 16px 10px}
.cpv-t b{font-size:15px}
.cpv-t small{font-size:12.5px;color:var(--gray);line-height:1.35}
.cpv0{min-height:72px;align-items:center;padding:14px 16px;background:var(--bg2,#f4f5f8);color:var(--gray);font-size:13.5px}
@media(min-width:900px){.cpv img,.cpv>i{height:200px}}
/* ===== v21 ===== */
.dnav{display:none}
@media(min-width:1024px){
  .dnav{display:flex;gap:22px;margin:0 auto 0 28px;align-self:center}
  .dnav a{font:500 15px Onest,system-ui,sans-serif;color:var(--text);text-decoration:none;padding:10px 0;border-bottom:2px solid transparent}
  .dnav a:hover{border-bottom-color:var(--text)}
  .dnav a[aria-current="page"]{border-bottom-color:var(--blue);color:var(--blue)}
  header.top .logo-w{flex:0 0 auto!important}
}
.fw{align-items:flex-start}
.fsi{display:inline-flex;flex-direction:column;align-items:center;gap:4px;width:58px;text-align:center}
.fsi small{font-size:11.5px;line-height:1.2;color:var(--gray)}
.stepper.st2{grid-template-columns:1fr 1fr}
@media(min-width:760px){.hd span.swipe{display:none}}
body[data-scr="checkout"] footer .ft-cols>div:first-child,body[data-scr="checkout"] footer .ft-pl,body[data-scr="checkout"] footer .pays{display:none}
body[data-scr="checkout"] footer .ft-cols{grid-template-columns:1fr}
footer .ft-cols a,footer .ft-cols button{min-height:44px}
@media(max-width:560px){
  .pm-l{display:none}
  .hhero-t h1{font-size:clamp(26px,7.4vw,34px)}
  .slog{font-size:12px!important}
  .stats3 span,.cfps,.tchips span,.sum .note,.legal,.f .e,.drw-note,.ft-legal,.drw-i span.sp,.gwx small,.ship small,.dimbox label,.f label{font-size:13px}
  .seg button{min-height:40px}
}

/* ===== Arttex ===== */
.logo{color:var(--ink);line-height:0;font-size:0;letter-spacing:0}
.logo svg{height:30px;width:auto;display:block}
@media(max-width:560px){.logo svg{height:28px}}
.mnu-h .logo svg{height:26px}
footer .logo{color:#fff}footer .logo svg{height:34px}
.ruler{height:12px;border:0;background:radial-gradient(circle,var(--blue) 0 2.2px,transparent 2.6px) 0 50%/12px 12px repeat-x;opacity:.9;-webkit-mask:linear-gradient(90deg,#000 0 40%,rgba(0,0,0,.25) 100%);mask:linear-gradient(90deg,#000 0 40%,rgba(0,0,0,.25) 100%)}
.r1 .r1-ruler{height:12px;margin:24px 0 28px;border:0;background:radial-gradient(circle,var(--blue) 0 2.4px,transparent 2.8px) 0 50%/13px 12px repeat-x}
.r1 .r1-logo{color:var(--ink);line-height:0;font-size:0}.r1 .r1-logo svg{height:30px;width:auto;display:block}.r1 .r1-ft .r1-logo svg{height:24px}
@media(max-width:700px){.r1 .r1-logo svg{height:24px}.r1 .r1-ruler{margin:16px 0 20px}}
button.catS{font:inherit;text-align:left;width:100%;cursor:pointer}
button.navlink{color:var(--text);background:none}
.qc-z{margin:10px 0 0;font-size:13.5px;color:var(--gray);line-height:1.4}
.qc-z .link{font-size:13.5px}

#srchBtn{display:none!important}
.zbtn{display:inline-flex;align-items:center;justify-content:center;gap:.28em;min-height:42px;padding:0 16px;border:0;background:#F61737;color:#fff;font:600 14px/1.1 Onest,system-ui,sans-serif;cursor:pointer;white-space:nowrap;transition:background .15s}
.zbtn:hover{background:#D90F2C}
.zbtn:focus-visible{outline:2px solid #0A0A14;outline-offset:2px}
@media(max-width:899px){.zbtn{flex-direction:column;gap:1px;padding:0 12px;font-size:13px;line-height:1.05}}
@media(max-width:370px){.zbtn{padding:0 8px;font-size:12.5px}}

.cartbtn .cbi{display:none}
@media(max-width:439px){.cartbtn .cbt{display:none}.cartbtn .cbi{display:block;margin-right:6px}.cartbtn{padding-left:10px!important;padding-right:10px!important}}

/* ===== v40 design system ===== */
/* Replaces patch layers v30..v38. Tokens first; older base rules are overridden by
   cascade order, !important only where an older !important has to be beaten. */

/* ---- 0. tokens ---- */
:root{
  --ink:#111216;--red:#F61737;--red-d:#C40F2C;--paper:#FFFFFF;--mist:#F3F4F6;--line:#E3E5EA;--mute:#5A6070;--ok:#12805C;
  --ok-bg:#EAF5F0;--ink-2:#2A2C33;--line-2:#C9CDD5;
  /* legacy names used by the base CSS, mapped onto the system:
     --blue was "brand accent" everywhere (prices, buttons, links) -> now ink; red is re-applied only where allowed */
  --text:var(--ink);--blue:var(--ink);--blue2:#fff;--gray:var(--mute);--card:var(--mist);--green:var(--ok);--bg:var(--paper);
  --f-head:Montserrat,system-ui,sans-serif;--f-ui:Onest,system-ui,sans-serif;--f-num:Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:10px;--r-card:14px;--r-sheet:16px;
  --sec:48px;--sh-float:0 -8px 24px rgba(17,18,22,.08);--sh-pop:0 16px 40px rgba(17,18,22,.14);
}
@media(min-width:900px){:root{--sec:88px}}

/* ---- 1. base type ---- */
body{font:400 16px/1.5 var(--f-ui);color:var(--ink);background:var(--paper)}
h1,.cfn{font-family:var(--f-head);font-weight:800;letter-spacing:-.02em;line-height:1.1}
h2{font-family:var(--f-head);font-weight:800;font-size:24px;line-height:1.15;letter-spacing:-.02em}
@media(min-width:900px){h2{font-size:32px}}
.lead,.cflead,.gwb p,.tr4 p,.steps3 p,.faq p,.modal p,.cm-s{max-width:70ch}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.hhero-t :focus-visible,.gwb :focus-visible,footer :focus-visible,.promo :focus-visible{outline-color:#fff}
/* caps-mono labels -> sentence-case small Onest in mute */
.mono,.eb,.hd span,.cgh span,.ct,.hc-r label span,.hc-o small,.spec dt,.cfx-t dt,.selb small,.cps small,.rsub,
#row-side .rsub,#row-hw .rsub,.stepper span,.drw-h .ok,.prog span,.lbl,.ft-h,.ft-pl,.cm-g,.empt-h,.hw-m,.ibx dt,
.dq-k,.prow small,.dimbox small,.pbar small,.mgh,.pick-h span,.lb-c,.rng,.pfh span{
  font:500 13.5px/1.35 var(--f-ui)!important;text-transform:none!important;letter-spacing:0!important;color:var(--mute)}
.hd{border-bottom:0;padding-bottom:0;align-items:baseline}
.hd h2{flex:1}
.link{color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.link:hover{text-decoration-thickness:2px}
.err,.f .e{color:var(--red-d)}

/* ---- 2. buttons & fields ---- */
.go{min-height:48px;border-radius:var(--r);background:var(--ink);color:#fff;font:600 16px/1.2 var(--f-ui);justify-content:center;gap:10px;padding:0 20px;text-align:center;transition:background .15s}
.go:hover{background:var(--ink-2)}
.go.dark{background:var(--ink)}
.go.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);min-height:44px}
.go.ghost:hover{background:var(--mist)}
.go[disabled],.go.dis{background:#C9CDD5;color:#fff}
.go span{font-family:inherit}
.f input,.f select,.srch input,#cityQ{border-radius:var(--r);border:1.5px solid var(--line-2)}
.f input:focus,.f select:focus,#cityQ:focus{outline:none;border-color:var(--ink)}
.f.bad input,.f input.bad{border-color:var(--red)}
.chk input,.dm input,.guar input,.gwx input{accent-color:var(--ink)}
.chk.bad{color:var(--red-d)}

/* ---- 3. promo strip + city picker ---- */
.demo,.promo{font:500 13px/1.4 var(--f-ui);letter-spacing:0;text-transform:none;background:var(--ink);color:#fff}
.promo{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;padding:8px 12px}
.promo>b{display:none}
.promo b{color:#fff}
.pmx-s{display:none}
@media(max-width:560px){.pmx-l{display:none}.pmx-s{display:inline}.pm-g{display:none}}
@media(max-width:420px){#promoTxt{overflow:hidden;text-overflow:ellipsis}}
.cityb{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:#fff;font:inherit;padding:4px 2px;cursor:pointer;text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.cityb:hover{text-decoration-color:#fff}
.cityb svg{color:#fff;opacity:.75;flex:none}
.cityb i{font-style:normal;font-size:.8em;opacity:.7}
.pm-sep{opacity:.45}
.citym{position:fixed;inset:0;z-index:90;background:rgba(17,18,22,.5);display:flex;align-items:flex-end;justify-content:center}
.citym[hidden]{display:none}
.cm-b{background:var(--paper);width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column;padding:20px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:var(--r-sheet) var(--r-sheet) 0 0;box-shadow:var(--sh-pop)}
@media(min-width:700px){.citym{align-items:center}.cm-b{border-radius:var(--r-sheet);max-height:80vh;padding:24px}}
.cm-h{display:flex;align-items:center;justify-content:space-between;gap:12px}
.cm-h h3{margin:0;font:700 20px/1.2 var(--f-ui)}
.cm-s{margin:6px 0 14px;font-size:14px;line-height:1.5;color:var(--mute)}
#cityQ{width:100%;min-height:48px;padding:0 14px;font:16px var(--f-ui);margin-bottom:4px;background:var(--paper)}
.cm-l{overflow:auto;padding-bottom:6px}
.cm-g{margin:16px 0 8px}
.cm-ob{margin-top:12px;border-top:1px solid var(--line)}
.cm-ob summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;cursor:pointer;list-style:none;font:600 15px var(--f-ui)}
.cm-ob summary::-webkit-details-marker{display:none}
.cm-ob summary em{font:500 13px var(--f-ui);color:var(--mute);font-style:normal;display:flex;align-items:center;gap:8px}
.cm-ob summary em::after{content:'';width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.cm-ob[open] summary em::after{transform:rotate(-135deg) translateY(-2px)}
.cm-ob .cm-c{padding-bottom:6px}

.cm-c{display:flex;flex-wrap:wrap;gap:8px}
.cm-c button{min-height:40px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--paper);padding:0 14px;font:500 15px var(--f-ui);cursor:pointer}
.cm-c button:hover{border-color:var(--ink)}
.cm-c button.a{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---- 4. header ---- */
header.top{border-bottom:1px solid var(--line);background:var(--paper)}
header.top .ruler{display:none!important}
#srchBtn{display:none!important}
.ibtn{border-radius:var(--r)}
.zbtn{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;min-height:46px;padding:0 14px;border:0;border-radius:var(--r);background:var(--ink);color:#fff;font:600 14.5px/1 var(--f-ui);white-space:nowrap;cursor:pointer;transition:background .15s}
.zbtn:hover{background:var(--ink-2)}
.zbtn *{pointer-events:none}
.zt3{display:inline-flex;flex-direction:column;align-items:stretch;line-height:1;white-space:nowrap}
.zr{display:block;height:8px;margin-top:6px}
.zr svg{display:block;width:100%;height:8px;overflow:visible}
@media(max-width:899px){.zbtn{padding:0 10px;font-size:13px;min-height:44px}}
@media(max-width:374px){.zbtn{padding:0 7px;font-size:11.5px}}
.cartbtn{position:relative;width:44px;height:44px;min-height:44px;padding:0;gap:0;justify-content:center;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--r)}
.cartbtn:hover{background:var(--mist)}
.cartbtn .cbt{display:none}
.cartbtn .cbi{display:block;margin:0}
.cartbtn #cartCnt{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--red);color:#fff;font:600 11px/20px var(--f-num);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--paper)}
@media(max-width:439px){.logo svg{height:24px!important}}
@media(max-width:374px){.logo svg{height:21px!important}}
/* desktop nav dropdowns */
@media(min-width:1024px){
  .dnav{gap:4px!important;margin:0 auto 0 24px!important}
  .dd{position:relative}
  .dd-b{display:flex;align-items:center;gap:7px;font:600 16.5px var(--f-ui);color:var(--ink);background:none;border:0;padding:11px 14px;cursor:pointer;border-radius:var(--r)}
.dd-b svg{width:12px;height:12px;transition:transform .15s ease}
.dd-b:hover,.dd.open .dd-b{background:var(--mist)}
.dd.open .dd-b svg{transform:rotate(180deg)}
.dd.cur .dd-b{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);border-radius:var(--r) var(--r) 0 0}
.dd-m{position:absolute;top:calc(100% + 8px);left:0;z-index:70;width:min(760px,calc(100vw - 48px));background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh-pop);padding:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.dd-m.dd-m2{width:min(640px,calc(100vw - 48px))}
.dd-m[hidden]{display:none}
.dd-m::before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px}
.dd-m a{display:flex;align-items:center;gap:16px;padding:10px;text-decoration:none;color:var(--ink);border:0!important;border-radius:16px;transition:background .15s ease}
.dd-m a:hover,.dd-m a:focus-visible{background:var(--mist);outline:none}
.dd-m a[aria-current="page"]{background:var(--mist)}
.dd-m img{width:128px;height:96px;object-fit:cover;flex:none;background:var(--mist);border-radius:12px;transition:transform .25s ease}
@media(hover:hover){.dd-m a:hover img{transform:scale(1.04)}}
.dd-m span{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.dd-m b{font:700 18px var(--f-ui);line-height:1.2}
.dd-m small{font:400 14px var(--f-ui);color:var(--mute);line-height:1.35}
.dd-z{grid-column:1/-1;display:flex;align-items:center;gap:8px;justify-content:center;margin-top:6px;padding:14px;border:0;border-top:1px solid var(--line);background:none;font:600 15px var(--f-ui);color:var(--red,#E3203A);cursor:pointer;border-radius:0 0 14px 14px}
#dnav .dd-m .dd-z{color:var(--red,#E3203A)!important}@media(max-width:1199px){.dd-b{font-size:15px;padding:10px 10px}}.dd-b{white-space:nowrap}.dd-z span{color:var(--mute);font-weight:400;flex:none!important;display:inline!important}
.dd-z:hover{background:var(--mist)}
.dd-m span em{font:700 16px var(--f-num);font-style:normal;color:var(--ink);white-space:nowrap;margin-top:4px}
}

/* ---- 5. burger menu ---- */
.mnu-dim{background:rgba(17,18,22,.5)}
.mnu-p{box-shadow:var(--sh-pop)}
.mnu-h{border-bottom:1px solid var(--line)}
.mnu-x{width:52px!important;height:52px!important;min-width:52px;display:inline-flex;align-items:center;justify-content:center}
.mnu-x svg{width:26px;height:26px}
.mnu-b .mono,.mgh{margin:20px 0 4px!important}
.mnu-b>#menuProds>.mgh:first-child{margin-top:10px!important}
.mi{gap:12px;min-height:60px;border-bottom:1px solid var(--line);font:600 16px var(--f-ui)}
.mi img{width:56px;height:42px;border-radius:8px}
.mi em{font:500 13px var(--f-num);color:var(--mute)}
.ml{min-height:52px;font:500 16px var(--f-ui);border-bottom:1px solid var(--line)}
.ml em{font:500 18px var(--f-ui);color:var(--mute)}
.ml.mlz{background:var(--red);color:#fff!important;border:0!important;border-radius:var(--r);padding:0 16px!important;margin:12px 0 8px;min-height:56px;font-weight:700}
.ml.mlz span{color:#fff}
.ml.mlz em{color:#fff!important;opacity:.9;font:500 13.5px var(--f-ui)}
.ml.mlz:hover{background:#DC1030}
.mnu-f{border-top:1px solid var(--line)}

/* ---- 6. home: hero + calculator ---- */
.hhero-t h1{font-size:30px!important;line-height:1.1!important;text-shadow:none}
.hhero-t h1 b{color:#A9AEBA;font-weight:800}
@media(min-width:561px){.hhero-t h1{font-size:36px!important}}
@media(min-width:900px){.hhero-t h1{font-size:44px!important;line-height:1.08!important}}
.hhero-t{gap:20px!important}
@media(max-width:759px){.hhero-t{padding:24px 16px 24px!important}}
.hcap{border-radius:var(--r)}
.hcalc{border-top:0;border-radius:var(--r-card);padding:20px 16px;gap:16px}
@media(min-width:760px){.hcalc{padding:24px}}
.hc-t{font:700 18px/1.25 var(--f-ui)}
.hc-p{gap:8px}
.hc-p button{white-space:nowrap;min-height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r);font:500 14px var(--f-ui);background:var(--paper)}
.hc-p button:hover{border-color:var(--ink)}
.hc-p button[aria-checked="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.hc-r{gap:8px 10px}
.hc-r label{gap:6px}
.hc-r input{height:48px;border:1.5px solid var(--line-2);border-radius:var(--r);font:600 18px var(--f-num)}
.hc-r input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.hc-r label i{font:500 13px var(--f-num);color:var(--mute)}
.hc-x{color:var(--mute)}
.hc-o{align-items:baseline;gap:10px;margin-top:4px}
.hc-o strong{font:700 26px/1.1 var(--f-num);color:var(--ink);letter-spacing:-.02em}
@media(min-width:760px){.hc-o strong{font-size:30px}}
.hcalc.bad .hc-o strong{color:var(--red-d);font:500 15px var(--f-ui)}
.hc-r .go{min-height:48px}
.hc-g{background:var(--mist);border-radius:var(--r);padding:12px 14px;font:500 14.5px/1.4 var(--f-ui);align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.hc-g b{color:var(--ok)}
.hc-g .link{font-size:inherit}
.hc-n{color:var(--mute)}
/* stats row */
.stats3{border-bottom:1px solid var(--line)}
.stats3 div{padding:14px 6px;border-right:1px solid var(--line)}
.stats3 b{font:600 15px var(--f-num);color:var(--ink);letter-spacing:-.02em}
.stats3 span{font-size:12.5px;color:var(--mute);margin-top:2px}
@media(max-width:380px){.stats3 b{font-size:13.5px}}
.htrust{border-top:1px solid rgba(255,255,255,.18)!important}
.htrust li{color:#A9AEBA!important}
.htrust b{font:600 20px var(--f-num)!important;color:#fff!important;letter-spacing:-.02em}

/* ---- 7. home: section rhythm ---- */
body[data-scr="home"] #scr-home>.hd{margin-top:var(--sec)}
body[data-scr="home"] #scr-home>.hd#prods{margin-top:40px}
@media(min-width:760px){body[data-scr="home"] #scr-home>.hd#prods{margin-top:72px}body[data-scr="home"] #scr-home>.hd{margin-top:var(--sec)}}
.hd{flex-wrap:wrap;row-gap:4px}

/* ---- 8. "Що обрати?" ---- */
.pick{margin-top:16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);overflow:hidden}
.pick-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;padding:16px 16px 12px;background:none;color:var(--ink);border:0}
.pick-h b{font:700 18px/1.25 var(--f-ui)}
.pick ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.pick li{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:6px;padding:14px 16px;border-bottom:1px solid var(--line);min-width:0;transition:background .15s}
.pick li:nth-child(odd){border-right:1px solid var(--line)}
.pick li:nth-last-child(-n+2){border-bottom:0}
.pick li>span{font-size:13.5px;line-height:1.35;color:var(--mute)}
.pick a{font:600 15px/1.3 var(--f-ui);color:var(--ink);text-decoration:none}
.pick li.one a::after{content:'';position:absolute;inset:0}
@media (hover:hover){.pick li:hover{background:var(--mist)}}
.pick a:focus-visible{outline:none}
.pick li:has(a:focus-visible){outline:2px solid var(--ink);outline-offset:-2px}
@media(min-width:900px){
  .pick{margin-top:24px}
  .pick-h{padding:20px 20px 14px}
  .pick ul{grid-template-columns:repeat(6,minmax(0,1fr))}
  .pick li{border-bottom:0;border-right:1px solid var(--line)!important;padding:16px 18px 18px}
  .pick li:last-child{border-right:0!important}
}

/* ---- 9. catalogue ---- */
.catg{display:flex;flex-direction:column;gap:40px;margin-top:40px}
.cgh{display:flex;align-items:baseline;gap:10px;margin:0 0 16px;font:700 20px/1.2 var(--f-ui);letter-spacing:-.01em;padding:0;border:0}
.catg .cats{margin-top:0!important;gap:12px!important}
.cg{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;background:var(--paper);gap:0;transition:border-color .15s}
.cg:hover{border-color:var(--ink)}
.cg img{background:var(--mist)}
.cb{padding:14px 14px 16px;gap:6px}
.ct{color:var(--mute)!important}
.cg b{font:700 17px/1.25 var(--f-ui)}
.cat:hover b{color:var(--ink)}
.cg small{font-size:14px;line-height:1.45;color:var(--mute)}
.csw{gap:5px;margin:4px 0 6px}
.csw u{width:16px;height:16px;border-radius:4px;border:1px solid rgba(17,18,22,.12)}
.cg .cr{margin-top:auto;padding-top:8px;align-items:center}
.cg .cr em{font:600 16px var(--f-num)!important;color:var(--ink)!important;letter-spacing:-.02em}
.cg .cr em{white-space:nowrap}
.cg .cr em i{font:500 14px var(--f-ui);font-style:normal;color:var(--mute);letter-spacing:0;margin-right:2px}
.cg .go{min-height:44px;border-radius:var(--r);font-size:15px;padding:0 18px}
@media(max-width:759px){
  .catg .cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .catg .cats>.cat:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .catg .cats>.cat:last-child:nth-child(odd) img{height:100%;aspect-ratio:auto;min-height:150px}
  .cb{padding:12px 12px 14px}
  .cg b{font-size:16px}
  .cg small{font-size:13.5px}
  .cg .cr{flex-direction:column;align-items:stretch;gap:10px}
  .cg .go{width:100%}
}
@media(min-width:760px){
  .catg{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px 24px;margin-top:56px}
  .catg .cats{gap:24px!important}
  .cg-rol .cats,.cg-sht .cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cg-zhal{grid-column:1/-1}
  .cg-zhal .cats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cg-rol{grid-row:1;grid-column:1}.cg-sht{grid-row:1;grid-column:2}
  .cgh{font-size:22px}
  .cb{padding:18px 20px 20px;gap:8px}
  .cg b{font-size:19px}
  .cg small{font-size:15px}
  .cg .cr em{font-size:17px!important}
  .cg .cr{flex-wrap:nowrap;justify-content:space-between;gap:10px}
  .cg .go{padding:0 14px;flex:none}
}

/* ---- 10. steps, measurer band, trust, FAQ ---- */
.tint{--tb:var(--mist);margin-top:var(--sec)!important;padding:8px 0 40px!important}
.tint>.hd:first-child{margin-top:40px!important}
.steps3{margin-top:16px}
.steps3 li{border-bottom:1px solid var(--line);padding:16px 0}
.steps3 i{width:40px;height:40px;border-radius:var(--r);background:var(--ink);color:#fff;font:600 14px var(--f-num)}
.steps3 b{font:700 17px/1.3 var(--f-ui)}
.steps3 p{font-size:15px;line-height:1.5;color:var(--mute);margin-top:4px}
@media(min-width:760px){
  .tint{padding:24px 0 var(--sec)!important}
  .tint .steps3{margin-top:32px;gap:40px}
  .tint .steps3 li{border-bottom:0;padding:0}
  .tint .steps3 i{background:none;color:var(--ink);font:500 40px/1 var(--f-num);letter-spacing:-.04em;width:auto;height:auto;border-radius:0;padding-bottom:12px;border-bottom:1px solid var(--line-2)}
  .tint .steps3 b{font-size:20px}
  .tint .steps3 p{font-size:16px}
}
.gwb{gap:16px}
.gwb h2{color:#fff;font-size:24px}
@media(min-width:760px){.gwb{padding-top:var(--sec)!important;padding-bottom:var(--sec)!important}.gwb h2{font-size:32px}}
.gwb p{color:#B4B8C3;font-size:16px;line-height:1.5}
.gwb .ghost2{background:#fff;color:var(--ink);border:0;min-height:48px;padding:0 22px;font-size:16px}
.gwb .ghost2:hover{background:var(--mist)}
.gwb-art svg{overflow:visible}
.gwb-art [fill="#FFD600"]{fill:#fff}
.gwb-art [stroke="#FFD600"]{stroke:#9AA0AD}
.gwb-art [fill="#0A0A14"]{fill:var(--ink)}
.trust{margin-top:var(--sec)!important}
.trust>.hd{margin-top:0!important}
.tr4{border-bottom:1px solid var(--line)}
.tr4 svg{color:var(--ink)}
.tr4 b{font:700 17px/1.3 var(--f-ui)}
.tr4 p{color:var(--mute)}
@media(min-width:760px){.trust{margin-top:var(--sec)!important}.tr4{margin-top:24px!important}.tr4 li{padding-top:32px;padding-bottom:32px}}
.faqs{margin-top:12px;border-top:1px solid var(--line)}
.faq summary{font:600 16px/1.35 var(--f-ui);min-height:60px}
.faq summary i{font:400 22px var(--f-ui);color:var(--ink);transition:transform .15s}
.faq p{color:var(--mute);font-size:15px;line-height:1.55}
/* footer */
footer .pays span{border-radius:6px}
footer .ft-pl{color:#9AA0AD!important;text-align:right}
footer .ft-h{color:#9AA0AD!important}
footer .ft-cols a:hover,footer .ft-cols button:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
footer .ft-legal{color:#9AA0AD}

/* ---- 11. product page ---- */
#scr-cfg .tb .back{width:40px;height:40px;border:1.5px solid var(--line);border-radius:var(--r);font:500 20px var(--f-ui)}
#scr-cfg .tb .back:hover{border-color:var(--ink)}
.hero{background:var(--mist)}
@media(max-width:899px){.hero{border-bottom:1px solid var(--line)}}
.cfDraw,.lb-st .lbsvg{background:var(--mist)}
#heroSvg rect[fill="#EEF1F5"],#cfSvg rect[fill="#EEF1F5"],.lbsvg rect[fill="#EEF1F5"]{fill:var(--mist)}
@media(min-width:900px){.hero{border-radius:var(--r-card)}}
.hnav{background:rgba(255,255,255,.9)}
.hnav.hp{border-radius:0 var(--r) var(--r) 0}.hnav.hn{border-radius:var(--r) 0 0 var(--r)}
.hcnt{border-radius:6px;font:500 12px var(--f-num)}
.seg{border-radius:var(--r);background:rgba(17,18,22,.78);padding:3px;gap:2px}
.seg button{border-radius:8px}
.cfT{gap:8px;padding:20px 0 8px}
.cfT .cfn,#scr-cfg .cfn{font-size:30px!important;line-height:1.1}
@media(min-width:900px){.cfT .cfn,#scr-cfg .cfn{font-size:44px!important}}
.cflead{font-size:16px;line-height:1.5;color:var(--mute)}
.cfps{font-size:14px;color:var(--mute)}
.cfps b{color:var(--ink)}
.cfMain{gap:12px;padding-top:16px}
.rows,#cfRows{gap:12px!important}
#cfRowsA{margin-bottom:0}
/* step containers: one card style */
.qmnt,.qdim,.qcol,.lrow,.csum{border:1px solid var(--line)!important;border-radius:var(--r-card)!important;background:var(--paper)!important}
.qmnt,.qdim,.qcol{padding:16px!important;gap:12px;margin:0!important}
.lrow{min-height:60px;padding:0 14px 0 16px;font-size:15.5px;transition:border-color .15s}
.lrow:hover{border-color:var(--ink)!important}
.lrow b{font-weight:600;color:var(--ink)}
.lrow i{color:var(--mute)}
.qc-t{font-size:16px}
.qc-t b{font-weight:600;white-space:nowrap;text-align:right}
.qc-t>span{min-width:0}
@media(max-width:380px){.qc-t{font-size:15px}.qmnt,.qdim,.qcol{padding:14px!important}.wa-row{padding:12px;gap:10px}}
.rl,.qc-t span{color:var(--ink)!important;font-weight:600}
.sn{width:24px;height:24px;border-radius:6px;background:var(--ink);font:600 12px var(--f-num);margin-right:10px}
.rsub{margin-top:2px}
#row-side .rsub,#row-hw .rsub{display:block!important}
#row-side:has(.rsub),#row-hw:has(.rsub){padding-top:10px;padding-bottom:10px}
/* required/next step = red (errors & required only) */
.lrow.need,.qdim.need,.qcol.need{border-color:var(--red)!important;box-shadow:inset 3px 0 0 var(--red);border-left-width:1px!important;background:var(--paper)!important}
.lrow.need .sn,.qdim.need .sn,.qcol.need .sn{background:var(--red)}
.lrow.need b,.qdim.need .qc-t b,.qcol.need .qc-t b{color:var(--red-d)}
/* option tiles: mount, system (sheet options), fabric groups */
.qm-b{gap:8px}
.qm-b button{min-height:48px;border:1.5px solid var(--line);border-radius:var(--r);font:600 15px var(--f-ui);transition:border-color .15s}
.qm-b button:hover{border-color:var(--ink)}
.qm-b button.a{background:var(--ink);border-color:var(--ink);color:#fff}
.qm-s{font-size:14px;line-height:1.5;color:var(--mute)}
.qtab{gap:8px}
.qtab button{border:1.5px solid var(--line);border-radius:var(--r);padding:12px;gap:4px;transition:border-color .15s,background .15s}
.qtab button:hover{border-color:var(--ink)}
.qtab button.a{background:var(--ink)!important;border-color:var(--ink)!important;box-shadow:none!important;color:#fff}
.qtab b{font-size:15px}
.qtab button>b{white-space:nowrap}
.qtab button>span:not(.lm){font:500 13px var(--f-num)!important;color:var(--mute);white-space:nowrap}
.qtab button.a>span:not(.lm){color:#C9CDD5}
.qtab .lm{color:var(--mute)}
.qtab button.a .lm,.qtab button.a .lm b{color:#C9CDD5}
.qtab button.a .lm i{background:rgba(255,255,255,.28)}
.qtab button.a .lm i:first-child{background:rgba(255,255,255,.65)}
.qtab button.a .lm.lm3 i{background:#fff}
.qtab button.sel>b::after{color:var(--ok)}
.qtab button.a.sel>b::after{color:#fff}
.qtab button.v{border-color:var(--line)}
.opt{border-radius:var(--r);background:var(--mist);min-height:60px}
.opt.a{background:var(--paper);outline:2px solid var(--ink);outline-offset:-2px}
.opt .ow em{border-radius:4px}
/* colour swatches */
.qc-h b{font-size:15px}
.qc{border-radius:8px;border:1px solid rgba(17,18,22,.14)}
.qc.a{outline:2px solid var(--ink);outline-offset:2px}
.qci small{color:var(--mute)}
.fsw{border-radius:8px}
.fsw.a{outline:2px solid var(--ink)!important;outline-offset:2px}
.fgrp{border-radius:var(--r-card);border:1px solid var(--line)}
.fgrp.a{border-color:var(--ink)}
.qc-s{color:var(--ink)!important}
.cps em,.selb em,.dpr,.msum em,.shpr{color:var(--ink)}
.fgrp .fh .fp small,.cpvx .cpv-t small{color:var(--mute)}
/* sizes + ruler motif */
.qd-f{gap:12px}
.qd-f label{gap:8px}
.qd-f label>span{font-size:14px;color:var(--ink);font-weight:600}
.qd-f label>span i{width:20px;height:20px;border-radius:4px;background:var(--red);font:600 12px var(--f-num)}
.qd-f input{height:56px;border:1.5px solid var(--line-2);border-radius:var(--r);font:600 22px var(--f-num);padding:0 40px 8px 14px;letter-spacing:-.02em}
.qd-f input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.qd-f label>em{bottom:22px;font:500 13px var(--f-num);color:var(--mute)}
.qd-f .qr{position:absolute;left:10px;right:10px;bottom:1.5px;height:7px;color:#9AA0AD;pointer-events:none}
.qd-f .qr svg{display:block;width:100%;height:7px}
.qd-f label:focus-within .qr{color:var(--ink)}
.qd-f input.bad,.dimf input.bad{border-color:var(--red)!important;box-shadow:0 0 0 1px var(--red);background:var(--paper)!important;color:var(--ink)}
.qd-f label.bad .qr{color:var(--red)}
.qd-f input.nan,.dimf input.nan{animation:nanShake .3s linear}
@keyframes nanShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
.qd-f label.bad>span{color:var(--red-d);font-weight:600}
.qd-r{font-size:13.5px;color:var(--mute)}
.qd-r b{color:var(--ink)}
.dwarn{border-radius:var(--r);border-left:0;background:var(--mist)}
.dwarn.derr{background:#FEF0F2;color:var(--ink)}
.dwarn.derr span::before{content:'!';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:8px;border-radius:50%;background:var(--red);color:#fff;font:700 12px var(--f-num);vertical-align:1px}
.wa-row{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin-top:4px}
.wa-row:hover{border-color:var(--ink);background:var(--mist)}
.wa-row>i{color:var(--mute);font-weight:400}
.qd-h summary{color:var(--ink)!important;font-weight:600}
.qd-h summary::after{color:var(--ink)}
.hw-w{display:grid;grid-template-columns:104px minmax(0,1fr);gap:10px 12px;align-items:center}
.hw-d{width:104px;height:auto;display:block;border:1px solid var(--line);border-radius:8px}
.hw-w>.hw-s{grid-column:1/-1;gap:8px}
.hw-w .hw-s li{grid-template-columns:24px 1fr;gap:8px;font-size:14px;line-height:1.45}
.hw-w .hw-s i{width:24px;height:24px;font-size:12px}
.hw-s i{border-radius:6px;background:var(--ink)}
.hw-t .hw-n{margin-top:2px}
.hw-n{font-size:13.5px}
.hw-m{display:inline-block;margin-bottom:4px}
/* child safety, default hints */
.kid{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;background:var(--ok-bg);color:var(--ok);border-radius:var(--r);font-size:14px;line-height:1.4}
.kid svg{width:18px;height:18px;flex:none}
.sheet[data-k="lam"] .sh-f,.sheet[data-k="side"] .sh-f,.sheet[data-k="hw"] .sh-f,.sheet[data-k="mount"] .sh-f{display:none}
/* steps 5/6: always full width (the safety line sits between them) */
#cfRows>#row-side,#cfRows>#row-hw{grid-column:1/-1!important}
/* params table */
#csum{display:none!important}
#csum.on{display:flex!important}
.csum{padding:20px!important;gap:12px;margin:4px 0 0}
.cs-h{font:700 18px/1.25 var(--f-ui)!important}
.cs-l div{grid-template-columns:132px minmax(0,1fr);gap:12px;padding:11px 0!important;border-top:1px solid var(--line)!important}
.cs-l div:first-child{border-top:0!important;padding-top:4px!important}
.cs-l dt{font-size:14px;color:var(--mute)}
.cs-l dd{font-size:15px;color:var(--ink)}
.cs-l dd b{font-weight:600}
.cs-l dd small{color:var(--mute);font-size:13px}
.cs-c i{border-radius:5px}
#csum .cs-t,#csum .cs-n{display:none!important}
@media(max-width:899px){.cs-l div{grid-template-columns:116px minmax(0,1fr)}}
/* spec + about */
.spec{border-top:1px solid var(--line);margin-top:20px}
.spec>div{grid-template-columns:110px 1fr;padding:12px 0}
.spec>div:nth-child(3){background:none;margin:0;padding-left:0;padding-right:0}
.spec dd{color:var(--ink)}
details.gp summary::after{color:var(--ink);font-family:var(--f-ui);font-weight:400;font-size:22px}
.kept{border-left:0;border-radius:var(--r);background:var(--ok-bg);color:var(--ink)}
/* bottom buy bar (Comfy-like) */
.cfbar{border-top:1px solid var(--line)!important;box-shadow:var(--sh-float)}
.cfbar .pbspec{order:-2}
.pbspec{margin:0 0 4px;font-size:13px;line-height:1.35;color:var(--mute);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#pbar .qtb,#pbar .pbtot{display:none!important}
#pbar .bar1{align-items:center;gap:12px}
.pbi{flex:0 1 44%;min-width:0;display:flex;flex-direction:column;gap:3px}
.pbi b{font:600 18px/1.15 var(--f-num);letter-spacing:-.03em;white-space:nowrap;color:var(--ink)}
.pbi b.ok{font:700 15px/1.2 var(--f-ui);letter-spacing:0;color:var(--ok)}
.pbi small{font-size:12px!important;color:var(--mute);line-height:1.3}
.addb,.addb.need{background:var(--ink)!important}
.addb:hover{background:var(--ink-2)!important}
#pbar .addb{flex:1 1 auto;border-radius:var(--r);padding:0 14px!important;justify-content:center!important;text-align:center;min-height:52px!important}
#pbar .addb .ap{display:none!important}
#pbar .addb .al{font:600 16px/1.15 var(--f-ui)!important;white-space:nowrap}
.cfpr{display:none!important}
@media(max-width:380px){.pbi b{font-size:15.5px}#pbar .addb .al{font-size:14.5px!important}}
@media(min-width:900px){.cfMain>.cfbar{border-top:1px solid var(--line)!important;box-shadow:0 -12px 16px -12px rgba(17,18,22,.12)!important}}
/* sheets + dialogs */
.sheet{border-top:0}
@media(min-width:900px){.sheet{border-left:0;border-radius:var(--r-sheet) 0 0 var(--r-sheet)}}
.sh-h h3{font:700 18px var(--f-ui)}
.sh-x{border-radius:var(--r)}
.sh-f .go{min-height:52px}
.dimf input{border-radius:var(--r);border:1.5px solid var(--line-2)}
.dimf input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.dimf .ab,.dtag{background:var(--red);border-radius:4px}
.dtag.empty{background:#fff;color:var(--red-d);border-color:var(--red)}
.dq-b{border-top:0;border-radius:var(--r-sheet);box-shadow:var(--sh-pop)}
.dq-b h3{font:700 22px/1.2 var(--f-ui)}
.dq-d{font:600 30px var(--f-num)}
.modal>div{border-radius:var(--r-sheet) var(--r-sheet) 0 0}
@media(min-width:600px){.modal>div{border-radius:var(--r-sheet)}}
.modal h3{font:700 22px/1.2 var(--f-ui);letter-spacing:-.01em}

/* ---- 12. cart drawer ---- */
.drw-dim{background:rgba(17,18,22,.5)!important}
.drw-p{border-radius:var(--r-sheet) 0 0 var(--r-sheet);box-shadow:var(--sh-pop)!important}
.drw-h{border-bottom:1px solid var(--line);padding:14px 16px 14px 20px}
.drw-h h3{font:700 20px var(--f-ui);letter-spacing:-.01em}
.drw-x{border:1.5px solid var(--line);border-radius:var(--r);font:400 18px var(--f-ui)}
.drw-x:hover{border-color:var(--ink)}
.drw-l{padding:20px 20px 12px;gap:16px}
.ci{border:1px solid var(--line);border-radius:var(--r-card);padding:14px}
.ci.new{border:1.5px solid var(--ink);padding:13.5px}
.ci.new .nt{top:-11px;left:12px;background:var(--ok);border-radius:6px;font:600 12px/1.4 var(--f-ui);letter-spacing:0;text-transform:none;padding:2px 8px}
.cisw{border-radius:6px;border-color:var(--line-2);overflow:hidden}
.cit b{font:600 15px/1.3 var(--f-ui)}
.cit .mono2{font:600 15px var(--f-num);letter-spacing:-.02em}
.cib .g{color:var(--mute)}
.qs{border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden;height:38px}
.qs button{background:var(--paper);width:36px;font:400 18px var(--f-ui)}
.qs button:hover{background:var(--mist)}
.qs b{border-color:var(--line);font:600 15px var(--f-num)}
.drw-acts{display:inline-flex;gap:16px;align-items:center;margin-left:auto}
.cia{flex-wrap:wrap;row-gap:8px;column-gap:12px;margin-top:10px}
.cia .g:empty{display:none}
.drw-rm{color:var(--mute);font-size:14px}
.drw-ed{color:var(--ink)!important;font-weight:600}
.drw-note{color:var(--mute)}
.drw-f{border-top:1px solid var(--line);padding:14px 20px 16px;gap:10px}
.drw-f .sumr{font-size:15px}
.drw-f .sumr b{font-weight:500}
.drw-f .sumt{font:700 17px var(--f-ui);margin-top:10px!important;padding-top:10px;border-top:1px solid var(--line)}
.drw-f .sumt b{font:700 24px var(--f-num);color:var(--ink);letter-spacing:-.03em}
.drw-f .go{min-height:52px}
.drw-f .go.ghost{min-height:48px}
.gwx{border-radius:var(--r);border:1px solid var(--line)}
.gwx.on{border-color:var(--ink);background:var(--mist)}
.gwx em{color:var(--ink)}
/* empty cart */
.empt{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 4px 8px}
.empt-i{width:88px;height:88px;border-radius:50%;background:var(--mist);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.empt-i svg{width:48px;height:48px}
.empt h3{margin:0 0 8px;font:700 20px/1.25 var(--f-ui)}
.empt p{margin:0;font-size:15px;line-height:1.5;color:var(--mute);max-width:340px}
.empt-b{display:grid;gap:8px;width:100%;max-width:340px;margin:20px 0 24px}
.empt-b .go{min-height:48px;width:100%}
.empt-h{align-self:stretch;text-align:left!important;margin:0 0 10px!important;border-top:1px solid var(--line);padding-top:16px}
.empt-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.empt-g a{display:flex;flex-direction:column;gap:4px;text-align:left;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;padding-bottom:10px}
.empt-g a:hover{border-color:var(--ink)}
.empt-g img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.empt-g b{font-size:13.5px;padding:2px 8px 0}
.empt-g em{font:500 12px var(--f-num);font-style:normal;padding:0 8px;color:var(--mute);white-space:nowrap}

/* ---- 13. cart page, checkout, done ---- */
.stepper{border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.stepper span{border-right:1px solid var(--line);padding:12px 8px;font-size:13.5px!important}
.stepper span.a{background:var(--ink);color:#fff!important}
.item .pr{font:600 16px var(--f-num)}
.qt{border:1.5px solid var(--line);border-radius:var(--r);overflow:hidden}
.qt b{border-color:var(--line);font-weight:600}
.qt button:hover{background:var(--mist)}
.item img{border-radius:8px}
.sum{border:1px solid var(--line);border-radius:var(--r-card);padding:20px}
.sum .r b{font-weight:500}
.sum .tot{border-top:1px solid var(--line)}
.sum .tot b{font:700 24px var(--f-num);color:var(--ink);letter-spacing:-.03em}
.cos-t{background:var(--mist);border-bottom:1px solid var(--line)}
.cos-t b{font:600 16px var(--f-num)}
.cos-w{background:var(--paper);border-bottom:1px solid var(--line)}
.csh i{border-radius:6px;font:600 12px var(--f-num)}
.csh i.ok{background:var(--ok)}
.csh b{font:700 19px/1.2 var(--f-ui);letter-spacing:-.01em}
.csh em{font:400 13.5px var(--f-ui);color:var(--mute)}
.dm label,.lockers button,.pay button,.banks button{border:1.5px solid var(--line);border-radius:var(--r)}
.dm label.a,.lockers button.a,.pay button.a,.banks button.a{border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink);background:var(--paper);color:var(--ink)}
.dm em{font-weight:600}
.dm b{color:var(--ink)}
.dm label.x b{color:var(--mute)}
.lockers button b{font:600 14px var(--f-ui)}
.paybox{border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r)}
.gusb{border-radius:var(--r)}
.warnbox{border-left:0;background:var(--mist);border-radius:var(--r)}
.cobar{border-top:1px solid var(--line);box-shadow:var(--sh-float)}
.cobar .go{min-height:56px}
.cobar .go #payTot{font:600 18px var(--f-num)}
#payLbl{white-space:nowrap}
@media(max-width:400px){
  .cobar .go{padding-left:14px;padding-right:14px}
  #payLbl{font-size:15px}
  .cobar .go #payTot{font-size:16.5px}
  .cos-t{font-size:14px}
  #coSumL{white-space:nowrap}
  #coSumL i{display:none}
}
@media(min-width:900px){#scr-checkout>.cos-w{border:1px solid var(--line)!important;border-radius:var(--r-card)}}
.cnext{border:1px solid var(--line);border-radius:var(--r-card);background:var(--mist)}
.cnext li::before{border-radius:6px}
.tl{border-left:1px solid var(--line-2)}
.tl li::before{border-radius:50%;border:1.5px solid var(--line-2)}
.tl li.d::before{background:var(--ok);border-color:var(--ok)}
.mail{border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
/* IBAN block */
.ibx{margin-top:24px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);overflow:hidden}
.ibx-h{padding:14px 16px;background:var(--ink);color:#fff;display:flex;justify-content:space-between;align-items:baseline;gap:4px 10px;flex-wrap:wrap}
.ibx-h b{font:700 17px var(--f-ui)}
.ibx-h span{font:500 13.5px var(--f-ui);color:#B4B8C3}
.ibx dl{margin:0}
.ibx dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}
.ibx dt{grid-column:1}
.ibx dd{grid-column:1;margin:0;font-weight:600;font-size:15px;overflow-wrap:anywhere}
.ibx dd.mono2{font:500 14.5px var(--f-num)}
.ibx dd small{display:block;font:500 12.5px var(--f-ui);color:var(--red-d)}
.ibx .cpy{grid-column:2;grid-row:1/span 2;min-height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--paper);font:600 14px var(--f-ui);cursor:pointer;white-space:nowrap}
.ibx .cpy:hover{border-color:var(--ink)}
.ibx .cpy.ok{background:var(--ok);border-color:var(--ok);color:#fff}
.ibx p{margin:0;padding:12px 16px;font-size:13.5px;line-height:1.5;color:var(--mute)}

/* ---- 14. motion ---- */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

#cartCnt[hidden]{display:none!important}
.hero-ph.one .hnav,.hero-ph.one .hcnt{display:none!important}

/* ===== v42: measurer is the main (red) action; buying stays ink ===== */
.hhero-t h1 b{color:#FF3B55!important}
.zbtn.zb3{background:var(--red)!important}
.zbtn.zb3:hover{background:#D90F2C!important}
.qd-f .qr{color:var(--red)!important;opacity:.7}
.qd-f label:focus-within .qr{opacity:1}
.gwb .ghost2{background:var(--red)!important;color:#fff!important}
.gwb .ghost2:hover{background:#D90F2C!important}
.hc-g .link,.qc-z .link{color:#C40F2C!important;text-decoration-color:rgba(246,23,55,.4)}
/* measured red lower on the page */
.tint .steps3 i{color:var(--red)!important;border-bottom-color:var(--red)!important}
.tr4 svg{color:var(--red)!important}
.cgh{position:relative}
.cgh::after{content:'';position:absolute;left:0;bottom:-1px;width:32px;height:3px;background:var(--red)}
/* fabric tabs: never truncate the name */
.qtab button>b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.2}
.qtab button{min-width:0}
/* trust rows under order buttons */
.trow{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.trow li{position:relative;padding-left:22px;font-size:13.5px;line-height:1.4;color:var(--mute)}
.trow li::before{content:'';position:absolute;left:2px;top:4px;width:12px;height:7px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.trow .link{font-size:13.5px;color:#C40F2C}
.cobar .trow{margin:12px 0 4px}

/* ===== v43 measurer form ===== */
.mdx{display:none}
#modal.zmm .mdx{display:grid;place-items:center;position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:0;background:var(--mist);color:var(--ink);cursor:pointer;z-index:2}
#modal.zmm>div{position:relative}
#modal.zmm #mdClose{display:none!important}
#modal.zmm #mdT{font:800 26px/1.12 var(--f-head);margin:2px 52px 0 0;letter-spacing:-.01em}
.zm-rul{display:block;width:100%;height:9px;margin:10px 0 14px}
/* v305: компактна форма заміру (Дмитро 10.11.2026) */
#zmForm{grid-template-columns:1fr 1fr;gap:12px 10px}
#zmForm>.f[data-f="zmt"],#zmForm>#zmCtx,#zmForm>.zm-go{grid-column:1/-1}
#zmForm label{margin-bottom:4px}
#zmForm input,#zmForm select{min-height:48px;font-size:16px}
#zmForm .zm-tel input{min-height:46px;font-size:17px}
#zmForm select{padding-right:30px;background-position:right 10px center}
#zmForm .zm-go{min-height:54px!important;margin-top:2px}
.zm-rul{margin:8px 0 10px!important}
.zm-sub{margin:0 0 14px!important;font-size:14.5px!important}
.zm-note{margin:10px 0 0!important;text-align:center;font-size:13px;color:var(--mute)}
.zm-msg2{margin-top:14px}
.zm-msg2 a{min-height:44px!important;font:500 14px var(--f-ui)!important;background:#EAF6FD!important;border-color:#EAF6FD!important;color:var(--ink)!important}
.zm-msg2 a b{color:#1C8BC9}
.zm-msg2 svg{width:20px!important;height:20px!important;flex:none}

.zm-sub{margin:0 0 18px!important;color:var(--mute);font-size:15px;line-height:1.45}
.zm{display:grid;gap:14px}
.zm .f{margin:0}
.zm label{display:block;font:600 13.5px var(--f-ui);color:var(--mute);margin:0 0 6px}
.zm input,.zm select{width:100%;min-height:54px;border:1.5px solid var(--line-2,#C9CDD5);border-radius:12px;padding:0 14px;font:500 17px var(--f-ui);color:var(--ink);background:#fff;outline:0;transition:border-color .15s;-webkit-appearance:none;appearance:none}
.zm select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111216' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}
.zm select:invalid,.zm select option[value=""]{color:#A3A8B3}
.zm input::placeholder{color:#A3A8B3}
.zm input:focus,.zm select:focus,.zm-tel:focus-within{border-color:var(--ink)}
.zm-tel{display:flex;align-items:center;border:1.5px solid var(--line-2,#C9CDD5);border-radius:12px;padding-left:14px;background:#fff}
.zm-tel span{font:500 17px var(--f-num);color:var(--mute)}
.zm-tel input{border:0!important;min-height:52px;font:500 18px var(--f-num);letter-spacing:.01em}
.zm .f.bad input,.zm .f.bad select,.zm .f.bad .zm-tel{border-color:var(--red)}
.zm .f .e{display:none;color:#C40F2C;font-size:13px;margin-top:6px}
.zm .f.bad .e{display:block}
.zm .f.bad .zm-tel input{border:0!important}
.zm-go{background:var(--red)!important;color:#fff!important;border:0!important;border-radius:14px!important;min-height:58px!important;font:700 17px var(--f-ui)!important;justify-content:center!important;margin-top:4px;width:100%}
.zm-go:hover{background:#D90F2C!important}
.zm-next{list-style:none;counter-reset:z;margin:18px 0 0;padding:14px;border-radius:14px;background:var(--mist);display:grid;gap:9px}
.zm-next li{counter-increment:z;display:grid;grid-template-columns:24px 1fr;gap:10px;font-size:14px;line-height:1.4;color:#2A2D35;align-items:center}
.zm-next li::before{content:counter(z);font:600 12px/22px var(--f-num);text-align:center;border-radius:50%;background:#fff;border:1.5px solid var(--line-2,#C9CDD5);height:22px}
.zm-or{display:flex;align-items:center;gap:12px;color:var(--mute);font-size:13px;margin:18px 0 10px!important}
.zm-or::before,.zm-or::after{content:'';height:1px;background:var(--line);flex:1}
.zm-msg{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zm-msg a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border:1.5px solid var(--line);border-radius:12px;font:600 15px var(--f-ui);color:var(--ink);text-decoration:none;background:#fff}
.zm-msg a:hover{border-color:var(--ink)}
.zm-msg svg{width:22px;height:22px}
.zm-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 0 6px}
.zm-ok{width:64px;height:64px;border-radius:50%;background:var(--ok-bg,#E8F4EE);color:var(--ok);display:grid;place-items:center;margin-bottom:14px}
.zm-done h4{font:800 22px/1.15 var(--f-head);margin:0 0 8px}
.zm-done p{margin:0 0 8px;color:var(--mute);font-size:15px;max-width:34ch}
.zm-done .zm-demo{font-size:13px}
#modal.zmm .zm-done ~ *{display:none}

/* ===== v44 rooms & blog ===== */
.bc{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:16px 0 16px;font:500 13.5px/1.4 var(--f-ui);color:var(--mute)}
.bc a{color:var(--mute);text-decoration:none;padding:4px 0}
.bc a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.bc i{font-style:normal;color:var(--line-2)}
.bc span{color:var(--ink)}
.go.red{background:var(--red);color:#fff}
.go.red:hover{background:#D90F2C}
.rm-lead{font-size:17px;line-height:1.55;color:var(--ink-2);margin:0;max-width:60ch}
.hd-a{font:600 15px var(--f-ui);color:var(--ink);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
#scr-room .hd,#scr-rooms .hd,#scr-blog .hd,#scr-post .hd,.rmhome .hd{margin-top:0}
.rm-sec{margin-top:var(--sec);scroll-margin-top:calc(var(--hdrH,72px) + 16px)}
.rm-sub{margin:6px 0 0;color:var(--mute);font-size:15px;line-height:1.5}
.pg-h h1{font-size:clamp(32px,9vw,56px);margin:0 0 12px}
/* room hero */
.rmh-h{display:grid;gap:20px}
.rmh-i{margin:0;border-radius:var(--r-card);overflow:hidden;background:var(--mist);aspect-ratio:16/10}
.rmh-i img{width:100%;height:100%;object-fit:cover;display:block}
.rmh-t h1{font-size:clamp(30px,8.4vw,54px);margin:0 0 14px}
.rm-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.rm-btns .go{width:100%;min-height:50px;padding:0 12px;font-size:15.5px}
@media(min-width:900px){
  .rmh-h{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center;margin-top:8px}
  .rmh-i{order:2;aspect-ratio:4/3}
  .rm-btns{display:flex}.rm-btns .go{width:auto;padding:0 26px}
  .rm-lead{font-size:18px}
}
/* picks */
.rmc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.art-b .art-mid{margin:36px 0;padding:20px 16px;border-radius:20px;background:var(--bg2,#F2F3F5)}.art-b .art-mid .hd h2{margin:0;font-size:22px}.art-b .art-mid a{text-decoration:none;color:inherit}.art-b .art-mid img{margin:0;border-radius:0}
@media(min-width:760px){.rmc{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.rmc.rmc-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rmc.rmc-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}}
@media(max-width:759px){.rmc>.cat:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.rmc>.cat:last-child:nth-child(odd) img{height:100%;aspect-ratio:auto;min-height:150px}}
/* measurer band */
.rm-zm{position:relative;margin-top:var(--sec);background:var(--ink);color:#fff;border-radius:var(--r-card);padding:34px 20px 22px;overflow:hidden;display:grid;gap:18px}
.rm-zm::before{content:'';position:absolute;left:20px;right:20px;top:0;height:12px;
  background:repeating-linear-gradient(90deg,var(--red) 0 1.5px,transparent 1.5px 40px) top left/100% 12px no-repeat,
             repeating-linear-gradient(90deg,var(--red) 0 1px,transparent 1px 8px) top left/100% 6px no-repeat}
.rm-zm h2{color:#fff;font-size:24px;margin:0 0 8px}
.rm-zm p{color:#B4B8C3;margin:0;font-size:16px;line-height:1.5;max-width:56ch}
.rm-zm-b{display:grid;gap:12px}
.rm-zm .go{width:100%;min-height:54px;font-size:16.5px}
.rm-zm-b a{color:#fff;font:500 15px var(--f-ui);text-decoration:underline;text-underline-offset:4px;text-align:center;padding:4px 0}
@media(min-width:760px){.rm-zm{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 48px;padding:48px 48px 44px}.rm-zm::before{left:48px;right:48px}.rm-zm h2{font-size:30px}.rm-zm .go{width:auto;padding:0 32px}.rm-zm-b{justify-items:center}}
/* tips + faq rows */
.rm-rh h2{margin:0}
.rm-tips{list-style:none;margin:16px 0 0;padding:0;border-top:1px solid var(--line)}
.rm-tips li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.rm-tips i{font:500 15px/1.5 var(--f-num);font-style:normal;color:var(--red)}
.rm-tips b{display:block;font:700 17px/1.3 var(--f-ui);margin-bottom:5px}
.rm-tips p{margin:0;color:var(--mute);font-size:15px;line-height:1.55;max-width:66ch}
.rm-row .faqs{margin-top:16px}
.faq p a,.rm-seo a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){
  .rm-row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
  .rm-row .rm-tips,.rm-row .faqs{margin-top:0}
  .rm-rh{position:sticky;top:calc(var(--hdrH,72px) + 24px)}
  .rm-tips li{grid-template-columns:56px minmax(0,1fr);padding:22px 0}
  .rm-tips i{font-size:18px}.rm-tips b{font-size:19px}.rm-tips p{font-size:16px}
}
/* seo text */
.rm-seo{margin-top:var(--sec);background:var(--mist);border-radius:var(--r-card);padding:24px 20px 14px}
.rm-seo h2{font-size:22px;margin:0 0 12px}
.seo-b{position:relative;max-height:236px;overflow:hidden}
.seo-b::after{content:'';position:absolute;left:0;right:0;bottom:0;height:96px;background:linear-gradient(rgba(243,244,246,0),var(--mist))}
.rm-seo.open .seo-b{max-height:none}.rm-seo.open .seo-b::after{display:none}
.seo-b p{font-size:15.5px;line-height:1.65;color:var(--ink-2);margin:0 0 12px;max-width:72ch}
.seo-more{background:none;border:0;padding:0;min-height:44px;font:600 15px var(--f-ui);color:var(--ink);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@media(min-width:900px){.rm-seo{padding:48px}.rm-seo h2{font-size:28px;margin-bottom:20px}.seo-b{max-height:none;columns:2;column-gap:56px}.seo-b p{break-inside:avoid;font-size:16px}.seo-b::after,.seo-more{display:none}}
/* other rooms */
.rm-oth{margin-top:40px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;color:var(--mute)}
.rm-oth a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font:600 14px var(--f-ui)}
.rm-oth a:hover{border-color:var(--ink)}
/* room tiles */
.rmg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin-top:20px}
.rmt{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink);min-width:0}
.rmt-i{position:relative;display:block;border-radius:var(--r-card);overflow:hidden;aspect-ratio:4/3;background:var(--mist)}
.rmt-i img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
a.rmt:hover .rmt-i img{transform:scale(1.04)}
.rmt-go{position:absolute;right:10px;bottom:10px;width:38px;height:38px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 2px 8px rgba(17,18,22,.12)}
a.rmt:hover .rmt-go{background:var(--red);color:#fff}
.rmt-b b{display:block;font:700 16px/1.25 var(--f-ui)}
.rmt-b small{display:block;font-size:13.5px;color:var(--mute);line-height:1.4;margin-top:3px}
.rmt.soon{cursor:default}
.rmt.soon img{filter:grayscale(1);opacity:.45}
.rmt.soon .rmt-b b{color:var(--mute)}
.rmt-s{position:absolute;left:10px;top:10px;background:#fff;color:var(--mute);font:600 12.5px/1 var(--f-ui);padding:6px 10px;border-radius:999px}
@media(min-width:900px){.rmg{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px;margin-top:28px}.rmt-b b{font-size:18px}.rmt-b small{font-size:14.5px}.rmg-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rmg-2 .rmt-i{aspect-ratio:16/9}}
/* home strip */
.rmhome{margin-top:var(--sec)}
.rmhome .hd{display:block}.rmhome .hd h2{margin:0}.rmhome .hd span{display:block;margin-top:6px}
.rm-more{grid-column:1/-1;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:14px 16px;border-radius:var(--r-card);background:var(--mist);color:var(--ink);text-decoration:none}
.rm-more .rmt-go{position:static;flex:none}
.rm-more b{display:block;font:700 16px/1.25 var(--f-ui)}
.rm-more small{display:block;font-size:13.5px;color:var(--mute);margin-top:3px;line-height:1.4}
.rm-more:hover .rmt-go{background:var(--red);color:#fff}
@media(min-width:900px){
  .rmg-home{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rm-more{grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:28px;aspect-ratio:auto}
  .rm-more b{font-size:22px;font-family:var(--f-head);font-weight:800;letter-spacing:-.01em}
  .rm-more small{font-size:15px;margin-top:8px}
  .rm-more .rmt-go{width:48px;height:48px}
}
/* blog list */
.bgl{display:grid;gap:12px;margin-top:20px}
.bgc{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:start;text-decoration:none;color:var(--ink);padding:12px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);transition:border-color .15s}
.bgc:hover{border-color:var(--ink)}
.bgc img{width:104px;height:104px;object-fit:cover;border-radius:var(--r);display:block;background:var(--mist)}
.bgc-b{display:block;min-width:0}
.bgc small{display:block;font:500 13px var(--f-ui);color:var(--mute)}
.bgc b{display:block;font:700 16px/1.3 var(--f-ui);margin:4px 0 6px}
.bgx{display:block;font-size:14px;color:var(--mute);line-height:1.45}
@media(min-width:900px){
  .bgl{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}
  .bgc{grid-template-columns:1fr;padding:0;overflow:hidden;gap:0}
  .bgc img{width:100%;height:auto;aspect-ratio:16/10;border-radius:0}
  .bgc-b{padding:18px 22px 24px}
  .bgc b{font-size:19px}.bgx{font-size:15px}
  #scr-room .bgl,#scr-post .bgl{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}
}
/* article */
.art{max-width:720px;margin:0 auto}
.art-h h1{font-size:clamp(28px,7.6vw,46px);margin:0 0 12px}
.art-m{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 20px;font-size:14px;color:var(--mute)}
.art-m span+span::before{content:'·';margin-right:14px}
.art-i{margin:0 0 28px;border-radius:var(--r-card);overflow:hidden;aspect-ratio:16/9;background:var(--mist)}
.art-i img{width:100%;height:100%;object-fit:cover;display:block}
.art-b{font-size:17px;line-height:1.65;color:var(--ink-2)}
.art-b p{margin:0 0 16px}
.art-b h2{font-size:23px;margin:36px 0 12px;color:var(--ink)}
.art-b ul{list-style:none;margin:0 0 18px;padding:0}
.art-b li{position:relative;padding-left:24px;margin:0 0 9px}
.art-b li::before{content:'';position:absolute;left:4px;top:.78em;width:9px;height:2px;background:var(--red)}
.art-b b{color:var(--ink)}
.art-b a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.tip{background:var(--mist);border-radius:var(--r-card);padding:18px 20px;margin:24px 0}
.tip strong{display:flex;align-items:center;gap:8px;font:700 14.5px var(--f-ui);color:var(--red);margin-bottom:6px}
.tip p{margin:0!important;font-size:16px;line-height:1.55;color:var(--ink)}
@media(min-width:900px){.art-b{font-size:18px}.art-b h2{font-size:28px;margin-top:44px}.art-i{margin-bottom:36px}.art-cta .rmc{max-width:none}}

/* ===== v45 city pages ===== */
.ct-fx{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-card)}
.ct-fx li{padding:12px 10px;display:flex;flex-direction:column;gap:2px}
.ct-fx li+li{border-left:1px solid var(--line)}
.ct-fx b{font:600 14.5px/1.2 var(--f-num);letter-spacing:-.03em}
@media(max-width:899px){.ct-btns{grid-template-columns:1fr}}
.ct-fx span{font-size:13px;color:var(--mute);line-height:1.3}
.ct-st{list-style:none;margin:18px 0 0;padding:0;border-top:1px solid var(--line)}
.ct-st li{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
.ct-st i{grid-row:1/3;font:500 15px/1.5 var(--f-num);font-style:normal;color:var(--red)}
.ct-st b{font:700 17px/1.3 var(--f-ui)}
.ct-st p{margin:5px 0 0;color:var(--mute);font-size:15px;line-height:1.55}
/* v114: доставка і монтаж — таблички */
.ct-dl{display:grid;gap:12px;margin-top:10px}
.ct-dlb{background:#F3F4F6;border-radius:14px;padding:14px 16px}
.ct-dlb h3{margin:0 0 6px;font:700 15px/1.3 var(--f-ui)}
.ct-dlb ul{list-style:none;margin:0;padding:0}
.ct-dl .ct-dlb li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;border:0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.35}
.ct-dl .ct-dlb li:last-child{border-bottom:0}
.ct-dlb em{font:600 15px var(--f-num);font-style:normal;white-space:nowrap;color:var(--ink)}
.ct-dlb p{margin:8px 0 0!important;font-size:13.5px!important;color:var(--mute)}
.ct-dk,.ct-dl-w{display:none}
@media(min-width:760px){.ct-st .ct-dl{display:none}.ct-st .ct-dk{display:block}
  .ct-dl-w{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.ct-dl-w .ct-dlb{padding:22px 26px}.ct-dl-w .ct-dlb h3{font-size:18px;margin-bottom:8px}
  .ct-dl .ct-dl-w li,.ct-dl-w .ct-dlb li{font-size:16px;padding:10px 0}.ct-dl-w .ct-dlb em{font-size:16px}}
@media(min-width:900px){
  .ct-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:0;margin-top:32px}
  .ct-st li{display:block;padding:0;border:0}
  .ct-st i{display:block;font:500 40px/1 var(--f-num);letter-spacing:-.04em;padding-bottom:12px;border-bottom:1px solid var(--line-2);margin-bottom:16px}
  .ct-st b{font-size:20px}.ct-st p{font-size:16px}
  .ct-fx{max-width:520px}.ct-fx b{font-size:18px}
}
.ct-ln a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.cty-g{margin-top:32px}
.cty-g h2{font:700 18px/1.3 var(--f-ui);letter-spacing:0;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.cty-l{list-style:none;margin:0;padding:0;columns:2;column-gap:20px}
.cty-l li{break-inside:avoid;padding:7px 0;line-height:1.3}
.cty-l a{font:700 16px var(--f-ui);color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--red);text-decoration-thickness:2px}
.cty-l .soon span{display:block;font-size:15.5px;color:var(--mute)}
.cty-l .soon small{display:block;font-size:12px;color:#8A8F9C}
@media(min-width:900px){.cty-l{columns:5;column-gap:32px}.cty-g{margin-top:44px}}
@media(min-width:760px){footer .ft-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ===== v47 ===== */
/* free-delivery progress */
.fsh{margin:10px 0 4px}
.fsh p{margin:0 0 7px;font-size:13.5px;line-height:1.35;color:var(--mute)}
.fsh p b{color:var(--ink);font-family:var(--f-num);font-weight:600;white-space:nowrap}
.fsh i{display:block;height:6px;border-radius:3px;background:var(--line);overflow:hidden}
.fsh u{display:block;height:100%;border-radius:3px;background:var(--ink);transition:width .3s}
.fsh.ok p b{color:var(--ok);font-family:var(--f-ui)}
.fsh.ok u{background:var(--ok)}
.fs0,.sum .fs0,#drwShip .fs0,.dm em .fs0{color:var(--ok);white-space:nowrap}
.ct-fx{grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr) minmax(0,.8fr)}
.ct-fx b{white-space:nowrap}
.fs0 s{color:var(--mute);font-weight:400;margin-right:4px}
.drw-f #drwFree .fsh{margin:8px 0 2px}
/* 4 payment methods: 2 x 2 */
.pay{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
.pay button{min-height:64px;padding:8px 10px;text-align:center;line-height:1.25;font-size:14.5px}
.pay button small{font-size:12px;line-height:1.3}
/* trust row: "з 2008 року" as a lead item */
.tr4 li.tr-y b{font-size:19px}
@media(min-width:760px){
  .tr4 li.tr-y{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line);padding:26px 0 22px!important;grid-template-columns:40px auto 1fr;align-items:center}
  .tr4 li.tr-y svg{grid-row:auto}
  .tr4 li.tr-y p{margin:0 0 0 18px;max-width:none}
  .tr4 li.tr-y+li{padding-left:0}
}
.ft-ab{color:#C9CFE0}
/* SEO blocks: headings, lists, tables */
.seo-b h3{font:700 17.5px/1.3 var(--f-ui);margin:22px 0 8px;color:var(--ink);break-after:avoid}
.seo-b h3:first-child{margin-top:0}
.seo-b ul{margin:0 0 12px;padding-left:20px;max-width:72ch}
.seo-b li{font-size:15.5px;line-height:1.6;color:var(--ink-2);margin:0 0 6px}
.seo-b li ul{margin:6px 0 0;padding-left:18px}
.seo-b li li{font-size:15px;margin-bottom:4px}
.seo-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:6px 0 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper)}
.seo-tw table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.45}
.seo-tw th,.seo-tw td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--line)}
.seo-tw thead th{font:600 13px/1.3 var(--f-ui);color:var(--mute);background:var(--mist)}
.seo-tw tbody th{font-weight:700;color:var(--ink)}
.seo-tw td{color:var(--ink-2)}
.seo-tw tr:last-child th,.seo-tw tr:last-child td{border-bottom:0}
@media(max-width:759px){
  .seo-tw{overflow:visible;border:0;background:none;display:flex;flex-direction:column;gap:8px}
  .seo-tw table,.seo-tw tbody,.seo-tw tr,.seo-tw th,.seo-tw td{display:block}
  .seo-tw thead{display:none}
  .seo-tw tr{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin:0 0 8px}
  .seo-tw tbody th{padding:0 0 6px;border:0;font-size:15.5px}
  .seo-tw td{padding:6px 0 0;border:0;display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:10px}
  .seo-tw td::before{content:attr(data-l);font-size:12.5px;line-height:1.5;color:var(--mute)}
}
@media(min-width:760px){.seo-tw table{min-width:540px}}
@media(min-width:900px){
  .seo-b h3{font-size:19px}
  .seo-b ul,.seo-tw{break-inside:avoid}
  .seo-b li{font-size:16px}
  .seo-tw table{min-width:0}
}

/* ===== v49 FAQ + «Що обрати?» ===== */
.faqs{border-top:1px solid var(--line)}
.faq summary{font:600 17px/1.35 var(--f-ui)!important;min-height:72px!important;padding:14px 0;gap:16px!important;color:var(--ink)}
.faq summary i{flex:0 0 auto;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;font:500 22px/1 var(--f-ui)!important;color:var(--ink)!important;transition:transform .2s,background .2s,border-color .2s,color .2s}
.faq summary:hover i{background:var(--ink);color:#fff!important}
.faq[open] summary i{transform:rotate(45deg);background:var(--red);border-color:var(--red);color:#fff!important}
.faq p{font-size:16px!important;line-height:1.6!important;margin:0 0 22px!important;max-width:70ch;padding-right:52px}
@media(min-width:900px){.faq summary{font-size:21px!important;min-height:88px!important}.faq summary i{width:44px;height:44px;font-size:26px!important}.faq p{font-size:17px!important}}

.pick{border:0!important;background:none!important;overflow:visible!important;margin-top:20px!important}
.pick-h{padding:0 0 14px!important;align-items:flex-end!important}
.pick-h b{font:800 22px/1.15 var(--f-head)!important;letter-spacing:-.01em}
.pick-h b::after{content:'';display:block;width:36px;height:3px;background:var(--red);margin-top:8px;border-radius:2px}
.pick ul{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;border:0!important;margin:0 -16px!important;padding:0 16px 4px!important;scrollbar-width:none}
.pick ul::-webkit-scrollbar{display:none}
.pick li{flex:0 0 44%;scroll-snap-align:start;aspect-ratio:3/4;border:0!important;border-radius:var(--r-card);overflow:hidden;padding:14px!important;justify-content:space-between!important;background:#2a2c33 center/cover no-repeat;color:#fff;isolation:isolate;transition:transform .2s!important}
.pick li::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(17,18,22,.62) 0%,rgba(17,18,22,.05) 38%,rgba(17,18,22,.15) 58%,rgba(17,18,22,.88) 100%)}
.pick li>span{color:rgba(255,255,255,.88)!important;font:500 13.5px/1.35 var(--f-ui)!important}
.pick li>span::before{content:attr(data-n);display:block;font:600 11px var(--f-num);color:var(--red);background:#fff;border-radius:999px;width:max-content;padding:3px 8px;margin-bottom:8px}
.pick a{color:#fff!important;font:700 17px/1.2 var(--f-ui)!important;display:flex;align-items:flex-end;justify-content:space-between;gap:8px}
.pick a::before{content:'';order:2;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .2s}
@media (hover:hover){.pick li:hover{background-color:#2a2c33!important;transform:translateY(-3px)}
.pick li:hover a::before{transform:translateX(3px)}}
.pick li:hover{background-color:#2a2c33!important}  /* v: на телефоні тап не рухає картки (Дмитро 04.11.2026) */
@media(min-width:900px){
 .pick ul{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;overflow:visible;margin:0!important;padding:0!important}
 .pick li{aspect-ratio:4/5;padding:18px!important}
 .pick-h b{font-size:28px!important}
 .pick a{font-size:18px!important}
}

/* ===== v50 burger: catalogue drill-down ===== */
.mnu-p{overflow:hidden}
.mnu-b{padding-top:14px!important}
.mnu-b .ml.mlz{margin:0 0 14px!important;min-height:60px;background:var(--red)!important}
.mcat{width:100%;display:flex;align-items:center;gap:12px;padding:16px;border:1.5px solid var(--ink);border-radius:var(--r-card);background:#fff;text-align:left;cursor:pointer;color:var(--ink)}
.mcat:hover{background:var(--mist)}
.mcat-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.mcat-t b{font:800 22px/1.1 var(--f-head)}
.mcat-t small{font:500 13px/1.3 var(--f-ui);color:var(--mute)}
.mcat-i{display:flex}
.mcat-i img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid #fff;margin-left:-10px;box-shadow:0 0 0 1px var(--line)}
.mcat em{font:500 24px var(--f-ui);font-style:normal}
.mgh2{margin:22px 0 8px!important;font:500 13px var(--f-ui);color:var(--mute)}
.mchips{display:flex;gap:8px}
.mchips a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--r);background:var(--mist);font:600 15px var(--f-ui);color:var(--ink);text-decoration:none}
.mchips a:hover{background:#E7E9EE}
.mhelp{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.mhelp a,.mhelp button{display:flex;align-items:center;min-height:44px;padding:0;border:0;background:none;font:500 15px/1.25 var(--f-ui);color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;border-bottom:1px solid var(--line)}
.mhelp a:hover,.mhelp button:hover{color:var(--red)}
.mnu-sub{position:absolute;inset:0;z-index:3;background:#fff;display:flex;flex-direction:column;transform:translateX(100%);visibility:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s .28s}
.mnu.sub .mnu-sub{transform:none;visibility:visible;transition:transform .28s cubic-bezier(.2,.8,.2,1),visibility 0s}
.mnu-sh{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 10px 6px;border-bottom:1px solid var(--line)}
.msb{display:flex;align-items:center;gap:4px;border:0;background:none;padding:10px;cursor:pointer;color:var(--ink);font:800 22px var(--f-head)}
.mnu-sb{flex:1;min-height:0;overflow-y:auto;padding:4px 16px 20px}
@media (prefers-reduced-motion:reduce){.mnu-sub,.mnu.sub .mnu-sub{transition:none}}

/* ===== v51 burger contact block ===== */
.mnu-f.mcon{background:var(--ink);color:#fff;border:0!important;padding:16px 16px calc(16px + env(safe-area-inset-bottom))!important;display:flex;flex-direction:column;gap:12px}
.mcon-tel{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.mcon-ic{flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--red);display:grid;place-items:center;color:#fff}
.mcon-n{display:flex;flex-direction:column;gap:2px}
.mcon-n b{font:700 21px/1.1 var(--f-num)!important;letter-spacing:-.01em;color:#fff!important}
.mnu-f.mcon a.mcon-tel{color:#fff!important}
.mcon-n small{font:500 13px var(--f-ui);color:#A9AEBA}
.mcon-m{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mcon-m a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:var(--r);font:600 15px var(--f-ui);color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.22)}
.mcon-m a::before{content:'';width:10px;height:10px;border-radius:50%}
.mcon-v::before{background:#7360F2}
.mcon-t::before{background:#1479BD}
.mcon-m a:hover{background:rgba(255,255,255,.08)}
.mcon-24{margin:0;display:flex;align-items:center;gap:8px;font:500 13px var(--f-ui);color:#A9AEBA}
.mcon-24 i{width:8px;height:8px;border-radius:50%;background:#2BD38A;box-shadow:0 0 0 3px rgba(43,211,138,.18)}

/* v52 */ .go:has(.gx){display:inline-flex;align-items:center;justify-content:center;gap:.28em}
@media(max-width:420px){.catg .go .gx,.cg .go .gx{display:none}}

/* ===== v53 lighter catalogue cards ===== */
.cg .cb{gap:6px!important}
.cg .ct{margin-bottom:0}
.cg .csw{margin:4px 0 2px!important}
.cg .cr{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding-top:10px!important}
.cg .cr em{font-size:15px!important}
.cgo{display:inline-flex;align-items:center;gap:8px;flex:none;color:var(--ink)}
.cgo-t{display:none;font:600 14.5px var(--f-ui);white-space:nowrap}
.cgo-i{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:transform .2s,background .2s}
.cg:hover .cgo-i{background:var(--red);transform:translateX(2px)}
@media(min-width:760px){.cg .cr em{font-size:17px!important}.cgo-i{width:42px;height:42px}}
.cg .cr .cgo,.cg .cr .cgo span{border:0!important;text-decoration:none!important;box-shadow:none!important;padding:0!important;min-height:0!important}
.cg .cr .cgo-i{background:var(--ink)!important;color:#fff!important}.cg:hover .cr .cgo-i{background:var(--red)!important}

/* ===== v54 footer ===== */
.ft2{display:flex;flex-direction:column;gap:22px;padding-top:32px;padding-bottom:28px;color:#fff}
.f2-brand{display:flex;align-items:center;justify-content:space-between;gap:14px}
.f2-brand p{margin:0;font:500 13px/1.4 var(--f-ui);color:#A9AEBA;text-align:right}
.f2-con{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding:16px;border-radius:var(--r-card);background:#1C1E24}
.ft2 .mcon-tel{display:flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none}
.ft2 .mcon-n b{color:#fff!important;font:700 21px/1.1 var(--f-num)!important}
.f2-zm{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 16px;border:0;border-radius:var(--r);background:var(--red);color:#fff;font:700 16px var(--f-ui);cursor:pointer}
.f2-zm span{font:500 13px var(--f-ui);opacity:.9}
.f2-zm:hover{background:#DC1030}
.f2-h{margin:0 0 10px;font:500 13px var(--f-ui);color:#A9AEBA}
.f2-cl{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f2-cl a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--r);background:#1C1E24;color:#fff!important;font:600 14.5px/1.2 var(--f-ui);text-decoration:none}
.f2-cl a:hover{background:#272a32}
.f2-g{border-bottom:1px solid #2A2D35}
.f2-g:first-of-type{border-top:1px solid #2A2D35;margin-top:18px}
.f2-g summary{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:54px;font:600 16px var(--f-ui);color:#fff;cursor:pointer}
.f2-g summary::-webkit-details-marker{display:none}
.f2-g summary::after{content:'+';font:400 22px var(--f-ui);color:#A9AEBA;transition:transform .2s}
.f2-g[open] summary::after{transform:rotate(45deg)}
.f2-g>div{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:0 0 14px}
.f2-g a,.f2-g button{display:flex;align-items:center;min-height:40px;padding:0;border:0;background:none;color:#D5D8DF!important;font:500 15px var(--f-ui);text-align:left;text-decoration:none;cursor:pointer}
.f2-g a:hover,.f2-g button:hover{color:#fff!important}
.f2-bot{display:flex;flex-direction:column;gap:12px;border-top:1px solid #2A2D35;padding-top:18px}
.ft2 .pays{display:flex;flex-wrap:wrap;gap:4px 0;margin:0}
.ft2 .pays span{border:0!important;padding:0!important;font:500 12.5px var(--f-ui)!important;color:#A9AEBA;opacity:1!important}
.ft2 .pays span+span::before{content:'·';margin:0 7px;color:#5A6070}
.ft2 .ft-legal{margin:0;font:400 12.5px/1.5 var(--f-ui)!important;color:#7D8391!important}
@media(min-width:900px){
 .ft2{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px 56px;padding-top:56px}
 .f2-brand{flex-direction:column;align-items:flex-start}.f2-brand p{text-align:left}
 .f2-nav{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
 .f2-g,.f2-g:first-of-type{border:0;margin:0}
 .f2-g summary{min-height:0;margin-bottom:10px;font:500 13px var(--f-ui);color:#A9AEBA;pointer-events:none}
 .f2-g summary::after{display:none}
 .f2-g>div{display:flex;flex-direction:column;padding:0}
 .f2-g a,.f2-g button{min-height:34px;font-size:14.5px}
 .f2-cl{grid-template-columns:1fr}
 .f2-cl a{min-height:34px;padding:0;background:none;font-weight:500;color:#D5D8DF!important}
 .f2-cl a:hover{background:none;color:#fff!important}
 .f2-bot{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}
 .ft2 .ft-legal{text-align:right;max-width:52ch}
}

.ft2 .f2-zm,.ft2 .f2-zm span{text-decoration:none!important}
.ft2 .pays{border:0!important;padding:0!important}
@media(min-width:900px){.ft2 .f2-cl{gap:0}.ft2 .f2-cl a,.ft2 .f2-g a,.ft2 .f2-g button{min-height:34px!important;padding:0!important}}

/* v55 logo clear space (guideline: free field >= mark height) */
header.top .logo-w{margin-left:5px}
header.top #srchBtn{display:none!important}
@media(max-width:899px){header.top .zbtn{padding-left:8px!important;padding-right:8px!important}}
@media(min-width:900px){header.top .logo-w{margin-left:14px}}

/* ===== v56 one-row header ===== */
.demo.promo{display:none!important}
/* v139: рядок-пропозиція над шапкою (Дмитро 25.10.2026) */
.demo.promo.on{display:flex!important;justify-content:center}.demo.promo.on .cityb,.demo.promo.on .pm-sep{display:none!important}
.demo.promo.on #promoTxt{display:flex;gap:0 5px;flex-wrap:wrap;justify-content:center;white-space:normal;text-align:center;overflow:visible;font-size:12px;letter-spacing:-.1px}.demo.promo.on #promoTxt span{white-space:nowrap}
header.top .zbtn{min-height:40px!important;height:40px;padding:0 11px!important;border-radius:var(--r)!important;flex:none}
header.top .zbtn .zr,header.top .zbtn i.zr{display:none!important}
header.top .zt3{display:inline-flex;align-items:center;font:700 13px/1 var(--f-ui)!important;white-space:nowrap}
header.top .zt-s{display:none}
@media(max-width:409px){header.top .zt-l{display:none}header.top .zt-s{display:inline;white-space:normal;text-align:center;font:700 12.5px/1.15 var(--f-ui)}}
header.top .cartbtn{border:0!important;background:none!important;box-shadow:none!important;width:44px;min-width:44px;padding:0!important;justify-content:center;position:relative}
header.top .cartbtn #cartCnt{position:absolute;top:1px;right:-3px;min-width:18px!important;height:18px!important;font-size:10.5px!important;line-height:18px!important;padding:0 4px!important}
.cbi{width:26px!important;height:26px!important}  /* v146: більша іконка, лічильник у кутику (Дмитро 27.10.2026) */
@media(min-width:900px){header.top .zbtn{height:44px;min-height:44px!important;padding:0 18px!important}header.top .zt3{font-size:15px!important}header.top .cartbtn{width:auto;padding:0 6px!important}}
.mcity{width:100%;display:flex;align-items:center;gap:10px;min-height:48px;margin:0 0 12px;padding:0 14px;border:0;border-radius:var(--r);background:var(--mist);color:var(--ink);font:500 14.5px var(--f-ui);text-align:left;cursor:pointer}
.mcity span{flex:1;min-width:0}
.mcity b{font-weight:700}
.mcity em{font-style:normal;font:600 13.5px var(--f-ui);color:var(--red)}

/* ===== v57 ===== */
/* 24. focus */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink)!important;outline-offset:2px!important}
.cfT h1.cfn{margin:0}
.r1 .r1h1{display:block}
/* delivery cells */
.fs0{color:var(--ok);font-family:var(--f-ui);font-weight:600}
.fnp{font:500 13.5px var(--f-ui);color:var(--mute);white-space:nowrap}
.sum .r.vat span,.sum .r.cod span{color:var(--mute);font-size:14px}
.sum .r.vat b,.sum .r.cod b{font-weight:500;font-size:14.5px}
.sum .r.cod:first-of-type b{color:var(--ink)}
/* 7. checkout: only the pay button is sticky */
#scr-checkout .cos-t{position:static!important;top:auto!important}
.co-back{display:inline-flex;align-items:center;min-height:44px;margin:6px 0 2px;font-size:14.5px}
.cobar{position:sticky;bottom:0;z-index:20;margin:16px -16px 0!important;padding:8px 16px calc(8px + env(safe-area-inset-bottom,0px))!important;gap:0!important;max-width:none!important;border-top:1px solid var(--line)}
.cobar .err:empty{display:none}
.cobar .err{margin:0 0 6px!important}
.cobar .go{min-height:52px!important}
.co-trust{margin:18px 0 0!important}
.co-tot{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper)}
.co-tot .note{margin-bottom:0}
@media(min-width:900px){.co-tot{display:none}.cobar{margin:20px 0 0!important;padding:12px 0 14px!important}}
.fh{display:block;margin:5px 0 0;font-size:13px;color:var(--mute);line-height:1.35}
.f.bad .fh{display:none}
#scr-checkout .zm-tel{border-radius:var(--r);border-width:1.5px;padding-left:12px}
#scr-checkout .zm-tel span{font-size:16px}
#scr-checkout .zm-tel input{height:46px;min-height:46px;border:0!important;padding-left:8px;font:500 16px var(--f-ui)}
#scr-checkout .f.bad .zm-tel{border-color:var(--red)}
.cnf{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;margin-top:2px}
.cnf-l{margin:0;font:600 14px var(--f-ui);color:var(--ink)}
.seg2{display:inline-flex;padding:3px;border-radius:calc(var(--r) + 3px);background:var(--mist);gap:3px}
.seg2 button{min-height:40px;min-width:96px;padding:0 14px;border:0;border-radius:var(--r);background:none;font:600 14.5px var(--f-ui);color:var(--mute);cursor:pointer}
.seg2 button.a{background:var(--paper,#fff);color:var(--ink);box-shadow:0 1px 3px rgba(10,10,20,.14)}
#payLq[hidden]{display:none!important}
.paybox{display:grid;gap:12px}
#payInfo:empty{display:none}
.wal{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wpay{min-height:48px;border:0;border-radius:999px;background:#000;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.wpay b{font:600 16px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",var(--f-ui);letter-spacing:-.01em}
.wpay:hover{background:#1d1d1f}
.lqp{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink)}
.paybox .legal{margin:0;color:var(--mute);line-height:1.45}
.cod-l,.pi{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink)}
.cod-l b{font-weight:700;white-space:nowrap}
.pi{color:var(--mute)}
.invb{padding-top:12px;border-top:1px solid var(--line)}
.invb[hidden]{display:none!important}
.invb-h{margin:0;font:600 14px var(--f-ui);color:var(--ink)}
.co-info{margin:10px 0 0 32px;font-size:13.5px;line-height:1.45;color:var(--mute)}
.lqov{position:fixed;inset:0;z-index:200;background:rgba(10,10,20,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.lqov[hidden]{display:none}
.lqov-b{background:#fff;border-radius:var(--r-card);padding:24px 22px;min-width:260px;max-width:340px;text-align:center;display:grid;gap:10px;justify-items:center}
.lq-logo{font:800 22px var(--f-head);letter-spacing:-.02em;color:var(--ink)}
.lqov-b p{margin:0;font:600 16px var(--f-ui)}
.lqov-b small{color:var(--mute);font-size:13px}
.lqov-b .spin{border-color:var(--line);border-top-color:var(--ink)}
/* 16. done */
.dn-hd{display:flex;align-items:center;gap:14px;margin:24px 0 10px}
.dn-ok{width:52px;height:52px;flex:none;border-radius:50%;background:var(--ok);color:#fff;display:flex;align-items:center;justify-content:center}
.dn-hd .eb{margin:0 0 2px}
.dn-hd h1{margin:0;font:800 clamp(24px,6.4vw,40px)/1.1 var(--f-head);letter-spacing:-.02em}
.dnst{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);margin:4px 0 0}
.dnst>i{width:28px;height:28px;flex:none;border-radius:50%;background:var(--mist);color:var(--ink);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}
.dnst.ok{border-color:var(--ok)}
.dnst.ok>i{background:var(--ok);color:#fff}
.dnst b{display:block;font:700 16px/1.3 var(--f-ui)}
.dnst small{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--mute)}
.dnst small b{display:inline;font:600 14px var(--f-num);color:var(--ink)}
.dn-next{margin-top:22px}
.dn-next h2{margin:0 0 10px;font:700 20px var(--f-ui)}
.dn-next ol{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:dn}
.dn-next li{display:grid;grid-template-columns:28px 1fr;column-gap:10px;counter-increment:dn;font-size:14.5px;line-height:1.45}
.dn-next li::before{content:counter(dn);grid-row:1/span 2;width:26px;height:26px;border-radius:6px;background:var(--ink);color:#fff;font:600 12.5px var(--f-num);display:flex;align-items:center;justify-content:center}
.dn-next li span{color:var(--mute)}
.dn-vb{display:flex;align-items:center;gap:12px;margin:18px 0 6px;padding:12px 14px;min-height:56px;border:1px solid var(--line);border-radius:var(--r-card);text-decoration:none;color:var(--ink)}
.dn-vb svg{width:30px;height:30px;flex:none}
.dn-vb span{flex:1;display:flex;flex-direction:column}
.dn-vb b{font-size:15px}
.dn-vb small{font-size:13px;color:var(--mute)}
.dn-vb i{font-style:normal;color:var(--mute)}
/* 8. drawer */
.drw-n{font:500 14px var(--f-num);color:var(--mute)}
.drw-f{gap:8px!important;padding:10px 20px calc(12px + env(safe-area-inset-bottom,0px))!important}
.drw-f .sumt{margin-top:0!important;padding-top:0!important;border-top:0!important;align-items:baseline}
.drw-f .sumt small{font:500 13px var(--f-ui);color:var(--mute)}
.drw-f #drwFree .fsh{margin:0 0 4px}
.drw-f #drwFree .fsh p{margin-bottom:5px;font-size:13px}
.drw-cont{justify-self:center;min-height:44px;padding:0 12px;font:600 14.5px var(--f-ui);color:var(--ink)}
.ci.new{animation:v57new 1.6s ease-out 1}
@keyframes v57new{0%{background:#EAF7EF}100%{background:#fff}}
.drw-l{gap:14px!important}
.drw-acts{gap:4px!important}
.drw-rm{min-height:44px!important;min-width:44px;padding:0 8px!important;display:inline-flex;align-items:center;justify-content:center}
.qs{height:auto!important}
.qs button{height:44px!important}
.qs button{width:44px!important}
.qs b{min-width:36px}
.drw-note{margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--mute)}
/* 9. cart */
.cthumb{width:72px;height:72px;border-radius:8px;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden}
.cthumb>i{position:absolute;left:0;right:0;bottom:0;height:7px}
.cthumb.cpic{background:#F3F4F6;border-color:rgba(0,0,0,.06)}.cthumb.cpic>img{width:100%;height:100%;object-fit:cover;object-position:40% 40%;transform:scale(1.15)}.cthumb.cpic>svg{width:100%;height:100%;display:block}
.item.tap,.ci.tap{cursor:pointer}.item.tap:active,.ci.tap:active{transform:scale(.995)}
.ed-h{font-style:normal;color:#9AA0A8;margin-left:6px;font-weight:400}
.acts button.ico,.drw-acts button.ico,button.ico{justify-content:center!important;padding:0!important;text-decoration:none!important;min-width:44px}
button.ico{width:44px;height:44px;border-radius:12px;border:1px solid #E3E6EA;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#6B6F78;padding:0;cursor:pointer}
button.ico svg{width:20px;height:20px}button.ico.on{color:var(--red);border-color:#F2A7B5}button.ico.on svg path{fill:currentColor}
.rw.ico-r{justify-content:space-between;align-items:center}.rw.ico-r .acts{display:flex;gap:8px}
.drw-acts{display:flex;gap:6px}
.cbar{position:sticky;bottom:0;z-index:20;margin:14px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid #E3E6EA;display:flex;align-items:center;gap:12px;transition:transform .25s,opacity .25s}
.cbar.off{transform:translateY(100%);opacity:0;pointer-events:none}.cbar[hidden]{display:none}
.cbar-p{flex:1;min-width:0}.cbar-p small{display:block;font-size:12.5px;color:#6B6F78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cbar-p b{font:700 22px Montserrat,sans-serif;white-space:nowrap}
.cbar .go{flex:none!important;width:auto!important;min-width:0!important;margin:0!important;height:52px;padding:0 22px;display:inline-flex;align-items:center;border-radius:14px;white-space:nowrap}
/* v148: більша кнопка «Оформити» */
.cbar-p{flex:none;max-width:48%}
.cbar .go{flex:1 1 auto!important;justify-content:center;height:58px;padding:0 18px;font-size:18px;border-radius:16px}
@media(min-width:900px){.cbar{display:none}}
/* v149: сторіс на головній (як у Comfy; Дмитро 27.10.2026) */
.sto{display:flex;gap:10px;overflow-x:auto;padding:14px 16px 6px;scroll-padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.sto::-webkit-scrollbar{display:none}
.sto button{flex:none;width:74px;background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:6px;font:500 12.5px/1.2 Onest,sans-serif;color:#0A0A14;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}
.sto .r{width:70px;height:70px;border-radius:50%;padding:2.5px;background:conic-gradient(from 200deg,#F61737,#FF7A3D,#FFD600,#FF7A3D,#F61737);transition:transform .2s}
.sto button:active .r{transform:scale(.94)}
.sto .seen .r{background:#D3D7DE}
.sto .seen{color:#2A2C33}
.sto button{white-space:nowrap;letter-spacing:-.01em}  /* «Наші роботи» в один рядок (Дмитро 04.11.2026) */
.sto .r img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;display:block;background:#EEF0F3;box-sizing:border-box}
.sto .sti{width:100%;height:100%;border-radius:50%;border:3px solid #fff;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#F2F3F6;color:#0A0A14}
.sto .seen .sti{color:#2A2C33}
@media(min-width:900px){.sto{justify-content:center;padding:22px 16px 10px;gap:18px}.sto button{width:86px}.sto .r{width:80px;height:80px}}
.stv{position:fixed;inset:0;z-index:2000;background:#050509;display:flex;align-items:center;justify-content:center;perspective:1500px;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity .2s}
.stv.on{opacity:1}
.stv-st{position:relative;width:100%;height:100%;transform-style:preserve-3d}
@media(min-width:600px){.stv-st{width:min(440px,calc((100dvh - 40px)*9/16));height:min(100dvh - 40px,782px)}.stv-f{border-radius:18px}}
.stv-f{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#0A0A14;will-change:transform}
.stv-f::before{content:'';position:absolute;left:0;right:0;top:0;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0));z-index:2;pointer-events:none}
.stv-bars{position:absolute;top:calc(10px + env(safe-area-inset-top,0px));left:10px;right:10px;display:flex;gap:4px;z-index:3}
.stv-bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.38);overflow:hidden}
.stv-bars b{display:block;height:100%;width:0;background:#fff;border-radius:3px}
.stv-bars .d b{width:100%}
.stv-hd{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));left:12px;right:4px;display:flex;align-items:center;gap:10px;z-index:3;color:#fff}
.stv-hd img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,255,255,.8)}
.stv-hd b{font:600 15px Onest,sans-serif;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.stv-hd small{font:400 13px Onest,sans-serif;opacity:.8;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.stv-x{margin-left:auto;width:44px;height:44px;border:0;background:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}
.stv-s{position:absolute;inset:0;display:flex;flex-direction:column;visibility:hidden}
.stv-s.a{visibility:visible}
/* товар */
.stv-s.pr{padding:calc(76px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));background:radial-gradient(120% 70% at 50% 18%,var(--tn,#EDE9E3) 0%,#F6F4F1 62%,#fff 100%)}
.stv-s.pr .ph{position:relative;flex:1 1 auto;min-height:0;max-height:52dvh;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -18px rgba(10,10,20,.45)}
.stv-s.pr .ph img{width:100%;height:100%;object-fit:cover;display:block}
.stv-tag{position:absolute;left:12px;top:12px;font:800 13px/1 Montserrat,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:#F61737;color:#fff}
.stv-tag.y{background:#FFD600;color:#0A0A14}
.stv-tag.k{background:#0A0A14;color:#FFD600}
.stv-s.pr h2{font:800 27px/1.12 Montserrat,sans-serif;margin:20px 0 8px;color:#0A0A14;letter-spacing:-.01em}
.stv-s.pr p{font:400 15.5px/1.45 Onest,sans-serif;color:#3C4150;margin:0}
.stv-pr{display:flex;align-items:center;gap:12px;margin-top:16px}
.stv-pr span{display:inline-flex;align-items:baseline;gap:6px;background:#F61737;color:#fff;padding:8px 16px 9px;border-radius:14px;transform:rotate(-2deg);box-shadow:0 8px 18px -8px rgba(246,23,55,.7)}
.stv-pr small{font:600 14px Onest,sans-serif}
.stv-pr strong{font:800 30px/1 Montserrat,sans-serif;letter-spacing:-.01em}
.stv-pr em{font:500 13px/1.3 Onest,sans-serif;font-style:normal;color:#6B6F78}
/* інфо */
.stv-s.in{background:#0A0A14;color:#fff;padding:0 22px calc(18px + env(safe-area-inset-bottom,0px))}
.stv-s.in .ph{position:relative;margin:0 -22px;flex:1 1 auto;min-height:30dvh}
.stv-s.in .ph img{width:100%;height:100%;object-fit:cover;display:block}
.stv-s.in .ph::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,20,0) 45%,rgba(10,10,20,.75) 80%,#0A0A14 100%)}
.stv-big{font:800 66px/.95 Montserrat,sans-serif;color:#FFD600;margin-top:-58px;position:relative;letter-spacing:-.03em}
.stv-big small{display:block;font:600 16px/1.3 Onest,sans-serif;letter-spacing:0;margin-top:8px;color:#FFD600}
.stv-s.in h2{font:800 25px/1.15 Montserrat,sans-serif;margin:16px 0 8px}
.stv-s.in p{font:400 15.5px/1.45 Onest,sans-serif;color:#B8BDC8;margin:0}
/* кнопка */
.stv-go{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px;height:56px;border-radius:16px;border:0;background:#0A0A14;color:#fff;font:700 17px Onest,sans-serif;text-decoration:none;cursor:pointer;flex:none;position:relative;z-index:4}
.stv-s.in .stv-go{background:#F61737}
.stv-go svg{width:20px;height:20px}
.stv-nx{position:absolute;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:50%;border:0;background:rgba(255,255,255,.9);color:#0A0A14;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:5}
@media(min-width:600px) and (hover:hover){.stv-nx{display:flex}.stv-nx.l{left:calc(50% - min(220px,(100dvh - 40px)*9/32) - 64px)}.stv-nx.r{right:calc(50% - min(220px,(100dvh - 40px)*9/32) - 64px)}}
@media(prefers-reduced-motion:reduce){.stv-f{transition:none!important}}
/* v151: «Передзвоніть мені» */
.mcon-cb{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--r);font:600 15px var(--f-ui);color:#fff;border:1px solid rgba(255,255,255,.28);cursor:pointer;text-align:center}
.mcon-cb:hover{background:rgba(255,255,255,.08)}
.cb-k{display:flex;width:100%;justify-content:center;margin:8px 0 14px}
.cbhelp{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:14px 0 4px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 1px 3px rgba(10,10,20,.06),0 0 0 1px #E6E8EC}
.cbhelp span{font:500 14px/1.35 var(--f-ui);color:#4A5263}
.cbhelp button{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:12px;background:#0A0A14;color:#fff;font:600 14.5px var(--f-ui);white-space:nowrap}
.cbhelp button svg{width:17px;height:17px}
#cbForm textarea{width:100%;box-sizing:border-box;font:400 16px/1.4 var(--f-ui);padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;resize:vertical;min-height:64px}
#cbForm label small{font-weight:400;color:var(--mute)}
.cb-when{display:flex;align-items:flex-start;gap:8px;margin:4px 0 12px;font:500 13.5px/1.4 var(--f-ui);color:#4A5263}
.cb-when i{flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#2BD38A;box-shadow:0 0 0 3px rgba(43,211,138,.18)}
.cb-when i.off{background:#F2A93B;box-shadow:0 0 0 3px rgba(242,169,59,.18)}
/* v153: десктоп — сторіс на фото героя (скляна панель), фон переглядача; світлі картки міста; відступи панелі ціни */
.stv-bg{position:absolute;inset:-60px;background:center/cover no-repeat;filter:blur(48px) brightness(.42) saturate(1.15);transform:scale(1.1);transition:background-image .3s;pointer-events:none}
.cpl-fx>li{background:#fff!important;box-shadow:0 1px 3px rgba(10,10,20,.06),0 0 0 1px #E6E8EC}
@media(min-width:900px){
  .hhero .sto{position:absolute;z-index:2;right:max(24px,calc(50vw - 660px));top:28px;max-width:calc(50% - 72px);padding:14px 18px 10px;gap:12px;justify-content:flex-start;background:rgba(10,10,20,.46);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-radius:22px;border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 40px -16px rgba(0,0,0,.5)}
  .hhero .sto button{color:#fff;width:70px;font-size:12.5px}
  .hhero .sto .r{width:60px;height:60px}
  .hhero .sto .r img{position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-width:none!important;transform:none!important;filter:none!important;opacity:1!important;object-fit:cover;border-color:#17171F}
  .hhero .sto .seen .r{background:rgba(255,255,255,.32)}
  .hhero .sto .seen{color:rgba(255,255,255,.72)}
  .hhero .sto button:hover .r{transform:scale(1.06)}
}
@media(min-width:900px) and (max-width:1279px){.hhero .sto{gap:8px;padding:12px 14px 8px}.hhero .sto button{width:60px;font-size:11.5px}.hhero .sto .r{width:52px;height:52px}}
@media(min-width:900px){
  #pbar.cfbar{padding:14px 20px!important;border-radius:18px;box-shadow:0 1px 3px rgba(10,10,20,.06),0 0 0 1px #E6E8EC;margin-top:10px}
}
/* v154: сторіс на сторінках міст; відео в сторіс */
.sto-c{margin:-6px -16px 0;padding:10px 16px 2px}
.rmh-i{position:relative}
.stv-s .ph video{width:100%;height:100%;object-fit:cover;display:block;background:#000}
.stv-snd{position:absolute;right:12px;bottom:12px;z-index:3;width:44px;height:44px;border-radius:50%;border:0;background:rgba(10,10,20,.55);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.stv-s.in .stv-snd{bottom:72px}
@media(min-width:900px){
  .rmh-i .sto{position:absolute;z-index:2;left:50%;right:auto;transform:translateX(-50%);max-width:calc(100% - 32px);bottom:16px;margin:0;padding:12px 14px 8px;gap:10px;justify-content:center;background:rgba(10,10,20,.46);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border-radius:20px;border:1px solid rgba(255,255,255,.16)}
  .rmh-i .sto button{color:#fff;width:64px;font-size:12px}
  .rmh-i .sto .r{width:54px;height:54px}
  .rmh-i .sto .r img{position:static!important;width:100%!important;height:100%!important;object-fit:cover;border-color:#17171F}
  .rmh-i .sto .seen .r{background:rgba(255,255,255,.32)}
  .rmh-i .sto .seen{color:rgba(255,255,255,.72)}
}
/* v196: зовнішні системи */
#scr-ext{padding-bottom:40px}
.xclr{margin-top:12px;padding-top:12px;border-top:1px solid #EEF0F3}.xclr-pv{display:none!important}.xtip{margin:10px 0 0;padding:10px 12px;background:#FFF7E0;border-radius:10px;color:#3A3F45}.xtip b{color:#111216}.xscr{margin:12px 0 0;border:1px solid #E6E8EC;border-radius:12px;background:#F7F8FA}.xscr summary{cursor:pointer;list-style:none;padding:12px 40px 12px 14px;font:600 15px/1.3 Onest,sans-serif;color:#111216;position:relative}.xscr summary::-webkit-details-marker{display:none}.xscr summary:after{content:'+';position:absolute;right:14px;top:50%;transform:translateY(-50%);font:400 22px Onest,sans-serif;color:#5A6068}.xscr[open] summary:after{content:'−'}.xscr ul{margin:0;padding:0 14px 14px 30px;display:grid;gap:8px;font:400 14px/1.45 Onest,sans-serif;color:#3A3F45}.xscr b{color:#111216}
.xstrip{position:fixed;left:0;right:0;top:var(--hdrH,61px);z-index:25;display:flex;align-items:center;gap:12px;padding:6px 14px;background:#F2F3F5;border-bottom:1px solid var(--line);box-shadow:0 6px 14px rgba(17,18,22,.06);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;cursor:pointer}.xstrip.on{transform:none;opacity:1;pointer-events:auto}.xstrip .xs-th{flex:none;width:150px;height:105px;border-radius:8px;overflow:hidden;background:#EDE6DB}.xstrip .xs-th svg{width:100%;height:100%;display:block}.xstrip .xs-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.xstrip .xs-tx b{font:700 14px/1.25 Onest,sans-serif;color:#111216}.xstrip .xs-tx span{font:500 13px/1.3 Onest,sans-serif;color:#5A6068}.xstrip .xs-tx em{font:700 15px Montserrat,sans-serif;font-style:normal;color:#111216}@media(min-width:900px){.xstrip{display:none!important}}
@media(max-width:899px){.xclr-pv{display:block;position:sticky;top:64px;z-index:3;margin:0 -4px 10px;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.12);background:#EDE6DB}.xclr-pv svg{display:block;width:auto;max-width:100%;height:160px;aspect-ratio:300/210;margin:0 auto}.xclr-pv b{position:absolute;left:8px;bottom:8px;background:rgba(10,10,20,.75);color:#fff;font:600 12px/1 Onest,sans-serif;padding:5px 8px;border-radius:6px}}.xclr-t{margin:0 0 8px;font-size:14px;color:var(--gray)}.xclr-t b{color:#111216}.xclr-t .link{font-size:13px;margin-left:6px}
.xcg{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:8px}.xcg button{padding:0;border:0;background:none;border-radius:10px;cursor:pointer;aspect-ratio:1}.xcg img{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.xcg button.a img{box-shadow:0 0 0 2px #fff,0 0 0 4px #111216}
.xform-l{margin:0 0 8px;font-size:13px;color:var(--gray)}.xneed{display:grid;gap:8px;margin-bottom:14px}.xneed button{text-align:left;border:0;background:#fff;border-radius:12px;padding:10px 12px;box-shadow:inset 0 0 0 1px #D5D8DE;cursor:pointer;font:inherit;color:inherit}.xneed button.a{box-shadow:inset 0 0 0 2px #111216;background:#FAFAFB}.xneed b{display:block;font:600 15px/1.3 Onest,sans-serif}.xneed small{display:block;margin-top:2px;color:var(--gray);font-size:13px}
@media(min-width:900px){.xneed{grid-template-columns:repeat(3,minmax(0,1fr))}}

.xst .xopt{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.xopt>span{min-width:0}.xopt .xd,.xsen .xd{flex:0 0 auto;font:600 13px/1.3 Montserrat,sans-serif;font-style:normal;color:#111216;white-space:nowrap;padding-top:2px}.xsen .xd{margin-left:auto}
.xopt:disabled{opacity:.45;cursor:not-allowed}
.xst .xopt>span{flex:1 1 auto}.xsw{flex:0 0 auto;width:60px;height:60px;object-fit:contain;background:#fff;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);align-self:center}.xopt.a .xsw{box-shadow:0 0 0 2px #fff,0 0 0 3px #111216}
.xform input.bad{border-color:#B42318;box-shadow:0 0 0 1px #B42318}
.xcmp{overflow-x:auto;margin-top:14px;border:1px solid #E3E5EA;border-radius:14px;background:#fff}.xcmp table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px}.xcmp th,.xcmp td{padding:12px 14px;text-align:left;vertical-align:top;border-top:1px solid #EEF0F3}.xcmp thead th{border-top:0;font:700 14px/1.3 Montserrat,sans-serif}.xcmp tbody th{color:var(--gray);font-weight:500;width:150px}
.xsteps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px;counter-reset:xs}.xsteps li{counter-increment:xs;position:relative;padding:14px 14px 14px 52px;background:#fff;border:1px solid #E3E5EA;border-radius:14px}.xsteps li::before{content:counter(xs);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#111216;color:#fff;font:700 13px/26px Montserrat,sans-serif;text-align:center}.xsteps b{display:block;font:600 15.5px/1.3 Onest,sans-serif}.xsteps span{display:block;margin-top:3px;color:var(--gray);font-size:14px;line-height:1.45}
.xsteps-s{margin:14px 0}.xsteps-s li{background:#F7F8FA}
.xok-p{margin:8px 0 0;padding:10px 12px;border-radius:10px;background:#F2F3F5;font-size:14px;line-height:1.45}.xok-b{margin-top:14px}.xok-b .go{width:100%}
.xbar{display:none}
@media(min-width:900px){.xsteps{grid-template-columns:repeat(4,minmax(0,1fr))}.xsteps-s{grid-template-columns:1fr}}
@media(max-width:899px){body[data-scr="ext"] .tabbar{display:none!important}body[data-scr="ext"] footer{padding-bottom:110px!important}
 body[data-scr="ext"] .xbar:not([hidden]){display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #E3E5EA;box-shadow:0 -6px 20px rgba(0,0,0,.06)}
 .xbar>span{flex:1 1 auto;min-width:0}.xbar small{display:block;font-size:12px;color:var(--gray);white-space:nowrap}.xbar b{display:block;font:800 20px/1.2 Montserrat,sans-serif;white-space:nowrap}.xbar .go{flex:0 0 auto;width:auto!important;padding:0 18px;height:46px;margin:0}}

.xsl{position:relative}.xsl.xz svg{aspect-ratio:auto!important}.xsl svg,.xclr-pv svg{overflow:hidden}.xsl svg{display:block;width:100%;height:auto;aspect-ratio:300/210}.xnv{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:52px;border:0;background:rgba(255,255,255,.9);font:300 30px Onest,sans-serif;color:#111216;cursor:pointer}.xnv.xnL{left:0;border-radius:0 10px 10px 0}.xnv.xnR{right:0;margin:0;border-radius:10px 0 0 10px}.xvt{display:flex;gap:4px;margin:8px auto 0;padding:3px;background:#EEF0F2;border-radius:10px;max-width:260px}.xvt button{flex:1;border:0;background:none;padding:8px 0;border-radius:8px;font:600 14px Onest,sans-serif;color:#5A6068;cursor:pointer}.xvt button[aria-pressed=true]{background:#fff;color:#111216;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.xcn{position:absolute;top:10px;right:10px;background:rgba(10,10,20,.72);color:#fff;font:500 12px Montserrat,sans-serif;padding:4px 8px;border-radius:6px}
.xhub{margin:8px 0 22px}.xhub h1{margin:0 0 10px;font:800 32px/1.1 Montserrat,sans-serif;letter-spacing:-.02em}.xfacts.xhub-f{margin-top:28px}
.xsen{display:flex;gap:12px;align-items:flex-start;margin-top:10px;padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px #D5D8DE;cursor:pointer}.xsen input{width:20px;height:20px;margin:2px 0 0;accent-color:#111216;flex:0 0 auto}.xsen b{display:block;font:600 15.5px/1.3 Onest,sans-serif}.xsen small{display:block;margin-top:3px;color:var(--gray);font-size:13.5px;line-height:1.4}
#scr-ext .cat img,.cg-x img{background:#E9EEF2;object-fit:contain!important}
@media(max-width:759px){.cg-x .cr em{font-size:14px;white-space:nowrap}.cg-x .cr em i{font-size:12px}}
@media(min-width:900px){.xhub h1{font-size:40px}}

body[data-scr=ext] .ft-own{display:none}
.xc2{display:grid;gap:18px;margin-top:8px}
.xdr{border-radius:16px;overflow:hidden;background:#E9EEF2}.xdr svg{display:block;width:100%;height:auto}
.xcT{margin-top:16px}.xfrom{margin:12px 0 0;font-size:14px;color:var(--gray)}.xfrom b{display:inline-block;background:#111216;color:#fff;font:700 20px/1.2 Montserrat,sans-serif;padding:4px 10px;margin-right:4px}.xcT h1{margin:6px 0 10px;font:800 32px/1.08 Montserrat,sans-serif;letter-spacing:-.02em}.xlead{margin:0;color:var(--gray);font-size:16px;line-height:1.5}
.xst{background:#fff;border:1px solid #E3E5EA;border-radius:14px;padding:16px;margin-bottom:12px}
.xh{display:flex;align-items:center;gap:10px;margin-bottom:12px}.xh em{flex:0 0 26px;height:26px;border-radius:50%;background:#EEF0F3;font:700 13px/26px Montserrat,sans-serif;text-align:center;font-style:normal}.xh b{font:700 17px/1.2 Onest,sans-serif}.xh span{margin-left:auto;color:var(--gray);font-size:14px}
.xo{display:grid;gap:8px}
.xopt{display:block;width:100%;text-align:left;background:#fff;border:0;border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 0 1px #D5D8DE;cursor:pointer;color:inherit;font:inherit}
.xopt b{display:block;font:600 15.5px/1.3 Onest,sans-serif}.xopt small{display:block;margin-top:3px;color:var(--gray);font-size:13.5px;line-height:1.4}
.xopt.a{box-shadow:inset 0 0 0 2px #111216;background:#FAFAFB}
.xn{margin:10px 0 0;color:var(--gray);font-size:13.5px;line-height:1.45}.xn.err{color:#B42318}
.xsz{display:flex;align-items:flex-end;gap:10px}.xsz>b{padding-bottom:14px;font-weight:700}
.xsz label{flex:1;position:relative}.xsz span{display:block;font-size:13px;color:var(--gray);margin-bottom:5px}
.xsz select{width:100%;box-sizing:border-box;height:52px;border:1px solid #C9CDD5;border-radius:10px;padding:0 36px 0 14px;font:600 20px Montserrat,sans-serif;color:inherit;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23111216' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 14px center/12px;-webkit-appearance:none;appearance:none;cursor:pointer}

.xcol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.xcol button{background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit;text-align:center}
.xcol i{display:block;height:46px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.xcol button.a i{box-shadow:0 0 0 2px #fff,0 0 0 4px #111216}
.xcol small{display:block;margin-top:7px;font-size:13px}
.xres{background:#111216;color:#fff;border-radius:16px;padding:18px;margin:4px 0 12px}.xres span{display:block;font-size:14px;opacity:.75}
.xres b{display:block;margin-top:4px;font:800 30px/1.1 Montserrat,sans-serif}.xres p{margin:8px 0 0;font-size:13.5px;line-height:1.45;opacity:.8}
.xform{background:#fff;border:1px solid #E3E5EA;border-radius:14px;padding:18px 16px;margin-bottom:12px}
.xform h2{margin:0 0 12px;font:800 21px/1.2 Montserrat,sans-serif}
.xform label{display:block;margin-bottom:10px}.xform label span{display:block;font-size:13px;color:var(--gray);margin-bottom:5px}
.xform select{width:100%;box-sizing:border-box;border:1px solid #C9CDD5;border-radius:10px;padding:12px 36px 12px 14px;font:16px Onest,sans-serif;color:inherit;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23111216' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right 14px center/12px;-webkit-appearance:none;appearance:none}
.xform input,.xform textarea{width:100%;box-sizing:border-box;border:1px solid #C9CDD5;border-radius:10px;padding:12px 14px;font:16px Onest,sans-serif;color:inherit;background:#fff}
.xform .go{width:100%;margin-top:6px}.xerr{margin:0;color:#B42318;font-size:14px}.xerr:empty{display:none}
.xok b{display:block;font:700 18px/1.3 Onest,sans-serif}.xok p{margin:6px 0 0;color:var(--gray)}
.xfacts{margin:0;background:#fff;border:1px solid #E3E5EA;border-radius:14px;padding:4px 16px}
.xfacts div{display:grid;grid-template-columns:120px 1fr;gap:12px;padding:12px 0;border-top:1px solid #EEF0F3}.xfacts div:first-child{border-top:0}
.xfacts dt{color:var(--gray);font-size:14px}.xfacts dd{margin:0;font-size:14.5px;line-height:1.45}
@media(min-width:900px){.xc2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}.xcL{position:sticky;top:90px}.xcT h1{font-size:40px}}
/* v195: «Наші монтажі» на сторінках кімнат */
.wkhome{margin-top:var(--sec)}.wkhome .hd{margin-top:0;align-items:center}.wk-all{background:none;border:0;padding:6px 0;font:600 15px/1.2 Onest,sans-serif;color:var(--text);cursor:pointer;white-space:nowrap}.wk-sub{margin:10px 0 0;color:var(--gray);font-size:14.5px;line-height:1.45}
.hown{position:absolute;left:10px;top:10px;z-index:2;background:#FFD600;color:#0A0A14;font:700 11px/1 Montserrat,sans-serif;letter-spacing:.05em;text-transform:uppercase;padding:6px 9px;border-radius:999px}.hown[hidden]{display:none}

.rwk{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;margin:14px -16px 0;padding:0 16px 6px;scrollbar-width:none}.rwk::-webkit-scrollbar{display:none}.rwk a{flex:0 0 62%;scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:3/4;background:#EEE;text-decoration:none}.rwk img{width:100%;height:100%;object-fit:cover;display:block}.rwk span{position:absolute;left:8px;bottom:8px;right:8px;font:600 13px/1.25 Onest,sans-serif;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.5)}.rwk a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:40%;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.55))}.rwk span{z-index:1}
@media(min-width:760px){.rwk{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;overflow:visible}.rwk a{flex:none}.wkhome .rwk a{aspect-ratio:4/3}}
/* v154: «Наші монтажі» */
.stv-s.wk{background:#0A0A14;padding:0 18px calc(18px + env(safe-area-inset-bottom,0px));justify-content:flex-end}
.stv-s.wk .ph{position:absolute;inset:0;overflow:hidden}
.stv-s.wk .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.stv-s.wk .ph img.wk-b{object-fit:cover;filter:blur(28px) brightness(.55);transform:scale(1.15)}
.stv-s.wk .ph::after{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(10,10,20,0),rgba(10,10,20,.88))}
.wk-t{position:relative;z-index:2;color:#fff;margin-bottom:4px}
.wk-k{display:inline-block;font:700 12px/1 Montserrat,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#0A0A14;background:#FFD600;padding:7px 10px;border-radius:999px;margin-bottom:10px}
.wk-t b{display:block;font:800 26px/1.15 Montserrat,sans-serif}
.stv-s.wk .stv-go{background:#F61737;position:relative;z-index:2}
.stv-s.wk .ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
.stv-s.wk .stv-snd{top:calc(70px + env(safe-area-inset-top,0px));bottom:auto}
.stv-s.wk .ph::after{z-index:1}
.stv-play{position:absolute;left:50%;top:50%;z-index:3;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;background:rgba(10,10,20,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.stv-play svg{margin-left:4px}
/* v159: бургер-меню — контакти знову внизу, як було (Дмитро 28.10.2026), лише дрібніше */
.mnu-f.mcon{padding:10px 16px calc(10px + env(safe-area-inset-bottom))!important;gap:7px}
.mnu-f .mcon-tel{gap:10px}
.mnu-f .mcon-ic{width:36px;height:36px}
.mnu-f .mcon-ic svg{width:17px;height:17px}
.mnu-f .mcon-n b{font:600 17px/1.15 Onest,sans-serif!important;letter-spacing:0!important}
.mnu-f .mcon-n small{font-size:12px}
.mnu-f .mcon-m{gap:6px}
.mnu-f .mcon-m a,.mnu-f .mcon-cb{min-height:40px;font-size:14.5px}
.mnu-f .mcon-m a.mcon-t::before{width:17px;height:17px}
.mnu-f .mcon-24{font-size:12px}
/* v161: римські — модель і колір вставки */
.qmod,.qins{margin-top:12px}
.qmd-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qmd{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 9px;border-radius:14px;background:#fff;box-shadow:0 0 0 1.5px var(--line) inset;text-align:center;-webkit-tap-highlight-color:transparent}
.qmd.a{box-shadow:0 0 0 2px var(--ink) inset}
.qmd b{font:600 14px var(--f-ui);margin-top:4px}
.qmd small{font:500 11.5px var(--f-ui);color:var(--mute)}
.qmd-p{font:700 13px var(--f-num);color:var(--ink)}
.qmd svg{display:block}
@media(min-width:900px){.qmd-g{grid-template-columns:repeat(5,minmax(0,1fr))}}
.qins .qc-w{display:flex;flex-wrap:wrap;gap:10px 8px}
#qins .qci{width:78px!important}
#qins .qci small{display:block!important;max-width:78px!important;white-space:normal!important;overflow:visible!important;-webkit-line-clamp:unset!important;font-size:11px!important;line-height:1.2!important;min-height:2.4em;text-align:center}
.qsew,.qduo{margin-top:12px}
.qd-l{margin:14px 0 8px;font:600 14px var(--f-ui)}
#qlam.rz-lam .ql-g{grid-template-columns:1fr 1fr;gap:10px}
#qlam.rz-lam .qlc{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:8px 8px 12px;min-height:0}
#qlam.rz-lam .ql-i{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;margin-bottom:6px}
#qlam.rz-lam .ql-n b{font-size:15px;line-height:1.2}
#qlam.rz-lam .ql-s{font-size:12.5px;line-height:1.3}
#qlam.rz-lam .ql-p{margin-top:auto;padding-top:4px}
#qlam.rz-lam .qlc{position:relative}
#qlam.rz-lam .qlc.a{background:#fff!important;color:var(--ink)!important;border-color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink)!important}
#qlam.rz-lam .qlc.a *{color:var(--ink)!important}
#qlam.rz-lam .qlc.a .ql-s{color:var(--gray)!important;opacity:1}
#qlam.rz-lam .qlc.a::after{content:"";position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/15px no-repeat;box-shadow:0 0 0 2px #fff}
.rz-krl{margin:12px 0 8px;font:600 13px var(--f-ui);color:var(--muted,#5b5f66)}
/* v181: iPhone — без сірої заливки при натисканні; натиск видно легким стисканням (Дмитро 29.10.2026) */
html{-webkit-tap-highlight-color:transparent}
#scr-cfg #pbar #addBtn.need{background:var(--ink)!important;color:#fff!important}  /* v182: кнопка «Обрати …» в нижній смузі була біла на білому (Дмитро 29.10.2026) */
#scr-cfg :is(.qlc,.acc-nx,.qmd,[data-ftog]):not(:disabled){transition:transform .12s ease}
#scr-cfg :is(.qlc,.acc-nx,.qmd,[data-ftog]):not(:disabled):active{transform:scale(.97)}
.acc-in>:not(.qc-t){animation:accIn .2s ease-out}
@keyframes accIn{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){.acc-in>*{animation:none}}
.rz-kr{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rz-kr figure{margin:0;display:flex;flex-direction:column;gap:6px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#fff;font:500 13px var(--f-ui)}
.rz-kr figure.a{border-color:#0A0A14;box-shadow:inset 0 0 0 1px #0A0A14}
.rz-kr img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block}
.rz-tgr{margin:0 0 12px}.rz-tgr>b{display:block;margin:0 0 6px;font:500 13px var(--f-ui);color:var(--gray)}
#qduo .qci.rz-tc{width:78px!important}
#qduo .qci.rz-tc small{display:block!important;max-width:78px!important;white-space:nowrap!important;overflow:visible!important;font-size:11px!important;min-height:0!important;-webkit-line-clamp:unset}
#heroCap.rzs{top:12px!important;bottom:auto!important;left:12px!important;right:auto!important}
#heroCap .rz-solo{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(10,10,20,.72);color:#fff;font:600 12.5px var(--f-ui)}
.rz-tz{display:inline-block;margin:10px 0 4px;font-weight:600}
.qduo .qc-w{display:flex;flex-wrap:wrap;gap:10px 8px}
.rz-tg{display:flex;align-items:center;gap:12px;margin-top:10px;padding:12px 14px;border-radius:14px;background:#fff;box-shadow:0 0 0 1.5px var(--line) inset;cursor:pointer}
.rz-tg input{width:22px;height:22px;accent-color:#0A0A14;flex:none}
.rz-tg span{flex:1;min-width:0}.rz-tg b{display:block;font:600 15px var(--f-ui)}.rz-tg small{display:block;font:500 12.5px var(--f-ui);color:var(--mute)}
.rz-tg em{font:700 14px var(--f-num);font-style:normal;white-space:nowrap}
/* v166: римські — більший малюнок «Ваш виріб» і моделі (Дмитро 29.10.2026) */
@media(max-width:899px){body.rzp .hero{height:min(92vw,400px)}body.rzp #mstrip{height:150px}body.rzp #mstrip .ms-th{width:116px;height:136px}}
body.rzp .hero-dr #heroSvg{aspect-ratio:264/246}
.qmd{padding:12px 4px 10px}
/* v147: «Разом» у шухляді — підпис під словом, сума окремо; кошик у нижньому меню — як у шапці (Дмитро 27.10.2026) */
.drw .sumt{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.drw .sumt>span{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.drw .sumt #drwN{display:block;margin-top:3px;font-size:13px;white-space:nowrap}
.drw .sumt #drwN:empty{display:none}
.drw .sumt>b{flex:none;white-space:nowrap}
.tabbar a[href*="koshyk"] svg,.tabbar [data-tb="cart"] svg{width:26px;height:26px}
.tabbar .tb-n{top:1px!important;left:calc(50% + 7px)!important;min-width:18px!important;height:18px!important;padding:0 4px!important;font:600 10.5px/18px var(--f-num)!important;box-shadow:0 0 0 2px #fff}
.ctabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#E9EBEE;border-radius:14px;padding:4px;margin:4px 0 12px}
.ctabs button{border:0;background:transparent;border-radius:11px;height:44px;font:600 15px Onest,sans-serif;color:#5B616B;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
.ctabs button.a{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.ctabs button svg{width:16px;height:16px;color:var(--red)}.ctabs button svg path{fill:currentColor}
.ctabs small{font:600 12px Onest,sans-serif;background:#DDE0E5;color:#3A3E45;border-radius:999px;padding:1px 7px}.ctabs button.a small{background:var(--ink);color:#fff}
.drw-tabs{padding:0 16px}.drw-tabs:empty{display:none}
.nm-r{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.prs{text-align:right;flex:none}.prs .pr{font:700 16px Montserrat,sans-serif;white-space:nowrap}.prs .pu{display:block;font-size:12px;color:#7A808A;white-space:nowrap}
.item .rw.ico-r{flex-wrap:nowrap;margin-top:10px}
.ci.tap{flex-wrap:wrap}.ci.tap>.cib{flex:1;min-width:0}.ci.tap>.cia{flex:0 0 100%;flex-wrap:nowrap!important;justify-content:space-between!important;margin-top:4px}
.ci.tap .qs button{width:44px!important}.ci.tap .qs b{min-width:34px}
.fav-note{font-size:13.5px;color:#6B6F78;margin:2px 2px 4px}
.fav-empty{text-align:center;padding:30px 14px;color:#6B6F78}.fav-empty svg{width:34px;height:34px;color:#E3E6EA}.fav-empty svg path{fill:currentColor}.fav-empty b{display:block;color:var(--ink);font-size:16px;margin:8px 0 4px}.fav-empty p{font-size:14px;margin:0}
.fav-t{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.fav-t .pr{font:700 15px Montserrat,sans-serif;white-space:nowrap}
.favs{margin-top:16px}.favs h3{display:flex;align-items:center;gap:8px;font:700 17px Montserrat,sans-serif;margin:0 2px 10px}.favs h3 svg{width:20px;height:20px;color:var(--red)}.favs h3 svg path{fill:currentColor}.favs h3 small{font:500 14px Onest,sans-serif;color:#8A8F98}
.fav{display:flex;gap:12px;background:#fff;border-radius:20px;padding:14px;margin-top:10px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.05);cursor:pointer}
.fav-b{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.fav-b b{font-size:15.5px}.fav-b>span{font-size:13px;color:#6B6F78}
.fav-r{display:flex;align-items:center;gap:8px;margin-top:8px}.fav-r .fav-add{flex:1;white-space:nowrap}
.fav-add{border:0;background:var(--ink);color:#fff;border-radius:12px;height:44px;padding:0 14px;font:600 14px Onest,sans-serif;cursor:pointer}
.cthumb .cfab{position:absolute;right:3px;bottom:3px;width:24px;height:24px;border-radius:6px;border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.cthumb.smp{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;border:0}
.cthumb.smp i{position:static;height:auto;border:1px solid var(--line)}
.item .qt button{width:44px!important;height:44px!important}
.item .acts{gap:4px!important}
.item .acts button,.item .acts a{min-height:44px;min-width:44px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;font-size:14px!important}
.item .acts button:first-child,.item .acts a:first-child{padding-left:0;justify-content:flex-start}
.item .pu{font-size:12.5px;color:var(--mute)}
.cart-more{display:flex;gap:4px 18px;flex-wrap:wrap;margin:10px 0 0;font-size:14px}
.cart-more a{min-height:44px;display:inline-flex;align-items:center}
.toast.tun{display:flex;align-items:center;gap:14px;pointer-events:auto;padding:6px 6px 6px 16px;border-radius:var(--r);white-space:nowrap}
.toast .tu{min-height:40px;padding:0 12px;border:0;border-radius:calc(var(--r) - 2px);background:rgba(255,255,255,.14);color:#fff;font:700 14px var(--f-ui);cursor:pointer}
/* 10. system cards */
.qlam{border:1px solid var(--line);border-radius:var(--r-card);background:var(--paper);padding:14px 14px 12px}
.qlam .qc-t{margin-bottom:10px}
.ql-g{display:grid;gap:8px}
.qlc{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n p" "s p";gap:2px 12px;align-items:center;text-align:left;width:100%;min-height:64px;padding:10px 12px;border:1.5px solid var(--line);border-radius:var(--r);background:var(--paper,#fff);cursor:pointer;color:var(--ink)}
@media (hover:hover){.qlc:hover:not(:disabled){border-color:var(--ink)}}
.qlc.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.qlc:disabled{cursor:not-allowed;background:var(--mist);border-style:dashed;color:var(--mute)}
.ql-n{grid-area:n;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ql-n b{font:700 15px/1.25 var(--f-ui)}
.ql-pop{font:600 11.5px/1 var(--f-ui);font-style:normal;color:#fff;background:var(--ok);border-radius:999px;padding:4px 8px}
.ql-s{grid-area:s;font-size:13px;line-height:1.35;color:var(--mute)}
.qlc:disabled .ql-s{color:var(--red-d,#C40F2C);font-weight:600}
.ql-p{grid-area:p;display:flex;flex-direction:column;align-items:flex-end;gap:1px;white-space:nowrap}
.ql-p b{font:600 15px var(--f-num);color:var(--ink)}
.ql-p small{font:500 12.5px var(--f-num);color:var(--mute)}
.ql-note{margin:10px 0 0;font-size:13.5px;line-height:1.4;color:var(--ink);background:var(--mist);border-radius:var(--r);padding:8px 10px}
.ql-h{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--mute)}
/* 11. finished size */
.qd-fin{margin:10px 0 0;padding:10px 12px;border-radius:var(--r);background:var(--mist);font-size:14px;line-height:1.45;color:var(--ink)}
.qd-fin b{font-family:var(--f-num);font-weight:600;white-space:nowrap}
.qd-fin span{color:var(--mute);font-size:13px}
.qd-fin[hidden]{display:none}
.hw-n2{margin-top:6px!important}
/* 14. edit banner */
.edb{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 6px 6px 14px;margin:0 0 12px;border-radius:var(--r);background:var(--ink);color:#fff;font-size:14.5px}
.edb[hidden]{display:none}
.edb .link{color:#fff!important;min-height:40px;display:inline-flex;align-items:center;padding:0 10px;font-weight:700}
/* 13. thin summary strip instead of sticky photo */
@media(max-width:899px){
  body.hmini .msum{display:flex!important;transform:none!important;opacity:1!important;pointer-events:auto!important;min-height:64px;max-height:72px;padding:8px 16px;gap:12px;border-bottom:1px solid var(--line);box-shadow:0 6px 14px rgba(10,10,20,.08)}
  .msum>i{width:48px!important;height:48px!important;border-radius:8px;background-size:cover}
  .msum b{font:700 15px/1.2 var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .msum em{display:block!important;font:600 16px var(--f-num)!important;color:var(--ink)!important}
  .pbi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .pbi b.ok{font-size:14px;line-height:1.25;white-space:normal}
  .pbi b.ok+small{display:none}
}
/* 21. colour captions on mobile */
@media(max-width:899px){.qci small{display:block!important;font-size:10.5px;max-width:56px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qci{width:56px!important}}
/* 22. */
.hc-nx{margin:6px 0 0;font-size:13px;color:var(--mute);text-align:center;grid-column:1/-1}
/* 19. measurer */
.zm-ctx{margin:2px 0 0;padding:10px 12px;border-radius:var(--r);background:var(--mist);font-size:13px;color:var(--mute);line-height:1.4}
.zm-ctx b{display:block;color:var(--ink);font-size:14px}
.zm-okb{width:100%;justify-content:center;margin-top:6px}
.zm-cx{font-size:13.5px;color:var(--mute)}
/* 1. pomiar doc */
.pmd{border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;margin:0 0 10px}
.pmd.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.pmd-h{display:flex;gap:12px;align-items:center;margin-bottom:10px}
.pmd-h .hw-d{width:72px;flex:none}
.pmd-k{margin:0;font-size:12.5px!important;color:var(--mute)}
.pmd h4{margin:2px 0 0;font:700 16px/1.25 var(--f-ui)}
.pmd .hw-s li{font-size:14px;grid-template-columns:24px 1fr}
.pmd .hw-s i{width:24px;height:24px;font-size:12px}
.pmd .hw-n{margin:8px 0 0}
.pmd-i{margin-top:0}
.hw-w>.hw-n2{grid-column:1/-1}
/* 9. small text actions: larger hit area */
.qc-h .link,.qc-z .link,.qc-n .link,.cs-miss{display:inline-block;padding:12px 0;margin:-12px 0;min-width:44px}
.qc-h .link{padding:12px 0 12px 12px}
.qc-s,.cps-s{min-height:44px}

/* ===== v58 ===== */
.fsh-cod{margin:8px 0 4px;padding:8px 10px;border-radius:var(--r);background:var(--mist);font-size:13px;line-height:1.4;color:var(--mute)}
.sum .r.sur span{color:var(--ink);font-size:14.5px}
.sum .r.sur b{font-weight:500}
.vat-up{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink)}
.vat-up b{white-space:nowrap}
.dn-demo{display:block;margin-top:6px;font-size:12.5px;color:var(--mute)}
.ibx dd small{color:var(--mute)!important}
.ibx dd small.demo{color:var(--red-d)}

/* ===== v62 language switch ===== */
.lsw{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px;background:#fff}
.lsw button{min-width:38px;height:30px;padding:0 8px;border:0;border-radius:999px;background:none;font:600 12.5px var(--f-ui);color:var(--mute);cursor:pointer}
.lsw button.on{background:var(--ink);color:#fff}
.lsw-h{display:none;margin-right:8px}
@media(min-width:900px){.lsw-h{display:inline-flex;align-self:center}}
.mnu-h .lsw-m{margin-left:auto;margin-right:6px}
#toast{z-index:300!important}
.f2-lang{margin:0;font:500 12.5px var(--f-ui);color:#A9AEBA}
.f2-lang a{color:#A9AEBA!important;text-decoration:none}
.f2-lang a.on{color:#fff!important;font-weight:600}

/* ===== v64 ===== */
/* текстурні свотчі тканин (рендер) — 48px, заокруглений квадрат, кільце вибору */
.qc.qtx,.fsw.qtx{width:48px!important;height:48px!important;border-radius:12px;border:1px solid rgba(17,18,22,.12);background-size:cover!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),inset 0 -6px 10px rgba(17,18,22,.06);transition:transform .15s ease}
.fsw.qtx{width:56px!important;height:56px!important}
.qc.qtx.a,.fsw.qtx.a{outline:2px solid var(--ink)!important;outline-offset:3px}
@media(hover:hover){.qc.qtx:hover,.fsw.qtx:hover{transform:translateY(-1px)}}
.qc-w:has(.qtx){display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 4px!important;max-width:500px}
.qc-w:has(.qtx) .qci{width:auto!important;min-width:0}
.qc-w:has(.qtx) .qci small{display:block!important;max-width:100%!important;font-size:11.5px;line-height:1.2;text-align:center}
@media(max-width:899px){.qc-w:has(.qtx) .qci small{font-size:10.5px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:389px){.qc.qtx{width:44px!important;height:44px!important;border-radius:10px}}
.qc-coll{display:block;margin-top:2px;font:500 12.5px/1.3 var(--f-ui);color:var(--mute)}
.fs-coll{font-style:normal;color:var(--mute);white-space:nowrap}
.qc-tone{margin:10px 0 0;font:400 12.5px/1.45 var(--f-ui);color:var(--mute)}
.qc-tone .link{font-size:12.5px;color:var(--ink-2)!important;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:2px;display:inline;padding:0;margin:0;min-width:0}
/* живий перегляд: рендер у героїці + перехід */
.hero-ph img.hrend{object-position:50% 30%}.hero-ph img.hpl{object-fit:contain;background:#fff}
.hero-ph.slat img,.hero-ph.slat img.hfade{object-fit:contain;background:#fff}
.qhw-b em[style="background:transparent"],.cs2-dot[style="background:transparent"]{display:none}
.hero-ph img.hfade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:1;transition:opacity .2s ease;cursor:default}
.cps-i.cps-ih{object-position:50% 40%}

/* v65: long colour label in step header */
.qc-t{gap:10px}
.qc-t>span{flex:none;white-space:nowrap}
.qc-t{align-items:flex-start!important}
.qc-t>b{flex:1 1 auto;min-width:0;text-align:right;line-height:1.3;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}

/* ===== v66c ===== */
/* 1. телефон: закріплене фото/малюнок під шапкою (як до v57), нижче — ~212 px; без тонкої смуги #msum */
@media(max-width:899px){
  /* v66e: героїка — базові правила v20 (як у shop56); тонку смугу #msum і чип кольору над героїкою не показуємо */
  #msum,body.hmini #msum{display:none!important}
  #heroCap .pc-t{display:none!important}
  #heroCap{left:auto!important;right:10px!important;top:auto!important;bottom:var(--pcb,12px)!important;max-width:none!important;min-width:0!important}
  #heroCap .pc-iv{min-height:38px;padding:0 14px;font-size:13px}
  body.hmini #heroCap .pc-iv{font-size:0;gap:0;width:38px;padding:0;justify-content:center}
  body.hmini #heroCap .pc-iv svg{width:16px;height:16px}
}
/* підпис у малюнку: обраний колір + «В інтер’єрі» */
.pcap{position:absolute;left:12px;top:12px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:min(46%,240px);pointer-events:none}
.pcap[hidden]{display:none}
.pc-t{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 1px 3px rgba(17,18,22,.12);max-width:100%}
.pc-t i{width:22px;height:22px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(17,18,22,.14)}
.pc-t b{font:600 12.5px/1.2 var(--f-ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.pc-iv{pointer-events:auto;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--ink);color:#fff;font:600 12.5px var(--f-ui);cursor:pointer;box-shadow:0 2px 8px rgba(17,18,22,.2)}
.pc-iv svg,.qc-iv svg{width:14px;height:14px;flex:none}
@media(max-width:899px){.pcap{left:10px;top:10px;max-width:calc(100% - 236px);min-width:120px}.pc-t{padding:5px 9px 5px 5px}.pc-t b{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.pc-t i{width:18px;height:18px}}
@media(min-width:900px){.pcap{left:16px;top:16px}}
/* 3. посилання на рендер біля назви кольору */
.qc-t>b{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.qc-cn{display:block}
.qc-iv{display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:4px 0 4px 8px;margin:-2px 0 -6px;font:600 13px/1.2 var(--f-ui);color:var(--ink-2);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;cursor:pointer;background:none;white-space:nowrap}
@media(hover:hover){.qc-iv:hover{color:var(--ink);text-decoration-color:currentColor}}
.qc.qtx{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/* лайтбокс з рендером: цілий квадрат + назва кольору */
.lb.lb-intr .lb-st{padding:64px 12px 72px}
.lb.lb-intr .lb-st img{border-radius:12px;max-width:min(100%,820px);max-height:100%}
.lb.lb-intr .lb-c{color:#fff;font:600 15px/1.3 var(--f-ui);bottom:calc(22px + env(safe-area-inset-bottom,0px))}
.lb.lb-intr .lb-c::after{content:'візуалізація · відтінок орієнтовний';display:block;margin-top:3px;font:400 12px var(--f-ui);color:rgba(255,255,255,.62)}
/* 4. один рядок про зразки */
.qc-tone{margin:12px 0 0;font:400 13.5px/1.45 var(--f-ui);color:var(--mute)}
.qc-tone .link{font-size:13.5px;font-weight:600;color:var(--ink)!important;text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px;display:inline;padding:0;margin:0;min-width:0}
/* артикул для менеджера — дрібно, сірим */
small.art{font:500 11.5px var(--f-num);color:var(--mute);white-space:nowrap;letter-spacing:0}
.c1 small.art{margin-left:4px}

/* ===== v66d ===== */
/* нижня панель: розмір нейтрально — моно-цифри чорнилом + «ваш розмір» сірим */
.pbi b.psz{font:600 17px/1.15 var(--f-num);letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.pbi b.psz+small{display:block!important;white-space:nowrap}
#pbar .addb .al{white-space:nowrap}
@media(max-width:899px){#pbar .pbi{flex:none;max-width:46%}}
@media(max-width:389px){#pbar .addb .al{font-size:14px!important;letter-spacing:-.01em}#pbar .addb{padding:0 12px!important}.pbi b.psz{font-size:15.5px;letter-spacing:-.05em}}
@media(max-width:359px){#pbar .addb .al{font-size:13px!important}}

/* v67: «Назад» на сторінці зразків */
#scr-samples .smtb{padding:8px 0 4px;border-bottom:0;margin-bottom:8px}
#scr-samples .smtb .back{width:40px;height:40px;border:1.5px solid var(--line);border-radius:var(--r);font:500 20px var(--f-ui);color:var(--ink)}
#scr-samples .smtb .back:hover{border-color:var(--ink)}
#scr-samples .smtb .mono{color:var(--muted,#6b6f78);font-size:14px}

/* v68: картка «Ваш виріб — перевірте параметри» */
#csum.on{flex-direction:column}
.csum{gap:14px!important}
.cs2-top{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;align-items:center;gap:14px;padding:12px;border-radius:14px;background:#F2F3F5}
.cs2-pic{width:96px;height:90px;flex:none;display:grid;place-items:center;background:#fff;border-radius:10px;overflow:hidden}
.cs2-pic svg{width:100%;height:100%;display:block}
.cs2-m{display:flex;flex-direction:column;gap:2px;min-width:0}
.cs2-m small{font:500 13px/1.3 var(--f-ui);color:var(--mute)}
.cs2-sz{font:700 26px/1.1 Montserrat,sans-serif;color:var(--ink);letter-spacing:-.5px;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}
.cs2-sz em{font-style:normal;font-weight:500;font-size:18px;color:var(--mute)}
.cs2-sz i{font-style:normal;font:600 14px var(--f-ui);color:var(--mute)}
.cs2-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.cs2-g>.cs2-qty{grid-column:1/-1}
.cs2-t{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:flex;flex-direction:column;gap:6px;padding:12px 12px 12px;border:1.5px solid var(--line);border-radius:14px;min-height:74px;background:#fff;transition:border-color .15s}
.cs2-t.w{grid-column:1/-1}
.cs2-l{display:flex;align-items:center;gap:6px;font:500 12.5px/1.2 var(--f-ui);color:var(--mute)}
.cs2-l svg{width:16px;height:16px;flex:none;color:var(--ink);opacity:.75}
.cs2-v{display:flex;align-items:center;gap:8px;font:600 15px/1.3 var(--f-ui);color:var(--ink)}
.cs2-col{flex-direction:row;align-items:center;gap:12px}
.cs2-sw{width:52px;height:52px;flex:none;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(17,18,22,.14)}
.cs2-cv{display:flex;flex-direction:column;gap:4px;min-width:0;padding-right:60px}
.cs2-dot{width:16px;height:16px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(17,18,22,.2)}
.cs2-e{position:absolute;right:12px;top:50%;transform:translateY(-50%);font:400 24px/1 var(--f-ui);font-style:normal;color:var(--mute);opacity:.7}
.cs2-t,.cs2-top{padding-right:30px!important}
.cs2-cv{padding-right:0}
@media(hover:hover){.cs2-t:hover,.cs2-top:hover{border-color:var(--ink)}.cs2-t:hover .cs2-e,.cs2-top:hover .cs2-e{opacity:1;color:var(--ink)}}
.cs2-pic{background:transparent!important}
.cs2-miss{color:var(--blue,#1f5bd8);font:600 15px var(--f-ui)}
.cs2-t:focus-visible,.cs2-top:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:380px){.cs2-pic{width:80px;height:76px}.cs2-sz{font-size:22px}}

/* v69: підписи кольорів на телефоні — повністю, у 2 рядки; 4 у ряд для тканин */
@media(max-width:899px){
  .qci small{white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:68px!important;font-size:11px!important;line-height:1.2!important;min-height:2.4em;word-break:normal;hyphens:auto}
  .qci{width:68px!important}
  .qc-w:has(.qtx){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 8px!important}
  .qc-w:has(.qtx) .qci small{font-size:11px!important;letter-spacing:-.1px;white-space:normal!important;max-width:100%!important}
  .qc-w:has(.qtx) .qc{width:100%!important;height:auto!important;aspect-ratio:1}
}
/* v69: степпер кількості в картці */
.cs2-qty{cursor:default;flex-direction:row!important;align-items:center;justify-content:space-between;padding-right:12px!important}
.cs2-st{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}
.cs2-st button{all:unset;cursor:pointer;width:44px;height:44px;display:grid;place-items:center;font:500 22px/1 var(--f-ui);color:var(--ink);background:#F2F3F5}
.cs2-st button:disabled{opacity:.35;cursor:default}
.cs2-st b{min-width:58px;text-align:center;font:600 15px var(--f-ui)}
/* v69: поле не ховається під липкою кнопкою оформлення */
body[data-scr="co"],html:has(body[data-scr="co"]){scroll-padding-bottom:110px}

/* ===== v70 ===== */
/* A. телефон: фото не закріплене; смуга з малюнком під шапкою */
@media(max-width:899px){
  #scr-cfg .hero{position:relative!important;top:auto!important}
  body.hmini .hero-ph,body.hmini .hero-dr{top:0!important}
}
#mstrip{position:fixed;left:0;right:0;top:var(--hdrH,61px);z-index:25;height:112px;display:flex;align-items:center;gap:14px;padding:0 16px;background:#F2F3F5;border-bottom:1px solid var(--line);box-shadow:0 6px 14px rgba(17,18,22,.06);transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
#mstrip.on{transform:none;opacity:1;pointer-events:auto}
@media(min-width:900px){#mstrip{display:none!important}}
#mstrip .ms-th{all:unset;cursor:pointer;width:84px;height:100px;flex:none;display:grid;place-items:center}
#mstrip .ms-th svg{width:100%;height:100%;display:block}
#mstrip .ms-tx{all:unset;cursor:pointer;flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
#mstrip .ms-sz{font:700 22px/1.05 Montserrat,sans-serif;color:var(--ink);letter-spacing:-.5px;white-space:nowrap}
#mstrip .ms-sz i{font:600 13px var(--f-ui);font-style:normal;color:var(--mute);margin-left:4px}
#mstrip .ms-sz.no{font:600 15px var(--f-ui);color:var(--red,#E3203A);letter-spacing:0;white-space:normal}
#mstrip .ms-c span{-webkit-line-clamp:3!important}
.rz-tln{margin:-4px 0 12px;padding:10px 14px;border-radius:12px;background:#F2F3F5;font:500 14px/1.4 var(--f-ui);color:#4B4F58}
.fsort button{min-height:40px}
.qci small{cursor:pointer}
#mstrip .ms-c{font:500 13px/1.25 var(--f-ui);color:#4B4F58;display:flex;align-items:center;gap:6px;min-width:0}
#mstrip .ms-c span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#mstrip .ms-c i{width:14px;height:14px;border-radius:4px;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}
#mstrip .ms-b{display:flex;flex-direction:column;gap:8px;flex:none}
#mstrip .ms-b button{all:unset;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border-radius:999px;font:600 12.5px var(--f-ui);white-space:nowrap}
#mstrip .ms-b svg{width:14px;height:14px}
#mstrip .ms-b .ms-iv{background:var(--ink);color:#fff}
#mstrip .ms-b .ms-ph{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1.5px #D6D9DE}
@media(max-width:359px){#mstrip{gap:10px;padding:0 12px}#mstrip .ms-th{width:68px}#mstrip .ms-sz{font-size:19px}}
#qdim,#qcol,.qmnt,#qlam,.qhw,#csum,#cfRows>*{scroll-margin-top:calc(var(--hdrH,61px) + 16px)}
@media(max-width:899px){#qdim,#qcol,.qmnt,#qlam,.qhw,#csum,#cfRows>*{scroll-margin-top:calc(var(--hdrH,61px) + 124px)}}
/* C. крок «Колір фурнітури» */
#cfRows>.qhw{grid-column:1/-1}
.qhw{border:1.5px solid var(--line);border-radius:var(--r,14px);padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}
.qhw-b{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.qhw-b:has(button:nth-child(6)){grid-template-columns:repeat(4,minmax(0,1fr))}
.qhw-b button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1.5px solid var(--line);border-radius:12px;font:600 13px var(--f-ui);color:var(--ink);text-align:center}
.qhw-b button em{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(17,18,22,.2)}
.qhw-b button.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.qhw-b button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(min-width:900px){body.qpop-on::after{content:'';position:fixed;inset:0;background:rgba(17,18,22,.45);z-index:240}
#scr-cfg #qcol.qpop{position:fixed!important;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1040px,calc(100vw - 64px));max-height:calc(100vh - 64px);overflow:auto;z-index:250;margin:0!important;padding:24px 28px!important;border-radius:20px!important;box-shadow:0 24px 64px rgba(0,0,0,.28);overscroll-behavior:contain}
#qcol.qpop>.qc-t{padding-right:48px}
.qpop-x{all:unset;box-sizing:border-box;position:absolute;top:16px;right:18px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:400 30px/1 var(--f-ui);color:var(--ink);background:#fff;cursor:pointer;z-index:2;box-shadow:0 0 0 1px var(--line)}
.qpop-x:hover{background:#F3F4F6}
body.qpop-on{overflow:hidden}}
/* v131: фото не зберігаються (правий клік, перетягування, довге натискання) */
img,.hero-ph,.fzi,.fsq,.fsel{-webkit-touch-callout:none;-webkit-user-drag:none}img{user-select:none;-webkit-user-select:none}
.ft-copy{margin-top:4px;opacity:.75}
/* v131: обраний варіант — чорна заливка (короткі кнопки) або рамка + галочка (картки з малюнком) */
.qlc.a{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;box-shadow:none!important}
.qlc.a *{color:#fff!important}.qlc.a .ql-s,.qlc.a small{color:rgba(255,255,255,.72)!important}
.qside-b button.a{background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}.qside-b button.a svg{color:#fff}
.qhw-b button.a:not(.fx){background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:none}
.qhw-b button.fx{position:relative}.qhw-b button.fx.a{background:#F3F4F6;border-color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.qhw-b button.fx.a::after{content:'';position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
.cs2-pic img.cs2-img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:899px){.fzb .fzk{position:sticky;bottom:calc(-16px - env(safe-area-inset-bottom));z-index:3;background:#fff;margin:12px -16px 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -10px 18px -12px rgba(17,18,22,.28)}}
/* v135: нижня панель на телефоні (як у Comfy) — на сторінках без власної кнопки дії */
.tabbar{display:none}
@media(max-width:899px){body:not([data-scr="cfg"]):not([data-scr="cart"]):not([data-scr="checkout"]):not([data-scr="done"]) .tabbar{display:grid}
.tabbar{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:60;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:20px;box-shadow:0 8px 28px rgba(17,18,22,.14);padding:6px 4px}
.tabbar a,.tabbar button{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border-radius:14px;color:var(--ink);font:600 11.5px var(--f-ui);cursor:pointer;text-align:center;-webkit-tap-highlight-color:transparent}
.tabbar svg{width:24px;height:24px}
.tabbar .tb-z{color:#fff;background:var(--red);margin:-2px 2px}
.tabbar .on{color:var(--red)}
.mnu.nt .mnu-sub{transition:none!important}
.qside-t .qside-b{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.qside-t .qside-b button{flex-direction:column;gap:4px;padding:10px 6px}.opt .vti{display:block;width:56px;height:52px;margin-bottom:4px}.qside-t .qside-b button svg.vti{display:block;width:100%;max-width:76px;height:auto;aspect-ratio:36/33;margin-bottom:2px}  /* v138: крупніші схеми (Дмитро 25.10.2026) */

/* v136a: бокове меню плавно виїжджає й плавно ховається */
.mnu .mnu-p{animation:none;transform:translateX(-100%);transition:transform .32s cubic-bezier(.5,0,.75,0);will-change:transform}
.mnu .mnu-dim{animation:none;opacity:0;transition:opacity .32s ease-in}
.mnu.on .mnu-p{transition:transform .42s cubic-bezier(.22,.8,.3,1)}.mnu.on .mnu-dim{transition:opacity .42s ease-out}
.mnu-sub{transition:transform .45s cubic-bezier(.4,0,.6,1),visibility 0s .45s}.mnu.sub .mnu-sub{transition:transform .5s cubic-bezier(.25,.8,.25,1),visibility 0s}
.mnu.on .mnu-p{transform:none}.mnu.on .mnu-dim{opacity:1}.mnu:not(.on){pointer-events:none}
@media (prefers-reduced-motion:reduce){.mnu .mnu-p,.mnu .mnu-dim{transition:none}}
.tabbar .tb-n{position:absolute;top:2px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font:700 11px/18px var(--f-num);font-style:normal;text-align:center}
body:not([data-scr="cfg"]):not([data-scr="cart"]):not([data-scr="checkout"]):not([data-scr="done"]) footer{padding-bottom:96px}}
.tbs{position:fixed;inset:0;z-index:320;display:flex;align-items:flex-end;justify-content:center}.tbs[hidden]{display:none}
.tbs-dim{position:absolute;inset:0;background:rgba(17,18,22,.45)}
.tbs-b{position:relative;width:100%;max-width:520px;background:#fff;border-radius:20px 20px 0 0;padding:16px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}
.tbs-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tbs-h b{font:700 19px Montserrat,sans-serif}
.tbs-x{all:unset;width:40px;height:40px;display:grid;place-items:center;font-size:28px;cursor:pointer}
.tbs-i{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:14px;padding:14px;border:1.5px solid var(--line);border-radius:14px;cursor:pointer;color:var(--ink)}
.tbs-i b{display:block;font:600 16px var(--f-ui)}.tbs-i small{display:block;margin-top:2px;font:500 13.5px/1.35 var(--f-ui);color:var(--mute)}
.tbs-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#F3F4F6;color:var(--ink)}.tbs-ic svg{width:22px;height:22px}
.tbs-ic.tg{background:#2AABEE;color:#fff}.tbs-ic.z{background:var(--red);color:#fff}
.tbs-n{margin:6px 0 0;text-align:center;font:500 13px var(--f-ui);color:var(--mute)}
.fsi2{cursor:pointer}
/* v134: телефон — одна рамка без внутрішньої; оформлення на комп’ютері у дві колонки */
.zm-tel input,.zm-tel input:focus,.zm-tel input:focus-visible{outline:none!important;box-shadow:none!important;border:0!important;background:transparent!important}
.zm-tel:focus-within{border-color:var(--ink)!important;box-shadow:0 0 0 1px var(--ink)}
.zm-tel span{padding-right:6px;border-right:1px solid var(--line);margin-right:2px;line-height:1.1}
@media(min-width:900px){#coForm section[data-s="2"] .fg,#addrKurier.fg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:start}
#coForm section[data-s="2"] .cnf{align-self:end;padding-bottom:4px}
#addrKurier.fg{margin-top:12px}}
#addrKurier.fg,#addrLocker{margin-top:14px}
@media(min-width:900px){
#addrLocker{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:16px;align-items:start}#addrLocker[style*="none"]{display:none!important}
#addrLocker>.np-f{margin-bottom:0!important}#addrLocker>#lockErr{grid-column:1/-1}#npWhF #lockers,#npWhF .lk-sel{max-height:300px}}
.np-f{position:relative}
.lk-sel{display:flex;align-items:center;gap:12px;margin-top:8px;padding:12px 14px;border:1.5px solid var(--ink);border-radius:12px;background:#F3F4F6}.lk-sel>span{width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:13px;flex:none}.lk-sel>div{flex:1;min-width:0}.lk-sel b{display:block;font:600 15px var(--f-ui)}.lk-sel small{display:block;color:var(--mute);font:500 13px var(--f-ui)}.npsug{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:4px;background:#fff;border:1.5px solid var(--line);border-radius:12px;box-shadow:0 10px 28px rgba(17,18,22,.14);max-height:280px;overflow:auto}
.npsug button{all:unset;box-sizing:border-box;display:block;width:100%;padding:11px 14px;font:500 15px var(--f-ui);color:var(--ink);cursor:pointer;border-bottom:1px solid var(--line)}.npsug button:last-child{border-bottom:0}.npsug button:hover,.npsug button:focus-visible{background:#F3F4F6}
.npsug p{margin:0;padding:11px 14px;font:500 14px var(--f-ui);color:var(--mute)}
#lockers{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:320px;overflow:auto}#lockers button{text-align:left}#lockers button small{display:block;color:var(--mute);font-weight:500}
#lockers .lk-m{font:500 13.5px var(--f-ui);color:var(--mute);margin:2px 2px 0}
#pbInfo small{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25}
.qhw-b button.fx{padding:10px 8px 12px;gap:6px}.qhw-b .hwi{display:block;width:100%;max-width:150px}.qhw-b .hwi svg{display:block;width:100%;height:auto}
.qhw-b button.fx .hwn{font:600 15px var(--f-ui)}.tgs{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-end;justify-content:center}.tgs[hidden]{display:none}
.tgs-d{position:absolute;inset:0;background:rgba(17,18,22,.5)}
.tgs-b{position:relative;width:min(480px,100%);background:#fff;border-radius:20px 20px 0 0;padding:22px 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:14px;box-shadow:0 -10px 40px rgba(0,0,0,.18)}
@media(min-width:700px){.tgs{align-items:center}.tgs-b{border-radius:20px}}
.tgs-x{all:unset;cursor:pointer;position:absolute;right:14px;top:12px;width:36px;height:36px;display:grid;place-items:center;font-size:24px;color:var(--gray)}
.tgs-t{font:700 19px var(--f-ui);padding-right:36px}
.tgs-f{display:flex;gap:12px;align-items:center;padding:10px;border:1.5px solid var(--line);border-radius:14px}.tgs-f img,.tgs-f i{width:64px;height:64px;border-radius:10px;object-fit:cover;flex:none;display:block}
.tgs-f small{display:block;font:500 12.5px var(--f-ui);color:var(--gray)}.tgs-f b{font:700 16px/1.3 var(--f-ui)}
.tgs-s{margin:0;padding-left:20px;font:500 14px/1.5 var(--f-ui);color:var(--ink)}.tgs-s li{margin:2px 0}
.tgs-go{display:block;text-align:center;padding:15px;border-radius:14px;background:#1479BD;color:#fff;font:700 16px var(--f-ui);text-decoration:none}
.tgs-c{all:unset;cursor:pointer;text-align:center;padding:12px;border:1.5px solid var(--line);border-radius:14px;font:600 15px var(--f-ui)}
.qstk{display:grid;grid-template-columns:118px 1fr;gap:14px;align-items:center;margin:12px 0 4px;padding:12px 14px;border-radius:14px;background:#F6F7F9;border:1px solid var(--line)}
.qstk-i svg{display:block;width:118px;height:auto}.qstk-t{display:flex;flex-direction:column;gap:3px}.qstk-t small{font:600 12.5px var(--f-ui);color:var(--gray);text-transform:none}
.qstk-t b{font:800 22px Montserrat,sans-serif;letter-spacing:-.3px}.qstk-t span{font:500 13px/1.4 var(--f-ui);color:var(--gray)}
.qop-g{display:flex;flex-direction:column;gap:10px}
.qop{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:88px 1fr 26px;gap:12px;align-items:center;padding:10px;border:1.5px solid var(--line);border-radius:14px;color:var(--ink)}
.qop img{width:88px;height:88px;object-fit:cover;border-radius:10px;background:#fff;display:block}
.qop-t{display:flex;flex-direction:column;gap:3px;min-width:0}.qop-t b{font:700 15px var(--f-ui)}.qop-t small{font:500 12.5px/1.35 var(--f-ui);color:var(--gray)}
.qop-p{font:700 14px Montserrat,sans-serif;font-style:normal}.qop-w{font:500 12.5px var(--f-ui);font-style:normal;color:var(--gray)}.qop-w:empty,.qop-p:empty{display:none}
.qop-c{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line);display:block;position:relative}
.qop.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.qop.a .qop-c{background:var(--ink);border-color:var(--ink)}
.qop.a .qop-c:after{content:'';position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.qop.off{opacity:.5;cursor:default}.qop:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.qsy-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.qsy{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px 10px 12px;border:1.5px solid var(--line);border-radius:14px;min-width:0;color:var(--ink)}
.qsy img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:10px;margin-bottom:4px}
.qsy b{font:700 16px var(--f-ui)}.qsy small{font:500 12.5px/1.35 var(--f-ui);color:var(--gray)}.qsy .qsy-p{font:700 14px Montserrat,sans-serif;margin-top:auto;padding-top:4px}
.qsy.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.qsy:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.qm-bi{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.qm-bi button{display:flex!important;flex-direction:column;align-items:center;gap:8px;height:auto!important;padding:8px 8px 10px!important}.qm-bi button img{display:block;width:100%;aspect-ratio:520/327;object-fit:cover;object-position:50% 50%;border-radius:8px;background:#fff}
.qm-img{display:block;width:100%;height:240px;object-fit:contain;margin:10px auto 0;border-radius:10px;background:#fff}
.qduo{display:flex;flex-direction:column;gap:10px;margin:2px 0 6px}
.qduo-b,.qduo-s{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qduo-b button,.qduo-s button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;font:600 15px var(--f-ui);color:var(--ink);min-width:0}
.qduo-b button small,.qduo-s button small{font:500 12.5px var(--f-ui);color:var(--gray)}
.qduo-b button.a{background:var(--ink);border-color:var(--ink);color:#fff}.qduo-b button.a small{color:#D7DAE0}
.qduo-s button.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.qduo-s button b{display:flex;align-items:center;gap:6px;font:600 14px var(--f-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qduo-s button b i{flex:none;width:22px;height:22px;border-radius:6px;background:center/cover;box-shadow:inset 0 0 0 1px rgba(17,18,22,.15)}
.qduo-n,.qduo-h{margin:0;font:500 13.5px/1.4 var(--f-ui);color:var(--gray)}
.qduo-b button:focus-visible,.qduo-s button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.qhw-b .hwi img.hwpl{object-position:50% 50%;background:#fff}.qhw-b button.fx:has(img.hwpl){padding:8px 4px 10px;gap:4px;min-width:0}.qhw-b button.fx:has(img.hwpl) .hwn{font:600 11.5px/1.2 var(--f-ui);letter-spacing:-.2px;white-space:normal}.qhw-b button.fx:has(img.hwpl) .hwp2{font-size:12.5px;font-weight:700}.qhw-b .hwi img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 4%;border-radius:8px;background:#F3F4F6}.qhw-b .hwp2{font:700 15px Montserrat,sans-serif;color:var(--ink)}
/* D. оплата: рахунки під «Для компаній» */
#payOpts .pay-biz-t{grid-column:1/-1;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;padding:10px 44px 10px 16px!important;min-height:52px!important;text-align:left!important;border-style:dashed!important;position:relative}
#payOpts .pay-biz-t span{font:600 14.5px var(--f-ui)}
#payOpts .pay-biz-t small{margin:0}
#payOpts .pay-biz-t i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font:400 22px/1 var(--f-ui);font-style:normal;color:var(--mute);transition:transform .15s}
#payOpts .pay-biz-t[aria-expanded="true"] i{transform:translateY(-50%) rotate(90deg)}
#payOpts .pay-biz{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#payOpts .pay-biz[hidden]{display:none}
#payBox{margin-top:10px!important;border-top:1.5px solid var(--line)!important;border-radius:var(--r,14px)}
/* F. розбивка ціни */
.cs2-pr{border-top:1px solid var(--line);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.cs2-ph{margin:0 0 2px;font:600 13px var(--f-ui);color:var(--mute)}
.cs2-pr>div{display:flex;justify-content:space-between;gap:12px;font:500 14px/1.35 var(--f-ui);color:#3B3F47}
.cs2-pr>div b{font:600 14px var(--f-ui);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.cs2-pr .cs2-tot{margin-top:4px;padding-top:8px;border-top:1px dashed var(--line);font:700 16px var(--f-ui);color:var(--ink)}
.cs2-pr .cs2-tot b{font:700 17px var(--f-ui)}
/* G. «Безкоштовний замір» у шапці тихіше на товарі й оформленні */
body[data-scr="cfg"] .zbtn.zb3,body[data-scr="co"] .zbtn.zb3,body[data-scr="checkout"] .zbtn.zb3{background:#fff!important;color:var(--red,#E3203A)!important;box-shadow:inset 0 0 0 1.5px var(--red,#E3203A)!important}
body[data-scr="cfg"] .zbtn.zb3:hover,body[data-scr="co"] .zbtn.zb3:hover,body[data-scr="checkout"] .zbtn.zb3:hover{background:#FFF1F3!important}

/* v71: цифри Montserrat — рівні по висоті */
body{font-variant-numeric:lining-nums}

/* v72: крок «Сторона керування» */
#cfRows>.qside{grid-column:1/-1}
.qside{border:1.5px solid var(--line);border-radius:var(--r,14px);padding:16px;background:#fff;display:flex;flex-direction:column;gap:12px}
.qside-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.qside-b button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;font:600 15px var(--f-ui);color:var(--ink)}
.qside-b button svg{width:34px;height:40px;flex:none;color:var(--ink)}
.qside-b button.a{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.qside-b button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.qside-n{margin:0;font:500 13px/1.35 var(--f-ui);color:var(--mute)}

/* v75: нижній блок підвалу */
.ft2 .f2-bot{display:flex!important;flex-direction:column!important;gap:12px!important}
.ft2 .f3-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ft2 .pays{display:flex!important;flex-wrap:wrap;gap:6px!important}
.ft2 .pays span{border:1px solid #2F333C!important;border-radius:8px;padding:5px 9px!important;font:600 12px var(--f-ui)!important;color:#C9CDD6!important;background:#181A20}
.ft2 .pays span+span::before{content:none!important}
.ft2 .f2-lang{display:inline-flex;border:1px solid #2F333C;border-radius:999px;padding:3px;gap:2px;margin:0}
.ft2 .f2-lang a{display:inline-grid;place-items:center;min-width:40px;height:30px;border-radius:999px;font:600 12.5px var(--f-ui);color:#A9AEBA!important;text-decoration:none}
.ft2 .f2-lang a.on{background:#fff;color:#111216!important}
.ft2 .ft-legal{margin:0;text-align:left!important;max-width:none!important;font:500 13px/1.5 var(--f-ui)!important;color:#A9AEBA!important}
.f3-docs{margin:0;display:flex;flex-wrap:wrap;gap:4px 18px}
.f3-docs button,.f3-docs a{all:unset;cursor:pointer;font:500 13px/1.6 var(--f-ui);color:#7D8391;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#3A3E48}
.f3-docs button:hover,.f3-docs a:hover{color:#fff}
.f3-docs button:focus-visible,.f3-docs a:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media(min-width:900px){.ft2 .f2-bot{display:grid!important;grid-template-columns:1fr auto;align-items:center}
 .ft2 .f3-top{grid-column:1/-1}.ft2 .ft-legal{grid-column:1}.f3-docs{grid-column:2;justify-content:flex-end}}

/* ===== v140: оформлення й кошик — легкий стиль (сірий фон, білі картки, м'які рамки) — Дмитро 25.10.2026 ===== */
body[data-scr="checkout"],body[data-scr="cart"]{background:#F3F4F6}
body[data-scr="checkout"] main,body[data-scr="cart"] main,#scr-checkout,#scr-cart{background:#F3F4F6}
#scr-checkout .cst,#scr-checkout .cnext,#scr-checkout .co-tot,#scr-cart .ci,#scr-cart .sum{background:#fff;border:0!important;border-radius:20px;padding:20px 18px;margin-top:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#scr-checkout .cst{padding-top:20px}
#scr-checkout .csh{margin:0 0 14px}
#scr-checkout .csh b{font-weight:600;font-size:19px;letter-spacing:-.01em}
#scr-checkout .csh i{background:#EEF0F3;color:var(--ink);border-radius:50%;font-weight:600}
#scr-checkout .csh em{color:#8A8F98}
#scr-checkout .f label,#scr-checkout .cnf-l{font-weight:500;color:#5B616B;font-size:13.5px}
#scr-checkout .f input,#scr-checkout .zm-tel{border:1px solid #E3E6EA!important;border-radius:14px!important;background:#fff;box-shadow:none}
#scr-checkout .f input:focus,#scr-checkout .zm-tel:focus-within{border-color:var(--ink)!important;box-shadow:0 0 0 3px rgba(17,17,17,.06)}
#scr-checkout .zm-tel input{border:0!important}
#scr-checkout .dm label,#scr-checkout .pay button,#scr-checkout .lockers button{border:1px solid #E3E6EA!important;border-radius:16px!important;box-shadow:none!important;background:#fff}
#scr-checkout .dm label.a,#scr-checkout .pay button.a,#scr-checkout .lockers button.a{border-color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--ink)!important;background:#FAFAFB}
#scr-checkout .paybox{border:0!important;border-radius:16px;background:#F7F8FA;margin-top:10px}
#scr-checkout .seg2{background:#F1F2F4;border-radius:14px}
#scr-checkout .cnote,#scr-checkout .fh,#scr-checkout .co-info,#scr-checkout .cnext span{color:#7A808A}
#scr-checkout .cnext-h{font-weight:600}
#scr-checkout .cos-t{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#scr-checkout .co-back{display:inline-block;margin-top:14px}
#scr-cart #cartItems .item{background:#fff!important;border:0!important;border-radius:20px!important;padding:16px!important;margin-top:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
#scr-cart .stepper,#scr-checkout .stepper{background:#fff;border:0;border-radius:16px;overflow:hidden}
#scr-cart .stepper span.a,#scr-checkout .stepper span.a{border-radius:14px}
#scr-checkout .cnext ol li::before,#scr-checkout .cnext li>i{background:#EEF0F3!important;color:var(--ink)!important;border-radius:50%!important}
#scr-checkout .cst{padding:18px 16px}


/* ===== v141: картка товару — легкий стиль (сірий фон, білі картки з тінню) — Дмитро 25.10.2026, поради Sonnet/Fable ===== */
body[data-scr="cfg"],#scr-cfg,body[data-scr="checkout"],body[data-scr="cart"],#scr-checkout,#scr-cart{background:#EEF0F3!important}
#scr-cfg #cfRows{gap:12px!important}
#scr-cfg #cfRows>*,#scr-cfg .csum,#scr-cfg dl.spec,#scr-cfg details.gp,#scr-checkout .cst,#scr-checkout .cnext,#scr-cart #cartItems .item,#scr-cart .sum,#scr-checkout .sum{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.05)!important}
#scr-cfg #cfRows>.need{box-shadow:inset 0 0 0 1.5px #F2A7B5,0 1px 2px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.05)!important;background:#fff!important}
#scr-cfg .need,#scr-cfg .qcol.need,#scr-cfg .qside.need{background:#fff!important}
.dwarn.dinfo{background:#FFF8E1!important;border:1px solid #F5D77A!important;color:#5C4400!important;border-radius:12px!important}
.cs3-min{display:inline-block;margin-top:6px;font-style:normal;font-size:12.5px;line-height:1.3;background:#FFF8E1;color:#5C4400;border:1px solid #F5D77A;border-radius:999px;padding:3px 10px}
#scr-cfg #cfRows>.need::before,#scr-cfg #cfRows>.need::after{display:none!important}
#scr-cfg .sn{background:#EEF0F3!important;color:var(--ink)!important;border-radius:50%!important;font-weight:600!important;width:26px!important;height:26px!important}
#scr-cfg .need .sn{background:var(--red)!important;color:#fff!important}
#scr-cfg .csum{margin-top:12px!important}
#scr-cfg dl.spec{padding:6px 16px!important;margin-top:12px!important}
#scr-cfg dl.spec>div:last-child{border-bottom:0!important}
#scr-cfg details.gp{padding:0 16px!important;margin-top:12px!important}
#scr-cfg .opt,#scr-cfg .qside-b button,#scr-cfg .cs2-t,#scr-cfg .cs2-top{border-color:#E3E6EA!important}
#scr-cfg .cs2-top{background:#F7F8FA!important}


.art-old .art-b figure{margin:22px 0}.art-old .art-b figure img{width:100%;height:auto;border-radius:14px;display:block}
.art-old .art-b h2{margin-top:30px}.art-old .art-b table{width:100%;border-collapse:collapse;font-size:15px}.art-old .art-b td,.art-old .art-b th{border:1px solid var(--line,#E2E8F0);padding:8px;text-align:left;vertical-align:top}
.art-old .art-b{overflow-wrap:anywhere}