/* ===== ТОП МАСТЕР — публичный сайт: pixel-perfect тёмно-золотая тема ===== */

:root{
  --bg:#08090B;
  --bg-alt:#111317;
  --panel:#171A1F;
  --panel-2:#1D2026;
  --light-bg:#F4F4F1;
  --light-bg-2:#F7F7F5;
  --white:#FFFFFF;
  --line:rgba(255,255,255,.15);
  --line-light:rgba(0,0,0,.1);
  --text:#F3F1EC;
  --text-dim:#A8AAAD;
  --text-dark:#202124;
  --text-dark-dim:#5b5d62;
  --gold:#D9A441;
  --gold-bright:#F0B94F;
  --gold-cta:#F2C15D;
  --gold-dark:#8f6f30;
  --green:#46B96B;
  --red:#E23A32;
  --radius:10px;
  --radius-lg:14px;
  --shadow:0 24px 60px rgba(0,0,0,.4);
  --font-base:'Manrope', "Segoe UI", Roboto, Arial, sans-serif;
  --font-display:'Oswald', 'Manrope', Impact, sans-serif;
  --font-script:'Caveat', cursive;
  font-size:16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
/* Компенсация высоты залипающей шапки при переходе по якорным ссылкам меню */
section[id], #faq, #top{scroll-margin-top:88px;}
body{
  margin:0; overflow-x:hidden;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-base);
  line-height:1.5;
}
img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
button{font-family:inherit;}
h1,h2,h3,h4{margin:0 0 .5em; font-weight:800; letter-spacing:.005em;}
p{margin:0 0 1em; color:var(--text-dim);}
.icon{width:1em; height:1em; display:inline-block; vertical-align:-0.14em; flex:0 0 auto;}

.container{max-width:1220px; margin:0 auto; padding:0 32px;}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  padding:14px 26px; border-radius:6px; border:1px solid transparent;
  font-weight:800; font-size:.95rem; cursor:pointer; transition:filter .18s, transform .18s, box-shadow .18s;
  font-family:var(--font-base);
}
.btn .icon{width:.95em; height:.95em;}
.btn-gold{
  position:relative; overflow:hidden;
  background:linear-gradient(155deg, #fbe2a0 0%, var(--gold-cta) 32%, var(--gold) 68%, #c99a3c 100%);
  color:#20150a;
  box-shadow:0 10px 22px rgba(217,164,65,.30), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -2px 4px rgba(120,84,20,.35);
}
.btn-gold::after{
  content:""; position:absolute; top:-60%; left:-40%; width:30%; height:220%;
  background:linear-gradient(75deg, transparent 0%, rgba(255,255,255,.75) 50%, transparent 100%);
  transform:rotate(12deg); animation:btn-shimmer 4.5s ease-in-out infinite; pointer-events:none;
}
@keyframes btn-shimmer{ 0%,15%{left:-40%;} 55%,100%{left:130%;} }
.btn-gold:hover{ filter:brightness(1.08); transform:translateY(-1px); box-shadow:0 14px 30px rgba(242,193,93,.4), inset 0 1px 0 rgba(255,255,255,.6); }
.btn-outline{border-color:var(--line); color:var(--text); background:transparent;}
.btn-outline:hover{border-color:var(--gold);}
.btn-block{width:100%;}
.btn-lg{padding:18px 38px; font-size:1.05rem;}

/* ---------- Header ---------- */
.site-header{
  position:sticky; top:0; z-index:40;
  background:rgba(8,9,11,.92); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.header-row{display:flex; align-items:center; gap:22px; padding:12px 32px; flex-wrap:nowrap;}
.logo{display:flex; align-items:center; gap:10px;}
.logo-mark{
  width:34px; height:34px; flex:0 0 auto; color:var(--gold-bright);
}
.logo-mark svg{width:100%; height:100%;}
.logo-icon{height:36px; width:auto; flex:0 0 auto; object-fit:contain;}
.logo-text{display:flex; flex-direction:column; line-height:1.2;}
.logo-text strong{font-family:var(--font-display); font-size:1.05rem; letter-spacing:.03em; font-weight:700;}
.logo-text small{color:var(--text-dim); font-size:.62rem; letter-spacing:.09em; font-weight:600;}
.main-nav{display:flex; gap:22px; margin-left:8px; flex:1; white-space:nowrap;}
.main-nav a{color:var(--text-dim); font-size:.86rem; font-weight:500;}
.main-nav a:hover{color:var(--gold-bright);}
.header-actions{display:flex; align-items:center; gap:20px; flex:0 0 auto; white-space:nowrap;}
.header-info{display:none; flex-direction:row; align-items:center; gap:16px; font-size:.74rem; color:var(--text-dim); text-align:left; font-weight:500;}
.header-info span{display:flex; align-items:center; gap:6px; white-space:nowrap;}
.header-info .icon{color:var(--gold);}
.nav-toggle{display:none; background:none; border:none; color:var(--text); font-size:1.4rem; cursor:pointer;}

@media(min-width:1280px){ .header-info{display:flex;} }
@media(max-width:1279px){
  .main-nav{
    display:none; position:absolute; top:100%; left:0; right:0; flex-direction:column;
    background:var(--bg-alt); border-bottom:1px solid var(--line); padding:8px 32px;
  }
  .main-nav.is-open{display:flex;}
  .main-nav a{padding:12px 0; border-bottom:1px solid var(--line);}
  .nav-toggle{display:block;}
}

/* ---------- Hero ---------- */
.hero{position:relative; padding:52px 0 44px; overflow:visible; background:var(--bg); min-height:720px;}
.hero-bg{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background-color:#08090b;
  background-image:
    linear-gradient(90deg, rgba(4,5,6,.94) 0%, rgba(4,5,6,.85) 34%, rgba(4,5,6,.60) 55%, rgba(4,5,6,.22) 70%, rgba(4,5,6,.04) 84%, transparent 96%),
    linear-gradient(180deg, rgba(4,5,6,.30) 0%, rgba(4,5,6,.02) 20%, rgba(4,5,6,.02) 78%, rgba(4,5,6,.42) 100%),
    url("../img/hero-bg.f64705355c71.jpg");
  background-repeat:no-repeat;
  background-position:center center, center center, center 40%;
  background-size:auto, auto, cover;
}
.hero-product-float{
  position:absolute; z-index:3; left:63%; bottom:-118px; width:380px;
  transform:translateX(-50%); pointer-events:none;
}
.hero-product-float img{
  width:100%; display:block; position:relative; z-index:1;
  filter:drop-shadow(0 30px 22px rgba(0,0,0,.35)) drop-shadow(0 60px 46px rgba(0,0,0,.30));
}
.hero-product-float::after{
  content:""; position:absolute; z-index:0; left:50%; bottom:8%; width:58%; height:34px;
  background:radial-gradient(ellipse, rgba(15,12,8,.55) 0%, rgba(15,12,8,.30) 45%, transparent 72%);
  transform:translateX(-50%); filter:blur(2px);
}
.hero-grid{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns:1.6fr .82fr;
  gap:48px;
  align-items:start;
}
.hero .hero-grid{max-width:1680px; padding:0 56px;}
.badge-outline{
  display:inline-block; padding:6px 16px; border:1px solid var(--gold-dark); border-radius:999px;
  color:var(--gold-bright); font-size:.72rem; letter-spacing:.16em; margin-bottom:16px; font-weight:700;
}
.hero-text h1{
  font-family:var(--font-display); font-size:3rem; line-height:1.05; margin-bottom:16px;
  text-transform:uppercase; font-weight:700; letter-spacing:.005em;
  text-shadow:0 2px 18px rgba(0,0,0,.5);
}
.hero-text h1 .accent{
  display:inline-block; color:#1a1305; background:linear-gradient(135deg, var(--gold-bright), var(--gold));
  padding:2px 10px; border-radius:4px;
}
.hero-sub{font-size:1rem; max-width:44ch; color:#cfcdc8; text-shadow:0 1px 10px rgba(0,0,0,.55);}
.hero-quick-specs{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:22px 0;}
.quick-spec{display:flex; align-items:center; gap:10px;}
.quick-spec-icon{
  width:38px; height:38px; border-radius:50%; border:1.5px solid var(--gold-dark); color:var(--gold-bright);
  display:flex; align-items:center; justify-content:center; flex:0 0 auto; font-size:1.05rem;
}
.quick-spec-text{display:flex; flex-direction:column;}
.quick-spec-title{font-weight:700; font-size:.9rem; text-shadow:0 1px 8px rgba(0,0,0,.6);}
.quick-spec-desc{color:var(--text-dim); font-size:.74rem; text-shadow:0 1px 8px rgba(0,0,0,.6);}

.video-link{
  display:inline-flex; align-items:center; gap:12px; background:none; border:none; color:var(--text);
  cursor:pointer; padding:0; margin-bottom:22px; text-align:left;
}
.video-play-btn{
  width:44px; height:44px; border-radius:50%; border:1.5px solid var(--gold); color:var(--gold-bright);
  display:flex; align-items:center; justify-content:center; flex:0 0 auto; font-size:1rem;
}
.video-link strong{display:block; font-size:.88rem;}
.video-link small{display:block; color:var(--text-dim); font-size:.72rem;}

.hero-quote{
  font-family:var(--font-script); color:var(--gold-bright); font-size:1.55rem; line-height:1.15;
  font-weight:600; margin:0;
}

.hero-buy-card{
  position:relative; overflow:hidden;
  max-width:360px; width:100%; margin-left:auto;
  background:linear-gradient(165deg, #1d1f26 0%, #15171e 55%, #101216 100%);
  border:1.5px solid rgba(217,164,65,.4); border-radius:var(--radius-lg);
  padding:22px 20px;
  box-shadow:0 28px 60px rgba(0,0,0,.55), 0 0 44px rgba(217,164,65,.10);
}
.hero-buy-card::before{
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  background:linear-gradient(160deg, rgba(255,255,255,.08) 0%, transparent 32%);
}
.hero-buy-card::after{
  content:""; position:absolute; top:-60%; left:-70%; width:42%; height:220%; z-index:0;
  background:linear-gradient(75deg, transparent 0%, rgba(255,255,255,.09) 42%, rgba(255,214,140,.32) 50%, rgba(255,255,255,.09) 58%, transparent 100%);
  transform:rotate(10deg); animation:card-shimmer 6.5s ease-in-out infinite; pointer-events:none;
}
.hero-buy-card > *{position:relative; z-index:1;}
@keyframes card-shimmer{ 0%,100%{left:-70%;} 50%{left:140%;} }
.hero-buy-card-top{display:flex; gap:14px; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid var(--line);}
.hero-buy-card-top > div{display:flex; align-items:center; gap:8px; flex:1;}
.hero-buy-card-top .icon{color:var(--gold); font-size:1.1rem;}
.hero-buy-card-top small{font-size:.68rem; color:var(--text-dim); line-height:1.25;}
.hero-buy-card h3{font-size:.82rem; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim); margin-bottom:14px; font-weight:700;}

.trust-list{margin-top:16px; display:flex; flex-direction:column; gap:9px; font-size:.78rem; color:var(--text-dim);}
.trust-list li{display:flex; align-items:center; gap:8px;}
.trust-list .icon{color:var(--gold);}

/* ---------- Quantity selector (радио-варианты + степпер) ---------- */
.qty-selector{display:flex; flex-direction:column; gap:10px;}
.qty-option{
  position:relative; display:flex; align-items:center; gap:12px;
  border:1px solid var(--line); border-radius:8px; padding:12px 14px; cursor:pointer;
  background:var(--bg-alt); transition:border-color .15s, background .15s;
}
.qty-option:hover{border-color:var(--gold-dark);}
.qty-option input{position:absolute; opacity:0; pointer-events:none;}
.qty-option-radio{
  width:18px; height:18px; border-radius:50%; border:2px solid var(--line); flex:0 0 auto;
}
.qty-option.is-selected, .qty-option:has(input:checked){
  border-color:var(--gold-bright); background:linear-gradient(155deg, #23262e 0%, #1a1c22 100%);
  box-shadow:0 0 0 1px rgba(240,185,79,.25) inset, 0 8px 20px rgba(217,164,65,.14);
}
.qty-option:has(input:checked) .qty-option-radio{
  border-color:var(--gold-bright);
  background:radial-gradient(circle, var(--gold-bright) 0 45%, transparent 50%);
  box-shadow:0 0 8px rgba(240,185,79,.6);
}
.qty-option-info{display:flex; flex-direction:column; flex:1;}
.qty-option-title-row{display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.qty-option-label{font-weight:700; font-size:.9rem;}
.qty-option-unit{font-size:.72rem; color:var(--text-dim);}
.qty-badge{
  background:rgba(226,58,50,.16); color:var(--red); font-size:.68rem; font-weight:800; padding:3px 9px; border-radius:6px;
}
.qty-option-price{display:flex; flex-direction:column; align-items:flex-end; min-width:82px;}
.qty-option-price .qty-badge{margin-top:6px;}
.old-price{font-size:.7rem; color:var(--text-dim); text-decoration:line-through;}
.cur-price{font-weight:800; color:var(--gold-bright); font-size:1rem;}
.qty-option-title-row .qty-stock-status{margin-top:0;}

.qty-stepper{display:flex; align-items:center; gap:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:6px; width:fit-content;}
.qty-step-btn{
  width:34px; height:34px; background:var(--bg-alt); border:none; color:var(--text); cursor:pointer;
  display:flex; align-items:center; justify-content:center; font-size:.85rem; transition:background .15s;
}
.qty-step-btn:hover{background:var(--panel-2); color:var(--gold-bright);}
.qty-step-value{width:38px; text-align:center; font-weight:700; font-size:.9rem;}

.qty-selector .btn{margin-top:8px;}

.qty-option.is-outofstock{cursor:not-allowed; opacity:.55;}
.qty-option.is-outofstock:hover{border-color:var(--line);}

/* ---------- Quantity selector: card layout (раздел "Выгодные комплекты") ---------- */
.qty-selector--cards .qty-cards-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:14px;
  margin-top:4px; padding-top:14px;
}
.qty-selector--cards .qty-option{
  flex-direction:column; align-items:center; text-align:center; gap:6px;
  padding:22px 12px 18px; border-radius:var(--radius-lg);
  transform-origin:center bottom;
  transition:transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease, border-color .3s ease, background .3s ease;
}
.qty-selector--cards .qty-option-label{font-size:.86rem;}
.qty-selector--cards .qty-option-unit{margin-top:-2px;}
.qty-selector--cards .qty-option-price{align-items:center; min-width:0; margin-top:2px;}
.qty-selector--cards .cur-price{font-size:1.12rem;}
.qty-selector--cards .qty-badge{
  order:-1; margin-bottom:2px; white-space:nowrap;
}
.qty-selector--cards .qty-option.is-selected,
.qty-selector--cards .qty-option:has(input:checked){
  transform:scale(1.2);
  z-index:5;
  box-shadow:0 22px 42px rgba(0,0,0,.5), 0 0 0 1px rgba(240,185,79,.35) inset;
}
.qty-selector--cards .qty-stepper{margin-top:8px;}
.qty-selector--cards .btn{margin-top:14px;}

.qty-stock-status{
  display:flex; align-items:center; gap:5px; justify-content:flex-start;
  margin-top:8px; font-size:.68rem; font-weight:700; letter-spacing:.01em;
}
.qty-stock-status .icon{width:.85em; height:.85em;}
.qty-stock-status.is-in{color:var(--green);}
.qty-stock-status.is-out{color:var(--text-dim);}
.qty-selector--cards .qty-stock-status{justify-content:center;}

.trust-badges-row{
  display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
  gap:18px 22px; margin-top:18px; padding-top:16px; border-top:1px dashed var(--line);
}
.trust-badge-img{
  height:26px; width:auto; opacity:.78; filter:grayscale(.15);
  transition:opacity .2s ease, filter .2s ease;
}
.trust-badge-img:hover{opacity:1; filter:grayscale(0);}

/* ---------- Section head ---------- */
.section-head{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30px; gap:20px;}
.section-head h2{font-family:var(--font-display); font-size:1.7rem; text-transform:uppercase;}
.section-head p{margin:0; max-width:60ch;}
.section-head.light h2{color:var(--white);}
.section-head.light p{color:#c9c7c2;}
.section-link{font-size:.82rem; font-weight:700; color:var(--gold); display:flex; align-items:center; gap:6px; white-space:nowrap;}
.section-link .icon{width:.85em; height:.85em;}

/* ---------- Materials (светлый блок) ---------- */
.materials{padding:58px 0; background:var(--light-bg); color:var(--text-dark);}
.materials .section-head h2{color:var(--text-dark);}
.materials .section-head p{color:var(--text-dark-dim);}
.materials-grid{display:grid; grid-template-columns:repeat(11, minmax(0,1fr)); gap:10px;}
.material-card{display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;}
.material-swatch{
  width:100%; aspect-ratio:1; border-radius:8px; overflow:hidden; border:1px solid var(--line-light);
  background:#e7e6e2;
}
.material-swatch img{width:100%; height:100%; object-fit:cover;}
.material-card span{font-size:.74rem; color:var(--text-dark-dim); font-weight:600;}

/* ---------- Advantages (тёмный блок + фото) ---------- */
.advantages{
  position:relative; z-index:1; overflow:visible;
  padding:32px 0; background-color:#050506;
  background-image:
    linear-gradient(180deg, rgba(2,2,3,.25) 0%, rgba(2,2,3,.05) 25%, rgba(2,2,3,.15) 75%, rgba(2,2,3,.6) 100%),
    url("../img/advantages-bg.69b316f876fb.jpg");
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.advantages-layout{position:relative; display:grid; grid-template-columns:1.6fr 1fr; gap:28px; align-items:stretch;}
.advantages-main{display:flex; flex-direction:column;}
.advantages-main .section-head{margin-bottom:18px;}
.advantages-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:12px; flex:1;}
.advantage-card{
  position:relative; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:14px 12px; overflow:hidden; cursor:default;
  transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease, background .28s ease;
}
.advantage-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:2px;
  background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);
  opacity:0; transition:opacity .28s ease;
}
.advantage-card:hover{
  transform:translateY(-4px) scale(1.045);
  border-color:rgba(217,164,65,.5);
  box-shadow:0 14px 28px rgba(0,0,0,.35), 0 0 0 1px rgba(217,164,65,.12);
  background:linear-gradient(180deg, rgba(217,164,65,.08), var(--panel) 60%);
}
.advantage-card:hover::before{opacity:1;}
.advantage-icon{
  display:inline-flex; width:30px; height:30px; border-radius:8px; background:rgba(217,164,65,.12);
  color:var(--gold-bright); align-items:center; justify-content:center; margin-bottom:8px; font-size:.92rem;
  transition:background .28s ease, transform .28s ease;
}
.advantage-card:hover .advantage-icon{background:rgba(217,164,65,.22); transform:scale(1.08);}
.advantage-title{color:var(--gold-bright); font-weight:700; margin-bottom:3px; font-size:.86rem;}
.advantage-desc{color:var(--text-dim); font-size:.74rem; line-height:1.3;}
.advantages-photo{position:relative; overflow:visible;}
.board-float{
  position:absolute; z-index:2; right:-288px; bottom:-120px; width:745px; max-width:none;
  pointer-events:none;
}
.board-float img{
  width:100%; height:auto; display:block; position:relative; z-index:1;
}

/* ---------- Steps ---------- */
.steps{padding:44px 0; background:var(--light-bg); color:var(--text-dark);}
.steps .section-head{margin-bottom:20px;}
.steps .section-head h2{color:var(--text-dark);}
.steps .section-head p{color:var(--text-dark-dim);}
.steps-layout{position:relative;}
.steps-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; max-width:980px; margin:0 auto;}
.step-card{
  position:relative; border-radius:var(--radius-lg); overflow:hidden; cursor:default;
  box-shadow:0 3px 14px rgba(0,0,0,.08); background:var(--white);
  transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease;
}
.step-card img{width:100%; height:100%; display:block; object-fit:cover;}
.step-card:hover{
  transform:translateY(-5px) scale(1.045);
  box-shadow:0 18px 32px rgba(0,0,0,.18);
  z-index:2;
}
.handwritten-quote.dark{
  font-family:var(--font-script); color:var(--gold-dark); font-size:1.5rem; line-height:1.15; font-weight:700;
  text-align:right; margin:22px 0 0;
}

/* ---------- Pricing / packaging (тёмный блок) ---------- */
.pricing{padding:44px 0; background:#050506;}
.pricing-grid{display:grid; grid-template-columns:1.5fr 1fr; gap:28px; align-items:start;}
.pricing-main .section-head{margin-bottom:18px;}
.packaging-card{
  position:relative; display:flex; flex-direction:column; height:100%;
  background:linear-gradient(165deg, #1c1f26 0%, #14161b 62%, #101216 100%);
  border:1px solid var(--line); border-radius:var(--radius-lg); padding:22px;
  box-shadow:0 20px 46px rgba(0,0,0,.35);
}
.packaging-card::before{
  content:""; position:absolute; inset:0 0 auto 0; height:2px; border-radius:var(--radius-lg) var(--radius-lg) 0 0;
  background:linear-gradient(90deg, transparent, var(--gold-bright), transparent);
}
.packaging-card-head{display:flex; align-items:center; gap:10px; margin-bottom:16px;}
.packaging-card-icon{
  display:inline-flex; width:32px; height:32px; border-radius:9px; flex:0 0 auto;
  background:rgba(217,164,65,.14); color:var(--gold-bright); align-items:center; justify-content:center; font-size:.95rem;
}
.packaging-card h3{font-family:var(--font-display); text-transform:uppercase; font-size:1.05rem; margin:0; color:var(--white);}
.packaging-list{display:flex; flex-direction:column; gap:10px; margin-bottom:10px;}
.packaging-list li{display:flex; align-items:center; gap:10px; font-size:.86rem; border-bottom:1px dashed var(--line); padding-bottom:9px; color:var(--text-dim);}
.packaging-list li .icon{color:var(--gold); font-size:1.05rem;}
.packaging-list li strong{color:var(--text); margin-left:auto; font-weight:700;}

.packaging-img-wrap{
  position:relative; flex:1; min-height:170px; padding:8px 0 4px;
  display:flex; align-items:flex-end; justify-content:center;
  border-radius:var(--radius);
  background:radial-gradient(58% 62% at 50% 88%, rgba(217,164,65,.16), transparent 72%);
}
.packaging-img-wrap::before{
  content:""; position:absolute; left:50%; bottom:6px; transform:translateX(-50%);
  width:52%; height:16px; border-radius:50%;
  background:radial-gradient(closest-side, rgba(0,0,0,.5), transparent 75%);
}
.packaging-img{position:relative; z-index:1; width:72%; max-width:240px; height:auto;}

/* ---------- Results ---------- */
.results{padding:64px 0; background:var(--light-bg); color:var(--text-dark);}
.results .section-head h2{color:var(--text-dark);}
.results .section-head p{color:var(--text-dark-dim);}
.results-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:20px;}
.result-card{background:var(--white); border:1px solid var(--line-light); border-radius:var(--radius); overflow:hidden; margin:0; box-shadow:0 3px 14px rgba(0,0,0,.06);}
.result-card img{aspect-ratio:4/3; object-fit:cover; width:100%;}
.result-card figcaption{padding:14px; font-size:.85rem; color:var(--text-dark-dim);}

/* ---------- Delivery + FAQ (тёмный блок) ---------- */
.delivery-faq{padding:64px 0; background:var(--bg); color:var(--text);}
.delivery-faq-grid{display:grid; grid-template-columns:1fr 1.15fr; gap:44px;}
.delivery-methods{display:flex; gap:16px; margin:0 0 18px;}
.delivery-method{
  flex:1; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg); padding:20px;
  box-shadow:0 4px 16px rgba(0,0,0,.3);
}
.delivery-icon{
  display:inline-flex; width:38px; height:38px; border-radius:50%; align-items:center; justify-content:center;
  margin-bottom:10px; font-size:1.1rem;
}
.delivery-method-cdek .delivery-icon{background:rgba(70,185,107,.16); color:#4cc47c;}
.delivery-method-yandex .delivery-icon{background:rgba(255,80,20,.16); color:#ff6a3d;}
.delivery-method strong{display:block; margin-bottom:10px; font-size:1rem;}
.delivery-method-cdek strong{color:#4cc47c;}
.delivery-method-yandex strong{color:#ff6a3d;}
.delivery-method li{display:flex; align-items:center; gap:6px; font-size:.85rem; color:var(--text-dim); margin-bottom:6px;}
.delivery-note{font-size:.78rem; color:var(--text-dim);}

.faq-item{border-bottom:1px solid var(--line);}
.faq-question{
  width:100%; text-align:left; background:none; border:none; color:var(--text);
  font-size:.94rem; font-weight:700; padding:16px 0; display:flex; justify-content:space-between;
  align-items:center; cursor:pointer;
}
.faq-plus{color:var(--gold); font-size:1.3rem; transition:transform .2s; font-weight:400;}
.faq-item.open .faq-plus{transform:rotate(45deg);}
.faq-answer{max-height:0; overflow:hidden; transition:max-height .25s ease;}
.faq-item.open .faq-answer{max-height:240px;}
.faq-answer p{padding-bottom:16px; margin:0; font-size:.87rem; color:var(--text-dim);}

/* ---------- Footer ---------- */
.site-footer{padding:22px 0; border-top:1px solid var(--line); background:var(--bg);}
.footer-row{display:flex; justify-content:space-between; align-items:center; font-size:.78rem; color:var(--text-dim); flex-wrap:wrap; gap:12px;}
.footer-domain{font-weight:700; color:var(--text);}
.footer-links{display:flex; gap:20px; flex-wrap:wrap;}
.footer-links a{color:var(--text-dim);}
.footer-links a:hover{color:var(--gold-bright);}

/* ---------- Flash messages ---------- */
.flash-wrap{position:fixed; top:14px; right:14px; z-index:100; display:flex; flex-direction:column; gap:8px;}
.flash{padding:12px 18px; border-radius:8px; font-size:.85rem; box-shadow:var(--shadow);}
.flash-error{background:#3a1414; color:#ff9d7a;}
.flash-success{background:#123a1e; color:#8ef0ab;}

/* ---------- Order modal ---------- */
.order-modal{position:fixed; inset:0; z-index:200; display:none;}
.order-modal.is-open{display:block;}
.order-modal-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(2px);}
.order-modal-dialog{
  position:relative; max-width:440px; margin:6vh auto; background:var(--panel);
  border:1px solid var(--line); border-radius:var(--radius-lg); padding:28px; box-shadow:var(--shadow);
  max-height:88vh; overflow-y:auto;
}
.order-modal-close{
  position:absolute; top:14px; right:16px; background:none; border:none; color:var(--text-dim);
  font-size:1.4rem; cursor:pointer;
}
.order-modal-summary{background:var(--bg-alt); border:1px solid var(--line); border-radius:8px; padding:10px 14px; font-size:.85rem;}
.order-form{display:flex; flex-direction:column; gap:14px; margin-top:14px;}
.order-form label{display:flex; flex-direction:column; gap:6px; font-size:.82rem; color:var(--text-dim);}
.order-form input[type=text], .order-form input[type=tel]{
  background:var(--bg-alt); border:1px solid var(--line); border-radius:8px; padding:11px 12px; color:var(--text); font-size:.9rem;
  font-family:inherit;
}
.field-label{font-size:.82rem; color:var(--text-dim);}
.delivery-radios{display:flex; gap:10px;}
.radio-pill{
  flex:1; text-align:center; border:1px solid var(--line); border-radius:8px; padding:10px; cursor:pointer; font-size:.85rem;
}
.radio-pill input{margin-right:6px;}
.order-form-note{font-size:.72rem; color:var(--text-dim); margin:0;}

/* ---------- Video modal ---------- */
.video-modal-dialog{max-width:520px; text-align:center;}
.video-placeholder{padding:20px 0;}
.video-play-btn-lg{width:72px; height:72px; font-size:1.6rem; margin:0 auto 18px;}
.video-placeholder p{margin:0 0 6px; font-weight:700; color:var(--text);}
.video-placeholder-note{color:var(--text-dim); font-size:.82rem; margin:0;}

/* ---------- Simple pages (pay / thanks) ---------- */
.simple-page{min-height:100vh; display:flex; align-items:center; padding:40px 0;}
.simple-page-inner{max-width:640px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px;}
.pay-demo-note{background:var(--panel); border:1px solid var(--gold-dark); color:var(--gold-bright); border-radius:10px; padding:12px 16px; font-size:.82rem;}
.pay-card{
  display:flex; gap:28px; background:var(--panel); border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:28px; text-align:left; width:100%; flex-wrap:wrap;
}
.pay-qr{display:flex; flex-direction:column; align-items:center; gap:10px; flex:0 0 200px;}
.pay-qr img{width:180px; height:180px; border-radius:10px; border:1px solid var(--line);}
.sbp-label{font-size:.72rem; color:var(--text-dim); text-align:center;}
.pay-details{flex:1; min-width:220px;}
.pay-details ul{display:flex; flex-direction:column; gap:8px; margin-bottom:16px;}
.pay-details li{display:flex; justify-content:space-between; font-size:.85rem; color:var(--text-dim); border-bottom:1px dashed var(--line); padding-bottom:6px;}
.pay-details li strong{color:var(--text);}
.pay-total{display:flex; justify-content:space-between; align-items:center; font-size:1.2rem; margin-bottom:16px;}
.pay-total strong{color:var(--gold-bright);}
.pay-hint{font-size:.72rem; margin-top:10px;}
.thanks-icon{width:64px; height:64px; border-radius:50%; background:var(--gold); color:#1a1305; font-size:2rem; display:flex; align-items:center; justify-content:center;}
.thanks-summary{width:100%; display:flex; flex-direction:column; gap:8px; margin:10px 0;}
.thanks-summary li{display:flex; justify-content:space-between; font-size:.9rem; border-bottom:1px dashed var(--line); padding-bottom:6px; color:var(--text-dim);}
.thanks-summary li strong{color:var(--text);}

/* ---------- Responsive ---------- */
@media(max-width:1199px){
  .hero-grid{grid-template-columns:1fr; gap:32px;}
  .hero .hero-grid{max-width:1220px; padding:0 32px;}
  .hero-buy-card{max-width:480px; margin-left:0;}
  .hero-product-float{display:none;}
  .advantages-layout{grid-template-columns:1fr;}
  .advantages-photo{min-height:0; margin-top:8px;}
  .board-float{
    position:relative; right:auto; bottom:auto;
    width:66%; max-width:430px; margin:0 auto;
  }
  .pricing-grid{grid-template-columns:1fr;}
  .packaging-card{margin-top:8px;}
  .delivery-faq-grid{grid-template-columns:1fr;}
  .materials-grid{gap:8px;}
  .material-card span{font-size:.66rem;}
  .steps-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:767px){
  .container{padding:0 16px;}
  .hero .hero-grid{padding:0 16px;}
  .hero{min-height:0;}
  .hero-text h1{font-size:2.1rem;}
  .hero-quick-specs{grid-template-columns:1fr 1fr;}
  .advantages-grid{grid-template-columns:1fr 1fr;}
  .steps-grid{grid-template-columns:1fr;}
  .qty-selector--cards .qty-cards-grid{grid-template-columns:1fr 1fr; gap:10px;}
  .qty-selector--cards .qty-option{padding:18px 8px 14px;}
  .qty-selector--cards .qty-option.is-selected,
  .qty-selector--cards .qty-option:has(input:checked){transform:scale(1.12);}
  .trust-badges-row{gap:12px 16px;}
  .trust-badge-img{height:22px;}
  .materials-grid{grid-auto-flow:column; grid-auto-columns:104px; overflow-x:auto; grid-template-columns:none; padding-bottom:8px;}
  .footer-row{flex-direction:column; align-items:flex-start;}
}