/* ============================================================================
   lp.css — спільний візуальний шар юзер-сторінок DESTROY (канон спеки 36).
   Витягнуто 13.08 з інлайну kadroom.html (посадкова N-LP 09.08), щоб
   /about і /kadroom жили з ОДНОГО джерела, а не з двох копій, які розʼїдуться.

   Що всередині: токени бренду · база · fade-in · паралакс-шар · лаймовий CTA
   btn-gh · каркас героя · відео-плитка .real-tile · секції h2/hline/sec-p ·
   плитки кімнат каруселлю · фінальний CTA · футер-канон + «жива рука».

   Чого НЕМА (лишається в самих сторінках, бо в кожної своє):
   · фонове фото героя `.lp-hero{background-image}`;
   · плаваюча 🎁 `.gift-fab`;
   · попап броні `#mBk` і пікер часу.

   Підключати ДО власного <style> сторінки, щоб її правки перекривали спільні.
   ============================================================================ */

:root{--r:#C8102E;--g:#CDF869;--bg:#0a0a0a;--c1:#131313;--c2:#141414;--b1:#222;--b2:#252525;--t:#f0f0f0;--t2:#bbb;--t3:#aaa;--t4:#888;--t5:#666;--mw:640px;--rd:2px;--head-weight:400;--ease-out:cubic-bezier(.22,1,.36,1);--font-head:'Alumni Sans','Alumni Fallback',sans-serif;--font-body:'Montserrat','Montserrat Fallback',sans-serif;--fs-alumni-scale:1.4;--nav-scroll-pad:128px;--line-grad-h:linear-gradient(90deg,rgba(200,16,46,.85) 0%,rgba(200,16,46,.82) 52%,rgba(200,16,46,.35) 74%,rgba(200,16,46,.08) 92%,transparent 100%)}
@media(min-width:1024px){:root{--mw:940px}}
@media(min-width:768px){:root{--nav-scroll-pad:156px}}
*{margin:0;padding:0;box-sizing:border-box}
[hidden]{display:none!important}/* display:flex/grid на класах не сміє перебивати hidden (пастка .chips/.slots) */
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--t);font-family:var(--font-body);line-height:1.55;-webkit-tap-highlight-color:transparent;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
.w{max-width:var(--mw);margin:0 auto;padding:0 18px;position:relative;z-index:1}
.w>*{position:relative;z-index:1}/* контент завжди НАД паралакс-шаром (z-index:0) */
/* ── fade-in як на index/about ── */
.fi{opacity:0;transform:translateY(14px);transition:opacity .42s var(--ease-out),transform .48s var(--ease-out)}
.fi.vis{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fi{opacity:1;transform:none;transition:none}}
/* ── ПАРАЛАКС-МОНІТОРИ по краях (канон головної; лише десктоп ≥1200) ── */
.plxl{position:fixed;inset:0;pointer-events:none;z-index:0;display:none}
@media(min-width:1200px){.plxl{display:block}}
.plx{position:absolute;will-change:transform;transform:translate3d(0,0,0) scale(1);transform-origin:50% 50%;filter:drop-shadow(0 6px 20px rgba(0,0,0,.6));backface-visibility:hidden}
.plx img{width:100%;height:100%;object-fit:contain}
/* ── CTA: канон btn-gh головної — лайм-ОБВОДКА + тремтіння (спека 36 §2) ── */
.btn-gh{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--g);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:12px 28px;border-radius:var(--rd);text-decoration:none;border:2px solid rgba(205,248,105,.52);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:background .22s ease,color .22s ease,border-color .22s ease;cursor:pointer;font-family:inherit;box-sizing:border-box;isolation:isolate;-webkit-tap-highlight-color:transparent;animation:btnGhTremble 2.35s ease-in-out infinite}
.btn-gh::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:rgba(205,248,105,.14);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}
.btn-gh:hover,.btn-gh:focus-visible{background:var(--g);color:#101804;border-color:var(--g);box-shadow:inset 0 1px 0 rgba(255,255,255,.28);animation:btnGhTrembleHi .68s ease-in-out infinite!important;outline:none;filter:none}
.btn-gh:hover::before,.btn-gh:focus-visible::before{opacity:1}
@keyframes btnGhTremble{0%,100%{border-color:rgba(205,248,105,.5);color:var(--g);transform:translate3d(0,0,0) rotate(0)}14%{transform:translate3d(1.6px,-1.1px,0) rotate(.55deg)}28%{transform:translate3d(-1.5px,1.2px,0) rotate(-.58deg)}42%{transform:translate3d(1.3px,1.4px,0) rotate(.42deg)}56%{transform:translate3d(-1.7px,-.9px,0) rotate(-.5deg)}70%{transform:translate3d(1.1px,-1.5px,0) rotate(.38deg)}84%{transform:translate3d(-1.2px,1px,0) rotate(-.45deg)}}
@keyframes btnGhTrembleHi{0%,100%{transform:translate3d(0,0,0) rotate(0)}20%{transform:translate3d(2.4px,-1.6px,0) rotate(.85deg)}40%{transform:translate3d(-2.2px,2px,0) rotate(-.9deg)}60%{transform:translate3d(2px,1.8px,0) rotate(.75deg)}80%{transform:translate3d(-2.4px,-1.3px,0) rotate(-.8deg)}}
@media(prefers-reduced-motion:reduce){.btn-gh{animation:none!important}}
.lp-cta-wrap{margin-top:22px}
.lp-cta-wrap .btn-gh{font-size:17px;padding:15px 36px;border-radius:calc(var(--rd) + 2px);letter-spacing:1.3px;border-width:3px}
@media(min-width:768px){.lp-cta-wrap .btn-gh{font-size:14px;padding:12px 30px}}
.cta-note{color:var(--t4);font-size:12.5px;margin-top:10px}
/* ── HERO: монітори Silent Joe — ФОНОМ ── */
.lp-hero{background-size:cover;background-position:center 30%;padding:104px 0 30px;position:relative;z-index:1}
/* Шапка sticky з height:0 (site-nav) — вона НЕ резервує місця, тож перший екран
   мусить сам відступити на її висоту: ~87px мобільна, ~118px десктопна. */
@media(min-width:768px){.lp-hero{padding-top:136px}}
h1{font-family:var(--font-head);font-weight:800;font-size:calc(34px * var(--fs-alumni-scale));line-height:.98;letter-spacing:.01em}
h1 .h1-red{color:var(--r)}
.hero-msg{margin:16px 0 0;color:var(--t2);font-size:15px;max-width:34em}
.hero-msg b{color:var(--t);font-weight:700}
.hero-loc{font-size:12.5px;font-weight:500;color:var(--t4);margin-top:12px}
.lp-hero-grid{display:flex;flex-direction:column;gap:26px}
.lp-hero-vid{margin:0 auto}
@media(min-width:900px){.lp-hero-grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:center}.lp-hero-vid{margin:0}}
/* ── Відео-плитка (порт .real-tile з головної) ── */
.real-tile{position:relative;flex:0 0 auto;width:76vw;max-width:300px;aspect-ratio:9/16;border:1px solid var(--b1);border-radius:var(--rd);overflow:hidden;background:#000;cursor:pointer}
.real-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.real-tile::after{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.3) 55%,transparent 100%)}
.real-stats{position:absolute;left:10px;bottom:10px;z-index:2;display:flex;gap:11px;font-family:var(--font-body);font-weight:700;font-size:12.5px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.9);pointer-events:none}
.real-stats span{display:inline-flex;align-items:center;gap:4px}
.real-stats svg{width:15px;height:15px}
.real-link{position:absolute;top:9px;left:9px;z-index:3;display:inline-flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:10.5px;font-weight:600;color:#fff;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:4px 9px;text-decoration:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.real-link svg{width:16px;height:16px;flex-shrink:0}
.real-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:58px;height:58px;border:none;border-radius:50%;background:rgba(0,0,0,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 14px rgba(0,0,0,.5);transition:opacity .2s,transform .2s}
.real-play svg{width:26px;height:26px;color:#fff;margin-left:3px}
.real-play:hover{transform:translate(-50%,-50%) scale(1.06)}
.real-tile.playing .real-play{opacity:0;pointer-events:none}
.real-mute{position:absolute;top:9px;right:9px;z-index:3;width:30px;height:30px;border:none;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;cursor:pointer;color:#fff;padding:0}
.real-tile.playing .real-mute{display:flex}
.real-mute svg{width:16px;height:16px}
.real-mute .ic-on{display:flex;align-items:center;justify-content:center}
.real-mute .ic-off{display:none}
.real-tile.muted .real-mute .ic-on{display:none}
.real-tile.muted .real-mute .ic-off{display:flex;align-items:center;justify-content:center}
/* ── секції ── */
section{padding:34px 0 6px}
h2{font-family:var(--font-head);font-weight:700;font-size:calc(23px * var(--fs-alumni-scale));line-height:1;letter-spacing:.02em;margin-bottom:6px}
.hline{height:2px;background:var(--line-grad-h);border:0;margin:0 0 16px}
.sec-p{color:var(--t2);font-size:14.5px;margin:0 0 12px;max-width:36em}
.sec-p em{color:var(--t);font-style:normal;font-weight:700}
.chips-row{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}
.chip-tag{border:1px solid var(--b1);background:var(--c1);color:var(--t3);border-radius:var(--rd);padding:5px 10px;font-size:12.5px}
.what-grid{display:flex;flex-direction:column;gap:22px}
.what-vid{margin:6px auto 0}
@media(min-width:900px){.what-grid{display:grid;grid-template-columns:1fr 260px;gap:40px;align-items:start}.what-vid{margin:0}.what-vid .real-tile{width:260px}}
/* ── ПЛИТКИ КІМНАТ каруселлю (канон карток головної; 1 на мобільному / 2 на десктопі) ── */
.lp-rooms{--lp-gap:12px;--lp-pad:18px}
.lp-rail{display:flex;gap:var(--lp-gap);margin:0 calc(-1 * var(--lp-pad));padding:3px var(--lp-pad) 12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lp-pad);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.lp-rail::-webkit-scrollbar{display:none}
.lp-rail>.dr-card{flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always}
@media(min-width:760px){.lp-rooms{--lp-gap:14px}.lp-rail>.dr-card{flex:0 0 calc((100% - var(--lp-gap)) / 2)}}
.dr-card{position:relative;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;border-radius:var(--rd);border:1px solid rgba(255,255,255,.09);background:#121212;transition:transform .18s var(--ease-out),border-color .2s,box-shadow .25s}
.dr-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.22);box-shadow:0 14px 34px rgba(0,0,0,.5)}
.dr-imgbox{position:relative;aspect-ratio:4/3;overflow:hidden}
.dr-imgbox img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--ease-out)}
.dr-card:hover .dr-imgbox img{transform:scale(1.06)}
.dr-imggrad{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(18,18,18,.16) 0,rgba(18,18,18,0) 38%,rgba(18,18,18,.6) 82%,#121212 100%)}
.dr-chip{position:absolute;top:9px;right:9px;display:flex;align-items:baseline;gap:3px;padding:5px 9px;border-radius:var(--rd);background:rgba(8,8,8,.58);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:1px solid rgba(255,255,255,.18)}
.dr-chip span{font-family:var(--font-body);font-weight:700;font-size:9px;letter-spacing:.5px;text-transform:uppercase;color:#cfcfcf}
.dr-chip b{font-family:var(--font-head);font-weight:700;font-size:22px;color:#fff;line-height:1;white-space:nowrap}
.dr-chip b i{font-style:normal;font-size:.6em;color:#FF5152;margin-left:2px}
.dr-tag-ov{position:absolute;top:9px;left:9px;font-family:var(--font-body);font-weight:700;font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:999px;line-height:1;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);background:rgba(8,8,8,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:3}
.dr-seam{height:2px;background:linear-gradient(90deg,var(--c),transparent)}
.dr-body{display:flex;flex-direction:column;gap:4px;padding:10px 13px 12px;flex:1}
.dr-name{font-family:var(--font-head);font-weight:400;font-size:26px;line-height:1.05;letter-spacing:.4px;text-transform:uppercase;color:#f1f1f1}
.dr-meta{margin-top:auto;padding-top:5px;display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:17px;color:#e6e6e6}
.dr-meta-i{display:inline-flex;align-items:center;gap:5px;line-height:1}
.dr-meta-i svg{width:17px;height:17px;fill:#9a9a9a;flex-shrink:0}
.dr-meta-sep{color:#555}
.dr-skel{pointer-events:none}
.dr-skel .dr-imgbox{background:linear-gradient(90deg,#161616,#1d1d1d,#161616);background-size:200% 100%;animation:drSkel 1.2s ease-in-out infinite}
.dr-skel-line{height:12px;border-radius:3px;background:#1b1b1b;margin:10px 13px}
.dr-skel-line.short{width:50%}
@keyframes drSkel{0%{background-position:200% 0}100%{background-position:-200% 0}}
.lp-rail-hint{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:12px;color:var(--t4)}
@media(min-width:760px){.lp-rail-hint{display:none}}
@media(prefers-reduced-motion:reduce){.lp-rail{scroll-snap-type:none}.dr-card{transition:none}.dr-skel .dr-imgbox{animation:none}}
/* ── довіра ── */
/* ── фінальний CTA — по центру (рішення Ірини 09.08) ── */
#go{text-align:center}
#go .hline{background:linear-gradient(90deg,transparent,rgba(200,16,46,.85),transparent)}
#go .sec-p,#go .go-sub{margin-left:auto;margin-right:auto}
.go-sub{color:var(--t3);font-size:14.5px;margin-top:2px}
/* Блок «Для будь-якого настрою» → css/mood.css (спільний із головною, 30.08). */
/* акцент «кому заходить» у блоці «Що обрати?» */
.ab-card b{color:var(--r);font-weight:700}

/* ── ФУТЕР + «жива рука» → винесено у css/footer.css (29.08, QA п.3.3):
   той самий блок був потрібен ще й на /menu, а трьох копій канон 36 §4-bis не хоче.
   Сторінки з .foot підключають css/footer.css ПІСЛЯ цього файла. ── */

/* Галерея Silent Joe на /about (спека 48 §3): широкий кадр + два під ним.
   На головній той самий набір лежить у трьох кадрах — тут колонка вужча, тож два. */
.ab-sj-gallery{display:flex;flex-direction:column;gap:10px}
.ab-sj-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.ab-sj-gallery .ab-shot{margin:0;border:1px solid var(--b1);border-radius:var(--rd);overflow:hidden;background:#111;transition:border-color .3s var(--ease-out),transform .35s var(--ease-out)}
.ab-sj-gallery .ab-shot:hover{border-color:rgba(200,16,46,.5);transform:translateY(-2px)}
.ab-sj-gallery .ab-shot img{aspect-ratio:4/3;object-fit:cover;height:100%;width:100%;display:block;transition:transform .5s var(--ease-out)}
.ab-sj-gallery .ab-shot:hover img{transform:scale(1.03)}
.ab-sj-gallery > .ab-shot img{aspect-ratio:1100/426}
.ab-sj-gallery .ab-shot figcaption{font-size:11.5px;color:var(--t5);padding:7px 10px;border-top:1px solid var(--b1)}
@media(prefers-reduced-motion:reduce){.ab-sj-gallery .ab-shot,.ab-sj-gallery .ab-shot img{transition:none}.ab-sj-gallery .ab-shot:hover{transform:none}.ab-sj-gallery .ab-shot:hover img{transform:none}}

/* ── Хіро /about у дизайні головної (рішення Ірини 30.08) ── */
.ab-hero-title{margin-bottom:14px;font-family:var(--font-head);font-weight:300;font-size:clamp(18px,4.4vw,26px);letter-spacing:clamp(1.6px,.5vw,3px);text-transform:uppercase;color:#fff;line-height:1.4}
.ab-hero-title .accent{color:#fff;font-weight:300}
.hero-diamond{display:inline-block;width:6px;height:6px;margin:0 .5em;background:var(--r);transform:rotate(45deg);vertical-align:middle}
/* метро — «М» червона, як у футері */
.hero-loc .mt,.cta-note .mt{display:inline-flex;align-items:center;gap:4px;margin-top:4px;color:var(--t4)}
.hero-loc .mm,.cta-note .mm{font-weight:800;color:var(--r)}
/* дві кнопки поряд у фінальному CTA */
/* «поряд» (Ірина 29.08) — саме в один рядок і на телефоні: канон .cta-btns
   головної (flex:1 1 0, перенос лише на зовсім вузьких <360px). */
.ab-cta-pair{display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}
.ab-cta-pair .btn-gh{flex:1 1 0;min-width:0;text-align:center;padding-left:14px;padding-right:14px;font-size:15px;letter-spacing:.6px}
@media(min-width:520px){.ab-cta-pair{gap:12px}.ab-cta-pair .btn-gh{flex:0 1 auto;padding-left:30px;padding-right:30px;font-size:17px;letter-spacing:1.3px}}
@media(max-width:359px){.ab-cta-pair{flex-wrap:wrap}.ab-cta-pair .btn-gh{flex:1 1 100%}}
/* Дві кнопки поряд тремтять із однієї фази — виглядає, наче трясе весь блок.
   Другу зсуваємо на пів циклу (канон головної: .cta-btns .btn-gh:nth-child(2)). */
.ab-cta-pair .btn-gh:nth-child(2){animation-delay:-1.18s}
.btn-gh--ghost{border-color:rgba(255,255,255,.24);color:var(--t2);animation:none}
.btn-gh--ghost:hover,.btn-gh--ghost:focus-visible{border-color:rgba(255,255,255,.5);background:transparent;color:#fff;animation:none}
/* ── SEO-посадкові хвилі 2 (NIGHT-B 29.08): FAQ · ціни наборів · перелінковка ── */
.lp-pkgs{display:flex;flex-direction:column;gap:0;margin:6px 0 14px;max-width:34em}
.lp-pkg{display:flex;align-items:baseline;gap:10px;padding:9px 2px;border-bottom:1px solid var(--b1)}
.lp-pkg:last-child{border-bottom:none}
.lp-pkg-name{font-family:var(--font-head);font-weight:600;font-size:20px;letter-spacing:.4px;text-transform:uppercase;color:var(--t)}
.lp-pkg-note{font-size:12px;color:var(--t4)}
.lp-pkg-dots{flex:1;border-bottom:1px dotted #333;transform:translateY(-4px)}
.lp-pkg-price{font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--t);white-space:nowrap}
.lp-pkg-price i{font-style:normal;font-size:.65em;color:#FF5152;margin-left:2px}
.lp-faq{max-width:38em}
.lp-faq details{border:1px solid var(--b1);border-radius:var(--rd);background:var(--c1);margin-bottom:8px}
.lp-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;cursor:pointer;font-size:14px;font-weight:600;color:var(--t);-webkit-tap-highlight-color:transparent}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:'+';font-family:var(--font-head);font-size:22px;line-height:1;color:var(--t4);transition:transform .2s ease;flex-shrink:0}
.lp-faq details[open] summary::after{transform:rotate(45deg);color:var(--r)}
.lp-faq details p{padding:0 14px 12px;color:var(--t2);font-size:13.5px;line-height:1.6;margin:0}
.lp-faq details p a{color:var(--t);text-decoration:underline}
@media(prefers-reduced-motion:reduce){.lp-faq summary::after{transition:none}}
.lp-links{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.lp-links a{display:inline-block;border:1px solid var(--b1);background:var(--c1);color:var(--t2);border-radius:var(--rd);padding:8px 13px;font-size:13px;text-decoration:none;transition:border-color .2s,color .2s}
.lp-links a:hover{border-color:var(--r);color:var(--t)}
/* ── СТОРІНКИ КІМНАТ (спека 45, NIGHT-B 29.08): бейдж · спека · галерея · набори ── */
.lp-badge{display:inline-block;border:1px solid var(--c,var(--r));color:var(--c,var(--r));border-radius:999px;padding:4px 12px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.lp-spec{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:14px;font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--t)}
.lp-spec i{font-style:normal;font-size:.62em;color:#FF5152}
.lp-spec .sep{color:var(--t5);font-size:.7em}
.lp-spec small{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--t3)}
/* Галерея інтерʼєру: перше фото велике, решта — сітка (спека 45 §2) */
.lp-gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:4px 0 10px}
.lp-gal img{width:100%;height:100%;object-fit:cover;border-radius:var(--rd);border:1px solid var(--b1);aspect-ratio:4/3;background:#121212}
.lp-gal img:first-child{grid-column:1 / -1;aspect-ratio:16/10}
@media(min-width:760px){.lp-gal{grid-template-columns:repeat(3,1fr)}.lp-gal img:first-child{grid-column:1 / 3;grid-row:1 / 3;aspect-ratio:auto;height:100%}}
.lp-gal-note{font-size:12px;color:var(--t5);margin-top:2px}
/* Набори кімнати: рядок ціни + «Склад набору» розкривашкою */
.lp-set{border-bottom:1px solid var(--b1);padding:10px 2px}
.lp-set:last-child{border-bottom:none}
.lp-set-top{display:flex;align-items:baseline;gap:10px}
.lp-set-name{font-family:var(--font-head);font-weight:600;font-size:20px;letter-spacing:.4px;text-transform:uppercase;color:var(--t)}
/* Фірмове написання не можна капсити: «MiX посуду» → «MIX ПОСУДУ» (той самий
   капкан, що вбивав KADRooM на посадковій 09.08). Канон — 00-CANON-PRODUCTS.md. */
.lp-set-name.nocaps{text-transform:none;letter-spacing:.2px}
.lp-set-for{font-size:12px;color:var(--t4);white-space:nowrap}
.lp-set-dots{flex:1;border-bottom:1px dotted #333;transform:translateY(-4px)}
.lp-set-price{font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--t);white-space:nowrap}
.lp-set-price i{font-style:normal;font-size:.65em;color:#FF5152;margin-left:2px}
.lp-set details{margin-top:4px}
.lp-set summary{list-style:none;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:12.5px;color:var(--t4);-webkit-tap-highlight-color:transparent}
.lp-set summary::-webkit-details-marker{display:none}
.lp-set summary::after{content:'+';font-family:var(--font-head);font-size:16px;line-height:1;color:var(--t5)}
.lp-set details[open] summary::after{content:'–'}
.lp-set summary:hover{color:var(--t2)}
.lp-set-contents{font-size:13px;line-height:1.6;color:var(--t2);margin-top:4px}