:root{
  --bg:#f8f2e8;
  --paper:#fffaf2;
  --paper-2:#f2e5d2;
  --ink:#231914;
  --muted:#6f5d4b;
  --line:rgba(62,38,22,.14);
  --accent:#f4b642;
  --accent-2:#c78625;
  --brown:#3a2a24;
  --brown-2:#2b201c;
  --green:#506142;
  --radius:24px;
  --shadow:0 24px 70px rgba(56,35,20,.16);
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;max-width:100%;overflow-x:hidden;position:relative;font:400 16px/1.55 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.wrap{width:min(100% - 36px,var(--wrap));margin:0 auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,250,242,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.header-row{min-height:76px;display:flex;align-items:center;gap:18px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;min-width:210px}
.logo-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:#21130b;font-weight:900}
.logo b{display:block;text-transform:uppercase;letter-spacing:.03em;font-size:20px}
.logo small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.nav{display:flex;gap:20px;align-items:center}
.nav a{font-size:14px;color:var(--muted);font-weight:700}
.showroom-pill{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--brown);white-space:nowrap}
.showroom-pill strong{font-size:13px}.showroom-pill span{font-size:11px;color:var(--muted)}
.phone{font-weight:900;color:var(--brown);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:900;border:1px solid transparent;cursor:pointer;transition:.22s ease;text-align:center}
.btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.btn-accent{background:linear-gradient(180deg,#ffd37a 0%,var(--accent) 42%,#d99023 100%);color:#21130b;box-shadow:0 14px 30px rgba(198,134,37,.24)}
.btn-light{background:#fff;color:var(--brown);border-color:rgba(62,38,22,.14)}
.btn-dark{background:var(--brown);color:#fff}
.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;border:1px solid rgba(198,134,37,.26);background:rgba(255,255,255,.66);color:#835a1c;text-transform:uppercase;font-size:12px;letter-spacing:.06em;font-weight:900}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-2)}

.hero{position:relative;min-height:760px;overflow:hidden;background:#160f0a;color:#fff}
.hero-bg{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(20,13,8,.92) 0%,rgba(20,13,8,.72) 35%,rgba(20,13,8,.18) 58%,rgba(20,13,8,.62) 100%),
  url("img/hero-man.webp") 58% 45%/cover no-repeat}
.hero::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(20,13,8,.72),transparent);pointer-events:none}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:46px;align-items:center;padding:82px 0 70px;min-height:760px}
.hero-copy{max-width:690px}
.hero h1{font-size:clamp(44px,6vw,78px);line-height:.95;margin:18px 0 22px;letter-spacing:-.06em;text-transform:uppercase}
.lead{font-size:19px;color:#f6e8d5;max-width:660px;margin:0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.hero-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:620px}
.hero-proof span{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-weight:800;color:#ffe8bb}
.hero-proof span::before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#21130b;font-size:13px}
.gift-box{background:rgba(255,250,242,.95);color:var(--ink);border-radius:28px;padding:24px;border:1px solid rgba(255,255,255,.4);box-shadow:var(--shadow)}
.gift-badge{display:inline-flex;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:#fff0cc;color:#8a5c16;font-weight:900;font-size:12px;text-transform:uppercase}
.gift-box h2{margin:0 0 16px;font-size:30px;line-height:1}
.gift-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.gift-option{position:relative;display:grid;gap:8px;cursor:pointer}
.gift-option input{position:absolute;opacity:0}
.gift-option img{border-radius:14px;aspect-ratio:4/3;object-fit:cover;border:3px solid transparent}
.gift-option span{font-size:13px;font-weight:800;line-height:1.15}
.gift-option input:checked + img{border-color:var(--accent);box-shadow:0 0 0 3px rgba(244,182,66,.22)}
.gift-box input,.gift-box select,.gift-box textarea,.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:52px;border:1px solid var(--line);background:#fff;border-radius:14px;padding:0 15px;margin-bottom:12px;outline:none}
.gift-box input:focus,.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(244,182,66,.18)}
.gift-box .btn{width:100%}.gift-box p,.contact-form p{font-size:12px;color:var(--muted);margin:10px 0 0}

.section{padding:88px 0;background:var(--bg)}
.section-cream{background:linear-gradient(180deg,#fff9ef,#f5ead9)}
.section-head{margin-bottom:28px;max-width:850px}
.section-head h2,.stats-content h2,.materials-panel h2,.calc-box h2,.faq-grid h2,.contact-grid h2{font-size:clamp(32px,4vw,50px);line-height:1.05;margin:16px 0 12px;letter-spacing:-.04em;color:var(--brown)}
.section-head p,.stats-content p,.materials-panel p,.contact-grid p{color:var(--muted);font-size:17px;margin:0}
.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;max-width:none}
.stats-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:56px;align-items:center}
.person-card{border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#fff;padding:10px;transform:rotate(-2deg)}
.person-card img{border-radius:24px;object-fit:cover}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.stats div{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 38px rgba(56,35,20,.08)}
.stats strong{display:block;color:var(--accent-2);font-size:40px;line-height:1;margin-bottom:8px}.stats span{color:var(--muted);font-weight:700}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.benefits-grid article{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 42px rgba(56,35,20,.08)}
.benefits-grid span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:#fff2cf;color:#9b651c;font-weight:900;margin-bottom:18px}
.benefits-grid h3{margin:0 0 10px;color:var(--brown);font-size:22px}.benefits-grid p{margin:0;color:var(--muted)}
.projects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.project-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 16px 40px rgba(56,35,20,.09)}
.project-card__image{display:block;position:relative;overflow:hidden}
.project-card__image img{width:100%;aspect-ratio:1.25/1;object-fit:cover;transition:.3s ease}
.project-card:hover img{transform:scale(1.04)}
.project-card__image span{position:absolute;left:12px;top:12px;padding:6px 10px;border-radius:999px;background:rgba(35,25,20,.8);color:#fff;font-size:12px;font-weight:800}
.project-card__body{padding:18px}
.project-card h3{margin:0 0 6px;font-size:22px;color:var(--brown)}
.project-card p{margin:0 0 10px;color:var(--muted);font-size:14px}.project-card__location{font-weight:800;color:#8a5c16!important}
.project-card__meta{display:grid;gap:6px;margin:12px 0}.project-card__meta span{display:block;padding:8px 10px;border-radius:12px;background:#fff7e8;color:#6e4b20;font-size:12px;font-weight:800}
.mini-link{display:inline-flex;margin-top:5px;color:#a86f20;font-weight:900;font-size:13px}
.materials-panel{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:42px;align-items:center;padding:36px;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.check-list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}.check-list li{position:relative;padding-left:30px;color:var(--muted);font-weight:700}.check-list li::before{content:"✓";position:absolute;left:0;top:0;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#21130b;font-size:13px}
.swatch-board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px;border-radius:26px;background:linear-gradient(180deg,#3b2b25,#241914);color:#fff}
.swatch-board div{text-align:center}.swatch-board span{display:block;width:70px;height:70px;border-radius:50%;margin:0 auto 10px;background:var(--c);box-shadow:inset 0 0 15px rgba(0,0,0,.2)}.swatch-board b{font-size:13px}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}
.calc-box,.calc-result{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow)}
.range-row{margin:18px 0}.range-row label{display:flex;justify-content:space-between;font-weight:900;color:var(--brown);margin-bottom:8px}.range-row input{width:100%;accent-color:var(--accent)}
.calc-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.calc-options label{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fffaf2;font-weight:800;color:var(--muted)}
.calc-result{position:sticky;top:94px;background:linear-gradient(180deg,#3a2a24,#241914);color:#fff}.calc-result span{color:#f4d6a2;font-weight:900}.calc-result strong{display:block;font-size:42px;line-height:1;margin:12px 0;color:#ffd37a}.calc-result p{color:#e5d1b6}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.video-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 16px 38px rgba(56,35,20,.08)}
.video-card__media{background:#211915;aspect-ratio:16/9}.video-card iframe,.video-card video{display:block;width:100%;height:100%;border:0;object-fit:cover;background:#211915}.video-card__body{padding:18px}.video-card h3{margin:0 0 8px;color:var(--brown)}.video-card p{margin:0;color:var(--muted)}
.video-placeholder{height:100%;display:grid;place-items:center;text-align:center;color:#ffd37a;background:radial-gradient(circle at 50% 50%,rgba(244,182,66,.18),transparent 55%),#211915}.video-placeholder span{font-weight:900;font-size:22px}.video-placeholder small{display:block;color:#d7c1a2}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(56,35,20,.11)}.gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps-grid article{padding:22px;border-radius:22px;background:#fff;border:1px solid var(--line)}.steps-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff2cf;color:#9b651c;margin-bottom:14px}.steps-grid h3{margin:0 0 6px}.steps-grid p{margin:0;color:var(--muted)}
.faq-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:38px}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.faq-list summary{cursor:pointer;padding:18px 20px;font-weight:900;color:var(--brown)}.faq-list p{padding:0 20px 18px;margin:0;color:var(--muted)}
.contact-section{background:linear-gradient(135deg,#3a2a24,#1f1714);color:#fff}.contact-section h2,.contact-section .eyebrow{color:#fff}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:36px;align-items:start}.contacts{margin-top:24px;padding:22px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}.contacts p{color:#eadcc8}.contact-form{background:#fff;color:var(--ink);border-radius:28px;padding:26px}.contact-form textarea{padding-top:14px;min-height:115px;resize:vertical}
.footer{background:#160f0a;color:#eadcc8;padding:30px 0 90px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer b{display:block;color:#fff}.footer span{display:block;color:#bda98e;font-size:13px}
.mobile-bar{display:none}
@media(max-width:1100px){
  .nav{display:none}.hero-grid,.stats-grid,.materials-panel,.calc-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.gift-box,.calc-result{position:static}.projects-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:1fr 1fr}.benefits-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.materials-panel{padding:24px}.swatch-board{max-width:520px}
}
@media(max-width:760px){
  .wrap{width:min(100% - 24px,var(--wrap))}
  .site-header,.hero,.section,.footer,.mobile-bar,.hero--showcase .hero-grid,.hero--showcase .hero-copy,.hero--showcase .hero-visual,.hero--showcase .hero-gift{max-width:100%;overflow-x:clip}
  .hero--showcase h1,.hero-title-accent,.hero--showcase .lead,.hero--showcase .hero-actions,.hero-stats{max-width:100%}
  .site-header .showroom-pill,.site-header .phone,.header-cta{display:none}.logo b{font-size:17px}.header-row{min-height:64px}
  .hero{min-height:auto}.hero-bg{background:linear-gradient(180deg,rgba(20,13,8,.66),rgba(20,13,8,.58)),url("img/hero-man.webp") 52% 28%/cover no-repeat}.hero-grid{grid-template-columns:1fr;gap:24px;padding:24px 0 46px;min-height:auto}.hero-copy{order:2}.gift-box{order:1}.hero h1{font-size:42px}.lead{font-size:16px}.hero-actions .btn{width:100%}.hero-proof span{font-size:13px}
  .section{padding:58px 0}.section-head-row{display:block}.section-head-row .btn{margin-top:18px}.stats,.projects-grid,.benefits-grid,.steps-grid,.gallery-grid,.video-grid{grid-template-columns:1fr}.video-card:first-child{grid-row:auto}.calc-options{grid-template-columns:1fr}.swatch-board{grid-template-columns:repeat(2,1fr)}.gift-options{gap:10px}.gift-option span{font-size:12px}.gift-box h2{font-size:26px}
  .mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:200;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 30px rgba(0,0,0,.13)}.mobile-bar a{padding:14px;text-align:center;font-weight:900}.mobile-bar a:last-child{background:var(--accent);color:#21130b}
  .footer-row{display:grid}.footer{padding-bottom:80px}
}


/* ===== V2 edits: light hero, middle gift block, reviews, project buttons ===== */

/* Светлая шапка / первый экран */
.hero{
  background:#fff7ec !important;
  color:#241813 !important;
  min-height:720px;
}
.hero-bg{
  background:
    linear-gradient(90deg,
      rgba(255,249,239,.97) 0%,
      rgba(255,249,239,.92) 28%,
      rgba(255,249,239,.55) 48%,
      rgba(255,249,239,.18) 68%,
      rgba(255,249,239,.62) 100%),
    url("img/hero-wide.webp") 72% center/cover no-repeat !important;
}
.hero::after{
  background:linear-gradient(0deg,rgba(255,247,236,.86),transparent) !important;
}
.hero h1{
  color:#231914 !important;
}
.hero .lead{
  color:#5f4d3e !important;
}
.hero .eyebrow{
  background:rgba(255,255,255,.84) !important;
  color:#8a5c16 !important;
}
.hero-proof span{
  background:rgba(255,255,255,.78) !important;
  color:#4b3526 !important;
  border-color:rgba(198,134,37,.22) !important;
  box-shadow:0 12px 26px rgba(56,35,20,.08);
}
.hero .btn-light{
  border-color:rgba(62,38,22,.18) !important;
  color:#2c1c12 !important;
}

/* Кнопка в карточке проекта */
.btn-project{
  width:100%;
  min-height:42px;
  padding:0 16px;
  border-radius:14px;
  background:linear-gradient(180deg,#ffe1a0,#f4b642);
  color:#231914;
  box-shadow:0 10px 24px rgba(198,134,37,.18);
  font-size:13px;
  margin-top:8px;
}

/* Средний блок подарка по референсу */
.section-gift-middle{
  background:linear-gradient(180deg,#fff9ef,#f2e5d2);
}
.gift-middle-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 430px;
  gap:44px;
  align-items:center;
}
.gift-middle-copy{
  max-width:690px;
}
.gift-middle-copy h2{
  margin:16px 0 12px;
  font-size:clamp(34px,4.4vw,56px);
  line-height:1.03;
  letter-spacing:-.045em;
  color:var(--brown);
}
.gift-middle-copy p{
  margin:0;
  color:var(--muted);
  font-size:18px;
}
.gift-board{
  position:relative;
  padding:34px 30px 30px;
  border:4px solid #f4b642;
  border-radius:10px;
  background:
    linear-gradient(rgba(40,37,34,.68),rgba(35,31,28,.78)),
    repeating-linear-gradient(90deg,#2f302e 0 44px,#282928 44px 88px);
  color:#fff;
  box-shadow:0 34px 80px rgba(35,25,16,.22);
}
.gift-board::before{
  content:"";
  position:absolute;
  inset:-16px;
  border-radius:16px;
  background:rgba(0,0,0,.05);
  z-index:-1;
  transform:rotate(-2deg);
}
.gift-board h3{
  margin:0 0 18px;
  font-size:28px;
  line-height:1.1;
}
.gift-board form{
  display:grid;
  gap:14px;
}
.gift-board__options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.gift-board__option{
  position:relative;
  display:grid;
  gap:8px;
  cursor:pointer;
}
.gift-board__option input{
  position:absolute;
  opacity:0;
}
.gift-board__option img{
  border-radius:8px;
  aspect-ratio:4/3;
  object-fit:cover;
  border:3px solid rgba(255,255,255,.2);
}
.gift-board__option input:checked + img{
  border-color:#f4b642;
  box-shadow:0 0 0 3px rgba(244,182,66,.25);
}
.gift-board__option span{
  font-weight:700;
  font-size:14px;
  line-height:1.15;
}
.gift-board input[type="text"],
.gift-board input[type="tel"]{
  width:100%;
  min-height:58px;
  border-radius:0;
  border:0;
  background:#fff;
  padding:0 18px;
  color:#231914;
  margin:0;
}
.gift-board .btn{
  width:100%;
  border-radius:0;
  min-height:58px;
}
.gift-board p{
  margin:4px 0 0;
  text-align:center;
  color:rgba(255,255,255,.82);
  font-size:13px;
  line-height:1.4;
}

/* Отзывы */
.section-reviews{
  background:#fff;
}
.reviews-head{
  text-align:center;
  margin-bottom:46px;
}
.reviews-head h2{
  margin:0;
  color:#111;
  font-weight:300;
  font-size:clamp(38px,5vw,60px);
  line-height:1;
}
.reviews-head a{
  display:inline-flex;
  margin-top:26px;
  color:#111;
  border-bottom:1px solid currentColor;
  font-size:18px;
}
.reviews-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:28px;
}
.review-card{
  min-height:280px;
  padding:36px 34px 32px;
  border:3px solid #10195e;
  background:#fff;
  color:#111;
}
.review-card--accent{
  border-color:#27a9d1;
}
.quote{
  width:44px;
  height:44px;
  border:2px solid #10195e;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-family:Georgia,serif;
  font-size:42px;
  line-height:1;
  color:#10195e;
  margin-bottom:18px;
}
.review-card--accent .quote{
  border-color:#27a9d1;
  color:#27a9d1;
}
.review-card h3{
  margin:0 0 18px;
  font-size:21px;
  font-weight:500;
}
.review-card p{
  margin:0 0 28px;
  color:#252525;
  line-height:1.35;
}
.review-card span{
  display:block;
  margin-top:auto;
  font-size:18px;
  color:#2e2e2e;
}

@media(max-width:1100px){
  .gift-middle-grid{
    grid-template-columns:1fr;
  }
  .gift-board{
    max-width:520px;
  }
  .reviews-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .hero-bg{
    background:
      linear-gradient(180deg,rgba(255,249,239,.82),rgba(255,249,239,.92)),
      url("img/hero-wide.webp") center top/cover no-repeat !important;
  }
  .hero h1{
    font-size:39px;
  }
  .gift-middle-grid{
    gap:26px;
  }
  .gift-board{
    padding:26px 20px 22px;
    border-width:3px;
  }
  .gift-board h3{
    font-size:24px;
  }
  .gift-board__options{
    gap:10px;
  }
  .gift-board__option span{
    font-size:12px;
  }
  .reviews-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
  .review-card{
    min-height:auto;
    padding:28px 24px;
    border-width:2px;
  }
  .reviews-head{
    margin-bottom:28px;
  }
}


/* ===== V3 edits: company numbers, discount, showrooms ===== */

/* О компании в цифрах */
.company-numbers{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 0% 70%,rgba(255,221,221,.7),transparent 24%),
    radial-gradient(circle at 100% 45%,rgba(255,230,220,.78),transparent 26%),
    #fff;
}
.company-numbers::before{
  content:"";
  position:absolute;
  left:-80px;
  bottom:55px;
  width:180px;
  height:120px;
  border-radius:50%;
  background:rgba(255,225,225,.72);
  transform:rotate(12deg);
}
.company-numbers__head{
  text-align:center;
  margin-bottom:42px;
}
.company-numbers__head h2{
  margin:0;
  font-size:clamp(40px,5vw,66px);
  line-height:1.05;
  letter-spacing:-.05em;
  color:#0c0c0c;
}
.company-numbers__grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1.35fr 1fr 1.35fr;
  gap:22px;
  align-items:stretch;
}
.number-card{
  min-height:260px;
  border-radius:12px;
  overflow:hidden;
}
.number-card--text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 36px;
  background:#fff;
}
.number-card--text strong{
  display:block;
  color:#f25455;
  font-size:48px;
  line-height:1;
  letter-spacing:-.04em;
}
.number-card--text strong span{
  color:#098aa5;
  font-size:22px;
  letter-spacing:0;
}
.number-card--text p{
  margin:28px 0 0;
  color:#111;
  font-size:22px;
  line-height:1.35;
}
.number-card--image{
  position:relative;
  background:#231914;
}
.number-card--image img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  filter:brightness(.62);
}
.number-card__icon{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-size:82px;
  font-weight:300;
  text-shadow:0 6px 24px rgba(0,0,0,.3);
}

/* Скидка 10% */
.first-order-discount{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 64%,rgba(250,114,91,.14),transparent 34%),
    linear-gradient(180deg,#fff,#fff4f1);
}
.first-order-discount::after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-18%;
  width:72%;
  height:62%;
  background:#fde9e5;
  border-radius:65% 0 0 0;
  z-index:0;
}
.discount-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1fr) 520px;
  gap:46px;
  align-items:center;
}
.discount-copy{
  max-width:650px;
}
.discount-kicker{
  color:#f25455;
  font-size:clamp(48px,5vw,70px);
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
}
.discount-copy h2{
  margin:10px 0 20px;
  color:#050505;
  font-size:clamp(42px,5vw,64px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.discount-lead{
  font-size:24px !important;
  color:#111 !important;
}
.discount-lead strong{
  color:#098aa5;
}
.discount-copy p{
  color:#111;
  font-size:18px;
  line-height:1.65;
  margin:0 0 24px;
}
.btn-discount{
  min-width:300px;
  min-height:74px;
  border-radius:999px;
  background:linear-gradient(180deg,#ff9a55,#f16a45);
  color:#fff;
  box-shadow:0 12px 0 #be4b33,0 20px 36px rgba(241,106,69,.22);
  font-size:22px;
}
.discount-visual{
  position:relative;
  min-height:380px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}
.discount-visual span{
  position:absolute;
  right:0;
  top:0;
  color:rgba(242,84,85,.25);
  font-weight:900;
  font-size:150px;
  line-height:1;
}
.discount-visual img{
  position:relative;
  z-index:2;
  width:min(420px,100%);
  max-height:430px;
  object-fit:cover;
  object-position:center 24%;
  border-radius:40px;
  box-shadow:0 24px 70px rgba(56,35,20,.18);
}

/* Шоурумы */
.showrooms-section{
  background:linear-gradient(180deg,#fff9ef,#fff);
}
.showrooms-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.showroom-card{
  display:grid;
  grid-template-columns:42% 1fr;
  overflow:hidden;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--line);
  box-shadow:0 18px 48px rgba(56,35,20,.1);
}
.showroom-card__image img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
}
.showroom-card__body{
  padding:28px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.showroom-card__body span{
  display:inline-flex;
  padding:7px 11px;
  border-radius:999px;
  background:#fff0cc;
  color:#8a5c16;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin-bottom:16px;
}
.showroom-card__body h3{
  margin:0 0 12px;
  color:var(--brown);
  font-size:28px;
  line-height:1.1;
}
.showroom-card__body p{
  color:var(--muted);
  margin:0 0 22px;
}
.showroom-card__body .btn{
  margin-top:auto;
}

@media(max-width:1100px){
  .company-numbers__grid{
    grid-template-columns:1fr 1fr;
  }
  .discount-grid{
    grid-template-columns:1fr;
  }
  .discount-visual{
    min-height:0;
    justify-content:flex-start;
  }
  .showroom-card{
    grid-template-columns:1fr;
  }
  .showroom-card__image img{
    min-height:240px;
    aspect-ratio:16/9;
  }
}

@media(max-width:760px){
  .company-numbers__grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .number-card{
    min-height:auto;
  }
  .number-card--text{
    padding:26px 24px;
  }
  .number-card--text strong{
    font-size:42px;
  }
  .number-card--text p{
    margin-top:14px;
    font-size:19px;
  }
  .number-card--image img{
    min-height:220px;
    aspect-ratio:16/9;
  }
  .discount-copy h2{
    font-size:40px;
  }
  .discount-kicker{
    font-size:46px;
  }
  .discount-lead{
    font-size:20px !important;
  }
  .btn-discount{
    min-width:0;
    width:100%;
    min-height:62px;
    font-size:19px;
  }
  .discount-visual span{
    font-size:96px;
  }
  .discount-visual img{
    border-radius:24px;
  }
  .showrooms-grid{
    grid-template-columns:1fr;
  }
  .showroom-card__body{
    padding:22px;
  }
  .showroom-card__body h3{
    font-size:24px;
  }
}


/* ===== V4: alternating section backgrounds and shorter visual rhythm ===== */
/* После первого экрана блоки чередуются: белый, теплый оттенок, белый, теплый оттенок */
main > section.section{
  background:#fff !important;
}
main > section.section:nth-of-type(2n+3):not(.contact-section){
  background:linear-gradient(180deg,#fff9ef,#f5ead9) !important;
}
main > section.company-numbers{
  background:
    radial-gradient(circle at 0% 70%,rgba(255,221,221,.52),transparent 24%),
    radial-gradient(circle at 100% 45%,rgba(255,230,220,.56),transparent 26%),
    #fff !important;
}
main > section.first-order-discount{
  background:
    radial-gradient(circle at 80% 64%,rgba(250,114,91,.10),transparent 34%),
    #fff !important;
}
main > section.contact-section{
  background:linear-gradient(135deg,#3a2a24,#1f1714) !important;
}

/* Заголовки визуально компактнее */
.section-head h2,
.stats-content h2,
.materials-panel h2,
.calc-box h2,
.faq-grid h2,
.contact-grid h2,
.gift-middle-copy h2,
.company-numbers__head h2,
.discount-copy h2,
.reviews-head h2{
  letter-spacing:-.04em;
}
.section-head{
  max-width:760px;
}
.section-head-row{
  max-width:none;
}
.hero h1{
  max-width:760px;
}


/* ===== V5: mobile hero order + clean CTA button ===== */
/* Убираем тонкую полоску/блик сверху на желтой кнопке */
.btn-accent,
.hero .btn-accent,
.gift-box .btn,
.contact-form .btn,
.mobile-bar a:last-child{
  background:#f4b642 !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:0 12px 26px rgba(198,134,37,.22) !important;
  outline:none !important;
}
.btn-accent::before,
.btn-accent::after{
  content:none !important;
  display:none !important;
}

/* На мобильном сначала идет шапка/оффер с кнопками и плашками, затем «Выберите подарок» */
@media(max-width:760px){
  .hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  .hero-copy{
    order:1 !important;
  }

  .gift-box{
    order:2 !important;
    margin-top:8px !important;
  }

  .hero-actions{
    margin-top:22px !important;
  }

  .hero-proof{
    margin-top:18px !important;
  }

  .hero .btn-accent,
  .hero-actions .btn-accent{
    background:#f4b642 !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:0 12px 26px rgba(198,134,37,.22) !important;
  }
}


/* ===== V6: более заметные кнопки + единый стиль блоков цифр и акции ===== */

/* Кнопки теперь выглядят именно как кнопки: объем, рамка, тень, четкий hover */
.btn{
  min-height:52px !important;
  padding:0 24px !important;
  border-radius:16px !important;
  font-weight:900 !important;
  letter-spacing:.01em;
  border:2px solid transparent !important;
  box-shadow:0 12px 26px rgba(56,35,20,.14) !important;
  transform:translateY(0);
}
.btn:hover,
.btn:focus-visible{
  transform:translateY(-2px) !important;
  filter:brightness(1.04) !important;
}
.btn:active{
  transform:translateY(1px) !important;
  box-shadow:0 6px 16px rgba(56,35,20,.12) !important;
}

.btn-accent,
.hero .btn-accent,
.gift-box .btn,
.gift-board .btn,
.contact-form .btn,
.mobile-bar a:last-child{
  background:linear-gradient(180deg,#ffd777 0%,#f4b642 58%,#d8871c 100%) !important;
  color:#1c1208 !important;
  border-color:#9b641f !important;
  border-bottom-color:#744512 !important;
  box-shadow:0 14px 28px rgba(198,134,37,.28),0 4px 0 #8f571a !important;
  text-shadow:none !important;
}
.btn-light{
  background:#fff !important;
  color:#2b1b11 !important;
  border-color:#d6a45f !important;
  box-shadow:0 12px 24px rgba(56,35,20,.12),0 3px 0 rgba(198,134,37,.35) !important;
}
.btn-dark{
  background:linear-gradient(180deg,#4b372e,#2b201c) !important;
  color:#fff !important;
  border-color:#5f493c !important;
  border-bottom-color:#1d1411 !important;
  box-shadow:0 14px 28px rgba(43,32,28,.22),0 4px 0 #1d1411 !important;
}
.btn-project{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:46px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#ffe0a0,#f4b642 62%,#d88a1f) !important;
  color:#1f1308 !important;
  border:2px solid #a96f25 !important;
  border-bottom-color:#7a4b16 !important;
  box-shadow:0 10px 22px rgba(198,134,37,.22),0 3px 0 #8f571a !important;
  font-size:14px !important;
  font-weight:900 !important;
}
.btn-discount{
  min-height:68px !important;
  border-radius:18px !important;
  background:linear-gradient(180deg,#ffd777,#f4b642 58%,#d8871c) !important;
  color:#1c1208 !important;
  border:2px solid #9b641f !important;
  border-bottom-color:#744512 !important;
  box-shadow:0 16px 30px rgba(198,134,37,.26),0 5px 0 #8f571a !important;
  font-size:20px !important;
}

/* Общий стиль секций: теплый премиальный, без красно-голубого визуального разнобоя */
.company-numbers,
.first-order-discount{
  background:
    radial-gradient(circle at 12% 12%,rgba(244,182,66,.14),transparent 30%),
    radial-gradient(circle at 90% 20%,rgba(214,164,95,.12),transparent 34%),
    linear-gradient(180deg,#fffaf2,#f6ead8) !important;
  color:#231914 !important;
}
.company-numbers__head h2,
.discount-copy h2{
  color:#2b201c !important;
}
.company-numbers__head h2::after,
.discount-copy h2::after{
  content:"";
  display:block;
  width:96px;
  height:4px;
  margin:18px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,#d6a45f,#f4b642);
}
.discount-copy h2::after{
  margin-left:0;
  margin-right:0;
}

/* О компании в цифрах — единые карточки с золотыми акцентами */
.company-numbers::before{
  display:none !important;
}
.company-numbers__grid{
  gap:18px !important;
}
.number-card{
  border-radius:26px !important;
  border:1px solid rgba(214,164,95,.26) !important;
  box-shadow:0 18px 44px rgba(56,35,20,.10) !important;
  background:#fff !important;
}
.number-card--text{
  background:linear-gradient(180deg,#fff,#fff7e7) !important;
}
.number-card--text strong{
  color:#c78625 !important;
  font-size:50px !important;
}
.number-card--text strong span{
  color:#2b201c !important;
  font-size:20px !important;
  font-weight:900 !important;
}
.number-card--text p{
  color:#5b4a3c !important;
  font-size:19px !important;
  font-weight:700 !important;
}
.number-card--image{
  background:#2b201c !important;
}
.number-card--image img{
  filter:brightness(.78) sepia(.08) saturate(1.05) !important;
}
.number-card__icon{
  color:#ffd777 !important;
  text-shadow:0 8px 28px rgba(0,0,0,.36) !important;
}

/* Акция — в тот же стиль: кремовый фон, золото, карточка, без розово-красного спа-вайба */
.first-order-discount::after{
  background:rgba(214,164,95,.12) !important;
}
.discount-grid{
  padding:34px;
  border-radius:34px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(214,164,95,.26);
  box-shadow:0 22px 58px rgba(56,35,20,.10);
}
.discount-kicker{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 16px;
  border-radius:999px;
  background:#fff0cc;
  color:#9b641f !important;
  font-size:15px !important;
  line-height:1 !important;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.discount-copy h2{
  margin-top:18px !important;
}
.discount-lead{
  color:#3a2a24 !important;
}
.discount-lead strong{
  color:#c78625 !important;
}
.discount-copy p{
  color:#5b4a3c !important;
}
.discount-visual span{
  color:rgba(198,134,37,.18) !important;
}
.discount-visual img{
  border:10px solid #fff;
  box-shadow:0 24px 70px rgba(56,35,20,.16);
}

/* Мобильная версия */
@media(max-width:760px){
  .btn,
  .btn-accent,
  .btn-light,
  .btn-dark,
  .btn-discount{
    width:100%;
    min-height:54px !important;
  }
  .discount-grid{
    padding:22px;
    border-radius:26px;
  }
  .discount-kicker{
    font-size:13px !important;
  }
  .number-card--text strong{
    font-size:42px !important;
  }
}


/* ===== V7: contact block in overall page style + consent checkbox ===== */
.contact-section{
  background:linear-gradient(180deg,#fff9ef,#f5ead9) !important;
  color:var(--ink) !important;
}
.contact-section h2,
.contact-section .eyebrow{
  color:var(--ink) !important;
}
.contact-grid{
  align-items:start;
}
.contact-grid > div:first-child{
  padding:30px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(214,164,95,.26);
  box-shadow:0 20px 52px rgba(56,35,20,.10);
}
.contact-grid > div:first-child p{
  color:var(--muted) !important;
}
.contacts{
  margin-top:26px !important;
  padding:24px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fffdf8,#fff4e6) !important;
  border:1px solid rgba(214,164,95,.26) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}
.contacts h3{
  margin:0 0 16px;
  color:var(--brown);
  font-size:30px;
  line-height:1.1;
}
.contacts p{
  margin:0 0 8px !important;
  color:#4d3a2c !important;
  font-size:18px;
}
.contacts p:last-child{
  margin-bottom:0 !important;
}
.contact-form{
  background:#fff !important;
  color:var(--ink) !important;
  border:1px solid rgba(214,164,95,.26) !important;
  box-shadow:0 20px 52px rgba(56,35,20,.10) !important;
}
.contact-form textarea{
  min-height:114px;
}
.form-consent{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin:8px 0 20px;
  color:#5b4a3c;
  font-size:14px;
  line-height:1.45;
}
.form-consent input[type="checkbox"]{
  width:18px;
  height:18px;
  margin:2px 0 0;
  accent-color:#d89a30;
  flex:0 0 auto;
}
.form-aftertext{
  display:block;
  margin-top:14px !important;
  color:#776657 !important;
  line-height:1.45;
}
@media(max-width:760px){
  .contact-grid > div:first-child{
    padding:22px;
    border-radius:24px;
  }
  .contacts h3{
    font-size:24px;
  }
  .contacts p{
    font-size:16px;
  }
  .form-consent{
    margin:8px 0 16px;
    font-size:13px;
  }
}


/* ===== V8: company icons removed, benefits CTA, footer menu ===== */
.number-card__icon{
  display:none !important;
}

.benefits-actions{
  display:flex;
  justify-content:center;
  margin-top:34px;
}
.benefits-actions .btn{
  min-width:280px;
}

.footer-row{
  flex-wrap:wrap;
}
.footer-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}
.footer-nav a{
  color:#eadcc8;
  font-weight:800;
  font-size:14px;
  transition:.2s ease;
}
.footer-nav a:hover,
.footer-nav a:focus-visible{
  color:#ffd777;
}

@media(max-width:760px){
  .benefits-actions{
    margin-top:24px;
  }
  .benefits-actions .btn{
    width:100%;
    min-width:0;
  }
  .footer-nav{
    justify-content:flex-start;
    gap:12px 16px;
  }
  .footer-nav a{
    font-size:13px;
  }
}


/* ===== V9: showrooms photos, Yandex reviews, director block, project galleries, calc type ===== */

/* Real photo showroom cards */
.showrooms-grid--photos{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.showroom-photo-card{
  overflow:hidden;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(214,164,95,.24);
  box-shadow:0 18px 48px rgba(56,35,20,.10);
}
.showroom-photo-card__media{
  position:relative;
  display:block;
  aspect-ratio:16/10;
  overflow:hidden;
}
.showroom-photo-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .35s ease;
}
.showroom-photo-card:hover .showroom-photo-card__media img{
  transform:scale(1.03);
}
.showroom-photo-card__label{
  position:absolute;
  left:18px;
  top:18px;
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#8a5c16;
  font-weight:900;
  font-size:12px;
  text-transform:uppercase;
}
.showroom-photo-card__body{
  padding:24px 24px 26px;
}
.showroom-photo-card__body h3{
  margin:0 0 10px;
  color:var(--brown);
  font-size:28px;
  line-height:1.12;
}
.showroom-photo-card__body p{
  margin:0 0 18px;
  color:var(--muted);
}

/* Yandex review styling */
.reviews-head--yandex{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  text-align:left;
}
.reviews-head--yandex p{
  max-width:700px;
  color:var(--muted);
}
.reviews-head__badge{
  flex:0 0 auto;
  min-width:240px;
  padding:22px 24px;
  border-radius:22px;
  background:linear-gradient(180deg,#fff8eb,#fff0cc);
  border:1px solid rgba(214,164,95,.30);
  box-shadow:0 12px 30px rgba(56,35,20,.08);
}
.reviews-head__badge strong{
  display:block;
  font-size:40px;
  line-height:1;
  color:#c78625;
}
.reviews-head__badge span{
  display:block;
  margin-top:6px;
  color:#5b4a3c;
  font-weight:700;
}
.reviews-grid--yandex{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.review-card--soft{
  min-height:unset;
  padding:22px 22px 20px;
  border:1px solid rgba(214,164,95,.20);
  border-radius:24px;
  background:#fffdf9;
  box-shadow:0 10px 26px rgba(56,35,20,.06);
}
.review-card__top{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:14px;
}
.review-card__avatar{
  width:44px;
  height:44px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#b48b6b;
  color:#fff;
  font-weight:900;
  flex:0 0 auto;
}
.review-card__top h3{
  margin:0;
  font-size:19px;
}
.review-card__top small{
  display:block;
  margin-top:4px;
  color:#e7a92a;
  letter-spacing:.08em;
}
.review-card__source{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#fff1eb;
  color:#e25d39;
  font-size:12px;
  font-weight:800;
}

/* Director section */
.director-section{
  background:linear-gradient(180deg,#fff,#f9f0e2);
}
.director-grid{
  display:grid;
  grid-template-columns:420px minmax(0,1fr);
  gap:36px;
  align-items:center;
}
.director-photo{
  background:#fff;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 22px 58px rgba(56,35,20,.14);
}
.director-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.director-copy{
  max-width:700px;
}
.director-copy h2{
  margin:14px 0 4px;
  font-size:clamp(34px,4vw,54px);
  line-height:1.03;
  color:var(--brown);
  letter-spacing:-.04em;
}
.director-role{
  margin:0 0 18px !important;
  color:#a17438 !important;
  font-weight:800;
}
.director-copy p{
  color:var(--muted);
  font-size:18px;
  line-height:1.65;
}
.director-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin-top:24px;
}

/* Portfolio gallery buttons and date meta */
.project-card__actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.project-card__meta span:first-child{
  background:#fff0cc;
  color:#8a5c16;
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
}
.btn-gallery{
  min-height:46px !important;
  font-size:14px !important;
}

/* Gallery modal */
.gallery-modal[hidden]{
  display:none !important;
}
.gallery-modal{
  position:fixed;
  inset:0;
  z-index:80;
}
.gallery-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(16,11,8,.7);
  backdrop-filter:blur(4px);
}
.gallery-modal__dialog{
  position:relative;
  width:min(1000px,calc(100% - 32px));
  max-height:calc(100% - 32px);
  margin:16px auto;
  padding:26px;
  border-radius:28px;
  background:#fff;
  overflow:auto;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}
.gallery-modal__close{
  position:absolute;
  right:16px;
  top:14px;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#f3ecdf;
  color:#2b201c;
  font-size:30px;
  cursor:pointer;
}
.gallery-modal__header{
  margin-bottom:16px;
}
.gallery-modal__header h3{
  margin:10px 0 0;
  font-size:34px;
  line-height:1.1;
  color:var(--brown);
}
.gallery-modal__body{
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 56px;
  align-items:center;
  gap:12px;
}
.gallery-modal__body img{
  width:100%;
  border-radius:24px;
  background:#f5f1ea;
}
.gallery-modal__arrow{
  width:56px;
  height:56px;
  border:0;
  border-radius:50%;
  background:#fff0cc;
  color:#8a5c16;
  font-size:36px;
  cursor:pointer;
}
.gallery-modal__thumbs{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}
.gallery-modal__thumbs button{
  padding:0;
  border:2px solid transparent;
  background:none;
  border-radius:14px;
  overflow:hidden;
  cursor:pointer;
}
.gallery-modal__thumbs button.is-active{
  border-color:#d89a30;
}
.gallery-modal__thumbs img{
  width:110px;
  height:80px;
  object-fit:cover;
  display:block;
}

/* Calc type */
.calc-type{
  margin:18px 0 22px;
}
.calc-type > span{
  display:block;
  margin-bottom:10px;
  color:var(--brown);
  font-weight:800;
}
.calc-type__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.calc-type__grid label{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:46px;
  padding:0 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(214,164,95,.30);
  color:var(--brown);
  font-weight:700;
}
.calc-type__grid input{
  accent-color:#d89a30;
}

/* Mobile */
@media(max-width:1100px){
  .reviews-grid--yandex{
    grid-template-columns:1fr 1fr;
  }
  .director-grid{
    grid-template-columns:1fr;
  }
  .showrooms-grid--photos{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .reviews-head--yandex{
    display:block;
  }
  .reviews-head__badge{
    margin-top:18px;
    min-width:0;
  }
  .reviews-grid--yandex{
    grid-template-columns:1fr;
  }
  .project-card__actions{
    grid-template-columns:1fr;
  }
  .gallery-modal__dialog{
    width:calc(100% - 18px);
    margin:9px auto;
    padding:20px 14px 16px;
    border-radius:22px;
  }
  .gallery-modal__body{
    grid-template-columns:40px minmax(0,1fr) 40px;
    gap:8px;
  }
  .gallery-modal__arrow{
    width:40px;
    height:40px;
    font-size:28px;
  }
  .gallery-modal__thumbs img{
    width:78px;
    height:58px;
  }
  .calc-type__grid{
    grid-template-columns:1fr;
  }
  .director-actions{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* ===== V10: single project CTA + split gallery modal ===== */
.project-card__media--button{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  border:0;
  border-radius:24px;
  overflow:hidden;
  cursor:pointer;
  background:none;
  text-align:left;
}
.project-card__media--button img{
  transition:transform .35s ease, filter .35s ease;
}
.project-card__media--button:hover img{
  transform:scale(1.03);
  filter:brightness(.92);
}
.project-card__zoom{
  position:absolute;
  left:16px;
  bottom:16px;
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:rgba(43,32,28,.82);
  color:#fff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
  z-index:2;
}
.project-card__actions{
  grid-template-columns:1fr !important;
}
.project-card__actions .btn{
  width:100%;
}

/* Split modal */
.gallery-modal__dialog--split{
  width:min(1240px, calc(100% - 24px));
  padding:0;
  overflow:hidden;
  background:#f8f3ea;
}
.gallery-modal__split{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) 430px;
  min-height:min(88vh, 760px);
}
.gallery-view{
  position:relative;
  padding:16px;
  background:#12100f;
  color:#fff;
}
.gallery-view__counter{
  position:absolute;
  left:18px;
  top:18px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(6px);
  font-weight:800;
  font-size:14px;
}
.gallery-view__badge{
  position:absolute;
  right:18px;
  top:18px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  backdrop-filter:blur(6px);
  font-weight:800;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.gallery-view__frame{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:#1f1916;
}
.gallery-view__frame img{
  width:100%;
  height:min(62vh, 560px);
  object-fit:cover;
  display:block;
}
.gallery-modal__arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
}
.gallery-modal__arrow--left{ left:14px; }
.gallery-modal__arrow--right{ right:14px; }
.gallery-view__content{
  padding:18px 12px 10px;
}
.gallery-view__content h3{
  margin:0 0 8px;
  color:#fff;
  font-size:36px;
  line-height:1.08;
}
.gallery-view__subtitle{
  margin:0 0 16px;
  color:rgba(255,255,255,.72);
  font-size:15px;
}
.gallery-view__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:14px;
}
.gallery-view__chips span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 12px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.08);
  color:#fff;
  font-size:13px;
  font-weight:700;
}
.gallery-view__tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.gallery-view__tags span{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 10px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.82);
  font-size:12px;
  font-weight:700;
}
.gallery-view__dots{
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:12px;
}
.gallery-view__dots button{
  width:10px;
  height:10px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.35);
  cursor:pointer;
}
.gallery-view__dots button.is-active{
  background:#f4b642;
}

.gallery-lead{
  padding:26px 22px 22px;
  background:#f8f3ea;
  color:#2b201c;
  overflow:auto;
}
.gallery-lead__pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:#eee5d6;
  color:#8b6842;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.gallery-lead h3{
  margin:18px 0 8px;
  font-size:28px;
  line-height:1.08;
  color:#1f1714;
}
.gallery-lead__subtitle{
  margin:0 0 18px;
  color:#6f5d4f;
  font-size:17px;
  font-weight:700;
}
.gallery-lead__rating{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-radius:14px;
  background:#fff;
  color:#9b641f;
  font-size:14px;
  box-shadow:0 1px 0 rgba(43,32,28,.04);
}
.gallery-lead__rating b{
  color:#2b201c;
}
.gallery-lead__quote{
  margin:18px 0;
  padding:0 0 0 16px;
  border-left:3px solid #d6a45f;
  color:#5b4a3c;
  font-style:italic;
  line-height:1.6;
}
.gallery-lead__list{
  margin:0 0 20px;
  padding:0;
  list-style:none;
}
.gallery-lead__list li{
  position:relative;
  padding-left:26px;
  margin-bottom:12px;
  color:#2b201c;
  font-weight:700;
}
.gallery-lead__list li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#2fa65a;
  font-weight:900;
}
.gallery-lead__form{
  display:grid;
  gap:10px;
}
.gallery-lead__form input:not([type="checkbox"]):not([type="radio"]) {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(43,32,28,.10);
  background: #fff;
  font-size: 16px;
}
.gallery-lead__form .btn{
  margin-top:2px;
}
.gallery-lead__form .form-consent{
  margin:4px 0 0;
  font-size:13px;
}
.gallery-modal__close{
  top:14px;
  right:14px;
  z-index:6;
  box-shadow:0 8px 18px rgba(0,0,0,.12);
}

@media(max-width:1100px){
  .gallery-modal__split{
    grid-template-columns:1fr;
  }
  .gallery-lead{
    border-top:1px solid rgba(43,32,28,.08);
  }
}
@media(max-width:760px){
  .gallery-modal__dialog--split{
    width:calc(100% - 12px);
  }
  .gallery-view{
    padding:10px;
  }
  .gallery-view__frame img{
    height:40vh;
  }
  .gallery-view__content h3{
    font-size:26px;
  }
  .gallery-view__chips{
    gap:8px;
  }
  .gallery-view__chips span{
    min-height:34px;
    font-size:12px;
  }
  .gallery-view__badge{
    right:10px;
    top:10px;
    font-size:11px;
  }
  .gallery-view__counter{
    left:10px;
    top:10px;
  }
  .gallery-lead{
    padding:18px 14px 16px;
  }
  .gallery-lead h3{
    font-size:24px;
  }
}


/* ===== V11: gallery opens by clicking project photo ===== */
.project-card__image.project-card__media--button{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  padding:0;
  margin:0;
  width:100%;
  display:block;
  cursor:pointer;
  text-align:left;
  background:transparent;
  font:inherit;
}
.project-card__image.project-card__media--button img{
  width:100%;
}
.project-card__image.project-card__media--button .project-card__zoom{
  position:absolute;
  left:14px;
  right:auto;
  bottom:14px;
  z-index:3;
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:0 12px;
  border-radius:999px;
  background:rgba(43,32,28,.82);
  color:#fff;
  font-style:normal;
  font-size:12px;
  font-weight:900;
  opacity:0;
  transform:translateY(6px);
  transition:.22s ease;
}
.project-card__image.project-card__media--button:hover .project-card__zoom,
.project-card__image.project-card__media--button:focus-visible .project-card__zoom{
  opacity:1;
  transform:translateY(0);
}
.project-card__image.project-card__media--button:focus-visible{
  outline:3px solid rgba(244,182,66,.65);
  outline-offset:3px;
}
.project-card__actions{
  grid-template-columns:1fr !important;
}
.project-card__actions .btn-project{
  width:100%;
}
@media(max-width:760px){
  .project-card__image.project-card__media--button .project-card__zoom{
    opacity:1;
    transform:none;
  }
}


/* ===== V12: compact "about in numbers" section ===== */
.company-numbers--compact{
  background:
    radial-gradient(circle at 0% 72%, rgba(255,236,216,.65), transparent 24%),
    radial-gradient(circle at 100% 18%, rgba(255,244,231,.9), transparent 28%),
    linear-gradient(180deg, #fffdf8 0%, #fff8ef 100%);
}
.company-numbers--compact::before,
.company-numbers--compact::after{
  display:none !important;
}
.company-numbers--compact .company-numbers__head{
  max-width:760px;
  margin:0 auto 34px;
  text-align:center;
}
.company-numbers--compact .company-numbers__head p{
  margin:14px auto 0;
  color:var(--muted);
  font-size:18px;
  line-height:1.6;
}
.company-stats-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}
.stat-card{
  min-height:220px;
  padding:28px 24px 24px;
  border-radius:28px;
  border:1px solid rgba(214,164,95,.22);
  background:#fff;
  box-shadow:0 14px 36px rgba(56,35,20,.07);
  transition:transform .22s ease, box-shadow .22s ease;
}
.stat-card:nth-child(even){
  background:linear-gradient(180deg,#fffaf1 0%, #fff4dd 100%);
}
.stat-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(56,35,20,.1);
}
.stat-card__top{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#f8efe1;
  color:#9b6b2b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.stat-card strong{
  display:block;
  margin:22px 0 14px;
  color:var(--brown);
  font-size:46px;
  line-height:1;
  letter-spacing:-.05em;
}
.stat-card strong span{
  display:block;
  margin-top:8px;
  color:#b47a2d;
  font-size:20px;
  line-height:1.15;
  letter-spacing:0;
}
.stat-card p{
  margin:0;
  color:var(--muted);
  font-size:17px;
  line-height:1.55;
}

@media (max-width: 1100px){
  .company-stats-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 760px){
  .company-numbers--compact .company-numbers__head{
    margin-bottom:24px;
  }
  .company-numbers--compact .company-numbers__head p{
    font-size:16px;
  }
  .company-stats-grid{
    grid-template-columns:1fr;
    gap:16px;
  }
  .stat-card{
    min-height:auto;
    padding:22px 18px 18px;
    border-radius:22px;
  }
  .stat-card strong{
    font-size:38px;
    margin:16px 0 12px;
  }
  .stat-card strong span{
    font-size:18px;
  }
  .stat-card p{
    font-size:15px;
  }
}


/* Исправление налезания шапки на галерею */
.gallery-modal {
  z-index: 9999 !important;
}

.gallery-modal__backdrop,
.gallery-modal__dialog,
.gallery-modal__close {
  z-index: 10000 !important;
}
/* Client-requested link buttons */
.btn-telegram{background:#229ED9;color:#fff;border-color:#229ED9;text-decoration:none}
.btn-telegram:hover{filter:brightness(.94)}
.reviews-head__badge{color:inherit;text-decoration:none}
.reviews-actions{display:flex;justify-content:center;margin-top:28px}
@media (max-width:760px){.header-actions .btn-telegram{display:none}.mobile-bar{grid-template-columns:repeat(3,1fr)}}

/* ===== CLIENT EDITS 2026-07-29 ===== */
/* Вертикальные реальные видео / reels */
#videos .video-grid--vertical{
  grid-template-columns:repeat(3,minmax(0,320px));
  justify-content:center;
  align-items:start;
  gap:24px;
}
#videos .video-grid--vertical .video-card{
  width:100%;
}
#videos .video-grid--vertical .video-card__media{
  aspect-ratio:9/16;
  background:#17110e;
}
#videos .video-grid--vertical .video-card video{
  width:100%;
  height:100%;
  object-fit:cover;
}
.video-card__external{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:14px;
  min-height:44px;
  padding:10px 16px;
  border-radius:999px;
  background:#111;
  color:#fff;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  text-align:center;
}
.video-card__external:hover{opacity:.88}
.footer-phones{
  display:flex;
  flex-direction:column;
  gap:6px;
  white-space:nowrap;
}
.footer-phones a{color:#fff;text-decoration:none;font-weight:800}
@media(max-width:980px){
  #videos .video-grid--vertical{grid-template-columns:repeat(2,minmax(0,300px))}
}
@media(max-width:640px){
  #videos .video-grid--vertical{grid-template-columns:minmax(0,360px)}
  #videos .video-grid--vertical .video-card{margin-inline:auto}
}

/* ===== V13: redesigned hero inspired by modern lead-generation landing pages ===== */
.mobile-header-call{display:none}
.hero.hero--showcase{
  position:relative;
  min-height:0 !important;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 14%,rgba(244,182,66,.20),transparent 26%),
    radial-gradient(circle at 8% 90%,rgba(208,111,35,.10),transparent 24%),
    linear-gradient(180deg,#fffdf9 0%,#fff7ec 100%) !important;
  color:#241813 !important;
  border-bottom:1px solid rgba(112,75,45,.08);
}
.hero--showcase::after{display:none !important}
.hero--showcase .hero-glow{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
  opacity:.72;
}
.hero--showcase .hero-glow--one{width:360px;height:360px;right:-140px;top:70px;background:rgba(255,202,101,.20)}
.hero--showcase .hero-glow--two{width:260px;height:260px;left:-160px;bottom:-100px;background:rgba(151,80,37,.09)}
.hero--showcase .hero-grid{
  position:relative;
  z-index:2;
  display:grid !important;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.96fr) !important;
  grid-template-areas:
    "copy visual"
    "gift visual";
  gap:26px 42px !important;
  align-items:start !important;
  min-height:0 !important;
  padding:62px 0 58px !important;
}
.hero--showcase .hero-copy{grid-area:copy;max-width:720px;padding-top:14px}
.hero-kicker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.hero--showcase .eyebrow{
  background:#fff !important;
  border:1px solid rgba(159,104,38,.16) !important;
  box-shadow:0 9px 24px rgba(80,49,28,.06);
  color:#8c5f25 !important;
}
.hero-kicker-note{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#342116;
  color:#fff6e8;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.hero--showcase h1{
  max-width:760px !important;
  margin:0 0 20px !important;
  color:#241813 !important;
  font-size:clamp(48px,5.1vw,76px) !important;
  line-height:.94 !important;
  letter-spacing:-.06em !important;
  text-transform:none !important;
}
.hero--showcase h1 span{display:block}
.hero-title-accent{
  position:relative;
  width:max-content;
  max-width:100%;
  margin-top:7px;
  color:#a55c19;
}
.hero-title-accent::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:-4px;
  right:-10px;
  bottom:3px;
  height:17px;
  border-radius:999px;
  background:rgba(244,182,66,.28);
  transform:rotate(-1.2deg);
}
.hero--showcase .lead{
  max-width:650px !important;
  margin:0 !important;
  color:#645143 !important;
  font-size:19px !important;
  line-height:1.58;
}
.hero--showcase .hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px !important}
.hero--showcase .hero-actions .btn{min-height:58px !important;padding:0 28px !important;border-radius:18px !important}
.hero-portfolio-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:52px;
  padding:0 4px;
  color:#4d3828;
  font-weight:900;
  border-bottom:1px solid rgba(77,56,40,.25);
}
.hero-portfolio-link span{font-size:22px;transition:transform .2s ease}
.hero-portfolio-link:hover span{transform:translateX(4px)}
.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:30px;
  max-width:680px;
}
.hero-stat{
  min-height:104px;
  padding:16px 16px 14px;
  border:1px solid rgba(123,78,38,.11);
  border-radius:19px;
  background:rgba(255,255,255,.76);
  box-shadow:0 12px 34px rgba(65,39,20,.055);
}
.hero-stat strong{display:block;margin-bottom:5px;color:#2b1a0f;font-size:26px;line-height:1;font-weight:950;letter-spacing:-.04em}
.hero-stat span{display:block;color:#765f4e;font-size:12px;line-height:1.32;font-weight:700}
.hero-visual{
  grid-area:visual;
  position:relative;
  min-height:670px;
  align-self:stretch;
  padding:12px 0 0 16px;
}
.hero-photo-main{
  position:absolute;
  inset:0 0 78px 16px;
  overflow:hidden;
  border-radius:34px;
  background:#392316;
  box-shadow:0 32px 80px rgba(59,34,16,.20);
}
.hero-photo-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(23,11,4,.03) 35%,rgba(20,10,4,.40) 100%);
  pointer-events:none;
}
.hero-photo-main img{width:100%;height:100%;object-fit:cover;object-position:56% center;transform:scale(1.015)}
.hero-float{
  position:absolute;
  z-index:3;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(255,255,255,.55);
  background:rgba(255,252,247,.90);
  box-shadow:0 18px 42px rgba(42,24,12,.17);
  backdrop-filter:blur(14px);
}
.hero-float--top{top:38px;left:-6px;max-width:255px;padding:13px 15px;border-radius:18px}
.hero-float-dot{flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#f4b642;box-shadow:0 0 0 5px rgba(244,182,66,.20)}
.hero-float b,.hero-float small{display:block}
.hero-float b{font-size:13px;color:#2d1d12}
.hero-float small{margin-top:2px;color:#756252;font-size:10px;line-height:1.25}
.hero-float--rating{right:-18px;top:118px;display:block;min-width:128px;padding:15px 16px;border-radius:20px;text-align:center}
.hero-float--rating strong{display:block;color:#2b1a0f;font-size:27px;line-height:1;font-weight:950}
.hero-float--rating strong span{color:#e9a521}
.hero-float--rating small{margin-top:6px;font-size:10px;font-weight:800}
.hero-expert-card{
  position:absolute;
  z-index:4;
  left:-5px;
  right:28px;
  bottom:10px;
  display:grid;
  grid-template-columns:100px 1fr;
  gap:15px;
  align-items:center;
  min-height:116px;
  padding:10px 18px 10px 10px;
  border-radius:24px;
  background:#2d1b11;
  color:#fff;
  box-shadow:0 22px 50px rgba(42,24,12,.28);
}
.hero-expert-card img{width:100px;height:96px;object-fit:cover;object-position:50% 26%;border-radius:17px}
.hero-expert-card b{display:block;font-size:15px;line-height:1.2}
.hero-expert-card span{display:block;margin-top:5px;color:#e6d3be;font-size:12px;line-height:1.35}
.hero--showcase .hero-gift{
  grid-area:gift;
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin:0;
  padding:18px !important;
  border:1px solid rgba(132,84,40,.13) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 18px 48px rgba(61,36,18,.08) !important;
  backdrop-filter:blur(10px);
}
.hero-gift__head .gift-badge{margin-bottom:8px}
.hero--showcase .hero-gift h2{margin:0 !important;color:#2b1a0f;font-size:20px !important;line-height:1.1 !important;letter-spacing:-.025em}
.hero-gift__head p{margin:8px 0 0 !important;color:#7b6655 !important;font-size:11px !important;line-height:1.35}
.hero-gift__form{min-width:0}
.hero-gift__options{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin:0 0 10px !important}
.hero-gift__options .gift-option{grid-template-columns:48px 1fr;align-items:center;gap:8px;padding:5px;border:1px solid rgba(112,73,36,.12);border-radius:14px;background:#fff}
.hero-gift__options .gift-option img{grid-column:1;grid-row:1;width:48px;height:40px;aspect-ratio:auto;border-radius:10px;border-width:2px}
.hero-gift__options .gift-option span{grid-column:2;grid-row:1;font-size:11px;line-height:1.15}
.hero-gift__options .gift-option input:checked + img{border-color:#f4b642;box-shadow:0 0 0 2px rgba(244,182,66,.18)}
.hero-gift__fields{display:grid;grid-template-columns:.75fr 1fr auto;gap:8px;align-items:center}
.hero--showcase .hero-gift input[type="text"],
.hero--showcase .hero-gift input[type="tel"]{min-height:48px;margin:0 !important;border-radius:14px !important}
.hero--showcase .hero-gift .btn{min-height:48px !important;padding:0 18px !important;border-radius:14px !important;white-space:nowrap}
.hero-gift__consent{margin-top:8px}
.hero-gift__consent span{font-size:10px;line-height:1.25;color:#897464}
.hero--showcase .form-consent input{width:16px !important;min-height:16px !important;margin:0 !important;padding:0 !important}

@media(max-width:1100px){
  .hero--showcase .hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,.88fr) !important;
    gap:24px 28px !important;
    padding-top:42px !important;
  }
  .hero--showcase h1{font-size:clamp(44px,5.4vw,62px) !important}
  .hero-visual{min-height:610px}
  .hero--showcase .hero-gift{grid-template-columns:1fr}
  .hero-gift__head p{display:none}
  .hero-gift__fields{grid-template-columns:1fr 1fr}
  .hero-gift__fields .btn{grid-column:1/-1}
}

@media(max-width:760px){
  .site-header{background:rgba(255,253,249,.94) !important}
  .header-row{min-height:62px !important}
  .site-header .logo{min-width:0;width:min(236px,calc(100% - 56px))}
  .site-header .logo svg{width:100% !important;max-height:40px}
  .mobile-header-call{
    display:grid;
    place-items:center;
    flex:0 0 42px;
    width:42px;
    height:42px;
    border-radius:14px;
    background:#2d1b11;
    color:#fff;
    box-shadow:0 8px 20px rgba(45,27,17,.16);
  }
  .mobile-header-call svg{width:20px;height:20px}
  .hero.hero--showcase{overflow:hidden}
  .hero--showcase .hero-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-areas:"copy" "visual" "gift" !important;
    gap:22px !important;
    padding:26px 0 38px !important;
  }
  .hero--showcase .hero-copy{padding-top:0;text-align:left}
  .hero-kicker-row{gap:7px;margin-bottom:14px}
  .hero--showcase .eyebrow{min-height:30px;padding:6px 10px !important;font-size:9px !important;letter-spacing:.035em !important}
  .hero-kicker-note{min-height:30px;padding:0 10px;font-size:9px}
  .hero--showcase h1{
    margin-bottom:15px !important;
    font-size:clamp(38px,11.2vw,46px) !important;
    line-height:.96 !important;
    letter-spacing:-.055em !important;
  }
  .hero-title-accent{margin-top:5px}
  .hero-title-accent::after{height:11px;bottom:1px}
  .hero--showcase .lead{max-width:100% !important;font-size:15px !important;line-height:1.5 !important}
  .hero--showcase .hero-actions{display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:20px !important}
  .hero--showcase .hero-actions .btn{width:100%;min-height:54px !important;padding:0 17px !important;border-radius:16px !important;font-size:14px}
  .hero-portfolio-link{min-height:54px;padding:0 4px;font-size:12px;border-bottom:0;white-space:nowrap}
  .hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px}
  .hero-stat{min-height:88px;padding:12px 9px 10px;border-radius:16px}
  .hero-stat strong{font-size:22px}
  .hero-stat span{font-size:9.5px;line-height:1.24}
  .hero-visual{min-height:340px;padding:0;margin-top:0}
  .hero-photo-main{inset:0 0 48px 0;border-radius:25px;box-shadow:0 20px 48px rgba(59,34,16,.20)}
  .hero-photo-main img{object-position:58% center}
  .hero-float--top{top:14px;left:11px;max-width:205px;padding:9px 11px;border-radius:14px}
  .hero-float--top small{font-size:8px}
  .hero-float--rating{top:auto;right:10px;bottom:62px;min-width:98px;padding:10px 11px;border-radius:15px}
  .hero-float--rating strong{font-size:21px}
  .hero-float--rating small{font-size:8px}
  .hero-expert-card{left:10px;right:56px;bottom:0;grid-template-columns:62px 1fr;gap:10px;min-height:82px;padding:8px 12px 8px 8px;border-radius:18px}
  .hero-expert-card img{width:62px;height:64px;border-radius:12px}
  .hero-expert-card b{font-size:12px}
  .hero-expert-card span{font-size:9.5px}
  .hero--showcase .hero-gift{grid-template-columns:1fr;gap:13px;padding:16px !important;border-radius:20px !important}
  .hero-gift__head{display:grid;grid-template-columns:1fr;gap:0}
  .hero-gift__head .gift-badge{width:max-content;margin-bottom:7px}
  .hero--showcase .hero-gift h2{font-size:19px !important}
  .hero-gift__head p{display:block !important;font-size:10px !important}
  .hero-gift__options{gap:7px !important}
  .hero-gift__options .gift-option{grid-template-columns:44px 1fr;padding:4px}
  .hero-gift__options .gift-option img{width:44px;height:38px}
  .hero-gift__options .gift-option span{font-size:10px}
  .hero-gift__fields{grid-template-columns:1fr !important;gap:8px}
  .hero-gift__fields .btn{grid-column:auto}
  .hero--showcase .hero-gift input[type="text"],
  .hero--showcase .hero-gift input[type="tel"],
  .hero--showcase .hero-gift .btn{width:100%;min-height:48px !important}
}

@media(max-width:390px){
  .hero--showcase .hero-actions{grid-template-columns:1fr}
  .hero-portfolio-link{justify-content:flex-start;min-height:32px}
  .hero-visual{min-height:326px}
  .hero-stat{padding-inline:8px}
}
.hero-gift__consent{margin:8px 0 0 !important}

/* ===== V15: desktop gift card — compact header, gifts on top, wide fields ===== */
@media(min-width:1101px){
  .hero--showcase .hero-gift{
    position:relative;
    overflow:hidden;
    grid-template-columns:1fr;
    gap:12px;
    padding:18px 22px 18px !important;
    border-radius:26px !important;
    background:
      radial-gradient(circle at 100% 0%,rgba(244,182,66,.16),transparent 34%),
      rgba(255,255,255,.92) !important;
  }
  .hero--showcase .hero-gift::before{
    content:"";
    position:absolute;
    left:0;
    top:22px;
    bottom:22px;
    width:4px;
    border-radius:0 4px 4px 0;
    background:linear-gradient(180deg,#ffd36e,#e99d22);
  }
  .hero-gift__head{
    display:block;
    padding-left:3px;
  }
  .hero-gift__head .gift-badge{
    margin:0;
    white-space:nowrap;
  }
  .hero--showcase .hero-gift h2,
  .hero-gift__head p{
    display:none !important;
  }
  .hero-gift__form{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:
      "options"
      "fields"
      "consent";
    gap:11px;
    align-items:start;
    min-width:0;
  }
  .hero-gift__options{
    grid-area:options;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
    margin:0 !important;
  }
  .hero-gift__options .gift-option{
    grid-template-columns:60px minmax(0,1fr);
    align-items:center;
    min-height:76px;
    gap:10px;
    padding:8px;
    border-radius:18px;
    background:rgba(255,252,247,.96);
    border:1px solid rgba(112,73,36,.12);
  }
  .hero-gift__options .gift-option img{
    width:60px;
    height:52px;
    border-radius:12px;
  }
  .hero-gift__options .gift-option span{
    font-size:13px;
    line-height:1.16;
  }
  .hero-gift__fields{
    grid-area:fields;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,1.15fr);
    gap:10px;
    align-items:stretch;
  }
  .hero--showcase .hero-gift input[type="text"],
  .hero--showcase .hero-gift input[type="tel"]{
    min-width:0;
    min-height:58px;
    padding-inline:18px;
    font-size:18px;
    border:1px solid rgba(112,73,36,.15) !important;
    background:#fff !important;
  }
  .hero--showcase .hero-gift .btn{
    width:100%;
    min-height:58px !important;
    padding:0 24px !important;
    font-size:16px;
    box-shadow:0 11px 24px rgba(207,134,20,.25);
  }
  .hero-gift__consent{
    grid-area:consent;
    margin:0 0 0 2px !important;
  }
  .hero-gift__consent span{
    font-size:10px;
  }
}