/* HOLZCOM Design System v2 — Editorial Warm */
/* Fonts loaded via <link> in HTML */

:root {

  --bg: #f8f6f3; --bg2: #f2efe9; --white: #fff;
  --ink: #1a1714; --ink-soft: rgba(26,23,20,.55); --ink-muted: rgba(26,23,20,.30);
  --accent: #8b7355; --accent-rgb: 139,115,85;
  --accent-light: rgba(139,115,85,.08); --accent-border: rgba(139,115,85,.18);
  --green: #3d6b4f; --cool: #dcdce6; --cool-strong: #c8c8d8; --cool-soft: rgba(220,220,230,.18); --green-light: rgba(61,107,79,.07); --green-border: rgba(61,107,79,.14);
  --border: rgba(26,23,20,.07);
  --shadow: 0 14px 44px rgba(26,23,20,.06);
  --shadow-card: 0 8px 32px rgba(26,23,20,.08), 0 1px 3px rgba(26,23,20,.04);
  --shadow-hover: 0 22px 60px rgba(26,23,20,.12);
  --grad: linear-gradient(135deg, #8b7355, #7a6548);
  --serif: 'Playfair Display', Georgia, serif;
  --sans: 'Outfit', -apple-system, sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --r-sm: 12px; --r-md: 16px; --r-lg: 24px; --r-xl: 28px; --r-pill: 999px;
  --max: 1340px;
  --ease: cubic-bezier(.22,1,.36,1);
  --hdr-h: 64px;

  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:20px;
  --sp-6:24px;
  --sp-7:32px;
  --sp-8:48px;
}

/* ═══ RESET ═══ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);font-weight:500;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;font:inherit;border:none;background:none;padding:0}
h1,h2,h3,h4,p{margin:0}

/* ═══ LAYOUT ═══ */
.wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
.sec{padding:64px 0}

/* ═══ TYPOGRAPHY ═══ */
.t-label{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.t-title{font-family:var(--serif);font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin-top:8px}
.t-body{font-family:var(--sans);font-size:15px;color:var(--ink-soft);line-height:1.7}
.t-price{font-family:var(--serif);color:var(--accent);font-weight:400}
.t-mono{font-family:var(--mono)}

/* ═══ ПОДЛОЖКА (Content Card) ═══ */
.card-wrap{padding:40px 36px;border-radius:var(--r-xl);border:1px solid rgba(26,23,20,.05);box-shadow:0 8px 40px rgba(26,23,20,.05),0 1px 2px rgba(26,23,20,.03)}
.card-wrap--white{background:var(--white)}
.card-wrap--sand{background:var(--bg2)}

/* ═══ HEADER ═══ */
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;background:rgba(248,246,243,.4);backdrop-filter:blur(20px);border-bottom:1px solid transparent;transition:all .4s cubic-bezier(.22,1,.36,1)}
.hdr__in{display:flex;align-items:center;justify-content:space-between}
.hdr__nav{display:flex;gap:8px}
.hdr__link:hover,.hdr__link.is-active{color:var(--ink);background:rgba(26,23,20,.05)}
.hdr__phone{font-size:13px;font-weight:600;color:var(--ink)}
.hdr__cta:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.hdr__right{display:flex;align-items:center;gap:16px}

/* ═══ HERO ═══ */
.hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.hero h1{font-family:var(--serif);font-size:clamp(48px,6vw,82px);font-weight:400;line-height:.92;letter-spacing:-.04em;color:var(--ink)}
.hero__text{margin-top:24px;font-size:16px;color:var(--ink-soft);line-height:1.75;max-width:440px}
.hero__ctas{display:flex;gap:14px;margin-top:36px}
.hero__stats{display:flex;gap:36px;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}
.hero__stat b{font-family:var(--serif);font-size:28px;color:var(--ink);display:block}
.hero__stat span{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;display:block}
.hero__visual{border-radius:var(--r-xl);overflow:hidden;aspect-ratio:1/1;max-height:480px;background:linear-gradient(155deg,#ede8df,#e6e0d5);border:1px solid rgba(26,23,20,.06);box-shadow:var(--shadow-card);position:relative}

/* ═══ BUTTONS ═══ */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 36px;border-radius:var(--r-pill);font-weight:700;font-size:14px;letter-spacing:.02em;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,filter .25s}
.btn--primary:active{transform:translateY(-1px)}
.btn--sm{height:42px;padding:0 24px;font-size:13px}
.btn--full{width:100%}

/* ═══ DIRECTION CARDS ═══ */
.dir-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dir:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:rgba(26,23,20,.12)}
.dir__shimmer{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:translateX(-100%);transition:transform .8s ease;pointer-events:none;z-index:2}
.dir:hover .dir__shimmer{transform:translateX(100%)}
.dir__badges{display:flex;gap:8px;flex-wrap:wrap}
.dir__badge{font-family:var(--mono);font-size:10px;padding:4px 10px;border-radius:var(--r-pill)}
.dir__badge--price{color:var(--accent);background:var(--accent-light);border:1px solid var(--accent-border)}
.dir__badge--count{color:var(--ink-muted);background:rgba(255,255,255,.5)}
.dir__sub{font-size:13px;color:var(--ink-soft);margin-top:2px}
.dir__arrow{font-size:13px;font-weight:600;color:var(--ink)}
.dir__arrow span{display:inline-block;transition:transform .25s}
.dir:hover .dir__arrow span{transform:translateX(4px)}
.dir--k{background:linear-gradient(155deg,#ede8df,#e6e0d5)}
.dir--w{background:linear-gradient(155deg,#e4e4ec,#dcdce6)}

/* ═══ HOVER CARD ═══ */
.hcard--fill:hover{background:rgba(var(--accent-rgb),.03)}

/* ═══ TRUST / WHY US ═══ */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.trust-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--accent-border);background:rgba(var(--accent-rgb),.04)}
.trust-card:hover .trust-card__icon{background:rgba(139,115,85,.12);border-color:rgba(139,115,85,.20)}
.trust-card:hover .trust-card__icon svg{stroke:var(--accent)}
/* ═══ CATALOG GRID ═══ */
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.catalog-card{overflow:hidden;cursor:pointer}
.catalog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.catalog-card:hover .catalog-card__img img{transform:scale(1.06)}
.catalog-card__seg{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:10px;font-weight:700;padding:5px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.9);backdrop-filter:blur(8px);color:var(--ink)}
.catalog-card__count{position:absolute;top:12px;right:12px;font-family:var(--mono);font-size:10px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(26,23,20,.6);backdrop-filter:blur(8px);color:#fff}
.catalog-card__fav{position:absolute;bottom:12px;right:12px;width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);display:grid;place-items:center;font-size:18px;transition:all .25s;border:none}
.catalog-card__fav.is-liked{background:rgba(220,60,60,.12)}
.catalog-card__tag{font-size:13px;color:var(--ink-muted);margin-bottom:10px}
.catalog-card__chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.catalog-card__chip{font-size:11px;color:var(--ink-soft);padding:4px 10px;border-radius:10px;background:var(--bg);border:1px solid var(--border)}
/* ═══ CASES (In Numbers) ═══ */
.cases-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:20px}
.cases-stats{display:flex;gap:24px;flex-shrink:0}
.cases-stat{text-align:center}
.cases-stat b{font-family:var(--serif);font-size:22px;color:var(--ink);display:block}
.cases-stat span{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:1px;display:block}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case-card__quote{font-size:12px;color:var(--ink-muted);font-style:italic;margin-top:10px}

/* ═══ CALCULATOR ═══ */
.calc{max-width:100%;margin:0 auto}
.calc__head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}
.calc__title{font-family:var(--serif);font-size:20px;color:var(--ink);margin-bottom:4px}
.calc__sub{font-size:12px;color:var(--ink-muted);max-width:400px}
.calc__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}
.calc__label{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.calc__input,.calc__select{width:100%;padding:12px 12px;border-radius:var(--r-sm);border:1.4px solid var(--border);background:var(--bg);font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s}
.calc__input:focus,.calc__select:focus{border-color:var(--accent-border);box-shadow:0 0 0 4px var(--accent-light)}
.calc__segs{display:flex;gap:4px}
.calc__seg.is-active{border-color:var(--accent-border);background:var(--accent-light);color:var(--accent)}
.calc__result-meta{font-family:var(--mono);font-size:11px;color:var(--ink-muted)}

/* ═══ REVIEWS ═══ */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.review-card{overflow:hidden}
.review-card__stars{position:absolute;top:10px;right:10px;font-size:11px;color:rgba(255,255,255,.9)}
.review-card__meta{font-family:var(--mono);font-size:10px;color:var(--ink-muted)}
.reviews-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap;gap:12px}

/* ═══ CONTACT ═══ */
.contact-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:24px}
.contact-grid--balanced{align-items:stretch}
.contact-stack{display:grid;grid-template-rows:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;min-height:100%}
.contact-panel,.contact-map-card{display:flex;flex-direction:column;min-height:0;padding:24px;border-radius:22px;border:1px solid rgba(26,23,20,.08);box-shadow:var(--shadow-card)}
.contact-panel{background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.36))}
.contact-map-card{background:var(--white)}
.contact-intro{max-width:360px;margin:12px 0 18px}
.contact-info{display:grid;gap:0;margin-top:auto}
.contact-row{padding:12px 0;border-top:1px solid rgba(26,23,20,.08)}
.contact-row:first-child{padding-top:0;border-top:none}
.contact-row label{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block}
.contact-row a,.contact-row span{font-size:15px;font-weight:700;color:var(--ink);display:block;line-height:1.45;transition:color .2s ease}
.contact-row a:hover{color:var(--accent)}
.contact-map__head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-wrap:wrap;margin-bottom:16px}
.contact-map__eyebrow{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.contact-map__title{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.05;color:var(--ink);margin-top:8px}
.contact-map__text{font-size:13px;line-height:1.6;color:var(--ink-soft);max-width:360px;margin-top:8px}
.contact-map__actions{display:flex;gap:10px;flex-wrap:wrap}
.contact-map__btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:var(--r-pill);border:1.4px solid var(--accent-border);background:rgba(var(--accent-rgb),.08);color:var(--accent);font-size:12px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.contact-map__btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(26,23,20,.08)}
.contact-map__btn--ghost{background:rgba(26,23,20,.03);border-color:rgba(26,23,20,.09);color:var(--ink)}
.contact-map{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:var(--bg2);position:relative;display:grid;place-items:center}
.contact-map--frame{flex:1 1 auto;min-height:260px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}
.contact-map iframe{width:100%;height:100%;border:0;display:block;filter:saturate(.94) contrast(1.02)}
.contact-grid--balanced>.contact-form{height:100%;min-height:100%}
.contact-form{padding:36px 36px 30px;border-radius:var(--r-xl);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-card);display:flex}
.contact-form form{display:flex;flex-direction:column;min-height:100%;width:100%}
.form-field{margin-bottom:16px}
.form-field--message{flex:1;display:flex;flex-direction:column}
.form-label{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;display:block}
.form-input,.form-textarea{width:100%;padding:14px 14px;border-radius:14px;border:1.4px solid var(--border);background:var(--bg);font-family:var(--sans);font-size:14px;font-weight:600;color:var(--ink);outline:none;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}
.form-input:focus,.form-textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 4px var(--accent-light)}
.form-textarea{resize:vertical;min-height:136px;flex:1}
.form-chips{display:flex;gap:8px;flex-wrap:wrap}
.form-chip{padding:8px 16px;border-radius:var(--r-pill);border:1.4px solid var(--border);background:transparent;color:var(--ink-soft);font-size:12px;font-weight:600;transition:all .2s}
.form-chip.is-active{border-color:var(--accent-border);background:var(--accent-light);color:var(--accent)}
.form-submit:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(var(--accent-rgb),.35)}
.contact-note{font-size:12px;color:var(--ink-muted);text-align:center;margin-top:12px}
.contact-form__assist{margin-top:18px;padding:16px;border-radius:20px;background:linear-gradient(180deg,rgba(248,246,243,.95),rgba(244,239,233,.8));border:1px solid rgba(26,23,20,.06)}
.contact-form__assist-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.contact-form__assist-head strong{font-size:14px;color:var(--ink)}
.contact-form__assist-head span{font-size:12px;line-height:1.6;color:var(--ink-soft);max-width:340px}
.contact-form__assist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.contact-form__assist-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:16px;background:rgba(255,255,255,.75);border:1px solid rgba(26,23,20,.06)}
.contact-form__assist-icon{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-weight:800;flex:0 0 24px}
.contact-form__assist-item strong{display:block;font-size:13px;color:var(--ink);margin-bottom:2px}
.contact-form__assist-item span{font-size:12px;line-height:1.5;color:var(--ink-soft)}

/* ═══ FAQ ═══ */
.faq-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background .2s}
.faq-item:first-child{border-top:1px solid var(--border)}
.faq-item:hover{background:rgba(26,23,20,.015)}
.faq-item.is-open .faq-q{color:var(--accent)}
.faq-item.is-open .faq-toggle{transform:rotate(45deg);background:var(--accent-light);color:var(--accent)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.22,1,.36,1)}
.faq-item.is-open .faq-a{max-height:300px}
.faq-inner{max-width:100%}

/* ═══ BRANDS BAR ═══ */
.brands{padding:32px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.brands__in{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}
/* ═══ DOCK ═══ */
.dock{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}
.dock.is-visible{opacity:1;pointer-events:auto}
.dock__btn:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.dock__btn svg{width:14px;height:14px}

/* ═══ MODAL ═══ */
.modal-overlay{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;background:rgba(26,23,20,.55);backdrop-filter:blur(8px);padding:16px}
.modal-overlay.is-open{display:flex}
.modal{width:min(1100px,94vw);height:min(80vh,760px);background:var(--white);border-radius:var(--r-lg);overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;box-shadow:0 32px 80px rgba(26,23,20,.25);animation:modalIn .25s ease}
.modal__gallery{position:relative;display:flex;flex-direction:column;background:#e8e4dc;min-height:0}
.modal__close{position:absolute;top:14px;right:14px;z-index:5;width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);font-size:20px;display:grid;place-items:center;color:var(--ink-soft)}
.modal__fav{position:absolute;top:14px;right:62px;z-index:5;width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);font-size:18px;display:grid;place-items:center;transition:all .25s}
.modal__fav.is-liked{background:rgba(220,60,60,.12)}
.modal__counter{position:absolute;top:14px;left:14px;z-index:5;padding:8px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.85);font-family:var(--mono);font-size:12px;color:var(--ink-muted)}
.modal__main-img{flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.modal__main-img img{width:100%;height:100%;object-fit:cover}
.modal__nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:99px;background:rgba(26,23,20,.4);color:#fff;font-size:18px;display:grid;place-items:center;transition:opacity .2s}
.modal__prev{left:14px}
.modal__next{right:14px}
.modal__thumbs{display:flex;gap:8px;padding:10px 14px;background:rgba(255,255,255,.35);border-top:1px solid var(--border);overflow:auto}
.modal__thumb{width:64px;height:48px;flex-shrink:0;border-radius:10px;border:2px solid transparent;cursor:pointer;padding:0;overflow:hidden}
.modal__thumb.is-active{border-color:var(--accent)}
.modal__thumb img{width:100%;height:100%;object-fit:cover}
.modal__toast{position:absolute;bottom:72px;left:14px;right:14px;padding:10px 16px;border-radius:14px;background:rgba(26,23,20,.88);color:#fff;font-size:14px;font-weight:600;text-align:center;animation:modalIn .2s ease;z-index:5}
.modal__info{display:flex;flex-direction:column;overflow:hidden;min-height:0}
.modal__spec-label{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
.modal__price-label{font-size:12px;color:var(--ink-muted);margin-top:2px}
.modal__footer-fav{width:48px;height:48px;border-radius:99px;border:1.5px solid var(--border);background:var(--white);display:grid;place-items:center;font-size:18px;flex-shrink:0;transition:all .25s}
.modal__footer-fav.is-liked{border-color:rgba(220,60,60,.25);background:rgba(220,60,60,.06)}
.modal__share:hover{background:var(--bg)}

/* ═══ FOOTER ═══ */
.footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;margin-bottom:28px}
.footer__desc{font-size:13px;color:var(--ink-muted);margin-top:10px;line-height:1.6}
.footer__col-title{font-family:var(--mono);font-size:10px;color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.footer__meta{font-size:13px;color:var(--ink-muted);margin-top:10px;line-height:1.5}
.footer__link{display:block;font-size:13px;color:var(--ink-soft);padding:4px 0;transition:color .2s}
.footer__link:hover{color:var(--ink)}
.footer__phone{font-size:15px;font-weight:700;color:var(--ink);display:block;margin-bottom:6px}
.footer__bottom{padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between}
.footer__copy{font-family:var(--mono);font-size:11px;color:var(--ink-muted)}

/* ═══ FILTERS ═══ */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.filter-btn.is-active{border-color:var(--accent-border);background:var(--accent-light);color:var(--accent)}

/* ═══ SCROLL LOCK ═══ */
body.no-scroll{overflow:hidden}

/* ═══ ANIMATIONS ═══ */
@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
@keyframes modalIn{0%{opacity:0;transform:scale(.97)}100%{opacity:1;transform:scale(1)}}

/* ═══ PROMO BAR ═══ */
.promo{position:fixed;top:0;left:0;right:0;z-index:101;background:linear-gradient(135deg,#1a1714,#2a2520);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden}
body[data-page] .promo~.hdr{top:36px}
body[data-page] .hero{padding-top:112px}

/* ═══ EXIT INTENT ═══ */
.exit-modal{position:fixed;inset:0;z-index:1001;display:none;align-items:center;justify-content:center;background:rgba(26,23,20,.55);backdrop-filter:blur(8px);padding:16px}
.exit-modal.is-visible{display:flex}
.exit-panel{width:min(440px,100%);background:var(--white);border-radius:var(--r-xl);padding:32px 28px 28px;box-shadow:0 32px 80px rgba(26,23,20,.22);text-align:center;position:relative;animation:modalIn .4s cubic-bezier(.2,.8,.2,1)}
.exit-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:rgba(26,23,20,.04);font-size:20px;color:var(--ink-soft);display:grid;place-items:center}

/* ═══ SOCIAL PROOF ═══ */
.social-proof{position:fixed;left:16px;bottom:80px;z-index:70;opacity:0;transform:translateX(-20px);transition:opacity .35s,transform .35s;pointer-events:none}
.social-proof.is-in{opacity:1;transform:none;pointer-events:auto}
.social-proof__in{display:flex;gap:12px;align-items:center;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-card);max-width:320px}

/* ═══ SHOW MORE ═══ */
.show-more{display:flex;justify-content:center;margin-top:20px}
.show-more .btn{min-width:220px}

/* ═══ SEARCH ═══ */
.search-wrap{display:flex;gap:10px;margin-bottom:16px}
.search-input:focus{border-color:var(--accent-border)}
.search-input::placeholder{color:var(--ink-muted)}

/* ═══ SKELETON LOADING ═══ */
.skeleton{pointer-events:none}
.skeleton .sk-block{background:linear-gradient(90deg,var(--bg2) 25%,rgba(255,255,255,.5) 50%,var(--bg2) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-md)}
.sk-card{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--border);overflow:hidden}
.sk-card__img{aspect-ratio:4/3;background:var(--bg2)}
.sk-card__body{padding:16px}
.sk-card__line{height:14px;margin-bottom:10px;border-radius:8px}
.sk-card__line--w60{width:60%}
.sk-card__line--w40{width:40%}
.sk-card__line--w80{width:80%}
.sk-card__btn{height:32px;width:50%;border-radius:var(--r-pill);margin-top:8px}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ═══ SCROLL REVEAL ═══ */
.reveal-stagger .hcard:nth-child(1){transition-delay:0s}
.reveal-stagger .hcard:nth-child(2){transition-delay:.06s}
.reveal-stagger .hcard:nth-child(3){transition-delay:.12s}
.reveal-stagger .hcard:nth-child(4){transition-delay:.18s}
.reveal-stagger .hcard:nth-child(5){transition-delay:.24s}
.reveal-stagger .hcard:nth-child(6){transition-delay:.30s}

/* ═══ DOCK DIRECTIONAL ═══ */
.dock--hidden{opacity:0!important;pointer-events:none!important;transform:translateX(-50%) translateY(20px)!important}

/* ═══ ORPHAN CARD ═══ */
.catalog-grid.has-orphan .catalog-card:last-child{grid-column:span 2}

/* ═══ FAV FILTER ═══ */
.filter-btn--fav{display:inline-flex;align-items:center;gap:4px}
.filter-btn--fav .fav-count{font-size:10px;min-width:18px;height:18px;display:inline-grid;place-items:center;border-radius:99px;background:rgba(220,60,60,.1);color:#dc3c3c;font-weight:800}

/* ═══ MAGNETIC HOVER ═══ */
.btn--mag{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}

/* ═══ CARD TOAST ═══ */
.card-toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:var(--r-pill);background:rgba(26,23,20,.88);color:#fff;font-size:14px;font-weight:600;z-index:80;animation:fadeUp .3s ease;pointer-events:none}

/* ═══ PROMO TIMER ═══ */
.promo__timer{font-family:var(--mono);font-size:12px;font-weight:700;color:rgba(255,255,255,.85);padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.08)}

/* ═══ MODAL MOBILE DOCK ═══ */

/* ═══ CALC RESPONSIVE ═══ */

/* ═══ FAQ WARM TONE ═══ */
.card-wrap--faq{background:linear-gradient(165deg,#f5f1eb,#ede8df);border-color:rgba(139,115,85,.1)}
.card-wrap--faq .faq-q{color:var(--ink)}
.card-wrap--faq .faq-item{border-color:rgba(139,115,85,.1)}
.card-wrap--faq .faq-item:hover{background:rgba(139,115,85,.03)}
.card-wrap--faq .faq-toggle{background:rgba(139,115,85,.06)}
.card-wrap--faq .faq-item.is-open .faq-toggle{background:var(--accent-light)}

/* ═══ HERO ENHANCED ═══ */
.hero__visual-badge{position:absolute;bottom:14px;left:14px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);font-family:var(--sans);font-weight:700;font-size:14px;color:var(--ink);z-index:3;border:1px solid rgba(255,255,255,.5)}
.hero__visual-stats{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:6px;z-index:3}
.hero__visual-stat{padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);font-family:var(--sans);font-size:12px;font-weight:600;color:var(--ink);border:1px solid rgba(255,255,255,.5);text-align:right}
.hero__visual-stat b{font-family:var(--serif);font-size:18px;display:block;color:var(--accent)}
.hero__visual-inner{position:absolute;inset:0;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:14px}
.hero__visual-inner>div{border-radius:16px;border:1px solid rgba(255,255,255,.5)}
.hero__visual-inner>div:nth-child(1){background:rgba(255,255,255,.5);grid-row:span 2}
.hero__visual-inner>div:nth-child(2){background:rgba(255,255,255,.35)}
.hero__visual-inner>div:nth-child(3){background:rgba(255,255,255,.25)}

/* ═══ CALC FULL WIDTH ═══ */
.calc__wrap{padding:32px 32px;border-radius:24px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-card)}/* ═══ CALC RESULT ROW RESPONSIVE ═══ */
/* ═══ LEAD MODAL (CTA popup) ═══ */
.lead-modal{position:fixed;inset:0;z-index:1001;display:none;align-items:center;justify-content:center;background:rgba(26,23,20,.55);backdrop-filter:blur(8px);padding:16px}
.lead-modal.is-open{display:flex}
.lead-panel{width:min(480px,100%);background:var(--white);border-radius:var(--r-xl);padding:32px 28px;box-shadow:0 32px 80px rgba(26,23,20,.22);position:relative;animation:modalIn .3s cubic-bezier(.2,.8,.2,1)}
.lead-panel__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:1px solid var(--border);border-radius:12px;background:rgba(26,23,20,.04);font-size:20px;color:var(--ink-soft);display:grid;place-items:center}
.lead-panel__title{font-family:var(--serif);font-size:24px;color:var(--ink);margin-bottom:4px}
.lead-panel__sub{font-size:14px;color:var(--ink-soft);margin-bottom:20px}

/* ═══ EXTRACTED FROM INLINE STYLES ═══ */

/* Promo bar */
.promo__in{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 24px;white-space:nowrap;overflow:hidden}
.promo__left{display:flex;gap:10px;align-items:center}
.promo__right{display:flex;gap:8px;flex-shrink:0}
.promo__badge-pill{font-size:12px;font-weight:800;padding:4px 10px;border-radius:98px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14)}
.promo__sub{font-size:13px;opacity:.9}
.promo__cta-btn{font-size:12px;font-weight:800;padding:8px 14px;border-radius:98px;background:rgba(255,255,255,.92);color:#0b1220}

/* Hero visual layers */
.hv-bg{position:absolute;inset:0;background:linear-gradient(160deg,#e8e2d6 0%,#ddd5c7 40%,#cfc7b7 100%);z-index:0}
.hv-grid{position:absolute;inset:0;width:100%;height:100%;opacity:.03;z-index:1}
.hv-browser{position:absolute;top:10%;left:6%;right:10%;bottom:18%;border-radius:18px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(4px);z-index:2;overflow:hidden;box-shadow:0 20px 60px rgba(26,23,20,.08)}
.hv-browser-bar{height:32px;background:rgba(26,23,20,.03);border-bottom:1px solid rgba(26,23,20,.04);display:flex;align-items:center;padding:0 12px;gap:6px}
.hv-dot{width:8px;height:8px;border-radius:99px}
.hv-dot--r{background:rgba(220,80,60,.5)}
.hv-dot--y{background:rgba(200,180,60,.5)}
.hv-dot--g{background:rgba(61,107,79,.5)}
.hv-address{flex:1;margin-left:12px;height:16px;border-radius:8px;background:rgba(26,23,20,.04)}
.hv-browser-body{padding:16px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;height:calc(100% - 32px)}
.hv-placeholder{border-radius:12px;background:rgba(26,23,20,.03);border:1px dashed rgba(26,23,20,.08)}
.hv-notify{position:absolute;bottom:8%;right:4%;width:220px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.7);z-index:4;box-shadow:0 16px 40px rgba(26,23,20,.1)}
.hv-notify-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.hv-progress{height:5px;border-radius:99px;background:var(--bg2)}
.hv-progress-bar{width:82%;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#c8a36f)}
.hv-rating{position:absolute;top:6%;right:5%;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.85);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);z-index:4;box-shadow:0 10px 28px rgba(26,23,20,.06)}
.hv-price{position:absolute;bottom:10%;left:4%;padding:12px 18px;border-radius:16px;background:rgba(26,23,20,.9);z-index:4;color:#fff;box-shadow:0 12px 32px rgba(26,23,20,.15)}
.hv-accent-circle{position:absolute;top:20%;left:15%;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(139,115,85,.06),transparent 70%);z-index:1}

/* Utility */
.u-mt10{margin-top:10px}
.u-mt14{margin-top:14px}
.u-mt16{margin-top:16px}
.u-mt20{margin-top:20px}
.u-mb0{margin-bottom:0}
.u-mb18{margin-bottom:18px}
.u-mb20{margin-bottom:20px}
.u-mw360{max-width:360px}
.u-mw400{max-width:400px}
.u-mw520{max-width:520px}
.u-tac{text-align:center}
.u-tar{text-align:right}
.u-flex{display:flex}
.u-gap8{gap:8px}
.u-gap10{gap:10px}
.u-gap12{gap:12px}
.u-gap20{gap:20px}
.u-aic{align-items:center}
.u-jcsb{justify-content:space-between}
.u-jcc{justify-content:center}
.u-fw{width:100%}
.u-fwrap{flex-wrap:wrap}

/* Calc result row */
.calc__result-inline{display:flex;align-items:center;justify-content:center;gap:20px;padding:18px 24px;flex-wrap:wrap}
/* Cases/sections header row */
.sec-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;gap:20px;flex-wrap:wrap}

/* Contact map placeholder */
.contact-map__inner{display:flex;flex-direction:column;align-items:center;gap:8px}
.contact-map__btn{font-size:12px;font-weight:700;color:var(--accent);padding:8px 16px;border-radius:98px;border:1.4px solid var(--accent-border)}

/* Lead modal extras */
.lead-panel__messengers{display:flex;gap:10px;margin-top:14px;justify-content:center}
.lead-panel__msg-btn{font-size:13px;font-weight:700;padding:8px 16px;border-radius:98px;border:1.4px solid}
.lead-panel__msg-btn--tg{color:var(--accent);border-color:var(--accent-border)}
.lead-panel__msg-btn--tel{color:var(--ink-soft);border-color:var(--border)}

/* Direction card visuals (hub) */
.dir__visual-inner{position:absolute;inset:8px;display:grid;grid-template-rows:1fr 1fr;gap:6px}
.dir__visual-block{border-radius:12px;border:1px solid rgba(255,255,255,.5)}
.dir__visual-block--a{background:rgba(255,255,255,.4)}
.dir__visual-block--b{background:rgba(255,255,255,.3)}

/* Hub hero visual */
.hub-hero-inner{position:absolute;inset:0;display:flex;flex-direction:column}
.hub-hero-top{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px 16px 8px}
.hub-hero-bottom{flex:1.4;display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:0 16px 16px}
.hub-hero-cell{border-radius:18px;border:1px solid rgba(255,255,255,.6)}
.hub-hero-cell--a{background:rgba(255,255,255,.5)}
.hub-hero-cell--b{background:rgba(255,255,255,.4)}

/* ═══ REMAINING HERO INLINES → CLASSES ═══ */
.hv-notify-icon{width:36px;height:36px;border-radius:12px;background:var(--grad);display:grid;place-items:center;color:#fff;font-size:16px;font-weight:800}
.hv-notify-title{font-family:var(--sans);font-size:13px;font-weight:700;color:var(--ink)}
.hv-notify-sub{font-family:var(--mono);font-size:10px;color:var(--ink-muted)}
.hv-rating-num{font-family:var(--serif);font-size:24px;color:var(--accent);line-height:1}
.hv-rating-star{font-size:16px}
.hv-rating-label{font-family:var(--mono);font-size:10px;color:var(--ink-muted);margin-top:4px}
.hv-price-title{font-family:var(--sans);font-size:14px;font-weight:700}
.hv-price-num{font-family:var(--serif);font-size:20px;margin-top:2px}
.hv-price-sub{font-family:var(--mono);font-size:10px;opacity:.6;margin-top:4px}
.hv-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.overlay-full{position:absolute;inset:0}

/* ═══ SPACING SCALE: 4/8/12/16/24/32/48 ═══ */

/* ═══ BRAND PAGE UNIFIED FOOTER ═══ */
.brand-footer{padding:40px 0 24px;border-top:1px solid var(--border);background:var(--bg);font-family:var(--sans)}
.brand-footer .wrap{max-width:var(--max);margin:0 auto;padding:0 32px}

/* ═══ BRAND PAGE BUTTON OVERRIDE ═══ */
.btn.hz-btn{font-family:var(--sans)!important;border-radius:var(--r-pill)!important;font-weight:700!important;transition:all .25s!important}
.btn.hz-btn:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-hover)!important}

/* ═══ PRE-FOOTER CTA ═══ */
.prefooter .btn--primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#c4a87a,#8b7355);box-shadow:0 16px 40px rgba(196,168,122,.3)}
.prefooter .btn--ghost{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.06)}
.prefooter .btn--ghost:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3)}

/* ═══ PREMIUM POLISH ═══ */
.catalog-card__img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(26,23,20,.03));pointer-events:none}
.trust-card h4{font-size:16px;font-weight:700;margin-bottom:8px}
.trust-card p{font-size:14px;color:var(--ink-soft);line-height:1.55}
.review-card__body{padding:20px 22px 22px}/* ══════════════════════════════════════════
   PREMIUM POLISH PASS
   ══════════════════════════════════════════ */

/* ─── HERO: typographic drama ─── */
.hero h1 .h1-main{display:block;font-size:clamp(56px,7vw,96px);line-height:.88}
.hero h1 .h1-sub{display:block;font-family:var(--mono);font-size:clamp(12px,1.2vw,14px);color:var(--ink-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:16px;font-weight:500;font-style:normal}
.hero h1 em{color:var(--accent);font-style:italic;display:inline-block;animation:fadeUp .4s ease;font-size:clamp(40px,5vw,72px)}/* ─── SECTION TITLES: accent line ─── */
.t-title::after{content:'';display:block;width:40px;height:3px;border-radius:2px;background:var(--grad);margin-top:14px}
.t-title--center::after{margin-left:auto;margin-right:auto}

/* ─── BUTTONS: stronger hierarchy ─── */
.btn--primary{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(26,23,20,.18)}
.btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(26,23,20,.22);background:#2a2520}
.btn--ghost{background:transparent;color:var(--ink);border:1.5px solid rgba(26,23,20,.12);box-shadow:0 4px 16px rgba(26,23,20,.04)}
.btn--ghost:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,23,20,.08);border-color:rgba(26,23,20,.2);background:rgba(26,23,20,.03)}
.btn--accent{background:var(--grad);color:#fff;box-shadow:0 8px 24px rgba(var(--accent-rgb),.25)}
.btn--accent:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(var(--accent-rgb),.32)}

/* ─── CARDS: premium hover ─── */
.hcard{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--border);box-shadow:0 4px 16px rgba(26,23,20,.04);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s}
.hcard:hover{transform:translateY(-6px);box-shadow:0 24px 64px rgba(26,23,20,.1);border-color:rgba(var(--accent-rgb),.15)}
.catalog-card:hover .catalog-card__img img{transform:scale(1.06)}
/* ─── CALC: accent bg ─── */
.card-wrap--calc{background:linear-gradient(165deg,var(--bg2),rgba(var(--accent-rgb),.04));border-color:rgba(var(--accent-rgb),.08)}
.calc__result{padding:20px 20px;border-radius:16px;background:var(--white);border:1px solid var(--border);text-align:center;flex-wrap:wrap}
.calc__result-price{font-family:var(--serif);font-size:28px;color:var(--ink);margin:6px 0}/* ─── PRE-FOOTER CTA ─── */

.prefooter__wrap{padding:48px 40px;border-radius:var(--r-xl);background:linear-gradient(155deg,#1a1714 0%,#2a2520 100%);color:#fff;position:relative;overflow:hidden}
.prefooter__wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(139,115,85,.15),transparent 70%)}
.prefooter__sub{font-family:var(--sans);font-size:15px;opacity:.7;margin-top:12px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6;color:rgba(255,255,255,.6);margin:12px auto 28px;position:relative;z-index:1}
.prefooter__ctas{display:flex;gap:12px;justify-content:center;margin-top:32px;position:relative;z-index:1}
.prefooter__ctas .btn--accent{background:linear-gradient(135deg,#fff,#f0ece4);color:var(--ink);box-shadow:0 8px 24px rgba(0,0,0,.2)}
.prefooter__ctas .btn--ghost{color:rgba(255,255,255,.8);border-color:rgba(255,255,255,.15)}
.prefooter__ctas .btn--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}

/* ─── MODAL: more air ─── */
.modal__scroll{flex:1;overflow:auto;padding:28px 28px 20px}
.modal__specs{display:grid;gap:14px}/* ─── TRUST: entrance animation ─── */
.trust-card:nth-child(1){transition-delay:.05s}
.trust-card:nth-child(2){transition-delay:.12s}
.trust-card:nth-child(3){transition-delay:.18s}
.trust-card:nth-child(4){transition-delay:.24s}

/* ─── FOOTER: more refined ─── */
.footer{padding:48px 0 28px;border-top:none;background:var(--bg2)}
.footer__brand{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--ink)}/* ═══════════════════════════════════════════
   PREMIUM POLISH PASS — Editorial Luxury
   ═══════════════════════════════════════════ */

/* ── 1. SUBTLE TEXTURE on background ── */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px}

/* ── 2. SECTION DIVIDERS — decorative line ── */
.sec + .sec::before{content:'';display:block;width:48px;height:1px;background:var(--accent);margin:0 auto 48px;opacity:.3}
.sec:first-of-type::before{display:none}

/* ── 3. HERO polish ── */
.hero{display:flex;align-items:center;padding:80px 0 32px;background:radial-gradient(1100px 500px at 15% 30%,rgba(var(--accent-rgb),.04),transparent 50%),var(--bg);min-height:auto}
.hero__kicker{display:flex;gap:12px;align-items:center;margin-bottom:28px}
.hero__kicker .t-label{font-size:12px;letter-spacing:.16em}
.hero__dot{width:7px;height:7px;border-radius:99px;background:var(--accent);box-shadow:0 0 0 6px rgba(139,115,85,.12),0 0 16px rgba(139,115,85,.12)}/* ── 4. SMOOTH REVEAL with stagger ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.is-in{opacity:1;transform:none}
.catalog-grid .hcard{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}
.catalog-grid .hcard.is-in{opacity:1;transform:none}
.catalog-grid .hcard:nth-child(1){transition-delay:0s}
.catalog-grid .hcard:nth-child(2){transition-delay:.08s}
.catalog-grid .hcard:nth-child(3){transition-delay:.16s}
.catalog-grid .hcard:nth-child(4){transition-delay:.22s}
.catalog-grid .hcard:nth-child(5){transition-delay:.28s}
.catalog-grid .hcard:nth-child(6){transition-delay:.34s}

/* ── 5. TRUST CARDS — premium feel ── */
.trust-card{padding:24px 20px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s,background .35s;position:relative;overflow:visible}

.trust-card:hover::before{opacity:.4}
/* ── 6. REVIEWS — editorial quote style ── */
.review-card__quote{font-family:var(--serif);font-size:48px;color:var(--accent);line-height:.8;margin-bottom:4px;opacity:.15}
.review-card__photo{height:100px;position:relative;display:grid;place-items:center}
.review-card__avatar{width:48px;height:48px;border-radius:99px;background:rgba(255,255,255,.6);border:3px solid rgba(255,255,255,.9);display:grid;place-items:center;font-family:var(--serif);font-size:20px;color:var(--accent);font-weight:700}
.review-card__text{font-size:15px;color:var(--ink-soft);line-height:1.75}
.review-card__author{font-size:14px;font-weight:700;color:var(--ink);margin-top:16px}/* ── 7. FAQ — richer accordion ── */
.faq-q{padding:22px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:16px;font-weight:600;color:var(--ink);transition:color .25s}
.faq-a p{font-size:15px;color:var(--ink-soft);line-height:1.75;padding-bottom:24px}
.faq-toggle{width:32px;height:32px;border-radius:12px;flex-shrink:0;background:rgba(26,23,20,.04);display:grid;place-items:center;transition:all .3s cubic-bezier(.22,1,.36,1);font-size:20px;font-weight:300;color:var(--ink-muted)}/* ── 8. CONTACT FORM — premium inputs ── */
.form-input,.form-textarea{padding:16px 16px;border-radius:16px;font-size:15px}
.form-submit{width:100%;padding:16px;border-radius:var(--r-pill);background:var(--grad);color:#fff;font-size:16px;font-weight:700;box-shadow:0 14px 32px rgba(var(--accent-rgb),.28);transition:transform .2s,box-shadow .2s;border:none;letter-spacing:.02em}
/* ── 9. BRANDS BAR — subtle animation ── */
.brands__item svg{height:32px;width:auto}/* ── 10. DOCK — glass premium ── */
.dock__in{display:flex;gap:6px;padding:10px 14px;border-radius:22px;background:rgba(26,23,20,.78);backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 56px rgba(26,23,20,.3)}
.dock__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06);color:#fff;font-weight:700;font-size:13px;transition:all .2s;letter-spacing:.01em}/* ── 11. MODAL — premium info panel ── */
.modal__spec-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(139,115,85,.08);border:1px solid rgba(139,115,85,.14);font-size:15px;color:var(--accent)}
.modal__footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;gap:8px}
.modal__share{height:48px;padding:0 20px;border-radius:var(--r-pill);border:1.4px solid var(--border);background:var(--white);font-size:13px;font-weight:600;color:var(--ink-soft);display:flex;align-items:center;gap:8px;transition:all .2s}/* ── 12. CALC — bigger segments ── */
.calc__seg{flex:1;padding:10px 12px;border-radius:var(--r-pill);border:1.4px solid var(--border);background:transparent;color:var(--ink-soft);font-size:12px;font-weight:700;transition:all .2s;text-align:center;white-space:nowrap}
.calc__select,.calc__input{padding:12px 14px;font-size:14px;border-radius:14px}

/* ── 13. SEARCH — premium ── */
.search-input{flex:1;padding:14px 20px;border-radius:var(--r-pill);border:1.4px solid var(--border);background:var(--white);font-family:var(--sans);font-size:15px;font-weight:500;color:var(--ink);outline:none;transition:border-color .2s;border-width:1.5px}/* ── 14. FILTERS — larger touch targets ── */
.filter-btn{padding:10px 22px;border-radius:var(--r-pill);border:1.4px solid var(--border);background:transparent;color:var(--ink-soft);font-size:14px;font-weight:600;transition:all .2s}/* ── 15. PREFOOTER — gold shimmer ── */
.prefooter{padding:80px 0;text-align:center;background:linear-gradient(155deg,#1a1714,#2a2520);color:#fff;position:relative;overflow:hidden}
.prefooter::before{content:'';position:absolute;inset:0;background:radial-gradient(800px 300px at 30% 60%,rgba(139,115,85,.08),transparent 60%);pointer-events:none}
.prefooter__title{font-family:var(--serif);font-size:clamp(32px,4.5vw,56px);font-weight:400;letter-spacing:-.03em;line-height:1.1;position:relative;z-index:1}/* ── 16. HEADER — refined ── */
.hdr.is-scrolled{padding:8px 0;background:rgba(248,246,243,.92);border-bottom-color:var(--border);box-shadow:0 4px 20px rgba(26,23,20,.06)}
.hdr__logo{font-family:var(--serif);font-size:24px;font-weight:700;color:var(--ink);letter-spacing:.02em}
.hdr__link{font-size:14px;font-weight:500;color:var(--ink-soft);padding:8px 18px;border-radius:12px;transition:all .2s}
.hdr__cta{font-size:12px;font-weight:700;color:var(--ink);padding:10px 22px;border-radius:var(--r-pill);border:1.4px solid rgba(26,23,20,.15);letter-spacing:.04em;text-transform:uppercase;transition:all .25s}/* ── 17. COUNTER ANIMATION ── */
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.hero__stat b,.cases-stat b{animation:countUp .6s ease both}
.hero__stat:nth-child(2) b{animation-delay:.1s}
.hero__stat:nth-child(3) b{animation-delay:.2s}
.hero__stat:nth-child(4) b{animation-delay:.3s}

/* ── 18. CATALOG CARD polish ── */
.catalog-card__img{aspect-ratio:4/3;background:var(--bg2);position:relative;overflow:hidden;border-radius:var(--r-lg) var(--r-lg) 0 0}
.catalog-card__body{padding:18px 20px 20px}
.catalog-card__name{font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:4px;letter-spacing:-.01em}
.catalog-card__price{font-family:var(--serif);font-size:18px;font-weight:400;color:var(--accent)}/* ── 19. DIRECTION CARDS (hub) ── */
.dir__title{font-family:var(--serif);font-size:clamp(36px,4vw,52px);color:var(--ink);line-height:1;letter-spacing:-.03em}/* ── 20. MOBILE premium ── */

/* ═══ WHY.JSON SVG COMPAT ═══ */
.trust-card__icon svg .s{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trust-card__icon svg path.s{stroke-dasharray:none}
.trust-card:hover .trust-card__icon svg .s{stroke:var(--accent)}

/* ═══ HERO PHOTO OVERLAY ═══ */
.hero__visual[style*="background-image"]::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,23,20,.03),rgba(26,23,20,.12));border-radius:inherit;z-index:1;pointer-events:none}
.hero__visual[style*="background-image"] .hv-notify,
.hero__visual[style*="background-image"] .hv-rating,
.hero__visual[style*="background-image"] .hv-price{z-index:5}

/* ═══ CARD MINI THUMBNAILS ═══ */
.catalog-card__thumbs:hover .catalog-card__mini{border-color:rgba(255,255,255,.95)}

/* ═══ MODAL UNIFIED POLISH ═══ */
.modal__name{font-family:var(--serif);font-size:24px;color:var(--ink);letter-spacing:-.02em;line-height:1.2;margin-bottom:6px}
.modal__spec{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:start}
.modal__spec-value{font-size:15px;font-weight:600;color:var(--ink)}
.modal__price-val{font-family:var(--serif);font-size:26px;color:var(--accent)}/* ═══ CASE CARD FIX ═══ */
.case-card{padding:28px 24px;cursor:default}
.case-card__seg{font-family:var(--mono);font-size:10px;color:var(--accent);padding:4px 10px;border-radius:var(--r-pill);background:var(--accent-light);border:1px solid var(--accent-border);display:inline-block;margin-top:12px}
.case-card__details{font-size:12px;color:var(--ink-soft);line-height:1.5;margin-top:12px}/* ═══ DIRECTION CARDS TALLER + MOSAIC ═══ */
.dir__body{padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;position:relative;z-index:1}/* ═══ HUB HERO FIX ═══ */
.hero__visual[style*="background-image"] .hub-hero-inner{display:none}

/* ═══ TRUST ICON COLOR ═══ */
.trust-card__icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:14px;transition:all .35s;background:rgba(139,115,85,.06);border:1px solid rgba(139,115,85,.10);color:var(--accent)}
.trust-card__icon svg{width:28px;height:28px;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s;color:var(--accent)}/* ═══ BRAND HOVER COLORS ═══ */
.brands__item:nth-child(2):hover{color:#CC0000}  /* Egger red */
.brands__item:nth-child(3):hover{color:#1B1B1B}  /* AGT black */
.brands__item:nth-child(4):hover{color:#4A7C59}  /* Cleaf green */
.brands__item:nth-child(5):hover{color:#003399}  /* Rehau blue */
.brands__item:nth-child(6):hover{color:#F5A623}  /* Blum orange */
.brands__item:nth-child(7):hover{color:#003366}  /* Hettich navy */
.brands__item:nth-child(8):hover{color:#8B0000}  /* GTV dark red */

/* ═══ TRUST SVG REVEAL ANIMATION ═══ */

/* ═══ CALC REDESIGN ═══ */
.calc__result-box .calc__result-label{font-family:var(--mono);font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em}
.calc__result-box .calc__result-price{font-family:var(--serif);font-size:32px;color:var(--accent);white-space:nowrap}
.calc__result-box .calc__result-meta{font-family:var(--mono);font-size:11px;color:var(--ink-muted)}
/* ═══ HERO VARIANTS ═══ */
.hero--editorial .hero__visual .hv-grid-wrap{display:none}
.hero--editorial .hero__visual .hv-photo{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.hero--editorial .hero__visual .hv-photo img{width:100%;height:100%;object-fit:cover}
.hero--editorial .hero__visual .hv-badge-price{position:absolute;bottom:16px;left:16px;padding:10px 18px;border-radius:14px;background:rgba(26,23,20,.88);color:#fff;z-index:3;font-size:14px;font-weight:700}
.hero--editorial .hero__visual .hv-badge-price small{display:block;font-family:var(--mono);font-size:10px;opacity:.6;margin-top:2px;font-weight:500}
.hero--editorial .hero__visual .hv-badge-rating{position:absolute;top:16px;right:16px;padding:8px 14px;border-radius:12px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);z-index:3;font-family:var(--serif);font-size:18px;color:var(--accent)}
.hero--editorial .hero__visual .hv-badge-rating small{display:block;font-family:var(--mono);font-size:10px;color:var(--ink-muted);margin-top:2px}
.hero--grid .hero__visual .hv-photo{display:none}
.hero--grid .hero__visual .hv-badge-price,.hero--grid .hero__visual .hv-badge-rating{display:none}
.hero--grid .hero__visual .hv-grid-wrap{position:absolute;inset:0;display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:12px}
.hero--grid .hero__visual .hv-grid-wrap .hv-gi{border-radius:16px;overflow:hidden;background:var(--bg2)}
.hero--grid .hero__visual .hv-grid-wrap .hv-gi:first-child{grid-row:span 2}
.hero--grid .hero__visual .hv-grid-wrap .hv-gi img{width:100%;height:100%;object-fit:cover}
.hero--cinematic{background:#1a1714}
.hero--cinematic .hero__grid{position:relative;z-index:2}
.hero--cinematic .hero__visual{position:absolute;inset:0;border-radius:0;border:none;box-shadow:none;aspect-ratio:auto;max-height:none;z-index:0;overflow:hidden}
.hero--cinematic .hero__visual .hv-grid-wrap{display:none}
.hero--cinematic .hero__visual .hv-photo{position:absolute;inset:0}
.hero--cinematic .hero__visual .hv-photo img{width:100%;height:100%;object-fit:cover}
.hero--cinematic .hero__visual .hv-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(26,23,20,.82) 0%,rgba(26,23,20,.55) 50%,transparent 100%)}
.hero--cinematic .hero__visual .hv-badge-price{position:absolute;bottom:24px;right:24px;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff;z-index:3;font-size:14px;font-weight:700}
.hero--cinematic .hero__visual .hv-badge-price small{display:block;font-family:var(--mono);font-size:10px;opacity:.5;margin-top:2px;font-weight:500}
.hero--cinematic .hero__visual .hv-badge-rating{display:none}
.hero--cinematic h1,.hero--cinematic .h1-main{color:#fff}
.hero--cinematic h1 em{color:#c4a87a}
.hero--cinematic .h1-sub{color:rgba(255,255,255,.4)}
.hero--cinematic .hero__text{color:rgba(255,255,255,.6)}
.hero--cinematic .hero__stat b{color:#fff}
.hero--cinematic .hero__stat span{color:rgba(255,255,255,.4)}
.hero--cinematic .hero__stats{border-top-color:rgba(255,255,255,.1)}
.hero--cinematic .hero__kicker .t-label{color:rgba(255,255,255,.5)}
.hero--cinematic .hero__dot{background:#c4a87a;box-shadow:0 0 0 6px rgba(196,168,122,.2)}
.hero--cinematic .btn--primary{background:linear-gradient(135deg,#c4a87a,#8b7355)}
.hero--cinematic .btn--ghost{border-color:rgba(255,255,255,.2);color:#fff}

/* ═══ BRAND HOVER COLORS ═══ */
.brands__item{padding:14px 22px;border-radius:var(--r-md);border:1px solid transparent;transition:all .3s;display:flex;align-items:center;color:var(--ink-muted);opacity:.7}
.brands__item:hover{background:rgba(26,23,20,.04);border-color:var(--border);color:var(--ink);transform:translateY(-2px);box-shadow:0 8px 20px rgba(26,23,20,.06);opacity:1}
.brands__item:nth-child(2):hover{color:#CC0000}
.brands__item:nth-child(3):hover{color:#1B1B1B}
.brands__item:nth-child(4):hover{color:#4A7C59}
.brands__item:nth-child(5):hover{color:#003399}
.brands__item:nth-child(6):hover{color:#F5A623}
.brands__item:nth-child(7):hover{color:#003366}
.brands__item:nth-child(8):hover{color:#8B0000}

/* ═══ TRUST SVG ANIMATION ═══ */

/* ═══ MOBILE ═══ */

/* ═══ PREMIUM POLISH (additions to V11 base) ═══ */

/* Direction cards taller */
.dir{padding:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 260px;cursor:pointer;position:relative;transition:all .4s cubic-bezier(.22,1,.36,1);height:240px}
.dir__visual{position:relative;overflow:hidden;opacity:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:10px}
.dir__visual-img{border-radius:12px;overflow:hidden;background:var(--bg2)}
.dir__visual-img:first-child{grid-row:span 2}
.dir__visual-img img{width:100%;height:100%;object-fit:cover}/* Case card stacked layout */
.case-card__head{display:block;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.case-card__type{font-size:14px;font-weight:600;color:var(--ink-soft);display:block;margin-bottom:8px;line-height:1.5}
.case-card__price{font-family:var(--serif);font-size:24px;color:var(--accent);display:block;white-space:nowrap}/* Calc result redesign */
.calc__result-row{display:flex;grid-template-columns:1fr auto;gap:14px;align-items:stretch;margin-top:20px}
.calc__result-box{flex:1;display:flex;align-items:center;gap:16px;padding:20px 28px;border-radius:20px;background:linear-gradient(135deg,rgba(61,107,79,.04),rgba(139,115,85,.04));border:1px solid rgba(61,107,79,.08)}
.calc__result-box .calc__result-label{font-family:var(--mono);font-size:11px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em}
.calc__result-box .calc__result-price{font-family:var(--serif);font-size:32px;color:var(--accent);white-space:nowrap}
.calc__result-box .calc__result-meta{font-family:var(--mono);font-size:11px;color:var(--ink-muted)}
.calc__cta-big{height:auto;padding:20px 40px;white-space:nowrap;font-size:15px;border-radius:20px;flex-shrink:0}/* Card mini thumbnails */
.catalog-card__thumbs{position:absolute;bottom:10px;left:10px;display:flex;gap:4px;z-index:3}
.catalog-card__mini{width:44px;height:44px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.8);box-shadow:0 2px 8px rgba(26,23,20,.12);background:var(--bg2);flex-shrink:0}
.catalog-card__mini img{width:100%;height:100%;object-fit:cover}/* Hub hero image override */
.hero__visual[style*="background-image"] .hub-hero-inner{display:none}

/* Modal unified polish */
.modal__tagline{font-size:14px;color:var(--ink-soft);margin-bottom:20px;line-height:1.6}
.modal__price{margin-top:24px;text-align:center;padding:20px;border-radius:16px;background:linear-gradient(135deg,rgba(61,107,79,.04),rgba(139,115,85,.04));border:1px solid rgba(61,107,79,.08)}/* Mobile additions */

/* ═══ TRUST SVG HOVER ANIMATION ═══ */
.trust-card__icon svg path{transition:stroke-dashoffset .6s ease,stroke .3s;stroke:var(--accent);stroke-dasharray:80;stroke-dashoffset:0}
.trust-card:hover .trust-card__icon svg path{stroke-dashoffset:80;animation:svgDraw .8s ease forwards}
@keyframes svgDraw{
  0%{stroke-dashoffset:80}
  100%{stroke-dashoffset:0}
}

/* Extra small phones */

/* ═══ PERFORMANCE ═══ */
.sec{content-visibility:auto;contain-intrinsic-size:auto 600px}
.catalog-card__img img{will-change:auto}

/* ═══ HERO ENTRANCE ANIMATION ═══ */
.hero__content{opacity:0;transform:translateY(24px);animation:heroFadeIn .8s ease .2s forwards}
.hero__visual{opacity:0;transform:translateY(16px);animation:heroFadeIn .8s ease .4s forwards}
@keyframes heroFadeIn{to{opacity:1;transform:none}}
/* ═══ CONTACT CHIPS ═══ */
.contact-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--r-pill);border:1.4px solid var(--border);font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;transition:all .25s}
.contact-chip:hover{border-color:var(--accent-border);background:var(--accent-light);color:var(--accent)}
.contact-chip svg{flex-shrink:0;stroke:var(--accent)}

.calc-trust-card{transition:all .3s}
.calc-trust-card:hover{background:rgba(var(--accent-rgb),.04)}
.calc-trust-card__icon .ci-path{stroke-dasharray:60;stroke-dashoffset:0;transition:stroke-dashoffset .5s ease}
.calc-trust-card:hover .calc-trust-card__icon .ci-path{stroke-dashoffset:60;animation:svgDraw .8s ease forwards}

/* ═══ BREADCRUMBS ═══ */
.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-muted);margin-bottom:20px;font-family:var(--sans)}
.breadcrumbs a{color:var(--ink-muted);text-decoration:none;transition:color .2s}
.breadcrumbs a:hover{color:var(--accent)}
.breadcrumbs span{color:var(--ink-muted)}

/* ═══ BLOG ═══ */
.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.blog-tag{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:var(--r-pill);border:1.4px solid var(--border);background:transparent;color:var(--ink-soft);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:lowercase;font-family:var(--sans)}
.blog-tag:hover{border-color:var(--accent-border);color:var(--accent)}
.blog-tag.is-active{border-color:var(--accent-border);background:var(--accent-light);color:var(--accent)}
.blog-tag span{font-weight:400;opacity:.6;margin-left:2px}
.blog-count{font-size:13px;color:var(--ink-muted);margin-bottom:24px}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-card{text-decoration:none;color:inherit;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s;display:flex;flex-direction:column}
.blog-card:hover{border-color:var(--accent-border);box-shadow:0 12px 32px rgba(26,23,20,.08)}
.blog-card__img{height:200px;background:#e8e2d6;position:relative;overflow:hidden}
.blog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-card__img img{transform:scale(1.04)}
.blog-card__label{position:absolute;top:12px;left:12px;padding:5px 10px;border-radius:99px;background:rgba(26,23,20,.7);color:#fff;font-size:11px;font-weight:700}
.blog-card__body{padding:18px;flex:1;display:flex;flex-direction:column}
.blog-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.blog-card__tag{padding:3px 8px;border-radius:6px;background:rgba(var(--accent-rgb),.06);color:var(--accent);font-size:11px;font-weight:600}
.blog-card__title{font-family:var(--serif);font-size:19px;line-height:1.2;margin-bottom:8px}
.blog-card__desc{font-size:13px;color:var(--ink-soft);line-height:1.5;flex:1}
.blog-card__date{font-size:11px;color:var(--ink-muted);margin-top:12px}
/* Blog article tags */
.article-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:32px}
.article-tag{padding:5px 12px;border-radius:99px;border:1px solid var(--border);color:var(--ink-soft);font-size:12px;text-decoration:none;transition:all .2s}
.article-tag:hover{border-color:var(--accent-border);color:var(--accent)}

/* ═══ RESPONSIVE ═══ */
@media(max-width:980px){
.hero__grid{grid-template-columns:1fr;gap:32px}
.hero__visual{height:300px;aspect-ratio:auto;border-radius:var(--r-lg);overflow:hidden}
.trust-grid{grid-template-columns:1fr 1fr}
.catalog-grid{grid-template-columns:repeat(2,1fr)}
.contact-grid{grid-template-columns:1fr}
.contact-stack{grid-template-rows:auto auto}
.contact-panel,.contact-map-card{padding:24px}
}

@media(max-width:920px){
  .modal{grid-template-columns:1fr;width:100vw;height:100dvh;border-radius:0;display:flex;flex-direction:column}
  .modal__gallery{flex:0 0 auto;max-height:40vh;overflow:hidden}
  .modal__main-img{height:100%;min-height:0}
  .modal__info{flex:1;overflow-y:auto;min-height:0}
  .modal__footer{display:none}
  .modal__mdock{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--white);flex-shrink:0}
  .modal__mdock .btn{flex:1;height:44px;font-size:13px}
  .modal__thumbs{flex-shrink:0}
}

@media(max-width:768px){
  /* Layout */
  .wrap{padding:0 16px}
  .sec{padding:32px 0}
  .card-wrap{padding:24px 16px}

  /* Header — compact nav visible */
  .hdr{padding:8px 0}
  .hdr__nav{display:flex;gap:0}
  .hdr__link{font-size:11px;padding:5px 8px}
  .hdr__phone{display:none}
  .hdr__cta{font-size:10px;padding:6px 10px;letter-spacing:0}
  .hdr__logo{font-size:18px}

  /* Promo compact */
  .promo__in{padding:6px 12px;gap:8px;font-size:11px}
  .promo__badge-pill{font-size:11px;padding:3px 8px}
  .promo__sub{display:none}
  .promo__timer{display:none}
  .promo__cta-btn{font-size:10px;padding:5px 10px}
  body[data-page] .hdr{top:32px}

  /* Hero — image FIRST, text below */
  .hero{padding-top:88px}
  .hero__grid{gap:20px}
  .hero__visual{order:-1;height:260px;aspect-ratio:auto}
  .hero h1{font-size:32px}
  .hero h1 .h1-main{font-size:36px}
  .hero h1 .h1-sub{font-size:10px;margin-top:8px}
  .hero__text{font-size:14px}
  .hero__ctas{flex-direction:column;gap:10px}
  .hero__ctas .btn{width:100%;justify-content:center}
  .hero__stats{gap:16px;flex-wrap:wrap}
  .hero__stat b{font-size:20px}
  .hv-notify,.hv-rating,.hv-price,.hv-badge-rating{display:none}
  .hv-badge-price{bottom:10px;left:10px;padding:8px 12px;font-size:12px}

  /* Modal — override 920px to bottom sheet */
  .modal-overlay.is-open{align-items:flex-end}
  .modal{width:100vw;max-height:92dvh;border-radius:20px 20px 0 0}
  .modal__gallery{max-height:35vh}
  .modal__scroll{padding:16px}
  .modal__name{font-size:18px}
  .modal__tagline{font-size:13px;margin-bottom:10px}
  .modal__spec-value{font-size:13px}
  .modal__price{padding:12px;margin-top:12px}
  .modal__price-val{font-size:20px}
  .modal__close{top:8px;right:8px;width:32px;height:32px;font-size:16px}
  .modal__fav{top:8px;right:46px;width:32px;height:32px}
  .modal__counter{top:8px;left:8px;padding:5px 8px;font-size:10px}
  .modal__thumbs{padding:6px 8px;gap:4px}
  .modal__thumb{width:44px;height:32px}
  .modal__share{display:none}

  /* Catalog */
  .catalog-card__thumbs{display:none}
  .catalog-card__body{padding:14px 16px 16px}

  /* Cases */
  .cases-grid{grid-template-columns:1fr}
  .cases-head{flex-direction:column;align-items:flex-start}

  /* Reviews */
  .reviews-grid{grid-template-columns:1fr}

  /* Calc */
  .calc__row{grid-template-columns:1fr 1fr}
  .calc__row>div:nth-child(3){grid-column:span 2}
  .calc__wrap{padding:24px 20px}
  .calc__result-row{flex-direction:column}
  .calc__cta-big{width:100%}

  /* Contact */
  .contact-form{padding:24px 16px}
  .contact-panel,.contact-map-card{padding:20px}
  .contact-map__actions{width:100%}
  .contact-map__btn{width:100%}
  .contact-map--frame{min-height:220px}
  .contact-row a,.contact-row span{font-size:14px}

  /* Footer */
  .footer__grid{grid-template-columns:1fr 1fr;gap:24px}

  /* Trust / Prefooter */
  .trust-card{padding:24px 20px}
  .prefooter{padding:40px 0}

  /* Dock */
  .dock__in{padding:8px 10px}
  .dock__btn{padding:8px 14px;font-size:12px}
  .dock{bottom:68px}

  /* Lead modal */
  .lead-panel{width:100%;max-width:100%;border-radius:20px 20px 0 0;position:fixed;bottom:0;left:0;right:0}

  /* Cinematic hero mobile fallback */
  .hero--cinematic{background:var(--bg)}
  .hero--cinematic h1,.hero--cinematic .h1-main,.hero--cinematic .hero__text{color:var(--ink)}
  .hero--cinematic .hero__visual{position:relative;max-height:250px;border-radius:var(--r-xl);overflow:hidden}
  .hero--cinematic .btn--primary{background:var(--grad)}
  .hero--cinematic .btn--ghost{border-color:var(--border);color:var(--ink)}
  .calc__row{grid-template-columns:1fr;gap:10px}
  .calc__result-box{flex-direction:column;text-align:center;gap:8px;padding:16px}
  .calc__result-box .calc__result-price{font-size:26px}
  .catalog-status{align-items:flex-start;flex-direction:column}
    .catalog-card__actions{align-items:flex-start;flex-direction:column}
    .catalog-link{font-size:13px}
  .contact-chip{padding:8px 14px;font-size:12px}
  [data-page="blog"] .wrap>div{grid-template-columns:1fr!important}
  .blog-grid{grid-template-columns:1fr}
  .blog-tags{gap:6px}
  .blog-tag{padding:6px 12px;font-size:12px}
  .contact-layout-grid{grid-template-columns:1fr!important}

}

@media(max-width:640px){
  .dir-grid{grid-template-columns:1fr}
  .dir{min-height:auto;grid-template-columns:1fr}
  .dir__visual{grid-template-columns:1fr 1fr;grid-template-rows:auto;height:160px;padding:8px}
  .dir__visual{padding:6px}
  .calc__result{flex-direction:column;text-align:center;gap:4px}
}

@media(max-width:560px){
.hero h1{font-size:36px}
.hero__ctas{flex-direction:column}
.hero__stats{gap:20px;flex-wrap:wrap}
.trust-grid{grid-template-columns:1fr}
.catalog-grid{grid-template-columns:1fr}
.prefooter{padding:48px 0}
.prefooter__ctas{flex-direction:column;align-items:center}
.catalog-card__thumbs{display:none}
  .prefooter__ctas{flex-direction:column;align-items:stretch}
  .prefooter__ctas .btn{width:100%;justify-content:center}
}

@media(max-width:480px){
.footer__grid{grid-template-columns:1fr}
.calc__row{grid-template-columns:1fr}
  .calc__row>div:nth-child(3){grid-column:span 1}
}

@media(max-width:400px){
.hdr__cta{display:none}
  .hdr__link{font-size:10px;padding:4px 6px}
  .hero h1 .h1-main{font-size:30px}
}

@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

@media(min-width:921px){
.modal__mdock{display:none}
}

@media(min-width:981px){
.catalog-grid.has-orphan .catalog-card:last-child{grid-column:span 1;max-width:calc(66.666% - 8px)}
}

/* ═══ SPRINT 3 — catalog filters / favorites / detail links ═══ */
.filters{display:grid;gap:10px}
.filters__row{display:flex;gap:8px;flex-wrap:wrap}
.filters__row--secondary .filter-btn{background:rgba(26,23,20,.03)}
.filter-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.filter-btn__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(26,23,20,.06);font-size:11px;font-weight:800;color:var(--ink-soft)}
.filter-btn--secondary{border-style:dashed;color:var(--ink-soft)}
.filter-btn--secondary[disabled]{opacity:.45;cursor:not-allowed}
.catalog-status{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 14px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.72);font-size:13px;color:var(--ink-soft);margin-top:2px}
.catalog-status strong{font-size:15px;color:var(--ink)}
.catalog-card__desc{font-size:13px;line-height:1.65;color:var(--ink-soft);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.catalog-card__actions{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.catalog-link{font-size:12px;font-weight:700;color:var(--accent);text-decoration:none}
.catalog-link:hover{text-decoration:underline}
.catalog-empty{grid-column:1/-1;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(255,255,255,.58));border:1px solid var(--border);box-shadow:var(--shadow-card);text-align:center}
.catalog-empty__title{font-family:var(--serif);font-size:28px;line-height:1;margin-bottom:10px;color:var(--ink)}
.catalog-empty p{max-width:520px;margin:0 auto 18px;color:var(--ink-soft);font-size:14px;line-height:1.7}
.catalog-empty__actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.modal__desc{font-size:15px;line-height:1.75;color:var(--ink-soft);margin-bottom:18px}
.modal__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.modal__actions .btn{min-height:46px}

/* ═══ CALC PREMIUM REBUILD ═══ */
.card-wrap--calc{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(247,243,237,.88));position:relative;overflow:hidden}
.card-wrap--calc::before{content:none}
.calc-premium__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:22px;align-items:stretch;position:relative}
.calc-premium__head{align-items:flex-start;gap:16px}
.calc-premium__copy{max-width:430px}
.calc-premium__micro{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.calc-premium__micro-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(26,23,20,.08);background:rgba(255,255,255,.72);font-size:12px;font-weight:700;color:var(--ink-soft)}
.calc-premium__fields{padding:22px;border-radius:24px;background:rgba(255,255,255,.85);border:1px solid rgba(26,23,20,.07);box-shadow:var(--shadow-card)}
.calc-premium__summary{position:relative;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:28px;background:#1f1b18;color:#fff;box-shadow:0 28px 60px rgba(26,23,20,.18);overflow:hidden}
.calc-premium__glow{position:absolute;inset:auto -60px -80px auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}
.calc-premium__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.calc-premium__result{position:relative;padding:18px 20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.calc-premium__result .calc__result-price{font-size:44px;color:#fff;margin:8px 0 6px}
.calc-premium__result .calc__result-meta{color:rgba(255,255,255,.72)}
.calc-premium__pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.calc-premium__pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:700;color:#fff}
.calc-package{position:relative;padding:18px;border-radius:22px;background:rgba(255,255,255,.92);color:var(--ink);border:1px solid rgba(26,23,20,.08);box-shadow:0 20px 40px rgba(0,0,0,.08)}
.calc-package__head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}
.calc-package__eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.calc-package__head h3{font-family:var(--serif);font-size:28px;line-height:.95;margin-top:8px}
.calc-package__head p{font-size:13px;color:var(--ink-soft);margin-top:8px}
.calc-package__badge{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;background:rgba(var(--accent-rgb),.1);color:var(--accent);font-size:12px;font-weight:800;white-space:nowrap}
.calc-package__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.calc-package__list li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.6;color:var(--ink-soft)}
.calc-package__tick{flex:0 0 22px;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;background:rgba(61,107,79,.1);color:var(--accent);font-weight:900;font-size:12px;margin-top:1px}
.calc-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.calc-trust-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:18px;background:rgba(248,246,243,.9);border:1px solid rgba(26,23,20,.06)}
.calc-trust-card__icon{flex:0 0 40px;width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:rgba(var(--accent-rgb),.1);color:var(--accent)}
.calc-trust-card__icon svg{width:20px;height:20px}
.calc-trust-card strong{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}
.calc-trust-card span{display:block;font-size:12px;line-height:1.55;color:var(--ink-soft)}
.calc-premium .calc__cta-big{width:100%;height:58px;border-radius:18px;padding:0 24px}
.calc-premium .calc__sub{max-width:none;color:rgba(255,255,255,.62)}

@media (max-width: 1080px){
  .contact-grid{grid-template-columns:1fr}
  .contact-stack{grid-template-rows:auto auto}
  .contact-form{padding:28px 24px}
  .contact-form__assist-grid{grid-template-columns:1fr}
  .calc-premium__grid{grid-template-columns:1fr}
  .calc-premium__result .calc__result-price{font-size:38px}
}
@media (max-width: 768px){
  .contact-panel,.contact-map-card,.contact-form{padding:20px}
  .contact-form__assist{padding:14px}
  .calc-premium__fields,.calc-premium__summary{padding:18px}
  .calc-trust-grid{grid-template-columns:1fr}
  .calc-premium__result .calc__result-price{font-size:34px}
}

/* V73 blog/detail recovery + icon rails + ambient orbs */
.blog-card__title-link{text-decoration:none;color:inherit}
.blog-card__title-link:hover .blog-card__title{color:var(--accent)}
.blog-card__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.blog-card__btn{height:44px;padding:0 18px;font-size:13px;min-width:180px}
.blog-card__img-link{display:block;height:100%}
.blog-card__img-link img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-card__img-link img{transform:scale(1.04)}
.blog-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}
[data-page="blog"] .blog-toolbar{gap:20px;align-items:flex-start}
[data-page="blog"] .blog-featured__main{min-height:360px}
[data-page="blog"] .blog-featured__body{padding:34px;gap:16px}
[data-page="blog"] .blog-featured__title{font-size:38px;max-width:13ch}
[data-page="blog"] .blog-axis-card{min-height:214px;padding:24px;gap:12px}
[data-page="blog"] .blog-lane{gap:20px}
[data-page="blog"] .blog-subgrid{gap:20px}
[data-page="blog"] .blog-card__body{padding:20px}
[data-page="blog"] .blog-card__title{min-height:78px;font-size:20px}
[data-page="blog"] .blog-card__desc{font-size:13px;line-height:1.65}
[data-page="blog"] .blog-cta-band{padding:28px 30px;align-items:center}
.blog-end-cta{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);gap:20px;padding:32px;border-radius:34px;border:1px solid rgba(26,23,20,.08);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(246,241,234,.94));box-shadow:0 24px 64px rgba(26,23,20,.08),0 4px 16px rgba(26,23,20,.04);overflow:hidden}
.blog-end-cta::after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),0));pointer-events:none}
.blog-end-cta__copy{display:grid;gap:14px;align-content:start;position:relative;z-index:1}
.blog-end-cta__split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}
.blog-end-cta__card{display:flex;flex-direction:column;gap:8px;padding:20px 18px;border-radius:24px;text-decoration:none;color:var(--ink);background:rgba(255,255,255,.78);border:1px solid rgba(26,23,20,.07);box-shadow:0 12px 30px rgba(26,23,20,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.blog-end-cta__card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.18);box-shadow:0 18px 38px rgba(26,23,20,.08)}
.blog-end-cta__eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.blog-end-cta__card strong{font-size:20px;line-height:1.1}
.blog-end-cta__card span{font-size:13px;line-height:1.6;color:var(--ink-soft)}
.blog-end-cta__card b{font-size:13px;color:var(--ink)}
.blog-end-cta__card--k{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,244,238,.9))}
.blog-end-cta__card--w{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,242,247,.9))}

.catalog-link--icon,.modal-project-link{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;text-decoration:none;background:linear-gradient(180deg,#ffffff,#f6f1ea);border:1px solid rgba(26,23,20,.08);box-shadow:0 12px 28px rgba(26,23,20,.08);color:var(--accent);position:relative;overflow:hidden;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease}
.catalog-link--icon:hover,.modal-project-link:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(26,23,20,.12);border-color:rgba(var(--accent-rgb),.22)}
.catalog-link__orb{position:absolute;inset:auto -10px -14px auto;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-rgb),.18),rgba(var(--accent-rgb),0) 72%);animation:hzOrbFloat 4.8s ease-in-out infinite}
.catalog-link__svg{position:relative;z-index:1;transition:transform .22s ease, filter .22s ease}
.catalog-link--icon:hover .catalog-link__svg,.modal-project-link:hover .catalog-link__svg{transform:translate3d(1px,-1px,0) scale(1.08);filter:drop-shadow(0 0 10px rgba(154,121,78,.18))}
.modal-project-link{margin-inline:auto}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@keyframes hzOrbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(7px,-8px,0) scale(1.08)}}
@keyframes hzOrbFloatAlt{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-9px,7px,0) scale(1.06)}}
@keyframes homeFlowDash{to{stroke-dashoffset:-120}}
@keyframes homeFlowPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.72}}
.dir,.blog-featured__main,.blog-axis-card,.detail-panel,.detail-photo,.hcard{position:relative;overflow:hidden}
.trust-card,.home-process__card{position:relative;overflow:visible}
.dir::before,.dir::after,.blog-featured__main::before,.blog-axis-card::after,.detail-panel::before,.detail-photo::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;opacity:.8}
.dir::before{width:180px;height:180px;right:-20%;bottom:-55%;background:radial-gradient(circle,rgba(199,155,96,.14),transparent 65%);opacity:0;transform:translateY(18px);transition:opacity .28s ease,transform .28s ease}
.dir::after{width:92px;height:92px;left:-24px;top:-22px;background:radial-gradient(circle,rgba(196,168,122,.12),rgba(196,168,122,0) 72%);animation:hzOrbFloatAlt 6.2s ease-in-out infinite}
.blog-featured__main::before,.blog-axis-card::after{width:120px;height:120px;right:-34px;bottom:-44px;background:radial-gradient(circle,rgba(196,168,122,.12),rgba(196,168,122,0) 72%);animation:hzOrbFloat 5.8s ease-in-out infinite}
.detail-panel::before,.detail-photo::after{width:132px;height:132px;right:-40px;bottom:-40px;background:radial-gradient(circle,rgba(196,168,122,.14),rgba(196,168,122,0) 72%);animation:hzOrbFloat 5.6s ease-in-out infinite}
.dir__body,.blog-featured__body,.blog-axis-card,.detail-panel>*{position:relative;z-index:1}
.home-flow{padding:8px 0 2px;background:transparent}
.home-flow__svg{display:block;width:100%;max-width:1180px;height:auto;margin:0 auto;overflow:visible}
.home-flow__glow{opacity:.24}
.home-flow__dash{vector-effect:non-scaling-stroke;stroke-dasharray:16 14;animation:homeFlowDash 18s linear infinite}
.home-flow__pulse{transform-origin:center;animation:homeFlowPulse 3.2s ease-in-out infinite}
.home-flow__pulse:nth-of-type(2){animation-delay:.35s}
.home-flow__pulse:nth-of-type(3){animation-delay:.7s}
.home-flow__pulse:nth-of-type(4){animation-delay:1.05s}
@media (max-width:1100px){.blog-end-cta{grid-template-columns:1fr}.blog-end-cta__split{grid-template-columns:1fr 1fr}}
@media (max-width:720px){[data-page="blog"] .blog-featured__body{padding:24px}.blog-end-cta{padding:24px;border-radius:28px}.blog-end-cta__split{grid-template-columns:1fr}.blog-card__btn{min-width:0;width:100%}.home-flow{padding:2px 0 0}.home-flow__svg{display:none}}

.blog-shell{display:grid;gap:22px}
.blog-featured{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:6px}
.blog-featured__main,.blog-axis-card,.blog-cta-band{position:relative;border-radius:28px;border:1px solid rgba(26,23,20,.08);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,244,238,.88));box-shadow:var(--shadow-card)}
.blog-featured__main{display:grid;grid-template-columns:minmax(240px,.96fr) minmax(0,1.04fr);min-height:320px}
.blog-featured__media{background:linear-gradient(135deg,#ddd3c4,#f4ece1);min-height:240px}
.blog-featured__media img{width:100%;height:100%;object-fit:cover;display:block}
.blog-featured__body{padding:28px;display:flex;flex-direction:column;gap:14px}
.blog-featured__eyebrow,.blog-axis-card__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.blog-featured__title{font-family:var(--serif);font-size:34px;line-height:1.04;letter-spacing:-.03em;color:var(--ink)}
.blog-featured__desc{font-size:14px;line-height:1.65;color:var(--ink-soft);max-width:52ch}
.blog-featured__meta{display:flex;gap:10px;flex-wrap:wrap}
.blog-meta-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:rgba(var(--accent-rgb),.08);color:var(--accent);font-size:12px;font-weight:700}
.blog-featured__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.blog-featured__side{display:grid;gap:12px}
.blog-axis-card{padding:20px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.blog-axis-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.18);box-shadow:0 16px 34px rgba(26,23,20,.08)}
.blog-axis-card.is-active{border-color:rgba(var(--accent-rgb),.22);box-shadow:0 16px 34px rgba(26,23,20,.08)}
.blog-axis-card__title{font-size:20px;font-weight:800;color:var(--ink)}
.blog-axis-card__desc{font-size:13px;line-height:1.55;color:var(--ink-soft)}
.blog-axis-card__count{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border-radius:999px;background:rgba(26,23,20,.06);font-size:12px;font-weight:700;color:var(--ink);width:max-content}
.blog-toolbar{display:flex;justify-content:space-between;gap:14px;align-items:flex-end;flex-wrap:wrap}
.blog-lane{display:grid;gap:16px}
.blog-lane__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;flex-wrap:wrap}
.blog-lane__copy{font-size:13px;line-height:1.6;color:var(--ink-soft);max-width:480px}
.blog-cta-band{padding:22px 24px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.blog-cta-band__body{max-width:540px}
.blog-cta-band__title{font-size:24px;font-weight:800;line-height:1.1;color:var(--ink);margin-bottom:8px}
.blog-cta-band__desc{font-size:14px;line-height:1.6;color:var(--ink-soft)}
.blog-cta-band__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.blog-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

.detail-page .detail-shell{padding-top:28px;padding-bottom:40px}
.detail-page .detail-breadcrumbs{margin-bottom:22px}
.detail-page .detail-photo,.detail-page .detail-panel{border-color:rgba(26,23,20,.08);box-shadow:0 22px 56px rgba(26,23,20,.08)}
.detail-page .detail-panel{display:flex;flex-direction:column;min-height:100%}
.detail-page .detail-title{font-size:clamp(32px,4.2vw,54px);line-height:1.02}
.detail-page .detail-sub{font-size:18px;line-height:1.55}
.detail-page .detail-tag{font-size:15px;line-height:1.6;color:var(--ink-soft)}
.detail-page .detail-desc{font-size:15px;line-height:1.72;color:var(--ink-soft)}
.detail-page .detail-price{margin:24px 0 0;padding:20px 0 0;border-top:1px solid rgba(26,23,20,.08);border-bottom:none}
.detail-page .detail-price strong{font-size:34px}
.detail-page .detail-actions{margin-top:24px}
.detail-page .detail-note{margin-top:14px}
.detail-cta-band{padding:0 20px 56px}
.detail-cta-band__card{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:28px 30px;border-radius:32px;background:linear-gradient(135deg,#1f1b18 0%,#2d2621 52%,#3a322c 100%);color:#fff;box-shadow:0 28px 70px rgba(26,23,20,.22);position:relative;overflow:hidden}
.detail-cta-band__card::after{content:'';position:absolute;right:-60px;bottom:-80px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,0));pointer-events:none}
.detail-cta-band__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.58);margin-bottom:10px}
.detail-cta-band__title{font-family:var(--serif);font-size:clamp(28px,3.6vw,42px);line-height:1;letter-spacing:-.03em;margin:0 0 10px}
.detail-cta-band__sub{margin:0;color:rgba(255,255,255,.78);font-size:15px;line-height:1.72;max-width:720px}
.detail-cta-band__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}
.detail-cta-band .btn--ghost{border-color:rgba(255,255,255,.18);color:#fff;background:rgba(255,255,255,.04)}
.detail-cta-band .btn--ghost:hover{background:rgba(255,255,255,.1)}
.footer.footer--detail{margin-top:0}

/* ═══ V75 HOME PROOF / TRUST / CONTACT MOBILE FIX ═══ */
.hero__ctas--premium{align-items:center;flex-wrap:wrap;gap:14px}
.hero__ctas--premium>.btn--primary{min-width:220px;box-shadow:0 14px 34px rgba(139,115,85,.22)}
.hero__split-ctas{padding:8px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid rgba(26,23,20,.08);box-shadow:0 10px 28px rgba(26,23,20,.05)}
.hero__split-ctas .btn{min-width:168px}
.hero__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;max-width:760px}
.hero__proof-card{padding:14px 16px;border-radius:20px;border:1px solid rgba(26,23,20,.07);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,246,243,.92));box-shadow:0 12px 32px rgba(26,23,20,.05)}
.hero__proof-kicker{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}
.hero__proof-card strong{display:block;font-size:14px;line-height:1.4;color:var(--ink);margin-bottom:4px}
.hero__proof-card span:last-child{font-size:12px;line-height:1.55;color:var(--ink-soft)}

.home-proof{padding-top:10px}
.home-proof__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;flex-wrap:wrap}
.home-proof__head .t-body{max-width:620px;margin-top:10px}
.home-proof__metrics{display:flex;gap:12px;flex-wrap:wrap}
.home-proof__metric{min-width:120px;padding:14px 16px;border-radius:18px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.12)}
.home-proof__metric b{display:block;font-family:var(--serif);font-size:28px;line-height:1;color:var(--ink)}
.home-proof__metric span{display:block;margin-top:6px;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}
.home-proof__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-proof__case{padding:22px;border-radius:26px;display:flex;flex-direction:column;gap:12px}
.home-proof__pill{display:inline-flex;align-items:center;width:max-content;padding:6px 12px;border-radius:999px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.14);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.home-proof__case strong{font-size:24px;line-height:1.15;font-family:var(--serif);font-weight:400;color:var(--ink)}
.home-proof__case p{font-size:14px;line-height:1.65;color:var(--ink-soft);margin:0}
.home-proof__case-meta{margin-top:auto;padding-top:14px;border-top:1px solid rgba(26,23,20,.08);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;font-weight:700;color:var(--accent)}
.home-proof__case--stat{background:linear-gradient(155deg,#f0ece4,#ece6da)}

.home-process__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:22px}
.home-process__head .t-body{max-width:520px}
.home-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-process__card{padding:22px;border-radius:24px;display:flex;flex-direction:column;gap:12px}
.home-process__step{display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.14);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.home-process__card h3{font-size:22px;line-height:1.1;font-family:var(--serif);font-weight:400;color:var(--ink)}
.home-process__card p{font-size:14px;line-height:1.65;color:var(--ink-soft);margin:0;flex:1}
.home-process__meta{font-size:12px;font-weight:700;color:var(--ink)}

.contact-section__head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap;margin-bottom:24px}
.contact-section__sub{max-width:560px;margin-top:10px}
.contact-section__proof{display:flex;gap:8px;flex-wrap:wrap;max-width:460px;justify-content:flex-end}
.contact-section__proof span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.66);border:1px solid rgba(26,23,20,.08);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.contact-shell{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;align-items:stretch}
.contact-visit{display:grid;grid-template-rows:minmax(320px,.78fr) auto;gap:18px;min-width:0}
.contact-shell .contact-form{min-width:0;height:100%}
.contact-chip-row{display:flex;gap:10px;flex-wrap:wrap}

#contact .contact-map-card,#contact .contact-panel,#contact .contact-form{min-width:0}
#contact .contact-map{min-width:0}
#contact .form-chips{gap:8px}
#contact .form-chip{white-space:normal;text-align:center}

@media (max-width: 1160px){
  .home-proof__grid{grid-template-columns:1fr}
  .home-process__grid{grid-template-columns:1fr 1fr}
  .hero__proof{grid-template-columns:1fr}
}
@media (max-width: 920px){
  .hero__ctas--premium{flex-direction:column;align-items:stretch}
  .hero__ctas--premium>.btn--primary{width:100%;min-width:0}
  .hero__split-ctas{width:100%;border-radius:24px}
  .hero__split-ctas .btn{width:100%;min-width:0}
  .contact-shell{grid-template-columns:1fr}
  .contact-visit{grid-template-rows:auto auto}
  .contact-map--frame{min-height:260px}
  .contact-section__proof{justify-content:flex-start}
}
@media (max-width: 768px){
  .home-proof__metrics{width:100%}
  .home-proof__metric{flex:1 1 140px}
  .home-process__grid{grid-template-columns:1fr}
  .contact-map__head{gap:14px}
  .contact-map__actions{width:100%}
  .contact-map__btn{flex:1 1 0}
}
@media (max-width: 560px){
  .hero__proof{gap:10px}
  .home-proof__head,.home-process__head,.contact-section__head{gap:16px}
  .home-proof__case strong{font-size:21px}
  .home-process__card h3{font-size:20px}
  .contact-section__proof span{width:100%;justify-content:center}
  .contact-shell .contact-form{padding:22px 16px}
  .contact-chip-row{display:grid;grid-template-columns:1fr}
  .contact-chip{justify-content:center}
}
/* ═══════════════════════════════════════════════════════════
   V79 — CLEAN ADDITIONS (non-conflicting hz- prefixed)
   ═══════════════════════════════════════════════════════════ */

/* ── Homepage Calc ── */
#calc .hz-calc-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:start}
#calc .hz-calc-pack{padding:28px;border-radius:24px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-card)}
#calc .hz-calc-result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
#calc .hz-calc-result-card{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:var(--white);border:1px solid var(--border);box-shadow:0 4px 16px rgba(26,23,20,.04);transition:all .3s}
#calc .hz-calc-result-card:hover{border-color:var(--accent-border);transform:translateY(-2px);box-shadow:0 8px 24px rgba(26,23,20,.08)}
#calc .hz-calc-result-card--price{border-color:rgba(139,115,85,.14);background:rgba(61,107,79,.02)}
#calc .hz-calc-result-card svg{flex-shrink:0;margin-top:2px}
#calc .hz-calc-result-card b{display:block;font-family:var(--serif);font-size:22px;color:var(--ink)}
#calc .hz-calc-result-card--price b{font-size:28px;color:var(--accent)}
#calc .hz-calc-result-card small{display:block;margin-top:4px;font-size:12px;color:var(--ink-muted)}
.hz-pack-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border);font-size:14px}
.hz-pack-row:last-child{border-bottom:none}
.hz-pack-row span:first-child{color:var(--ink-muted);font-weight:500}
.hz-pack-row span:last-child{color:var(--ink);font-weight:600;text-align:right}

/* ── Homepage Contact ── */
#contact .hz-contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}
.hz-contact-card{padding:28px;border-radius:24px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-card)}
.hz-contact-card__addr{font-size:15px;color:var(--ink-soft);line-height:1.7;margin:0 0 20px}
.hz-contact-card__btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}
.hz-contact-card__map{height:220px;border-radius:16px;overflow:hidden;border:1px solid var(--border)}
.hz-form-card{padding:28px;border-radius:24px;background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-card)}
.hz-form-fields{display:grid;gap:14px}
.hz-form-fields input,.hz-form-fields textarea{width:100%;padding:16px 18px;border-radius:16px;border:1px solid var(--border);font-size:15px;font-family:var(--sans);background:rgba(248,246,243,.5);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}
.hz-form-fields input:focus,.hz-form-fields textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(var(--accent-rgb),.08)}
.hz-form-fields textarea{resize:vertical;min-height:100px}
.hz-form-submit{width:100%;padding:18px!important;font-size:16px!important}
.hz-form-legal{font-size:11px;color:var(--ink-muted);text-align:center;margin:0}

/* ── Section Orbs ── */
.sec--has-orb{position:relative;overflow:hidden}
.sec-orb{position:absolute;inset:0;pointer-events:none;z-index:0}
.sec-orb__circle{position:absolute;border-radius:50%;filter:blur(80px);opacity:.06}
.sec-orb__circle--1{width:400px;height:400px;background:var(--orb-c,var(--accent));top:-10%;right:-5%;animation:secOrbFloat 14s ease-in-out infinite}
.sec-orb__circle--2{width:300px;height:300px;background:var(--orb-c,var(--accent));bottom:-10%;left:-5%;animation:secOrbFloat 14s ease-in-out infinite 5s}
@keyframes secOrbFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,30px) scale(.9)}}

/* ── Workflow Rail (dashed SVG line for process) ── */
.hz-workflow-rail{display:block;width:100%;max-width:1180px;height:auto;margin:0 auto 28px;overflow:visible}
.hz-workflow-rail__glow{opacity:.22}
.hz-workflow-rail__dash{stroke-dasharray:12 8;animation:wfDash 18s linear infinite}
.hz-workflow-rail__pulse{animation:wfPulse 3.2s ease-in-out infinite}
.hz-workflow-rail__pulse:nth-of-type(2){animation-delay:.4s}
.hz-workflow-rail__pulse:nth-of-type(3){animation-delay:.8s}
.hz-workflow-rail__pulse:nth-of-type(4){animation-delay:1.2s}
@keyframes wfDash{to{stroke-dashoffset:-120}}
@keyframes wfPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.72}}

/* ── Card Warm Glow ── */

/* ── Detail Page Premium ── */
.detail-page{background:var(--bg)}
.detail-shell{max-width:1180px;margin:0 auto;padding:100px 20px 56px}
.detail-breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--ink-muted);margin-bottom:18px}
.detail-breadcrumbs a{color:var(--accent);text-decoration:none;font-weight:600}
.detail-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:28px;align-items:start}
.detail-gallery{display:grid;gap:12px}
.detail-photo{background:var(--white);border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .3s,box-shadow .3s}
.detail-photo:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(26,23,20,.1)}
.detail-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.detail-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 0}
.detail-thumb{width:80px;height:60px;border-radius:12px;overflow:hidden;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .2s;flex-shrink:0}
.detail-thumb:hover,.detail-thumb.is-active{border-color:var(--accent);transform:scale(1.05)}
.detail-thumb img{width:100%;height:100%;object-fit:cover}
.detail-panel{background:var(--white);border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:var(--shadow-card)}
.detail-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-pill);background:rgba(var(--accent-rgb),.08);color:var(--accent);font-weight:700;font-size:13px;margin-bottom:16px}
.detail-title{font-family:var(--serif);font-size:clamp(28px,4vw,42px);line-height:1;letter-spacing:-.03em;margin:0 0 12px}
.detail-sub{font-size:16px;color:var(--ink-soft);margin:0 0 8px;line-height:1.5}
.detail-desc{font-size:15px;line-height:1.75;color:var(--ink-soft);margin:0 0 20px}
.detail-price{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:20px 0}
.detail-price strong{font-family:var(--serif);font-size:32px;line-height:1;color:var(--accent)}
.detail-price span{font-size:13px;color:var(--ink-muted)}
.detail-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}
.detail-spec{border:1px solid var(--border);border-radius:16px;padding:16px;background:rgba(248,246,243,.5);transition:border-color .2s}
.detail-spec:hover{border-color:var(--accent-border)}
.detail-spec span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}
.detail-spec strong{font-size:14px;color:var(--ink);line-height:1.5}
.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.detail-cta-band{padding:48px 20px;margin-top:48px}
.detail-cta-band__card{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:40px;border-radius:28px;background:linear-gradient(155deg,#1a1714,#2a2520);color:#fff;box-shadow:0 24px 64px rgba(26,23,20,.2)}
.detail-cta-band__eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:12px}
.detail-cta-band__title{font-family:var(--serif);font-size:32px;margin:0 0 12px}
.detail-cta-band__sub{font-size:15px;color:rgba(255,255,255,.7);line-height:1.6;max-width:480px}
.detail-cta-band__actions{display:flex;gap:12px;flex-shrink:0}

/* ── V79 Mobile ── */
@media(max-width:768px){
  #calc .hz-calc-grid{grid-template-columns:1fr}
  #calc .hz-calc-result-cards{grid-template-columns:1fr}
  #contact .hz-contact-grid{grid-template-columns:1fr}
  .hz-workflow-rail{display:none}
  .detail-hero{grid-template-columns:1fr}
  .detail-cta-band__card{flex-direction:column;text-align:center;padding:28px}
  .detail-specs{grid-template-columns:1fr}
}

/* ══════════════════════════════════════════════
   PRODUCT PAGE — V85 complete redesign
   Best practices: furniture product card
   ══════════════════════════════════════════════ */

/* ── Layout ── */
.pd{max-width:1240px;margin:0 auto;padding:24px 20px 0}
.pd-crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--ink-muted);margin-bottom:20px;font-family:var(--sans)}
.pd-crumbs a{color:var(--accent);text-decoration:none;font-weight:600}
.pd-crumbs a:hover{text-decoration:underline}

.pd-hero{display:grid;grid-template-columns:1fr minmax(380px,.72fr);gap:24px;align-items:start}

/* ── Gallery ── */
.pd-gallery{position:relative}
.pd-gallery__main{position:relative;border-radius:24px;overflow:hidden;background:#f0ede7;aspect-ratio:4/3;border:1px solid var(--border);box-shadow:0 16px 48px rgba(26,23,20,.08)}
.pd-gallery__main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s ease;filter:brightness(.98) saturate(1.02)}
.pd-gallery__main:hover img{transform:scale(1.04);filter:brightness(1.02) saturate(1.06)}
.pd-photo-count{position:absolute;bottom:12px;right:12px;padding:5px 12px;border-radius:99px;font-size:11px;font-weight:700;background:rgba(26,23,20,.50);color:#fff;backdrop-filter:blur(8px);z-index:2;pointer-events:none}
.pd-gallery__thumbs{display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-width:thin;padding:2px}
.pd-gallery__thumb{flex:0 0 76px;height:56px;border-radius:12px;overflow:hidden;border:2px solid transparent;cursor:pointer;opacity:.5;transition:all .2s ease}
.pd-gallery__thumb.is-active{border-color:var(--accent);opacity:1;box-shadow:0 4px 12px rgba(139,115,85,.18)}
.pd-gallery__thumb:hover{opacity:.85}
.pd-gallery__thumb img{width:100%;height:100%;object-fit:cover}

/* ── Product card (sticky) ── */
.pd-info{position:sticky;top:90px;background:#fff;border:1px solid var(--border);border-radius:24px;padding:28px;box-shadow:0 16px 48px rgba(26,23,20,.07);overflow:hidden}
.pd-info::before{content:"";position:absolute;right:-50px;bottom:-50px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(220,220,230,.20),transparent 72%);pointer-events:none;z-index:0}
.pd-info>*{position:relative;z-index:1}
.pd-info__seg{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;background:var(--cool-soft,rgba(220,220,230,.18));border:1px solid var(--cool-strong,#c8c8d8);font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6a6a82;margin-bottom:14px}
.pd-info__seg::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.pd-info__title{font-family:var(--serif);font-size:clamp(22px,2.8vw,34px);line-height:1.06;letter-spacing:-.03em;margin:0 0 12px;font-weight:500}
.pd-info__desc{font-size:14px;line-height:1.65;color:var(--ink-soft);margin:0 0 18px}
.pd-info__price{display:flex;align-items:baseline;gap:10px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:18px}
.pd-info__price b{font-family:var(--serif);font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em;font-weight:500}
.pd-info__price span{font-size:12px;color:var(--ink-muted)}

/* Spec pills */
.pd-specs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.pd-spec{display:inline-flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;background:var(--bg);border:1px solid var(--border);min-width:0;flex:1 1 calc(50% - 4px);transition:border-color .2s,box-shadow .2s,transform .2s}
.pd-spec:hover{border-color:var(--cool-strong,#c8c8d8);transform:translateY(-2px);box-shadow:0 8px 18px rgba(26,23,20,.06)}
.pd-spec__k{font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.pd-spec__v{font-size:13px;font-weight:600;color:var(--ink);line-height:1.3}

/* CTA */
.pd-info__cta{display:grid;gap:10px;margin-bottom:16px}
.pd-info__cta .btn{width:100%;justify-content:center}
.pd-info__note{font-size:11px;color:var(--ink-muted);text-align:center}

/* Quick trust row inside card */
.pd-info__trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}
.pd-info__trust-item{text-align:center;font-size:11px;line-height:1.3;color:var(--ink-muted)}
.pd-info__trust-item b{display:block;font-size:14px;color:var(--ink);font-weight:700;margin-bottom:2px}

/* ── Trust strip (below hero) ── */
.pd-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px auto 0;max-width:1240px;padding:0 20px}
.pd-trust__card{display:flex;align-items:center;gap:12px;padding:16px;border-radius:18px;background:#fff;border:1px solid var(--border);box-shadow:0 4px 16px rgba(26,23,20,.04);transition:transform .22s,box-shadow .22s}
.pd-trust__card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(26,23,20,.08)}
.pd-trust__icon{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(139,115,85,.06);border:1px solid rgba(139,115,85,.10);color:var(--accent)}
.pd-trust__icon svg{width:18px;height:18px}
.pd-trust__text{font-size:13px;font-weight:700;line-height:1.25;color:var(--ink)}
.pd-trust__text small{display:block;font-weight:500;font-size:11px;color:var(--ink-muted);margin-top:1px}

/* ── CTA band ── */
.pd-cta{max-width:1240px;margin:32px auto 0;padding:0 20px}
.pd-cta__card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:28px 32px;border-radius:28px;background:linear-gradient(135deg,#1f1b18,#2d2621 50%,#3a322c);color:#fff;box-shadow:0 24px 64px rgba(26,23,20,.20);position:relative;overflow:hidden;transition:transform .24s,box-shadow .24s}
.pd-cta__card:hover{transform:translateY(-3px);box-shadow:0 28px 72px rgba(26,23,20,.26)}
.pd-cta__card::after{content:'';position:absolute;right:-60px;bottom:-80px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent);pointer-events:none}
.pd-cta__eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.48);margin-bottom:8px}
.pd-cta__title{font-family:var(--serif);font-size:clamp(22px,2.6vw,32px);line-height:1.06;margin:0 0 6px;font-weight:500}
.pd-cta__sub{font-size:14px;color:rgba(255,255,255,.68);margin:0;max-width:480px}
.pd-cta__actions{display:flex;gap:10px;flex-wrap:wrap}

/* ── Contact section ── */
.pd-contact{max-width:1240px;margin:32px auto 0;padding:0 20px 48px}

/* ── Tile badge (global, larger) ── */
.tile-badge{position:absolute!important;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(248,244,236,.96),rgba(239,231,217,.86));border:1px solid rgba(139,115,85,.16);color:#8b7355;pointer-events:none;transition:transform .24s,box-shadow .24s}
.tile-badge svg{width:24px;height:24px;overflow:visible}
.tile-badge__ring{fill:none;stroke:currentColor;stroke-width:1.6;opacity:.24;stroke-dasharray:10 8;animation:hzTileSpin 14s linear infinite}
.tile-badge__shape{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:.88;animation:hzTileFloat 3.2s ease-in-out infinite}
@keyframes hzTileSpin{to{transform:rotate(360deg)}}
@keyframes hzTileFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}

/* ── Responsive ── */
@media(max-width:960px){
  .pd-hero{grid-template-columns:1fr}
  .pd-info{position:static}
  .pd-trust{grid-template-columns:repeat(2,1fr)}
  .pd-cta__card{grid-template-columns:1fr;text-align:center}
  .pd-cta__actions{justify-content:center}
}
@media(max-width:600px){
  .pd-info__title{font-size:clamp(20px,6vw,28px)}
  .pd-trust{grid-template-columns:1fr}
  .pd-specs{flex-direction:column}
  .pd-spec{flex:1 1 100%}
  .pd-info{padding:22px}
  .pd-gallery__main{border-radius:20px}
  .pd-info__trust{grid-template-columns:1fr;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .tile-badge__ring,.tile-badge__shape{animation:none!important}
  .pd-gallery__main img{transition:none!important}
}

/* ── Misc fixes V85 ── */
.review-card{transition:transform .24s ease,box-shadow .24s ease}
.review-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(26,23,20,.08)}
.home-process__card{position:relative;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.home-process__card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(26,23,20,.08)}
.trust-card{position:relative;transition:transform .24s ease,box-shadow .24s ease}
.trust-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(26,23,20,.08)}
.dir{transition:transform .28s ease,box-shadow .28s ease}
.dir:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(26,23,20,.10)}

/* Contact layout responsive */
.contact-layout-grid{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important}
@media(max-width:920px){.contact-layout-grid{grid-template-columns:1fr!important}}

/* Workflow rail animation */
.hz-workflow-rail__dash{stroke-dasharray:14 10;animation:hzWorkflowDash 18s linear infinite}
.hz-workflow-rail__pulse{animation:hzWorkflowPulse 3.2s ease-in-out infinite}
.hz-workflow-rail__pulse:nth-of-type(2){animation-delay:.35s}
.hz-workflow-rail__pulse:nth-of-type(3){animation-delay:.7s}
.hz-workflow-rail__pulse:nth-of-type(4){animation-delay:1.05s}
@keyframes hzWorkflowDash{to{stroke-dashoffset:-120}}
@keyframes hzWorkflowPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.18);opacity:.72}}

/* Cool accent */
.dir--w .dir__badge--price{background:rgba(220,220,230,.18);color:#6a6a82;border:1px solid #c8c8d8}
.calc__input:focus{border-color:#c8c8d8!important;box-shadow:0 0 0 4px rgba(220,220,230,.18)!important;outline:none}

/* Ambient body */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(900px 520px at 12% 16%,rgba(255,255,255,.42),transparent 60%),radial-gradient(1100px 660px at 86% 22%,rgba(255,255,255,.26),transparent 64%)}

/* ── V87 — Burger menu + mobile nav ── */
.hdr__burger{display:none;width:44px;height:44px;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px}
.hdr__burger span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px;transition:all .2s}
.hdr__burger.is-open span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.hdr__burger.is-open span:nth-child(2){opacity:0}
.hdr__burger.is-open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
.hdr__mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;padding:100px 24px 40px;background:rgba(255,255,255,.98);backdrop-filter:blur(20px)}
.hdr__mobile.is-open{display:flex;flex-direction:column;gap:0}
.hdr__mobile-link{display:block;padding:12px 0;font-size:16px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border)}
.hdr__mobile-link:last-of-type{border-bottom:none}
@media(max-width:920px){
  .hdr__nav,.hdr__phone{display:none!important}
  .hdr__burger{display:flex}
}

/* ── Similar projects section ── */
.pd-similar{max-width:1240px;margin:28px auto 0;padding:0 20px}
.pd-similar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}
.pd-similar__card{border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 4px 16px rgba(26,23,20,.04);transition:transform .22s,box-shadow .22s;text-decoration:none;color:var(--ink)}
.pd-similar__card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(26,23,20,.08)}
.pd-similar__img{aspect-ratio:4/3;overflow:hidden;background:#f0ede7}
.pd-similar__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.pd-similar__card:hover .pd-similar__img img{transform:scale(1.05)}
.pd-similar__body{padding:12px 14px}
.pd-similar__title{font-size:13px;font-weight:600;line-height:1.3;margin:0 0 4px}
.pd-similar__price{font-size:14px;font-weight:700;font-family:var(--serif);color:var(--ink)}
@media(max-width:920px){.pd-similar__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.pd-similar__grid{grid-template-columns:1fr 1fr;gap:10px}}

/* ── V87 reviews grid for 6 cards ── */
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px}
@media(max-width:920px){.reviews-grid{grid-template-columns:repeat(3,minmax(260px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.review-card{scroll-snap-align:start}}

/* ══ V88 — final polish ══ */

/* Review photos */
.review-card__avatar-img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(26,23,20,.12);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.review-card__photos{display:flex;gap:6px;margin:10px 0 0}
.review-card__review-photo{width:64px;height:48px;border-radius:8px;object-fit:cover;border:1px solid var(--border);cursor:pointer;transition:transform .2s}
.review-card__review-photo:hover{transform:scale(1.08)}

/* Lightbox */
.hz-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(10,10,10,.92);display:flex;align-items:center;justify-content:center;cursor:zoom-out;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s}
.hz-lightbox.is-open{opacity:1;pointer-events:auto}
.hz-lightbox img{max-width:92vw;max-height:90vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.hz-lightbox__close{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:none;color:#fff;font-size:24px;cursor:pointer;display:grid;place-items:center}

/* Consent banner */
.hz-consent{position:fixed;bottom:0;left:0;right:0;z-index:999;padding:14px 20px;background:rgba(26,23,20,.92);backdrop-filter:blur(12px);display:flex;align-items:center;gap:16px;justify-content:center;flex-wrap:wrap}
.hz-consent__text{font-size:13px;color:rgba(255,255,255,.78);max-width:520px;line-height:1.5}
.hz-consent__text a{color:#c8a36f;text-decoration:underline}
.hz-consent__btn{min-height:38px;font-size:13px;padding:0 20px}

/* Loading skeleton */
.hz-skeleton{background:linear-gradient(90deg,var(--bg) 25%,rgba(255,255,255,.6) 50%,var(--bg) 75%);background-size:200% 100%;animation:hzShimmer 1.5s infinite;border-radius:12px}
@keyframes hzShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* CountUp animation helper */
.hz-countup{transition:opacity .3s}

/* Catalog filter bar */
.catalog-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.catalog-filter{padding:8px 16px;border-radius:99px;border:1px solid var(--border);background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--ink-soft)}
.catalog-filter:hover,.catalog-filter.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}
.catalog-filter__select{padding:8px 12px;border-radius:12px;border:1px solid var(--border);background:#fff;font-size:13px;font-family:var(--sans);color:var(--ink);cursor:pointer}

/* OG image fallback styling */
[property="og:image"]{content:attr(content)}

@media(max-width:600px){
  .hz-consent{flex-direction:column;text-align:center;padding:12px 16px}
  .review-card__photos{gap:4px}
  .review-card__review-photo{width:52px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .hz-skeleton{animation:none}
}

.tile-badge svg{max-width:24px!important;max-height:24px!important;}

.pd-gallery__main img{cursor:zoom-in}

/* DIZ: card hover background shift */
.trust-card:hover,.home-process__card:hover{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,238,226,.94))}
.review-card:hover{box-shadow:0 22px 60px rgba(26,23,20,.11)}

.dir:hover::before{opacity:1;transform:translateY(0)}

/* ══ V93 — Modal lead form ══ */
.hz-modal{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:20px;background:rgba(15,18,22,.48);backdrop-filter:blur(10px);opacity:0;pointer-events:none;transition:opacity .25s}
.hz-modal.is-open{opacity:1;pointer-events:auto}
.hz-modal__backdrop{position:absolute;inset:0}
.hz-modal__dialog{position:relative;width:min(520px,calc(100% - 32px));background:#fff;border-radius:28px;box-shadow:0 32px 80px rgba(26,23,20,.20);overflow:auto;max-height:calc(100vh - 40px);transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.hz-modal.is-open .hz-modal__dialog{transform:translateY(0) scale(1)}
.hz-modal__close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(26,23,20,.06);border:none;font-size:20px;cursor:pointer;display:grid;place-items:center;color:var(--ink-soft);transition:background .2s}
.hz-modal__close:hover{background:rgba(26,23,20,.12)}
.hz-modal__body{padding:36px 32px 32px}
.hz-modal__chip{padding:8px 16px;border-radius:99px;border:1px solid var(--border);background:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .18s;color:var(--ink-soft);font-family:var(--sans)}
.hz-modal__chip.is-active,.hz-modal__chip:hover{background:linear-gradient(180deg,#d7b27c,#c69254);color:#fff;border-color:rgba(199,155,96,.18);box-shadow:0 8px 20px rgba(199,155,96,.22)}
.hz-modal input:focus,.hz-modal textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 4px rgba(139,115,85,.08)!important;outline:none}

/* Contact section responsive */
@media(max-width:920px){
  #contact .card-wrap>div{grid-template-columns:1fr!important}
  #contact iframe{min-height:300px!important}
}

.trust-card:hover::after,.home-process__card:hover::after,.review-card:hover::after{
  opacity:1;transform:scale(1)}

/* ══ ORB GLOW — via inset box-shadow (immune to overflow:hidden) ══ */
.trust-card,.home-process__card,.review-card,.hcard{
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .35s}
.trust-card:hover,.home-process__card:hover,.review-card:hover{
  box-shadow:0 8px 32px rgba(26,23,20,.08),inset -60px -60px 120px -40px rgba(199,155,96,.15)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,238,226,.92))!important}
.dir:hover{box-shadow:var(--shadow-lg),inset -80px -80px 160px -50px rgba(199,155,96,.12)!important}

.hdr__mobile-link{display:block;padding:18px 0;font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--border)}
.hdr__mobile-link:first-child{border-top:1px solid var(--border)}

.hero__proof-card{position:relative;overflow:visible}
.hero__proof-card 
.hero__proof-card 
.home-process__card{position:relative}
.home-process__card 
.home-process__card 

/* Modal form polish */
.hz-modal input[type="text"],.hz-modal input[type="tel"],.hz-modal textarea{
  background:var(--bg)!important;transition:border-color .2s,box-shadow .2s}
.hz-modal button[type="submit"]{border-radius:18px!important;min-height:54px}

/* ══ FLOATING CIRCLES — pure CSS, no SVG ══ */
@keyframes hzFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,-8px)}}
@keyframes hzFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-5px,6px)}}

.trust-card,.home-process__card{position:relative}
.trust-card::before,.trust-card::after,
.home-process__card::before,.home-process__card::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
  border:1.5px solid rgba(199,155,96,.22);
  background:radial-gradient(circle,rgba(199,155,96,.06),transparent 70%);
  z-index:1}
.trust-card::before{width:22px;height:22px;top:14px;left:14px;animation:hzFloat1 5s ease-in-out infinite}
.trust-card::after{width:14px;height:14px;top:10px;left:42px;animation:hzFloat2 6.5s ease-in-out infinite;opacity:.5}
.home-process__card::before{width:20px;height:20px;top:12px;right:16px;left:auto;animation:hzFloat2 5.4s ease-in-out infinite}
.home-process__card::after{width:12px;height:12px;top:8px;right:42px;left:auto;animation:hzFloat1 7s ease-in-out infinite;opacity:.45}

/* Floating circles on ALL cards */
.hero__proof-card,.review-card,.case-card,.catalog-link,.pd-trust__card,.home-proof__case{position:relative;overflow:visible}
.hero__proof-card::before,.review-card::before,.case-card::before,.home-proof__case::before{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:1;
  border:1.5px solid rgba(199,155,96,.22);
  background:radial-gradient(circle,rgba(199,155,96,.06),transparent 70%);
  width:18px;height:18px;top:12px;left:12px;animation:hzFloat1 5.2s ease-in-out infinite}
.hero__proof-card::after,.review-card::after,.case-card::after,.home-proof__case::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:1;
  border:1.5px solid rgba(199,155,96,.16);
  background:radial-gradient(circle,rgba(199,155,96,.04),transparent 70%);
  width:12px;height:12px;top:8px;left:36px;animation:hzFloat2 6.8s ease-in-out infinite;opacity:.5}

/* === V112: Texture cards grid === */
.tex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin-top:24px}
.tex-card{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--border);padding:0;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.tex-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(26,23,20,.09);border-color:rgba(var(--accent-rgb),.18)}
.tex-card__swatch{height:120px;background:var(--swatch,var(--bg2));display:flex;align-items:center;justify-content:center;font-size:48px;border-bottom:1px solid var(--border);position:relative;overflow:hidden}
.tex-card__swatch::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 60%);pointer-events:none}
.tex-card__body{padding:16px 18px 18px}
.tex-card__code{font-family:var(--mono);font-size:12px;color:var(--accent);font-weight:600;letter-spacing:.04em;margin-bottom:4px}
.tex-card__name{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--ink);margin-bottom:6px;line-height:1.3}
.tex-card__desc{font-size:13px;color:var(--ink2);line-height:1.55;margin-bottom:10px}
.tex-card__tags{display:flex;gap:6px;flex-wrap:wrap}
.tex-card__tag{font-size:11px;padding:3px 10px;border-radius:20px;background:rgba(var(--accent-rgb),.06);color:var(--accent);font-weight:500;white-space:nowrap}

/* === V112: Hardware series infographic === */
.hw-series{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px}
.hw-slide{border-radius:var(--r-lg);background:var(--white);border:1px solid var(--border);padding:28px 24px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.hw-slide:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(26,23,20,.09);border-color:rgba(var(--accent-rgb),.18)}
.hw-slide__badge{position:absolute;top:16px;right:16px;font-size:11px;padding:3px 10px;border-radius:20px;background:rgba(var(--accent-rgb),.08);color:var(--accent);font-weight:600;letter-spacing:.02em}
.hw-slide__icon{width:48px;height:48px;border-radius:14px;background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.hw-slide__icon svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hw-slide__title{font-family:var(--serif);font-size:20px;font-weight:600;color:var(--ink);margin-bottom:4px}
.hw-slide__sub{font-size:13px;color:var(--accent);font-weight:500;margin-bottom:12px}
.hw-slide__desc{font-size:14px;color:var(--ink2);line-height:1.6;margin-bottom:16px}
.hw-slide__specs{display:grid;gap:6px}
.hw-slide__spec{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(26,23,20,.05);font-size:13px}
.hw-slide__spec span:first-child{color:var(--ink2)}
.hw-slide__spec span:last-child{font-weight:600;color:var(--ink);text-align:right}
.hw-slide__vs{margin-top:14px;padding:12px 16px;border-radius:12px;background:rgba(var(--accent-rgb),.04);border:1px solid rgba(var(--accent-rgb),.08);font-size:13px;color:var(--ink2);line-height:1.5}
.hw-slide__vs strong{color:var(--accent);font-weight:600}

@media(max-width:768px){
.tex-grid{grid-template-columns:1fr 1fr;gap:12px}
.hw-series{grid-template-columns:1fr}
.tex-card__swatch{height:90px}
}
@media(max-width:480px){
.tex-grid{grid-template-columns:1fr}
}

/* ═══ V114 FIXES ═══ */

/* 1. Hero width = match dir-grid below */

/* 2. Proof cards — hover effects, glow, lift */
.home-proof__case{
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s,background .3s;
  cursor:pointer;
  border:1px solid var(--border);
}
.home-proof__case:hover{
  transform:translateY(-8px) scale(1.01);
  box-shadow:0 24px 64px rgba(26,23,20,.12),0 0 0 1px rgba(var(--accent-rgb),.12);
  border-color:rgba(var(--accent-rgb),.2);
  background:rgba(var(--accent-rgb),.02);
}
.home-proof__case:hover .home-proof__pill{
  background:rgba(var(--accent-rgb),.14);
  border-color:rgba(var(--accent-rgb),.25);
}
.home-proof__case:hover strong{color:var(--accent)}
.home-proof__case--stat:hover{
  background:linear-gradient(155deg,#ece6da,#e4ded2);
}
.home-proof__metric{
  transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;
}
.home-proof__metric:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(26,23,20,.08);
  border-color:rgba(var(--accent-rgb),.25);
}

/* 3. Calc result cards — animated SVG + hover */
.hz-calc-result-card{
  transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s;
}
.hz-calc-result-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 32px rgba(26,23,20,.08);
  border-color:rgba(var(--accent-rgb),.2);
}
.hz-calc-result-card svg{
  animation:calcPulse 2.5s ease-in-out infinite;
}
@keyframes calcPulse{
  0%,100%{transform:scale(1);opacity:.85}
  50%{transform:scale(1.1);opacity:1}
}
.calc__seg{transition:all .25s cubic-bezier(.22,1,.36,1)}
.calc__seg:hover:not(.is-active){
  background:rgba(var(--accent-rgb),.06);
  transform:translateY(-1px);
}
.calc__seg.is-active{
  animation:segPop .3s cubic-bezier(.22,1,.36,1);
}
@keyframes segPop{
  0%{transform:scale(.95)}
  50%{transform:scale(1.04)}
  100%{transform:scale(1)}
}

/* Calc pack rows — stagger reveal */
.hz-pack-row{
  transition:background .2s,transform .2s;
}
.hz-pack-row:hover{
  background:rgba(var(--accent-rgb),.04);
  transform:translateX(4px);
}

/* 4. Trust cards (Почему HOLZCOM) — enhanced hover */
.trust-card{
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s,background .3s;
}
.trust-card__icon svg{
  transition:transform .4s cubic-bezier(.22,1,.36,1),stroke .3s;
}
.trust-card:hover .trust-card__icon svg{
  transform:scale(1.15) rotate(-5deg);
}

/* 5. Dir cards (Кухни / Шкафы) — enhanced */
.dir{
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s;
}
.dir:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 64px rgba(26,23,20,.12);
}
.dir__arrow{transition:transform .3s,color .3s}
.dir:hover .dir__arrow{transform:translateX(6px);color:var(--accent)}

/* 6. Process cards hover */
.home-process__card{
  transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,border-color .4s;
}
.home-process__card:hover{
  transform:translateY(-6px);
  box-shadow:0 20px 48px rgba(26,23,20,.1);
  border-color:rgba(var(--accent-rgb),.15);
}

/* 7. Tex-card swatch shimmer on hover */
.tex-card:hover .tex-card__swatch::after{
  background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 60%);
}
.tex-card__swatch{
  transition:transform .5s cubic-bezier(.22,1,.36,1);
}
.tex-card:hover .tex-card__swatch{
  transform:scale(1.05);
}

/* 8. HW slide number badge animate */
.hw-slide__badge{transition:background .3s,transform .3s}
.hw-slide:hover .hw-slide__badge{
  background:rgba(var(--accent-rgb),.15);
  transform:scale(1.05);
}
.hw-slide__icon{transition:transform .4s cubic-bezier(.22,1,.36,1),background .3s}
.hw-slide:hover .hw-slide__icon{
  transform:scale(1.1) rotate(-5deg);
  background:rgba(var(--accent-rgb),.12);
}

@media(max-width:768px){
  .hero__grid{grid-template-columns:1fr;gap:24px}
  .hero__visual{aspect-ratio:1/1;max-height:360px;min-height:auto}
}

/* ═══ V117: Lightbox for decor cards ═══ */
.tex-card{cursor:pointer}
.hz-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}
.hz-lightbox.is-open{opacity:1;pointer-events:auto}
.hz-lightbox__img{max-width:90vw;max-height:85vh;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.4);transform:scale(.9);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.hz-lightbox.is-open .hz-lightbox__img{transform:scale(1)}
.hz-lightbox__close{position:absolute;top:20px;right:24px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}
.hz-lightbox__close:hover{background:rgba(255,255,255,.3)}
.hz-lightbox__info{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);backdrop-filter:blur(12px);padding:12px 24px;border-radius:12px;color:#fff;font-size:14px;text-align:center;max-width:500px}
.hz-lightbox__info strong{display:block;font-size:18px;font-family:var(--serif);margin-bottom:4px}

@media(max-width:768px){
  .hero__grid{grid-template-columns:1fr !important}
  .hero .wrap{padding:0 16px !important}
}

/* ═══ V118: Hero = same width as dir-grid ═══ */
.hero .wrap{max-width:var(--max);padding:0 var(--wrap-pad, 32px)}
.hero__grid{grid-template-columns:1fr 1fr;gap:40px}
.hero__visual{aspect-ratio:auto;max-height:520px;min-height:400px}
section.sec .wrap, .hero .wrap{max-width:var(--max);padding:0 32px}
@media(max-width:768px){
  .hero__grid{grid-template-columns:1fr}
  .hero__visual{aspect-ratio:1/1;max-height:360px;min-height:auto}
}

/* Footer 5 columns */
.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.2fr}
@media(max-width:960px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.footer__grid{grid-template-columns:1fr}}

/* ═══ V121: Decor hero grid ═══ */
.decor-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
@media(max-width:768px){
  .decor-hero-grid{grid-template-columns:1fr;gap:20px}
}

/* V121: Calc fields — prevent merged rows on narrow screens */
.calc__field{margin-bottom:4px}
.calc__segs{gap:6px}
@media(max-width:640px){
  .calc__row{gap:16px}
  .calc__field{margin-bottom:0}
}
@media(max-width:480px){
  .calc__row{gap:18px}
}

/* V122: disable reveal animation on decor pages — cards visible immediately */
[data-page="materials"] .hz-fx-reveal{opacity:1!important;transform:none!important}