/* ============================================================
   GOLD THEME — переопределение токенов и компонентов ОПТ-движка
   (наши блоки в эстетике GPT-макета; база — theme-gold.css выше по порядку подключения)
   ============================================================ */
:root{
  /* маппинг наших токенов на GOLD-палитру */
  --bg:#f7f2e9;--bg-soft:#eee6d7;--card:#fffdf8;--paper:#fffdf8;
  --ink:#171817;--ink-9:#18201d;--ink-2:#5f5b55;--ink-3:#989188;
  --line:#ddd6c9;
  --brand:#c89b3c;--brand-2:#a8822e;--brand-light:#f6ecd2;--brand-soft:#f1dfb8;
  --gold:#c89b3c;--gold2:#e1bb67;--gold-soft:#f1dfb8;--dark:#18201d;--dark2:#202a25;
  --radius:18px;--shadow:0 18px 50px rgba(29,31,28,.09);
  --max:1240px;
  --f-display:Georgia,"Times New Roman",serif;
  --f-body:Inter,Arial,Helvetica,sans-serif;
}
/* секции/заголовки в стиле макета */
.section{padding:100px 0}
h1,h2,h3{font-family:var(--f-display)}
h2 em,h1 em{font-style:normal;color:var(--gold)}
.sec-head h2,.final h2,.faq h2{font-weight:400;letter-spacing:-.035em;line-height:.98;font-size:clamp(42px,5vw,68px)}
.kicker{color:#777066!important;letter-spacing:.18em}
.eyebrow{display:inline-block;font-size:11px;letter-spacing:.18em;font-weight:800;color:#777066;background:none;border:0;padding:0;margin-bottom:14px}
.eyebrow em{color:#777066}
.eyebrow i,.eyebrow .dot{display:none}
/* кнопки GOLD */
.btn{border-radius:10px;padding:15px 21px;font-weight:800;font-family:Inter,Arial,sans-serif;box-shadow:none}
.btn--primary,.btn-gold{background:var(--gold);color:#151713;box-shadow:0 8px 20px rgba(200,155,60,.18)}
.btn--primary:hover{background:#b5862f;box-shadow:0 10px 24px rgba(200,155,60,.28);transform:translateY(-2px)}
.btn--dark,.btn-dark{background:var(--dark);color:#fff;box-shadow:0 8px 20px rgba(24,32,29,.15)}
.btn--dark:hover{background:var(--brand);box-shadow:0 8px 20px rgba(200,155,60,.18)}
.btn--ghost,.btn-light{background:transparent;border:1px solid var(--line);color:var(--ink);box-shadow:none}
.btn--ghost:hover{border-color:var(--ink-9);transform:translateY(-2px)}
/* хаб-герой */
.hero{padding-top:54px;padding-bottom:72px;background:var(--bg);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:var(--max)}
.hero h1{font:400 clamp(58px,6vw,88px)/.9 var(--f-display);letter-spacing:-.055em;margin:16px 0 25px;color:var(--ink)}
.hero .lede{font-size:19px;color:#77746e;max-width:620px}
.hero__cta{display:flex;gap:12px;margin:28px 0 25px}
.hero-benefits{display:flex;gap:24px;margin-top:24px}
.hero-benefits div{border-left:2px solid var(--gold);padding-left:11px}
.hero-benefits b{display:block;font-size:18px;color:var(--ink)}
.hero-benefits span{font-size:11px;color:#77746e}
.hero::after{display:none}
/* витрина-сцена героя: настоящие фото внутри карточек макета */
.product-scene{height:570px;border-radius:28px;background:linear-gradient(135deg,#d9d1be,#f6eee0 42%,#d7cbb3);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.card-product{position:absolute;z-index:2;width:220px;height:290px;border-radius:7px;background:#fff9ed;box-shadow:0 25px 35px rgba(57,46,32,.22);padding:0;overflow:hidden;display:flex;flex-direction:column}
.card-product img{width:100%;height:100%;object-fit:cover;display:block}
.card-product .cap{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,rgba(46,37,24,.55));color:#fff8ec;font:16px var(--f-display);z-index:2}
.p1{right:70px;top:85px;transform:rotate(8deg)}
.p2{right:260px;top:160px;transform:rotate(-7deg);width:180px;height:240px}
.p3{right:180px;top:340px;transform:rotate(3deg);width:165px;height:215px}
.envelope{position:absolute;width:330px;height:230px;right:245px;bottom:38px;transform:rotate(-10deg);box-shadow:0 18px 28px rgba(0,0,0,.12);z-index:1;background:#ece4d5 url(https://stylecard.su/image/catalog/5KR/002/011/128.jpg) center/cover}
.envelope:after{display:none}
.wooden-card{position:absolute;left:54px;bottom:40px;width:180px;height:225px;background:#b89a6a url(https://stylecard.su/image/catalog/TPtopper/001/NND-00005.jpg) center/cover;color:#fff;z-index:2;display:flex;align-items:end;padding:16px;font:20px var(--f-display);box-shadow:0 18px 30px rgba(0,0,0,.18);transform:rotate(-6deg);text-shadow:0 1px 6px rgba(0,0,0,.4)}
.hero-order-card{position:absolute;z-index:5;left:26px;bottom:20px;background:#fffdf8;border:1px solid var(--line);padding:17px 21px;border-radius:13px;box-shadow:var(--shadow)}
.hero-order-card span,.hero-order-card small{display:block;color:#77746e;font-size:11px}
.hero-order-card strong{display:block;font-size:25px;margin:3px 0;color:var(--ink)}
.discount-badge{position:absolute;right:18px;top:22px;z-index:6;width:94px;height:94px;border-radius:50%;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#151713;box-shadow:0 10px 30px rgba(0,0,0,.12);text-align:center}
.discount-badge strong{font-size:26px;line-height:1;display:block}
.discount-badge small{font-size:8.5px;line-height:1.2;display:block;max-width:70px}
/* микро-бар и хедер хаба */
.microbar{background:var(--dark);color:#cfd6d1}
.microbar .wrap{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 24px;flex-wrap:wrap}
.microbar .chip{border-radius:999px;background:rgba(200,155,60,.15);color:var(--gold2);border:1px solid rgba(200,155,60,.35)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(247,242,233,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,214,201,.8)}
.site-header .wrap{height:74px;display:flex;align-items:center;gap:30px;max-width:var(--max);margin:auto;padding:0 24px}
.logo-gold{font:700 23px var(--f-display);letter-spacing:-.04em;color:var(--ink);text-decoration:none}
.logo-gold span{font-weight:400;color:var(--gold)}
.hub-nav{display:flex;gap:24px;font-size:13px;margin-left:auto}
.hub-nav a{color:var(--ink);text-decoration:none}
.hub-nav a:hover{color:var(--gold)}
.hub-actions{display:flex;align-items:center;gap:14px}
.hub-phone{font-size:13px;font-weight:700;white-space:nowrap;color:var(--ink);text-decoration:none}
/* наши компоненты — GOLD */
.numbers b,.num-card b{font-family:var(--f-display);font-weight:400}
.pcard{background:var(--card);border-color:var(--line);border-radius:15px}
.pcard:hover{border-color:var(--gold);box-shadow:var(--shadow)}
.kitcard{background:var(--card);border-color:var(--line);border-radius:15px}
.kitcard .price-row b,.kitcard .stats b{font-family:var(--f-display);font-weight:400}
.kitcard--hit{border:2px solid var(--gold);box-shadow:0 10px 30px rgba(200,155,60,.2)}
.kitcard__topbadge{background:var(--gold);color:#151713}
.catcard{background:#fff;border-color:var(--line);border-radius:13px}
/* калькулятор: тёмная панель результата как в макете */
.calc{background:transparent;border:0;box-shadow:none;padding:0;display:grid;grid-template-columns:1.1fr .9fr;gap:25px}
.calc__controls{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:32px}
.calc__result{background:var(--dark);color:#fff;border-radius:24px;padding:42px;border:0}
.calc__result .t,.calc__line span{color:#b8c0ba}
.calc__revenue,.calc__profit{border-color:#37433d}
.calc__profit{background:#28332e;border:1px solid #3c4942;border-radius:16px}
.calc__note--light{color:#8d9791}
.calc-btn{border-color:var(--line);background:#fff;color:var(--ink-2)}
.calc-btn.active{border-color:var(--gold);background:#f8edcf;color:var(--ink)}
input[type=range]{accent-color:var(--gold)}
/* риск — тёмный */
.risk{background:var(--dark);color:#fff;border-radius:24px;padding:56px}
.risk h2,.risk b{color:#fff}
.risk p,.risk__step p{color:#b9c0bb}
.risk__step .n{color:var(--gold2)}
.case{background:var(--card);border-color:var(--line);border-radius:17px;overflow:hidden}
.case-photo{height:260px;background-size:cover;background-position:center}
.final{background:transparent;padding:0;border-radius:0}
.final .wrap{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;background:var(--dark);color:#fff;border-radius:25px;padding:52px;max-width:var(--max)}
.final h2,.final .kicker{color:#fff}
.final p{color:#b6beb8}
.final .form{background:#25302b;border:1px solid #39453f;border-radius:15px;color:#fff}
.final .form input,.final .form select{background:#18211e;color:#fff;border-color:#48534e}
.final .form input::placeholder{color:#8d9791}
/* футер GOLD */
footer.footer-gold{background:#131a18;color:#fff;padding:70px 0 20px}
.footer-gold .wrap{max-width:var(--max);margin:auto;padding:0 24px}
.footer-gold .fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.footer-gold .fgrid p{color:#909a94;font-size:11px;max-width:250px;line-height:1.6}
.footer-gold .fgrid b{display:block;margin-bottom:12px;color:#fff}
.footer-gold .fgrid a{color:#a6afa9;display:block;margin-bottom:9px;font-size:12px;text-decoration:none}
.footer-gold .fgrid a:hover{color:var(--gold2)}
.footer-gold .fphone{color:var(--gold2);font-weight:800}
.footer-gold .fbottom{border-top:1px solid #303a35;margin-top:50px;padding-top:18px;display:flex;justify-content:space-between;color:#737d77;font-size:11px}
/* модалка лида GOLD */
.gold-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center}
.gold-modal.open{display:flex}
.gold-modal .gm-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}
.gold-modal .gm-card{position:relative;width:min(520px,calc(100% - 30px));background:var(--card);border-radius:20px;padding:35px;box-shadow:0 30px 80px rgba(0,0,0,.35);z-index:2}
.gold-modal .gm-card h2{font:400 42px/1 var(--f-display);letter-spacing:-.04em;margin:12px 0}
.gold-modal .gm-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;color:#777;cursor:pointer}
.gold-modal .gm-card form{display:grid;gap:9px}
.gold-modal .gm-card input,.gold-modal .gm-card select{width:100%;padding:14px;border:1px solid var(--line);border-radius:9px;background:#fff;outline:none}
.gold-modal .gm-card .btn{margin-top:10px;width:100%}
.gold-toast{position:fixed;z-index:120;right:20px;bottom:20px;background:var(--dark);color:#fff;padding:14px 18px;border-radius:10px;box-shadow:var(--shadow);transform:translateY(120px);transition:.3s;font-size:12px}
.gold-toast.show{transform:translateY(0)}
/* SVG-иконки (свои) */
.icon-gold{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold-soft);color:#775b22}
.icon-gold svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1050px){.hub-nav{gap:13px}.hub-phone{display:none}}
@media(max-width:760px){
  .hub-nav{display:none}
  .hero .wrap,.calc{grid-template-columns:1fr}
  .hero h1{font-size:54px}
  .final .wrap{grid-template-columns:1fr;padding:30px}
  .footer-gold .fgrid{grid-template-columns:1fr 1fr}
  .calc__result{padding:27px}
}
/* SVG-иконки — фиксированные размеры (без них SVG раздувается) */
.segment-grid .segment>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold-soft)}
.segment-grid .segment>span svg{width:22px;height:22px;stroke:#775b22;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.feature-grid .icon svg{width:19px;height:19px}
.hero h1 .w{display:inline-block}

/* ============ Шрифт Roboto (кириллица+латиница, variable 100–900) ============ */
@font-face{font-family:'Roboto';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/roboto/roboto-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Roboto';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/roboto/roboto-cyrillic-ext.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'Roboto';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/roboto/roboto-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Roboto вместо Georgia во всех дисплейных элементах */
h1,h2,h3,.logo-gold,.kit-card strong,.result-card h2,.final-card h2,.modal-card h2,.wooden-card,.flower-card,.card-product,.pdf-cover b,.risk-visual b,.economy strong,.flower-products strong,.hero-order-card strong{font-family:'Roboto',Arial,Helvetica,sans-serif!important}
/* реальный логотип в GOLD-хедере/футере */
.logo-img{display:flex;align-items:center;text-decoration:none}
.site-header .wrap .logo-img img{height:38px}
/* настоящие фото: убираем декоративный CSS-арт GPT поверх фото */
.art:before,.art:after,.kit-img:before,.kit-img:after{display:none!important}
.kit-img img,.art img{width:100%;height:100%;object-fit:cover;display:block}
/* хиты/кейсы/risk: настоящее фото вместо белых карточек-заглушек */
.prod-visual:before,.prod-visual:after,
.case-photo:before,.case-photo:after,
.risk-photo:before,.risk-photo:after{display:none!important;content:none!important}
.prod-visual img{width:100%;height:100%;object-fit:cover;border-radius:11px;display:block}

/* блок «Бесплатные образцы» (ТЗ §11): фото-композиция + список + CTA */
.samples{background:linear-gradient(180deg,var(--paper2,#f2ebdd),var(--paper,#f7f2e9))}
.samples-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.samples-photos{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;min-height:340px}
.samples-photos img{width:100%;height:100%;object-fit:cover;border-radius:14px;border:1px solid rgba(200,155,60,.25);box-shadow:0 14px 30px rgba(24,32,29,.10)}
.samples-photos img:first-child{grid-row:1/3;height:100%}
.samples-list{list-style:none;padding:0;margin:18px 0 26px;color:#77746e;font-size:14px;line-height:1.5}
.samples-list li{padding:7px 0 7px 26px;position:relative;border-bottom:1px dashed rgba(200,155,60,.3)}
.samples-list li:before{content:"✓";position:absolute;left:2px;color:var(--gold);font-weight:700}
@media(max-width:1050px){.samples-grid{grid-template-columns:1fr;gap:26px}.samples-photos{min-height:240px}}

/* SVG-иконки сегментов: аккуратные line-иконки в золотых кружках */
.segment-grid .segment>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold-soft)}
.segment-grid .segment>span svg{width:22px;height:22px;stroke:#775b22;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-grid .icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* PDF-карточка: живая композиция фото вместо CSS-мока */
.pdf-photos{position:relative;height:300px}
.pdf-photos img{position:absolute;border-radius:8px;box-shadow:0 20px 45px rgba(0,0,0,.4);border:1px solid rgba(200,155,60,.35);object-fit:cover}
.pdf-photos img:nth-child(1){width:52%;left:4%;top:8%;transform:rotate(-5deg);z-index:3}
.pdf-photos img:nth-child(2){width:46%;left:42%;top:20%;transform:rotate(3deg);z-index:2}
.pdf-photos img:nth-child(3){width:40%;left:58%;top:36%;transform:rotate(7deg);z-index:1}

/* Risk: живое фото в визуале */
.risk-photo{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(200,155,60,.35);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.risk-photo img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9}
.risk-photo .rv-cap{position:absolute;left:18px;bottom:14px;color:var(--gold2);font-weight:800;letter-spacing:.14em;font-size:11px;text-shadow:0 1px 8px rgba(0,0,0,.5)}

/* Flower: живое фото + карточка-открытка */
.flower-real{position:relative}
.flower-real img{width:100%;height:520px;object-fit:cover;display:block;border:1px solid rgba(200,155,60,.35)}
.flower-real .flower-card{position:absolute;bottom:-18px;right:26px;background:#fff9ef;padding:26px 36px;font:27px Georgia,serif;transform:rotate(3deg);box-shadow:0 18px 30px rgba(0,0,0,.18);border:1px solid var(--gold)}
.flower-real .flower-card small{font:12px Arial;color:var(--gold)}

/* Delivery: 3 колонки с разделителями */
.delivery-cards.three{display:grid;grid-template-columns:repeat(3,1fr);background:var(--card);border:1px solid var(--line)}
.delivery-cards.three article{padding:28px 24px;border-right:1px solid var(--line)}
.delivery-cards.three article:last-child{border-right:0}
.delivery-cards.three .d-ico{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid rgba(200,155,60,.4);color:#775b22;margin-bottom:16px}
.delivery-cards.three .d-ico svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.delivery-cards.three h3{font:400 20px Georgia,serif}
.delivery-note.wide{display:flex;align-items:baseline;gap:14px;border:0;border-top:1px solid var(--line);border-radius:0;padding:18px 0 0;margin-top:22px;background:transparent}
.delivery-note.wide b{font:23px Georgia,serif}
@media(max-width:900px){.delivery-cards.three{grid-template-columns:1fr}.delivery-cards.three article{border-right:0;border-bottom:1px solid var(--line)}}

/* хаб: моб sticky CTA (ТЗ §31) — только на <=760px, поверх cart-bar */
.hub-sticky{display:none}
@media(max-width:760px){
  .hub-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;gap:1px;background:var(--dark,#18201d);box-shadow:0 -10px 24px rgba(0,0,0,.25);padding:0}
  .hub-sticky .hs-lead{flex:2;background:var(--gold,#c89b3c);color:#fff;border:0;font:700 15px/1 var(--f-body,inherit);padding:16px 10px;cursor:pointer;letter-spacing:.02em}
  .hub-sticky .hs-phone{flex:1;background:transparent;color:#f6f0e3;border:0;font:600 15px/1 var(--f-body,inherit);padding:16px 10px;text-decoration:none;text-align:center}
  body{padding-bottom:52px}
}

/* киты: 6 карточек (ТЗ §10) — 3 колонки на десктопе вместо 4 */
.kit-grid{grid-template-columns:repeat(3,1fr)}

/* Roboto-стрэгглеры (дизайн-ревью): перевести остатки Georgia */
.card-product .cap,.quick-note b,.shelf-stats b span,.shelf-potential strong,.delivery-note.wide b{font-family:var(--f-display,Roboto),sans-serif!important}

/* фокус-стейты полей и кнопок (доступность) */
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold,#c89b3c);outline-offset:1px}
.btn:focus-visible,button:focus-visible{outline:2px solid var(--gold,#c89b3c);outline-offset:2px}