/* v0.21.476 — Event-orangery desktop only: both 01/02/03 scenario rows reserve two title lines so body copy starts on one baseline; mobile unchanged. */
/* v0.21.475 — Event-orangery: remove the final décor/music/equipment checklist row; set the remaining checklist labels to semibold 600 only. */
/* v0.21.474 — Event-orangeries: exact typography parity with the Orangery feature blocks; geometry unchanged. */
/* v0.21.473 — Event-orangeries feature blocks: shared typography controls; no local body/type font sizes. */

:root{
  --bg:#f4f3ef; --paper:#fff; --ink:#161817; --muted:#6c706c; --dark:#111413;
  --line:#deded8; --green:#5e8f28; --green2:#7cae39; --gold:#c59a4a; --radius:0px;
  --max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
.site-header{height:84px;background:rgba(12,15,14,.97);color:#fff;display:grid;grid-template-columns:245px 1fr auto;align-items:center;padding:0 34px;gap:28px;position:sticky;top:0;z-index:50;border-bottom:1px solid #2a2d2b}
.brand img{width:215px;height:60px;object-fit:contain;object-position:left center}
.nav{display:flex;justify-content:center;gap:28px;font-size:13px;text-transform:uppercase;letter-spacing:.04em}
.nav a{opacity:.9;padding:12px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav .active-link{opacity:1;border-color:var(--gold)}
.header-contact{display:flex;align-items:center;gap:18px;text-align:right}
.header-contact>div:first-child{display:flex;flex-direction:column;gap:4px}
.phone{font-weight:700;font-size:15px}
.header-contact span{font-size:11px;color:#bfc3bf}
.messengers{display:flex;gap:8px}
.messengers a{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
.wa{background:#27ae60}.tg{background:#229ed9}.max{background:#6d52d9}
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{height:min(650px,72vh);min-height:540px;position:relative;overflow:hidden;background:#111}
.slides,.slide{position:absolute;inset:0}
.slide{opacity:0;pointer-events:none;background-size:cover;background-position:center;transition:opacity .7s ease}
.slide.active{opacity:1;pointer-events:auto}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25) 55%,rgba(0,0,0,.06))}
.hero-copy{position:absolute;left:max(5vw,40px);top:50%;transform:translateY(-48%);color:#fff;width:min(650px,62vw)}
.eyebrow,.kicker{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800}
.hero-copy h1{font-size:clamp(38px,5vw,70px);line-height:1.02;margin:14px 0 18px;font-weight:500;letter-spacing:-.035em}
.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.55;max-width:620px;color:#eceeea}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid transparent;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}
.btn.light{background:#f5f1e7;color:#161817}
.btn.outline{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(0,0,0,.15)}
.btn.dark{background:var(--dark);color:#fff}
.btn.gold{background:var(--gold);color:#111}
.btn.whatsapp{background:#fff;color:#247d3c;border-color:#247d3c}
.btn.full{width:100%}
.hero-note{margin-top:34px;font-size:13px;border-left:2px solid var(--gold);padding-left:14px}
.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:58px;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.25);color:#fff;font-size:38px;z-index:5;cursor:pointer}
.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}
.dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}
.dot{width:9px;height:9px;border-radius:50%;border:1px solid #fff;background:transparent;padding:0}
.dot.active{background:#fff}
.equipment-strip{background:#151817;color:#fff;display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid #2a2e2b;border-bottom:1px solid #2a2e2b}
.equipment-strip a{min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-right:1px solid #353936;text-align:center;padding:10px 5px}
.equipment-strip a:last-child{border-right:0}
.equipment-strip b{font-size:26px;font-weight:400}.equipment-strip span{font-size:11px}
.section{max-width:var(--max);margin:0 auto;padding:80px 40px}
.section-title{text-align:center;margin-bottom:38px}.section-title p{color:#94763f;margin:0 0 10px}.section-title h2,.section-head h2{font-size:38px;margin:0;font-weight:500}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.solution-card{background:#fff;border:1px solid var(--line);overflow:hidden}
.solution-card img{width:100%;height:235px;object-fit:cover}
.solution-card>div{padding:18px;position:relative;min-height:120px}
.solution-card>div>span{position:absolute;right:15px;top:-24px;background:#fff;border:1px solid var(--line);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#a26d2f}
.solution-card h3{margin:0 0 8px;font-size:16px;text-transform:uppercase}.solution-card p{margin:0;color:var(--muted);font-size:13px}
.ready{display:grid;grid-template-columns:320px 1fr;gap:26px;align-items:stretch;padding-top:20px}
.ready-copy{background:#fff;border:1px solid var(--line);padding:38px}
.ready-copy h2{font-size:34px;line-height:1.08;margin:12px 0}.ready-copy p{line-height:1.65;color:var(--muted)}
.equipment-visual{min-height:460px;position:relative;overflow:hidden;background:#111}
.equipment-visual>img{width:100%;height:100%;min-height:460px;object-fit:cover}
.tag{position:absolute;background:rgba(13,15,14,.88);border:1px solid rgba(255,255,255,.38);color:#fff;padding:10px 14px;font-size:12px;display:flex;gap:8px;align-items:center}
.t1{left:7%;top:12%}.t2{left:43%;top:18%}.t3{right:7%;top:12%}.t4{left:7%;bottom:12%}.t5{left:42%;bottom:8%}.t6{right:5%;bottom:12%}
.benefits{max-width:var(--max);margin:0 auto 25px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line)}
.benefits>div{padding:24px;display:flex;align-items:center;gap:16px;border-right:1px solid var(--line)}
.benefits>div:last-child{border-right:0}.benefits b{font-size:30px;color:var(--green)}.benefits span{font-size:12px;color:var(--muted)}.benefits strong{display:block;color:var(--ink);font-size:13px;margin-bottom:5px;text-transform:uppercase}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.text-link{font-size:12px;color:#a2652b;text-transform:uppercase;font-weight:800}
.projects-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.projects-grid article{background:#fff;border:1px solid var(--line)}.projects-grid img{height:190px;width:100%;object-fit:cover}.projects-grid h3{font-size:15px;margin:15px 15px 5px}.projects-grid p{font-size:12px;color:var(--muted);margin:0 15px 18px}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.steps>div{background:#fff;padding:22px;min-height:170px}.steps b{color:#b36e2b}.steps h3{font-size:13px;text-transform:uppercase}.steps p{font-size:12px;color:var(--muted);line-height:1.5}
.cta{background:#151817;color:#fff;max-width:var(--max);margin:0 auto 60px;padding:50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:38px;margin:8px 0}.cta p{color:#c9cec9;max-width:800px}
footer{background:#0f1110;color:#aeb3ae;padding:35px 5vw;display:grid;grid-template-columns:200px 1fr auto;align-items:center;gap:30px;font-size:12px}footer img{width:180px}
.calc-wrap{max-width:1500px;margin:auto;padding:60px 36px}.calc-intro{text-align:center;max-width:840px;margin:0 auto 40px}.calc-intro h1{font-size:48px;font-weight:500;margin:12px 0}.calc-intro p:last-child{color:var(--muted);line-height:1.6}
.calculator-layout{display:grid;grid-template-columns:minmax(280px,420px) minmax(520px,1fr) 300px;gap:22px;align-items:start}
.calc-photo{position:sticky;top:110px;background:#111}.calc-photo img{width:100%;height:680px;object-fit:cover}.calc-photo-caption{background:#111;color:#fff;padding:18px 22px;display:flex;flex-direction:column;gap:4px}.calc-photo-caption span{font-size:12px;color:#bbb}
.calc-panel{display:flex;flex-direction:column;gap:16px}.calc-step{background:#fff;border:1px solid var(--line);padding:24px}.step-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.step-title b{width:30px;height:30px;background:var(--green);color:#fff;display:grid;place-items:center}.step-title h2{font-size:18px;margin:0}.calc-step>label{display:block;font-weight:700;font-size:12px;margin:16px 0 8px}
.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice{background:#fff;border:1px solid var(--line);padding:14px 16px;cursor:pointer;text-align:left}.choice.active{border-color:var(--green);box-shadow:inset 0 0 0 1px var(--green);color:#315b17;background:#f6faef}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-card{border:1px solid var(--line);padding:14px;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.check-card input{margin-top:3px;accent-color:var(--green)}.check-card strong{font-size:13px;display:block}.check-card small{color:var(--muted);display:block;margin-top:4px}
.total-card{position:sticky;top:110px;background:#fff;border:1px solid var(--line);padding:26px;box-shadow:0 12px 30px rgba(0,0,0,.06)}.total-card>span{font-size:12px;color:var(--muted)}.total-card>strong{display:block;font-size:34px;color:#477825;margin:14px 0 22px}.total-lines{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin-bottom:18px}.total-lines p{display:flex;justify-content:space-between;gap:20px;font-size:12px}.total-card .btn{margin-top:10px}.total-card small{display:block;color:var(--muted);line-height:1.5;margin-top:18px}.calc-note{margin:30px 0 0;background:#fff;border:1px solid var(--line);padding:22px 28px}.calc-note p{margin:6px 0;color:var(--muted)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;place-items:center;z-index:100}.modal.open{display:grid}.modal-card{position:relative;width:min(520px,92vw);background:#fff;padding:34px}.modal-close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.modal-card form{display:grid;gap:10px}.modal-card input,.modal-card textarea{width:100%;padding:13px;border:1px solid var(--line);border-radius:0}.form-status{font-size:12px;color:#477825}
@media (max-width:1100px){
  .site-header{grid-template-columns:220px 1fr auto}.nav{gap:16px}.header-contact .messengers{display:none}
  .equipment-strip{grid-template-columns:repeat(4,1fr)}
  .equipment-strip a:nth-child(4n){border-right:0}.equipment-strip a{border-bottom:1px solid #353936}
  .solution-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}
  .ready{grid-template-columns:1fr}.ready-copy{padding:30px}
  .steps{grid-template-columns:repeat(3,1fr)}
  .calculator-layout{grid-template-columns:1fr 1.5fr}.total-card{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}.total-card>small{grid-column:1/-1}
}
@media (max-width:760px){
  .site-header{height:74px;padding:0 16px;grid-template-columns:1fr auto}.brand img{width:190px;height:54px}.menu-btn{display:block;grid-column:2}.nav{display:none;position:absolute;left:0;right:0;top:74px;background:#111;padding:18px;flex-direction:column;gap:2px}.nav.open{display:flex}.header-contact{display:none}
  .hero{min-height:620px;height:72vh}.hero-copy{left:22px;right:22px;width:auto;top:auto;bottom:66px;transform:none}.hero-copy h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:15px}.slider-arrow{width:40px;height:50px}.slider-arrow.prev{left:0}.slider-arrow.next{right:0}
  .equipment-strip{grid-template-columns:repeat(2,1fr)}.equipment-strip a:nth-child(2n){border-right:0}
  .section{padding:55px 18px}.solution-grid,.projects-grid{grid-template-columns:1fr}.solution-card img{height:230px}
  .ready{padding-top:0}.equipment-visual,.equipment-visual>img{min-height:520px}.tag{font-size:10px;padding:8px 9px}.t1{left:4%;top:9%}.t2{left:35%;top:19%}.t3{right:4%;top:9%}.t4{left:4%;bottom:16%}.t5{left:32%;bottom:6%}.t6{right:3%;bottom:16%}
  .benefits{grid-template-columns:1fr;margin:0 18px 20px}.benefits>div{border-right:0;border-bottom:1px solid var(--line)}.benefits>div:last-child{border-bottom:0}
  .steps{grid-template-columns:repeat(2,1fr)}.cta{margin:0 18px 40px;padding:34px 24px;flex-direction:column;align-items:flex-start}.cta h2{font-size:30px}footer{grid-template-columns:1fr;padding:30px 20px}
  .calc-wrap{padding:38px 16px}.calc-intro h1{font-size:36px}.calculator-layout{grid-template-columns:1fr}.calc-photo{position:static}.calc-photo img{height:380px}.total-card{display:block}.choice-grid,.check-grid{grid-template-columns:1fr}
}


/* V2 visual refinement */
.site-header{backdrop-filter:blur(10px)}
.phone-preview{
  position:absolute;right:5.2vw;bottom:-38px;width:245px;height:455px;border:8px solid #070807;
  border-radius:34px;background:#050605;z-index:7;box-shadow:0 18px 45px rgba(0,0,0,.45);
}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:105px;height:19px;background:#050605;border-radius:0 0 13px 13px;z-index:3}
.phone-screen{position:absolute;inset:5px;border-radius:25px;overflow:hidden;background:
  linear-gradient(rgba(5,9,8,.25),rgba(5,9,8,.72)),
  url('assets/hero-evening.webp') center/cover}
.phone-logo{position:absolute;left:16px;top:28px;width:130px;height:auto}
.phone-menu{position:absolute;right:18px;top:29px;color:#fff;font-size:19px}
.phone-copy{position:absolute;left:18px;right:18px;bottom:28px;color:#fff}
.phone-copy strong{font-size:18px;line-height:1.2;text-transform:uppercase}
.phone-copy p{font-size:11px;line-height:1.5;color:#eee}
.phone-button{display:block;background:#f3eee3;color:#111;text-transform:uppercase;font-size:9px;font-weight:800;padding:10px 7px;text-align:center;margin-top:8px}
.phone-button.ghost{background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.6);color:#fff}
.hero-copy{padding-right:260px;width:min(900px,76vw)}
.solution-card a{display:inline-block;margin-top:16px;color:#a2652b;font-size:11px;text-transform:uppercase;font-weight:800}
.chips{display:flex;gap:6px;flex-wrap:wrap;padding:0 15px 16px}
.chips span{font-size:10px;border:1px solid #ddd7cc;padding:5px 7px;background:#fbfaf7}
.mobile-bottom{display:none}

@media(max-width:1100px){
  .phone-preview{display:none}
  .hero-copy{padding-right:0;width:min(650px,70vw)}
}
@media(max-width:760px){
  body{padding-bottom:62px}
  .hero{min-height:690px;height:78vh}
  .hero-copy{width:auto;padding-right:0}
  .hero-copy h1{font-size:39px}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .hero-actions .btn{width:100%}
  .equipment-strip{grid-template-columns:repeat(2,1fr)}
  .equipment-strip a{min-height:82px}
  .equipment-strip span{font-size:10px}
  .section-title h2,.section-head h2{font-size:30px}
  .section-head{align-items:flex-start;gap:15px;flex-direction:column}
  .ready-copy h2{font-size:30px}
  .mobile-bottom{
    position:fixed;left:0;right:0;bottom:0;height:62px;background:#101211;display:grid;
    grid-template-columns:1fr 1fr;z-index:90;border-top:1px solid #2d302e
  }
  .mobile-bottom a{display:grid;place-items:center;color:#fff;text-transform:uppercase;font-size:11px;font-weight:800}
  .mobile-bottom a:last-child{background:#6c962e}
  footer{padding-bottom:45px}
}


/* V3 finalisation */
.email-mini{font-size:11px;color:#bfc3bf}
.project-price{font-size:17px!important;font-weight:800;color:#4f7e28!important;margin-top:7px!important}
.price-status{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.price-status span{font-size:11px;background:#fff;border:1px solid var(--line);padding:7px 10px;color:#5c615d}
.request-warning{font-size:11px;line-height:1.45;padding:10px 12px;background:#fff4dc;border:1px solid #e4c680;margin-bottom:10px}
.check-card.request-only{background:#fbf8f0}
.check-card.unavailable{opacity:.48}
.contact-section{max-width:var(--max);margin:0 auto 60px;display:grid;grid-template-columns:1.5fr .8fr;background:#fff;border:1px solid var(--line)}
.contact-main{padding:50px}
.contact-main h2{font-size:42px;font-weight:500;margin:10px 0}
.contact-main>p:not(.kicker){color:var(--muted);line-height:1.6}
.contact-links{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:30px}
.contact-links a{padding:20px;border-right:1px solid var(--line)}
.contact-links a:last-child{border-right:0}
.contact-links span{display:block;text-transform:uppercase;font-size:10px;color:#8a8f8b;margin-bottom:7px}
.contact-links strong{font-size:13px}
.social-note{font-size:11px!important;margin-top:16px}
.contact-cta{background:#151817;color:#fff;padding:50px;display:flex;flex-direction:column;justify-content:center}
.contact-cta>span{font-size:11px;text-transform:uppercase;color:#bfc4c0}
.contact-cta>strong{font-size:30px;line-height:1.1;margin:8px 0}
.contact-cta p{font-size:13px;color:#c5cac6;line-height:1.5}
.footer-contacts{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
.footer-contacts a{color:#fff}
.pending-social{position:relative}
.pending-social:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#d8a945;right:-2px;top:-2px}
@media(max-width:900px){
  .contact-section{grid-template-columns:1fr;margin-left:18px;margin-right:18px}
  .contact-links{grid-template-columns:1fr}
  .contact-links a{border-right:0;border-bottom:1px solid var(--line)}
  .contact-links a:last-child{border-bottom:0}
}
@media(max-width:760px){
  .contact-main,.contact-cta{padding:30px 22px}
  .contact-main h2{font-size:32px}
  .price-status{justify-content:flex-start}
  .footer-contacts{justify-content:flex-start}
}


/* Premium calculator style */
.calculator-premium{background:#f4f3ef}
.calc-topline{background:linear-gradient(90deg,#1b1d1c,#2a2c2b,#1b1d1c);color:#fff;padding:11px 34px;border-bottom:1px solid rgba(255,255,255,.08)}
.calc-breadcrumbs{max-width:1440px;margin:0 auto;font-size:12px;color:#d7dad7}
.calc-breadcrumbs a{color:#fff}
.calc-breadcrumbs span{margin:0 6px}

.calc-premium-wrap{max-width:1480px;margin:auto;padding:34px 18px 60px}
.calc-hero-head{text-align:center;padding:12px 0 26px}
.calc-hero-head h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:62px;font-weight:500;letter-spacing:.02em;text-transform:uppercase;color:#20211f}
.calc-hero-head p{margin:14px 0 0;color:#6e726e;font-size:21px}
.head-divider{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;color:#c59a4a}
.head-divider span{width:120px;height:1px;background:#d6c3a4}
.head-divider i{font-style:normal;font-size:22px}

.calc-premium-grid{display:grid;grid-template-columns:minmax(290px,510px) minmax(560px,1fr) 330px;gap:18px;align-items:start}
.calc-showcase{display:flex;flex-direction:column;gap:16px}
.showcase-image{background:#fff;border:1px solid #e3e0d9;padding:0}
.showcase-image img{width:100%;height:760px;object-fit:cover}
.showcase-advantages{display:grid;grid-template-columns:repeat(4,1fr);background:#111413;color:#fff;border:1px solid #202220}
.showcase-advantages>div{padding:18px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;border-right:1px solid rgba(255,255,255,.12)}
.showcase-advantages>div:last-child{border-right:0}
.showcase-advantages b{font-size:22px;color:#d2ac65}
.showcase-advantages strong{display:block;font-size:12px;text-transform:uppercase;margin-bottom:6px}
.showcase-advantages span{font-size:11px;line-height:1.45;color:#d6d9d6}
.showcase-help{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;background:#f7f5f1;border:1px solid #e3e0d9;padding:18px}
.help-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#5d8d2a;color:#fff;font-size:22px}
.help-copy strong{display:block;margin-bottom:4px}
.help-copy span{font-size:12px;color:#666a66;line-height:1.45}
.btn.light-outline{background:#fff;border:1px solid #cfd3cf;color:#111}

.premium-panel{gap:0}
.premium-step{background:#fff;border:1px solid #e3e0d9;border-radius:18px;padding:20px 20px 18px;margin-bottom:14px}
.premium-step .step-title{margin-bottom:16px}
.premium-step .step-title b{width:28px;height:28px;border-radius:6px;background:#5d8d2a;color:#fff;font-size:14px}
.premium-step .step-title h2{font-size:17px;font-weight:700}
.premium-type-grid{grid-template-columns:repeat(4,1fr)}
.premium-choice{min-height:130px;border-radius:14px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-weight:700}
.premium-choice .choice-icon{font-size:38px;color:#636764}
.premium-choice .choice-label{font-size:14px;line-height:1.3;text-align:center}
.size-block{display:grid;grid-template-columns:1fr 200px;gap:18px;align-items:center}
.size-diagram{height:140px;border:1px solid #ece9e1;border-radius:12px;display:grid;place-items:center;position:relative;background:#fcfbf8}
.mini-greenhouse{font-size:56px;color:#909591}
.mini-lines{position:absolute;inset:0}
.mini-lines .line-x{position:absolute;left:42px;right:34px;bottom:32px;height:1px;background:#9a9f9b}
.mini-lines .line-y{position:absolute;right:42px;top:32px;bottom:42px;width:1px;background:#9a9f9b}
.mini-lines .label-x{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-size:10px;color:#777}
.mini-lines .label-y{position:absolute;right:14px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:10px;color:#777}
.choice-row .choice{border-radius:10px;padding:12px 18px;min-width:70px;text-align:center;font-weight:700}
.choice-row .choice.active,.premium-choice.active{background:#5d8d2a;color:#fff;border-color:#5d8d2a;box-shadow:none}
.premium-choice.active .choice-icon,.premium-choice.active .choice-label{color:#fff}
.premium-check-grid{grid-template-columns:repeat(4,1fr)}
.premium-check-grid .check-card{min-height:116px;border-radius:12px;background:#fff;padding:14px 12px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}
.premium-check-grid .check-card input{align-self:flex-start}
.premium-check-grid .check-card strong{font-size:14px;line-height:1.3}
.premium-check-grid .check-card small{line-height:1.4}
.equip-grid .check-card{min-height:108px}

.premium-total-card{background:#fff;border:1px solid #e3e0d9;border-radius:22px;padding:28px 26px;box-shadow:0 12px 30px rgba(0,0,0,.05)}
.premium-total-card>span{font-size:14px;color:#70756f}
.premium-total-card>strong{font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1.05;color:#4f7e28;margin:18px 0 22px}
.premium-total-card .total-lines{margin-bottom:20px}
.premium-total-card .total-lines p{font-size:14px;padding:4px 0}
.premium-total-card .btn{border-radius:10px}
.premium-total-card small{display:block;margin-top:14px;line-height:1.5;color:#7a7e7a;font-size:12px}

.calc-benefits-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #e3e0d9;margin-top:28px}
.calc-benefits-row>div{padding:24px 22px;display:flex;align-items:flex-start;gap:14px;border-right:1px solid #e8e5de}
.calc-benefits-row>div:last-child{border-right:0}
.calc-benefits-row b{font-size:28px;color:#6a972d}
.calc-benefits-row strong{display:block;font-size:14px;margin-bottom:5px}
.calc-benefits-row span{font-size:12px;color:#676b67;line-height:1.5}

.calc-bottom-cta{display:grid;grid-template-columns:290px 1fr 420px;align-items:stretch;margin-top:24px;background:#111413;color:#fff;border:1px solid #1f2220;overflow:hidden}
.calc-bottom-cta .cta-image{background:url('assets/hero-evening.webp') center/cover}
.calc-bottom-cta .cta-content{padding:34px 28px}
.calc-bottom-cta h2{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:40px;font-weight:500}
.calc-bottom-cta p{margin:0;color:#cdd1cd;line-height:1.6}
.cta-form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:28px}
.cta-form input{min-height:52px;border:1px solid rgba(255,255,255,.18);background:#0e100f;color:#fff;padding:0 14px}
.cta-form input::placeholder{color:#9fa49f}
.cta-form .btn{min-width:180px}

.premium-note{margin-top:18px;background:#fff;border:1px solid #e3e0d9;padding:18px 20px}
.premium-note strong{display:block;margin-bottom:8px}
.premium-note p{margin:0;color:#666a66;line-height:1.55}

@media (max-width:1280px){
  .calc-premium-grid{grid-template-columns:1fr;gap:16px}
  .showcase-image img{height:520px}
  .premium-total-card>strong{font-size:44px}
}
@media (max-width:980px){
  .calc-hero-head h1{font-size:42px}
  .calc-hero-head p{font-size:17px}
  .premium-type-grid,.premium-check-grid{grid-template-columns:repeat(2,1fr)}
  .showcase-advantages{grid-template-columns:repeat(2,1fr)}
  .calc-benefits-row{grid-template-columns:repeat(2,1fr)}
  .calc-bottom-cta{grid-template-columns:1fr}
  .calc-bottom-cta .cta-image{min-height:180px}
}
@media (max-width:760px){
  .calc-topline{padding:10px 16px}
  .calc-premium-wrap{padding:22px 12px 36px}
  .calc-hero-head h1{font-size:32px;line-height:1.15}
  .calc-hero-head p{font-size:14px}
  .head-divider span{width:50px}
  .showcase-image img{height:330px}
  .showcase-help{grid-template-columns:1fr;justify-items:start}
  .size-block{grid-template-columns:1fr}
  .premium-type-grid,.premium-check-grid,.calc-benefits-row{grid-template-columns:1fr}
  .showcase-advantages{grid-template-columns:1fr 1fr}
  .premium-total-card>strong{font-size:38px}
  .calc-bottom-cta h2{font-size:28px}
  .cta-form{grid-template-columns:1fr}
}


/* =========================================================
   V5 — premium unified visual language
   Rectangular UI, serif display typography, green/gold accents
   ========================================================= */

.home-premium{background:#f5f4f0;color:#171917}
.utility-bar{height:32px;background:#111413;color:#c9ccc9;font-size:10px;letter-spacing:.03em}
.utility-inner{max-width:1480px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}
.utility-inner>div{display:flex;gap:24px}
.utility-inner a{color:#e7e9e7}

.premium-header{height:92px;background:#fff;display:grid;grid-template-columns:290px 1fr auto;align-items:center;padding:0 28px;gap:28px;border-bottom:1px solid #dedbd4;position:sticky;top:0;z-index:80}
.premium-brand img{width:245px;height:76px;object-fit:contain;object-position:left center}
.premium-nav{display:flex;justify-content:center;gap:34px}
.premium-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding:12px 0;border-bottom:1px solid transparent}
.premium-nav a:hover{border-color:#b58b43}
.premium-header-actions{display:flex;align-items:center;gap:9px}
.social-circle{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#fff!important;font-weight:800;font-size:12px}
.header-calc-btn{height:42px;padding:0 18px;display:flex;align-items:center;border:1px solid #5d8d2a;color:#4d7722;text-transform:uppercase;font-size:11px;font-weight:800;margin-left:5px}
.premium-menu-btn{display:none;border:0;background:none;font-size:28px}

.premium-hero{height:660px;position:relative;overflow:hidden;background:#111}
.premium-slides,.premium-slide{position:absolute;inset:0}
.premium-slide{opacity:0;pointer-events:none;background-size:cover;background-position:center;transition:opacity .7s ease}
.premium-slide.active{opacity:1;pointer-events:auto}
.premium-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.78),rgba(7,9,8,.35) 54%,rgba(7,9,8,.12))}
.premium-hero-copy{position:absolute;left:max(5vw,54px);top:50%;transform:translateY(-50%);width:min(720px,65vw);color:#fff}
.premium-eyebrow,.section-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:#d6b56f}
.premium-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:72px;line-height:.98;font-weight:500;letter-spacing:-.03em;margin:16px 0 22px}
.premium-hero-copy>p:not(.premium-eyebrow){font-size:17px;line-height:1.65;max-width:640px;color:#e7e9e7}
.premium-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.premium-btn{min-height:50px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.04em;border:1px solid transparent}
.premium-btn-light{background:#f5f1e8;color:#151715}
.premium-btn-ghost{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(0,0,0,.18)}
.premium-btn-dark{background:#131614;color:#fff}
.premium-hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:36px;font-size:11px;color:#d3d6d3}
.premium-hero-meta span{padding-left:12px;border-left:1px solid #c89f57}
.premium-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:48px;height:60px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.45);color:#fff;font-size:38px}
.premium-arrow.prev{left:18px}.premium-arrow.next{right:18px}
.premium-dots{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:6}
.premium-dot{width:34px;height:2px;border:0;background:rgba(255,255,255,.38);padding:0}
.premium-dot.active{background:#fff}

.premium-equipment-bar{background:#fff;display:grid;grid-template-columns:repeat(8,1fr);border-bottom:1px solid #dedbd4}
.premium-equipment-bar a{min-height:112px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-right:1px solid #e7e4de;padding:12px 8px}
.premium-equipment-bar a:last-child{border-right:0}
.premium-equipment-bar svg{width:32px;height:32px;color:#151715}
.premium-equipment-bar span{font-size:11px;text-transform:uppercase;text-align:center;font-weight:700}

.premium-section{max-width:1480px;margin:auto;padding:92px 28px}
.premium-heading{text-align:center;max-width:850px;margin:0 auto 44px}
.premium-heading>span{font-size:11px;letter-spacing:.17em;color:#9b7841;font-weight:800}
.premium-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:52px;font-weight:500;margin:10px 0}
.premium-heading p{color:#6d726d;line-height:1.6;font-size:15px}
.premium-divider{display:flex;justify-content:center;align-items:center;gap:12px;color:#c59a4a;margin:10px 0}
.premium-divider i{display:block;width:100px;height:1px;background:#d9c7a9}
.premium-divider b{font-size:17px}
.premium-heading-left{text-align:left;margin-left:0}
.premium-heading-left .premium-divider{justify-content:flex-start}

.premium-solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.premium-solution-grid article{background:#fff;border:1px solid #dedbd4}
.solution-image{height:240px;overflow:hidden}
.solution-image img{width:100%;height:100%;object-fit:cover}
.solution-body{padding:24px;position:relative;min-height:215px}
.solution-no{font-family:Georgia,"Times New Roman",serif;color:#b28b4d;font-size:18px}
.solution-body h3{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;margin:10px 0}
.solution-body p{font-size:13px;line-height:1.55;color:#6c716c}
.solution-body a{position:absolute;bottom:22px;left:24px;font-size:11px;text-transform:uppercase;color:#557f2c;font-weight:800}

.premium-equipment-section{max-width:1480px;margin:0 auto 70px;display:grid;grid-template-columns:400px 1fr;background:#fff;border:1px solid #dedbd4}
.equipment-copy{padding:52px 42px}
.equipment-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:46px;font-weight:500;line-height:1.06;margin:12px 0 18px}
.equipment-copy>p{color:#6b706b;line-height:1.65;font-size:14px}
.equipment-list{margin:28px 0}
.equipment-list>div{display:flex;gap:14px;align-items:center;padding:13px 0;border-top:1px solid #ebe8e2}
.equipment-list>div:last-child{border-bottom:1px solid #ebe8e2}
.equipment-list svg{width:29px;height:29px;color:#5f8f2e;flex:0 0 auto}
.equipment-list span{font-size:12px;color:#707570}
.equipment-list strong{display:block;color:#181a18;font-size:13px;margin-bottom:3px}
.premium-text-btn{font-size:11px;text-transform:uppercase;color:#557f2c;font-weight:800}
.equipment-photo{position:relative;min-height:590px;overflow:hidden}
.equipment-photo>img{width:100%;height:100%;object-fit:cover}
.equipment-caption{position:absolute;background:rgba(13,16,14,.88);border:1px solid rgba(255,255,255,.38);color:#fff;padding:10px 13px;display:flex;align-items:center;gap:8px;font-size:11px}
.equipment-caption svg{width:20px;height:20px}
.cap1{left:5%;top:10%}.cap2{left:42%;top:17%}.cap3{right:4%;top:10%}.cap4{left:5%;bottom:11%}.cap5{left:42%;bottom:7%}.cap6{right:4%;bottom:11%}

.premium-benefit-strip{max-width:1480px;margin:0 auto 60px;display:grid;grid-template-columns:repeat(4,1fr);background:#151817;color:#fff}
.premium-benefit-strip>div{padding:30px 26px;border-right:1px solid rgba(255,255,255,.12)}
.premium-benefit-strip>div:last-child{border-right:0}
.benefit-icon{font-family:Georgia,"Times New Roman",serif;color:#d4ad64;font-size:24px}
.premium-benefit-strip strong{display:block;text-transform:uppercase;font-size:12px;margin:10px 0 7px}
.premium-benefit-strip p{margin:0;color:#c6cac6;font-size:12px;line-height:1.5}

.premium-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.premium-project-grid article{background:#fff;border:1px solid #dedbd4}
.premium-project-grid img{height:310px;width:100%;object-fit:cover}
.project-body{padding:22px}
.project-body>div{display:flex;justify-content:space-between;gap:10px;font-size:10px;text-transform:uppercase;color:#8b8f8b}
.project-body h3{font-family:Georgia,"Times New Roman",serif;font-size:25px;font-weight:500;margin:11px 0}
.project-body p{font-size:12px;color:#6e736e;margin:0}
.premium-center-action{text-align:center;margin-top:34px}

.premium-process{padding:82px 28px;background:#eeeae3}
.process-line{max-width:1480px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #cfc9bf;border-bottom:1px solid #cfc9bf}
.process-line>div{padding:30px 24px;border-right:1px solid #cfc9bf;min-height:180px}
.process-line>div:last-child{border-right:0}
.process-line b{font-family:Georgia,"Times New Roman",serif;color:#a87d3d;font-size:24px}
.process-line strong{display:block;text-transform:uppercase;font-size:12px;margin:14px 0 7px}
.process-line p{font-size:12px;line-height:1.55;color:#676c67;margin:0}

.premium-contact{max-width:1480px;margin:70px auto;display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#fff;border:1px solid #dedbd4}
.contact-image{background:url('assets/hero-winter.webp') center/cover}
.contact-info{padding:60px}
.contact-info h2{font-family:Georgia,"Times New Roman",serif;font-size:48px;font-weight:500;margin:10px 0}
.contact-info>p{color:#6c716c;line-height:1.6}
.contact-cards{display:grid;grid-template-columns:1fr;margin:28px 0}
.contact-cards a{padding:14px 0;border-top:1px solid #e5e2dc}
.contact-cards a:last-child{border-bottom:1px solid #e5e2dc}
.contact-cards span{display:block;text-transform:uppercase;font-size:10px;color:#929792;margin-bottom:4px}
.contact-cards strong{font-size:15px}

.premium-footer{background:#111413;color:#fff;padding:34px 28px}
.footer-inner{max-width:1480px;margin:auto;display:grid;grid-template-columns:240px 1fr auto;gap:30px;align-items:center}
.footer-inner img{width:210px}
.footer-inner strong{font-size:13px;text-transform:uppercase}
.footer-inner p{margin:6px 0 0;color:#adb2ad;font-size:12px}
.footer-right{display:flex;flex-direction:column;text-align:right;gap:5px;font-size:12px}

/* Keep calculator premium, but square the UI to match user's preference */
.calculator-premium .premium-step,
.calculator-premium .premium-choice,
.calculator-premium .choice-row .choice,
.calculator-premium .premium-check-grid .check-card,
.calculator-premium .premium-total-card,
.calculator-premium .showcase-image,
.calculator-premium .showcase-help,
.calculator-premium .size-diagram,
.calculator-premium .premium-total-card .btn{
  border-radius:0!important;
}

@media(max-width:1180px){
  .premium-header{grid-template-columns:245px 1fr auto}
  .premium-brand img{width:220px}
  .premium-nav{gap:18px}
  .premium-header-actions .social-circle{display:none}
  .premium-solution-grid{grid-template-columns:repeat(2,1fr)}
  .premium-equipment-section{grid-template-columns:1fr}
  .equipment-photo{min-height:520px}
  .premium-project-grid{grid-template-columns:1fr 1fr}
  .process-line{grid-template-columns:repeat(3,1fr)}
  .process-line>div:nth-child(3){border-right:0}
}
@media(max-width:820px){
  .utility-bar{display:none}
  .premium-header{height:76px;grid-template-columns:1fr auto;padding:0 16px}
  .premium-brand img{width:190px;height:60px}
  .premium-menu-btn{display:block;grid-column:2}
  .premium-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:12px 18px;border-top:1px solid #dedbd4;box-shadow:0 12px 25px rgba(0,0,0,.08)}
  .premium-nav.open{display:flex}
  .premium-nav a{padding:14px 0;border-bottom:1px solid #eeeae3}
  .premium-header-actions{display:none}
  .premium-hero{height:690px}
  .premium-hero-copy{left:22px;right:22px;width:auto;top:auto;bottom:70px;transform:none}
  .premium-hero-copy h1{font-size:48px}
  .premium-hero-copy>p:not(.premium-eyebrow){font-size:15px}
  .premium-hero-actions{display:grid}
  .premium-btn{width:100%}
  .premium-hero-meta{display:none}
  .premium-arrow{width:38px;height:52px}
  .premium-arrow.prev{left:0}.premium-arrow.next{right:0}
  .premium-equipment-bar{grid-template-columns:repeat(2,1fr)}
  .premium-equipment-bar a{min-height:92px}
  .premium-equipment-bar a:nth-child(2n){border-right:0}
  .premium-section{padding:62px 16px}
  .premium-heading h2{font-size:37px}
  .premium-solution-grid,.premium-project-grid{grid-template-columns:1fr}
  .premium-equipment-section{margin:0 16px 40px}
  .equipment-copy{padding:34px 24px}
  .equipment-copy h2{font-size:36px}
  .equipment-photo{min-height:540px}
  .equipment-caption{font-size:9px;padding:7px 8px}
  .premium-benefit-strip{grid-template-columns:1fr;margin:0 16px 45px}
  .premium-benefit-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .process-line{grid-template-columns:1fr}
  .process-line>div{border-right:0;border-bottom:1px solid #cfc9bf}
  .premium-contact{grid-template-columns:1fr;margin:45px 16px}
  .contact-image{min-height:280px}
  .contact-info{padding:34px 24px}
  .contact-info h2{font-size:36px}
  .footer-inner{grid-template-columns:1fr;text-align:left}
  .footer-right{text-align:left}
}


/* =========================================================
   V6 — dedicated mobile layout
   ========================================================= */

.mobile-header-contact,
.mobile-hero-cta,
.mobile-calc-sticky{display:none}

@media(max-width:820px){
  /* header */
  .premium-header{
    position:sticky;
    top:0;
    height:82px;
    padding:0 14px;
    grid-template-columns:minmax(0,1fr) 46px;
    background:rgba(255,255,255,.98);
  }
  .premium-brand img{
    width:178px;
    height:58px;
    object-fit:contain;
    object-position:left center;
  }
  .premium-menu-btn{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    font-size:0;
    border:1px solid #dedbd4;
    background:#fff;
    position:relative;
  }
  .premium-menu-btn:before,
  .premium-menu-btn:after{
    content:'';
    width:20px;
    height:1px;
    background:#151715;
    position:absolute;
    left:10px;
  }
  .premium-menu-btn:before{top:15px;box-shadow:0 6px 0 #151715}
  .premium-menu-btn:after{top:27px}
  .mobile-header-contact{
    display:flex;
    position:absolute;
    top:82px;
    left:0;
    right:0;
    height:36px;
    background:#111413;
    color:#fff;
    align-items:center;
    justify-content:space-between;
    padding:0 16px;
    font-size:10px;
    z-index:85;
  }
  .mobile-header-contact a:last-child{
    color:#8bb84b;
    text-transform:uppercase;
    font-weight:800;
  }
  .premium-nav{
    top:118px;
    padding:0 16px 14px;
  }
  .premium-nav a{
    font-size:13px;
    padding:16px 0;
  }

  /* hero is intentionally composed for the phone, not just shrunk */
  .premium-hero{
    height:690px;
    margin-top:36px;
  }
  .premium-slide{
    background-position:61% center;
  }
  .premium-hero-overlay{
    background:linear-gradient(180deg,rgba(5,7,6,.18) 0%,rgba(5,7,6,.3) 34%,rgba(5,7,6,.88) 77%,rgba(5,7,6,.96) 100%);
  }
  .premium-hero-copy{
    left:20px;
    right:20px;
    bottom:48px;
    width:auto;
  }
  .premium-eyebrow{
    font-size:9px;
    letter-spacing:.14em;
  }
  .premium-hero-copy h1{
    font-size:43px;
    line-height:.99;
    letter-spacing:-.035em;
    margin:12px 0 16px;
  }
  .premium-hero-copy>p:not(.premium-eyebrow){
    font-size:14px;
    line-height:1.48;
    max-width:100%;
  }
  .premium-hero-actions{
    margin-top:21px;
    gap:8px;
  }
  .premium-btn{
    min-height:48px;
    font-size:10px;
  }
  .premium-arrow{
    top:43%;
    border:0;
    background:rgba(0,0,0,.33);
  }
  .premium-dots{
    bottom:20px;
  }

  .mobile-hero-cta{
    display:grid;
    grid-template-columns:1fr 1fr;
    background:#fff;
    border-bottom:1px solid #dedbd4;
  }
  .mobile-hero-cta a{
    padding:16px 14px;
    min-height:78px;
    border-right:1px solid #dedbd4;
  }
  .mobile-hero-cta a:last-child{border-right:0}
  .mobile-hero-cta strong{
    display:block;
    text-transform:uppercase;
    font-size:10px;
    margin-bottom:6px;
  }
  .mobile-hero-cta span{
    font-size:10px;
    color:#737873;
  }

  /* equipment: 2 columns, larger touch targets */
  .premium-equipment-bar{
    grid-template-columns:repeat(2,1fr);
  }
  .premium-equipment-bar a{
    min-height:94px;
    gap:7px;
    border-bottom:1px solid #e7e4de;
  }
  .premium-equipment-bar svg{
    width:29px;
    height:29px;
  }
  .premium-equipment-bar span{
    font-size:9px;
    line-height:1.25;
  }

  /* section typography / spacing */
  .premium-section{
    padding:54px 14px;
  }
  .premium-heading{
    text-align:left;
    margin-bottom:26px;
  }
  .premium-heading>span{
    font-size:9px;
  }
  .premium-heading h2{
    font-size:34px;
    line-height:1.06;
    margin:9px 0;
  }
  .premium-heading p{
    font-size:13px;
    line-height:1.48;
  }
  .premium-heading .premium-divider{justify-content:flex-start}
  .premium-divider i{width:58px}

  /* solution cards: horizontal on phone */
  .premium-solution-grid{
    gap:10px;
  }
  .premium-solution-grid article{
    display:grid;
    grid-template-columns:42% 58%;
    min-height:166px;
  }
  .solution-image{
    height:100%;
    min-height:166px;
  }
  .solution-body{
    padding:15px 14px 38px;
    min-height:166px;
  }
  .solution-no{font-size:13px}
  .solution-body h3{
    font-size:20px;
    line-height:1.05;
    margin:7px 0;
  }
  .solution-body p{
    font-size:11px;
    line-height:1.35;
  }
  .solution-body a{
    left:14px;
    bottom:13px;
    font-size:9px;
  }

  /* equipment block */
  .premium-equipment-section{
    margin:0 14px 40px;
  }
  .equipment-copy{
    padding:28px 20px;
  }
  .equipment-copy h2{
    font-size:33px;
    line-height:1.04;
  }
  .equipment-copy>p{
    font-size:12px;
  }
  .equipment-list{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 16px;
  }
  .equipment-list>div{
    align-items:flex-start;
    gap:9px;
    padding:11px 0;
  }
  .equipment-list svg{
    width:23px;
    height:23px;
  }
  .equipment-list span{
    font-size:10px;
  }
  .equipment-list strong{
    font-size:11px;
  }
  .equipment-photo{
    min-height:500px;
  }
  .equipment-photo>img{
    object-position:center top;
  }
  .equipment-caption{
    padding:7px 7px;
    gap:5px;
    font-size:8px;
  }
  .equipment-caption svg{
    width:16px;
    height:16px;
  }
  .cap1{left:3%;top:7%}
  .cap2{left:35%;top:16%}
  .cap3{right:3%;top:7%}
  .cap4{left:3%;bottom:9%}
  .cap5{left:34%;bottom:4%}
  .cap6{right:3%;bottom:9%}

  /* trust benefits */
  .premium-benefit-strip{
    margin:0 14px 42px;
  }
  .premium-benefit-strip>div{
    padding:22px 20px;
    display:grid;
    grid-template-columns:42px 1fr;
    column-gap:10px;
  }
  .premium-benefit-strip .benefit-icon{
    grid-row:1/3;
    margin-top:2px;
  }
  .premium-benefit-strip strong{
    margin:0 0 5px;
  }

  /* projects: large swipe-friendly cards */
  .premium-project-grid{
    display:flex;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    gap:10px;
    padding-bottom:8px;
    scrollbar-width:none;
  }
  .premium-project-grid::-webkit-scrollbar{display:none}
  .premium-project-grid article{
    min-width:86vw;
    scroll-snap-align:start;
  }
  .premium-project-grid img{
    height:270px;
  }

  /* process: concise timeline */
  .premium-process{
    padding:52px 14px;
  }
  .process-line{
    display:block;
    border-top:1px solid #cfc9bf;
  }
  .process-line>div{
    display:grid;
    grid-template-columns:48px 1fr;
    min-height:auto;
    padding:18px 4px;
    border-right:0;
    border-bottom:1px solid #cfc9bf;
  }
  .process-line b{
    grid-row:1/3;
    font-size:21px;
  }
  .process-line strong{
    margin:0 0 4px;
  }

  /* contact */
  .premium-contact{
    margin:42px 14px 92px;
  }
  .contact-image{
    min-height:230px;
  }
  .contact-info{
    padding:28px 20px;
  }
  .contact-info h2{
    font-size:33px;
  }

  /* footer */
  .premium-footer{
    padding:30px 18px 92px;
  }
  .footer-inner img{
    width:190px;
  }

  /* sticky bottom action */
  .mobile-bottom{
    height:66px;
    box-shadow:0 -4px 16px rgba(0,0,0,.15);
  }
  .mobile-bottom a{
    font-size:10px;
    letter-spacing:.04em;
  }

  /* calculator mobile presentation */
  .calculator-premium .site-header{
    position:sticky;
    top:0;
  }
  .calculator-premium .calc-premium-wrap{
    padding-bottom:92px;
  }
  .mobile-calc-sticky{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    height:70px;
    z-index:120;
    background:#111413;
    color:#fff;
    display:grid;
    grid-template-columns:1fr 150px;
    align-items:center;
    box-shadow:0 -4px 18px rgba(0,0,0,.18);
  }
  .mobile-calc-sticky>div{
    padding:0 16px;
  }
  .mobile-calc-sticky span{
    display:block;
    font-size:9px;
    text-transform:uppercase;
    color:#aeb3ae;
  }
  .mobile-calc-sticky strong{
    display:block;
    font-family:Georgia,"Times New Roman",serif;
    font-size:22px;
    margin-top:2px;
  }
  .mobile-calc-sticky button{
    height:100%;
    border:0;
    background:#668f31;
    color:#fff;
    text-transform:uppercase;
    font-size:10px;
    font-weight:800;
  }
  .calculator-premium .calc-showcase{
    order:0;
  }
  .calculator-premium .showcase-image img{
    height:290px;
  }
  .calculator-premium .showcase-advantages{
    display:none;
  }
  .calculator-premium .showcase-help{
    padding:14px;
  }
  .calculator-premium .calc-panel{
    order:1;
  }
  .calculator-premium .premium-total-card{
    order:2;
    display:none;
  }
  .calculator-premium .calc-benefits-row{
    display:none;
  }
  .calculator-premium .calc-bottom-cta{
    display:none;
  }
  .calculator-premium .premium-step{
    margin-bottom:10px;
    padding:16px 14px 14px;
  }
  .calculator-premium .premium-type-grid{
    grid-template-columns:1fr 1fr;
  }
  .calculator-premium .premium-choice{
    min-height:104px;
    padding:10px 7px;
  }
  .calculator-premium .premium-choice .choice-icon{
    font-size:29px;
  }
  .calculator-premium .premium-choice .choice-label{
    font-size:11px;
  }
  .calculator-premium .premium-check-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .calculator-premium .premium-check-grid .check-card{
    min-height:98px;
    padding:11px 9px;
  }
  .calculator-premium .premium-check-grid .check-card strong{
    font-size:11px;
  }
  .calculator-premium .premium-check-grid .check-card small{
    font-size:9px;
  }
  .calculator-premium .size-diagram{
    display:none;
  }
  .calculator-premium .size-block{
    grid-template-columns:1fr;
  }
  .calculator-premium .calc-hero-head{
    text-align:left;
    padding:10px 2px 20px;
  }
  .calculator-premium .calc-hero-head h1{
    font-size:31px;
  }
  .calculator-premium .calc-hero-head p{
    font-size:12px;
  }
  .calculator-premium .head-divider{
    justify-content:flex-start;
  }
}

@media(max-width:390px){
  .premium-brand img{width:164px}
  .premium-hero-copy h1{font-size:38px}
  .premium-equipment-bar span{font-size:8px}
  .premium-solution-grid article{grid-template-columns:39% 61%}
  .solution-body h3{font-size:18px}
  .equipment-list{grid-template-columns:1fr}
  .calculator-premium .premium-check-grid{grid-template-columns:1fr}
}


/* =========================================================
   V7 — Price administration
   ========================================================= */
.price-admin-page{background:#f3f2ee;color:#171917}
.admin-header{height:86px;background:#fff;border-bottom:1px solid #dedbd4;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:24px;padding:0 28px;position:sticky;top:0;z-index:50}
.admin-logo img{width:205px;height:65px;object-fit:contain;object-position:left center}
.admin-head-copy{display:flex;flex-direction:column}
.admin-head-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:500}
.admin-head-copy span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8a8f8a;margin-top:3px}
.admin-head-actions{display:flex;gap:9px}
.admin-head-actions a{padding:11px 14px;border:1px solid #d9d7d0;font-size:10px;text-transform:uppercase;font-weight:800}
.admin-wrap{max-width:1480px;margin:auto;padding:42px 28px 110px}
.admin-intro{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:end;margin-bottom:22px}
.admin-kicker{font-size:10px;letter-spacing:.16em;color:#a17a3f;font-weight:800}
.admin-intro h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:48px;line-height:1.05;margin:8px 0}
.admin-intro p{color:#6a6f6a;max-width:780px;line-height:1.55}
.admin-status-card{background:#151817;color:#fff;padding:22px}
.admin-status-card span{font-size:9px;text-transform:uppercase;color:#9fa49f}
.admin-status-card strong{display:block;margin:6px 0;font-size:14px}
.admin-status-card small{color:#b8bdb8}
.admin-notice{background:#fff8e9;border:1px solid #e4cf9d;padding:16px 18px;margin-bottom:18px;font-size:12px;line-height:1.55;color:#5b513c}
.admin-tabs{display:flex;gap:0;background:#fff;border:1px solid #dedbd4;margin-bottom:16px;overflow-x:auto}
.admin-tabs button{border:0;border-right:1px solid #dedbd4;background:#fff;padding:16px 22px;text-transform:uppercase;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}
.admin-tabs button.active{background:#171a18;color:#fff}
.admin-panel{display:none}
.admin-panel.active{display:block}
.admin-section-head{background:#fff;border:1px solid #dedbd4;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.admin-section-head>div{display:flex;gap:12px;align-items:center}
.admin-section-head>div>span{width:29px;height:29px;background:#5d8d2a;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800}
.admin-section-head h2{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;margin:0}
.admin-section-head p{font-size:11px;color:#7c817c;margin:0}
.admin-price-card{background:#fff;border:1px solid #dedbd4;margin-bottom:14px;padding:20px;overflow-x:auto}
.admin-price-card h3{margin:0 0 15px;font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:500}
.price-grid{min-width:790px;display:grid;grid-template-columns:180px repeat(5,1fr);gap:8px;align-items:center;margin-top:8px}
.price-grid-head{font-size:10px;text-transform:uppercase;color:#7d827d;border-bottom:1px solid #e6e3dd;padding-bottom:8px}
.row-label{font-size:12px;font-weight:700}
.price-cell{display:block}
.price-cell>span{display:block;font-size:9px;color:#858a85;margin-bottom:4px}
.price-cell input{width:100%;height:42px;border:1px solid #dcd9d2;background:#fbfaf7;padding:0 9px;text-align:right;font-weight:700;color:#1d201d;border-radius:0}
.price-cell input:focus{outline:2px solid rgba(93,141,42,.22);border-color:#5d8d2a;background:#fff}
.extras-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.extra-card{border:1px solid #e2dfd8;padding:15px}
.extra-card h4{margin:0 0 12px;font-size:13px}
.extra-simple{max-width:220px}
.extra-width-row,.mini-price-table{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:8px}
.extra-width-row{grid-template-columns:repeat(3,minmax(100px,1fr))}
.extra-matrix{display:grid;gap:10px}
.extra-matrix-row{display:grid;grid-template-columns:45px repeat(5,minmax(90px,1fr));gap:7px;align-items:end}
.extra-matrix-row>strong{font-size:11px;padding-bottom:13px}
.admin-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;border:1px solid #dedbd4;padding:20px;margin-bottom:14px}
.admin-tool-grid button,.admin-file-btn,.admin-json-box button{min-height:48px;border:1px solid #d6d3cc;background:#fff;text-transform:uppercase;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0 14px}
.admin-tool-grid .admin-primary,.admin-json-box button{background:#171a18;color:#fff;border-color:#171a18}
.admin-file-btn input{display:none}
.admin-json-box{background:#fff;border:1px solid #dedbd4;padding:20px}
.admin-json-box>label{display:block;font-size:11px;text-transform:uppercase;font-weight:800;margin-bottom:10px}
.admin-json-box textarea{width:100%;border:1px solid #dcd9d2;background:#fbfaf7;padding:13px;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;margin-bottom:10px}
.admin-floating-save{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100vw - 28px));background:#111413;color:#fff;display:grid;grid-template-columns:1fr 170px;align-items:center;box-shadow:0 12px 35px rgba(0,0,0,.28);z-index:80}
.admin-floating-save>div{padding:13px 17px}
.admin-floating-save span{display:block;font-size:8px;text-transform:uppercase;color:#9fa49f}
.admin-floating-save strong{font-size:11px}
.admin-floating-save button{height:100%;border:0;background:#678f31;color:#fff;text-transform:uppercase;font-size:10px;font-weight:800;cursor:pointer}
.admin-dirty .admin-floating-save{box-shadow:0 12px 35px rgba(61,92,25,.38)}

@media(max-width:850px){
  .admin-header{height:auto;min-height:78px;padding:10px 14px;grid-template-columns:1fr auto}
  .admin-logo img{width:174px}
  .admin-head-copy{display:none}
  .admin-head-actions a:first-child{display:none}
  .admin-wrap{padding:26px 12px 100px}
  .admin-intro{grid-template-columns:1fr}
  .admin-intro h1{font-size:34px}
  .admin-section-head{align-items:flex-start;gap:10px;flex-direction:column}
  .admin-section-head p{line-height:1.4}
  .admin-price-card{padding:14px}
  .extras-card-grid{grid-template-columns:1fr}
  .admin-tool-grid{grid-template-columns:1fr 1fr;padding:14px}
  .extra-width-row,.mini-price-table{overflow-x:auto}
  .admin-floating-save{grid-template-columns:1fr 125px}
}
@media(max-width:520px){
  .admin-tool-grid{grid-template-columns:1fr}
}


/* =========================================================
   V8 calculator based on provided template
   ========================================================= */
.calc-template-body{background:#f5f4f0;color:#181a18}
.calc-template-header{background:linear-gradient(90deg,#0e100f,#1b1d1c,#0e100f);color:#fff}
.calc-template-header-inner{max-width:1480px;margin:auto;height:92px;padding:0 28px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:28px}
.calc-template-logo img{width:218px;height:72px;object-fit:contain;object-position:left center}
.calc-template-nav{display:flex;justify-content:center;gap:30px}
.calc-template-nav a{font-size:12px;text-transform:uppercase;color:#fff;opacity:.95}
.calc-template-head-contact{display:flex;align-items:center;gap:18px}
.calc-template-head-contact>div{display:flex;flex-direction:column;text-align:right}
.calc-template-head-contact .phone{color:#fff;font-weight:700}
.calc-template-head-contact span{font-size:11px;color:#cdd0cd}
.calc-template-head-contact .head-btn{border:1px solid #5d8d2a;color:#8ab649;padding:13px 18px;font-size:11px;text-transform:uppercase;font-weight:800}
.calc-template-menu{display:none}
.calc-template-crumbs{background:linear-gradient(90deg,#171918,#2b2d2c,#171918);color:#fff;border-top:1px solid rgba(255,255,255,.06)}
.calc-template-crumbs-inner{max-width:1480px;margin:auto;padding:13px 28px;font-size:12px;display:flex;gap:10px;color:#cfd2cf}
.calc-template-crumbs a{color:#fff}
.calc-template-main{max-width:1480px;margin:auto;padding:34px 18px 70px}
.calc-template-title{text-align:center;padding:10px 0 24px}
.calc-template-title h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:62px;font-weight:500;text-transform:uppercase;color:#201f1d}
.calc-template-title p{margin:14px 0 0;font-size:19px;color:#77726c}
.calc-template-divider{display:flex;justify-content:center;align-items:center;gap:14px;color:#c79d56;margin-top:16px}
.calc-template-divider span{width:130px;height:1px;background:#d7c2a0}
.calc-template-divider b{font-size:20px}

.calc-template-grid{display:grid;grid-template-columns:minmax(320px,520px) minmax(560px,1fr) 320px;gap:18px;align-items:start}
.calc-left-showcase,.calc-center-panel,.calc-right-total{min-width:0}
.calc-left-photo{background:#fff;border:1px solid #ddd8cf}
.calc-left-photo img{display:block;width:100%;height:760px;object-fit:cover}
.calc-left-icons{display:grid;grid-template-columns:repeat(4,1fr);background:#111413;color:#fff;border:1px solid #202321;border-top:0}
.calc-left-icons>div{padding:18px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;border-right:1px solid rgba(255,255,255,.1)}
.calc-left-icons>div:last-child{border-right:0}
.calc-left-icons b{font-size:24px;color:#d1ad68;margin-bottom:8px}
.calc-left-icons strong{display:block;font-size:12px;text-transform:uppercase;margin-bottom:5px}
.calc-left-icons span{font-size:11px;line-height:1.45;color:#d1d5d1}
.calc-help-box{margin-top:14px;background:#f8f7f3;border:1px solid #e3dfd8;padding:18px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}
.help-round{width:50px;height:50px;border-radius:50%;background:#5f8e2c;color:#fff;display:grid;place-items:center;font-size:23px}
.help-text strong{display:block;margin-bottom:5px}
.help-text span{font-size:12px;color:#737874;line-height:1.45}
.calc-help-box a{min-height:42px;padding:0 16px;display:flex;align-items:center;border:1px solid #cfd3cf;background:#fff;font-size:11px;text-transform:uppercase;font-weight:700}

.calc-center-panel{display:flex;flex-direction:column;gap:14px}
.calc-block{background:#fff;border:1px solid #e1ddd5;padding:18px 18px 16px}
.calc-block-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.calc-block-head b{width:28px;height:28px;display:grid;place-items:center;background:#5d8d2a;color:#fff;font-size:14px;font-weight:800}
.calc-block-head h2{margin:0;font-size:18px;font-weight:800}
.template-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.template-choice{min-height:128px;border:1px solid #d7d3cb;background:#fff;padding:14px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-weight:700}
.template-choice.active{border-color:#5d8d2a;box-shadow:inset 0 0 0 2px rgba(93,141,42,.15)}
.template-choice .icon{font-size:38px;color:#666b66}
.template-choice .name{font-size:14px;line-height:1.35;text-align:center}
.template-size-wrap{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:center}
.template-size-left label{display:block;font-size:14px;font-weight:700;margin-bottom:10px}
.template-choice-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.template-choice-row .choice{min-width:58px;height:42px;border:1px solid #d7d3cb;background:#fff;font-weight:700}
.template-choice-row .choice.active{background:#5d8d2a;color:#fff;border-color:#5d8d2a}
.template-size-diagram{height:140px;border:1px solid #ece8e1;background:#fbfaf7;position:relative;display:grid;place-items:center}
.template-size-diagram .house{font-size:58px;color:#8e928f}
.template-size-diagram .axis{position:absolute;background:#999d99}
.template-size-diagram .axis.x{left:34px;right:30px;bottom:28px;height:1px}
.template-size-diagram .axis.y{right:38px;top:26px;bottom:36px;width:1px}
.template-size-diagram .label-x{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;color:#757975}
.template-size-diagram .label-y{position:absolute;right:10px;top:50%;transform:translateY(-50%) rotate(-90deg);font-size:10px;color:#757975}
.template-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.template-options-grid .check-card{min-height:110px;border-radius:0!important;background:#fff;border:1px solid #ddd8cf;padding:12px 12px}
.template-options-grid .check-card strong{font-size:13px;line-height:1.3}
.template-options-grid .check-card small{font-size:11px;line-height:1.4}
.template-equipment-grid .check-card{min-height:105px}

.calc-right-total{background:#fff;border:1px solid #e1ddd5;padding:28px 25px;box-shadow:0 14px 30px rgba(0,0,0,.05)}
.calc-right-total .mini{display:block;font-size:15px;color:#767b76}
.calc-right-total strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:58px;line-height:1.02;color:#4e7d26;margin:18px 0 28px}
.calc-right-total .total-lines p{display:flex;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px}
.calc-right-total .total-lines span{color:#424642}
.calc-right-total .total-lines b{font-weight:700}
.calc-right-total .main-action,.calc-right-total .wa-action{width:100%;min-height:52px;border:1px solid #5d8d2a;font-size:12px;text-transform:uppercase;font-weight:800;margin-top:14px}
.calc-right-total .main-action{background:#5d8d2a;color:#fff}
.calc-right-total .wa-action{background:#fff;color:#5d8d2a}
.calc-right-total small{display:block;margin-top:16px;font-size:12px;line-height:1.55;color:#7a7f7a}

.calc-advantage-row{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e1ddd5;margin-top:28px}
.calc-advantage-row>div{padding:24px 22px;display:flex;align-items:flex-start;gap:14px;border-right:1px solid #ebe7e0}
.calc-advantage-row>div:last-child{border-right:0}
.calc-advantage-row b{font-size:28px;color:#6a972d}
.calc-advantage-row strong{display:block;font-size:14px;margin-bottom:5px}
.calc-advantage-row span{font-size:12px;color:#6d726d;line-height:1.5}

.calc-bottom-banner{display:grid;grid-template-columns:1fr 420px;align-items:center;gap:18px;min-height:138px;margin-top:18px;background:linear-gradient(rgba(10,12,11,.58),rgba(10,12,11,.58)),url('assets/hero-evening.webp') center/cover;color:#fff;padding:0 24px}
.banner-copy h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:500;margin:0 0 10px}
.banner-copy p{margin:0;color:#d5d8d5;line-height:1.55}
.banner-form{display:grid;grid-template-columns:1fr 180px;gap:10px}
.banner-form input{height:54px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.34);color:#fff;padding:0 14px}
.banner-form input::placeholder{color:#b8bcb8}
.banner-form button{height:54px;border:0;background:#c79b4f;color:#fff;text-transform:uppercase;font-size:11px;font-weight:800}

.calc-standard-note{margin-top:18px;background:#fff;border:1px solid #e1ddd5;padding:18px 20px}
.calc-standard-note strong{display:block;margin-bottom:8px}
.calc-standard-note p{margin:0;color:#666a66;line-height:1.55}

.calc-template-body .mobile-calc-sticky{display:none}
@media(max-width:1280px){
  .calc-template-grid{grid-template-columns:1fr}
  .calc-left-photo img{height:520px}
}
@media(max-width:900px){
  .calc-template-header-inner{height:80px;padding:0 16px;grid-template-columns:1fr auto}
  .calc-template-logo img{width:188px;height:58px}
  .calc-template-nav,.calc-template-head-contact{display:none}
  .calc-template-menu{display:block;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;width:42px;height:42px;font-size:24px}
  .calc-template-crumbs-inner{padding:11px 16px}
  .calc-template-title h1{font-size:40px}
  .calc-template-title p{font-size:15px}
  .template-type-grid,.template-options-grid,.calc-advantage-row{grid-template-columns:repeat(2,1fr)}
  .calc-bottom-banner{grid-template-columns:1fr;padding:22px}
}
@media(max-width:760px){
  .calc-template-main{padding:22px 12px 92px}
  .calc-template-title{text-align:left}
  .calc-template-title h1{font-size:32px;line-height:1.12}
  .calc-template-title p{font-size:13px}
  .calc-template-divider{justify-content:flex-start}
  .calc-template-divider span{width:54px}
  .calc-left-photo img{height:320px}
  .calc-left-icons{grid-template-columns:repeat(2,1fr)}
  .calc-help-box{grid-template-columns:1fr;justify-items:start}
  .template-type-grid,.template-options-grid,.calc-advantage-row{grid-template-columns:1fr}
  .template-size-wrap{grid-template-columns:1fr}
  .template-size-diagram{display:none}
  .calc-right-total strong{font-size:42px}
  .banner-copy h2{font-size:28px}
  .banner-form{grid-template-columns:1fr}
  .calc-template-body .mobile-calc-sticky{display:grid}
}


/* =========================================================
   V9 — calculator tuned closely to supplied reference image
   ========================================================= */
.calc-reference-page{background:#f7f6f3;color:#161816;font-family:Arial,Helvetica,sans-serif}
.ref-header{height:110px;background:linear-gradient(100deg,#0d0f0e,#181b19 62%,#0d0f0e);color:#fff}
.ref-header-inner{max-width:1100px;height:100%;margin:auto;padding:0 14px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:26px}
.ref-logo img{width:205px;height:86px;object-fit:contain;object-position:left center}
.ref-nav{display:flex;justify-content:center;gap:31px}
.ref-nav a{font-size:11px;color:#fff;text-transform:uppercase;white-space:nowrap}
.ref-nav span{font-size:11px;margin-left:5px;color:#b7bbb7}
.ref-contact{display:flex;align-items:center;gap:12px}
.ref-phone{display:flex;flex-direction:column;text-align:right;gap:4px}
.ref-phone a{font-size:13px;font-weight:800;color:#fff;white-space:nowrap}
.ref-phone small{font-size:9px;color:#bbbebb}
.ref-call{height:40px;padding:0 15px;border:1px solid #4f8520;display:flex;align-items:center;color:#75aa3a;font-size:10px;font-weight:700;white-space:nowrap}
.ref-menu{display:none}
.ref-breadcrumb{height:35px;background:linear-gradient(90deg,#171918,#292c2a,#171918);color:#cdd0cd}
.ref-breadcrumb>div{max-width:1100px;height:100%;margin:auto;padding:0 14px;display:flex;align-items:center;gap:10px;font-size:9px}
.ref-breadcrumb a{color:#fff}

.ref-main{max-width:1180px;margin:auto;padding:28px 14px 42px}
.ref-title{text-align:center;margin-bottom:22px}
.ref-title h1{font:500 45px/1.05 Georgia,"Times New Roman",serif;text-transform:uppercase;margin:0;color:#1c1d1b}
.ref-title p{font:15px/1.4 Georgia,"Times New Roman",serif;color:#6b6965;margin:10px 0 0}
.ref-flourish{display:flex;align-items:center;justify-content:center;gap:10px;color:#c79e59;margin-top:12px}
.ref-flourish i{width:85px;height:1px;background:#d9c4a1}
.ref-flourish b{font-size:17px}

.ref-calculator{display:grid;grid-template-columns:380px minmax(440px,1fr) 240px;gap:15px;align-items:start}
.ref-left{min-width:0}
.ref-photo{border:1px solid #e0ddd6;background:#fff;overflow:hidden}
.ref-photo img{width:100%;height:575px;object-fit:cover;display:block}
.ref-black-benefits{display:grid;grid-template-columns:repeat(4,1fr);background:#101311;color:#fff}
.ref-black-benefits>div{min-height:130px;padding:14px 8px 12px;text-align:center;border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;align-items:center}
.ref-black-benefits>div:last-child{border-right:0}
.ref-black-benefits b{height:26px;color:#d0a85f;font-size:22px;font-weight:400}
.ref-black-benefits strong{font-size:9px;line-height:1.25;text-transform:uppercase;margin:6px 0}
.ref-black-benefits span{font-size:9px;line-height:1.35;color:#d0d4d0}
.ref-help{margin-top:13px;min-height:90px;border:1px solid #e4e1da;background:#faf9f6;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;padding:12px}
.ref-headset{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#578828;color:#fff;font-size:21px}
.ref-help-phone-icon{padding:0!important;border:0!important;color:#fff!important;white-space:normal!important}
.ref-help-copy{height:auto!important;padding:2px 0!important;border:0!important;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:5px;color:inherit!important;white-space:normal!important}
.ref-help-copy:hover strong{color:#578828}
.ref-help strong{font-size:10px}
.ref-help span{font-size:8px;line-height:1.4;color:#757975}
.ref-help-button{height:36px;padding:0 12px;border:1px solid #7aa65a;display:flex;align-items:center;color:#578828;font-size:8px;white-space:nowrap}

.ref-center{display:flex;flex-direction:column;gap:10px}
.ref-step{background:#fff;border:1px solid #e3e0d9;padding:12px 13px}
.ref-step-title{display:flex;gap:9px;align-items:center;margin-bottom:10px}
.ref-step-title>b{width:25px;height:25px;background:#4f8122;color:#fff;display:grid;place-items:center;font-size:12px;border-radius:3px}
.ref-step-title h2{font-size:13px;margin:0}
.ref-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ref-type{height:120px;background:#fff;border:1px solid #dcd9d2;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 4px;color:#111}
.ref-type.active{border-color:#4e8423;box-shadow:0 0 0 1px rgba(78,132,35,.08) inset}
.ref-type-check{position:absolute;right:6px;top:6px;width:16px;height:16px;border-radius:50%;background:#4e8423;color:#fff;font-size:10px;display:none;place-items:center}
.ref-type.active .ref-type-check{display:grid}
.ref-type-icon{display:block;width:66px;height:50px;color:#191b19}
.ref-type-icon svg{width:100%;height:100%}
.ref-type>span:last-child{font-size:10px;line-height:1.18;font-weight:700;text-align:center}

.ref-size-grid{display:grid;grid-template-columns:1fr 112px;gap:8px;align-items:center}
.ref-size-grid label{display:block;font-size:10px;font-weight:700;margin:0 0 6px}
.ref-size-buttons{display:flex;gap:7px;margin-bottom:10px}
.ref-size-buttons .choice{height:31px;min-width:44px;padding:0 10px;border:1px solid #d8d5ce;background:#fff;font-size:10px;border-radius:3px}
.ref-size-buttons .choice.active{background:#4f8122;color:#fff;border-color:#4f8122}
.ref-size-sketch{height:88px;position:relative;color:#858a85}
.ref-size-sketch>span{display:block;width:83px;height:62px;margin:auto}
.ref-size-sketch svg{width:100%;height:100%}
.ref-size-sketch .sketch-width{position:absolute;left:10px;right:12px;bottom:8px;height:1px;background:#969a96}
.ref-size-sketch .sketch-length{position:absolute;right:5px;top:8px;bottom:17px;width:1px;background:#969a96}
.ref-size-sketch small{font-size:6px;color:#777b77;position:absolute}
.ref-size-sketch .sk-w{left:38px;bottom:0}
.ref-size-sketch .sk-l{right:-5px;top:32px;transform:rotate(-90deg)}

.ref-option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.ref-option-grid .check-card{height:86px;border:1px solid #ddd9d1;background:#fff;padding:7px 4px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;cursor:pointer}
.ref-option-grid .check-card.selected{border-color:#4e8423}
.ref-option-grid .check-card input{position:absolute;left:6px;top:6px;width:13px;height:13px;opacity:1;accent-color:#4e8423;margin:0}
.ref-option-check{position:absolute;right:6px;top:6px;width:14px;height:14px;background:#4e8423;color:#fff;border-radius:2px;font-size:9px;display:none;place-items:center}
.ref-option-grid .check-card.selected .ref-option-check{display:grid}
.ref-option-icon{width:37px;height:37px;color:#232623;margin:0 0 4px}
.ref-option-icon svg{width:100%;height:100%}
.ref-option-name{font-size:8.5px;font-weight:700;line-height:1.18}
.ref-option-grid .check-card small{display:none}
.ref-option-grid .check-card.request-only small{display:block;font-size:7px;color:#8b8f8b;margin-top:3px}
.ref-option-grid .check-card.unavailable{opacity:.38}

.ref-total{background:#fff;border:1px solid #e2dfd8;padding:30px 20px 25px;box-shadow:0 9px 24px rgba(0,0,0,.08);position:sticky;top:15px}
.ref-total-caption{display:block;font-size:11px;color:#6f746f}
.ref-total>strong{display:block;font:500 40px/1 Georgia,"Times New Roman",serif;color:#4e8124;margin:18px 0 27px;white-space:nowrap}
.ref-total-lines{display:flex;flex-direction:column;gap:13px}
.ref-total-lines p{margin:0;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:10px}
.ref-total-lines i{height:1px;background:#dad7d0}
.ref-total-lines b{font-size:10px;white-space:nowrap}
.ref-gold-line{height:1px;background:#d6ad64;margin:26px 0}
.ref-submit,.ref-whatsapp{width:100%;height:47px;border-radius:3px;font-size:10px;font-weight:800}
.ref-submit{border:0;background:#4f8122;color:#fff}
.ref-whatsapp{border:1px solid #4f8122;background:#fff;color:#4f8122;margin-top:13px}
.ref-whatsapp span{font-size:15px}
.ref-total>small{display:block;margin-top:25px;font-size:9px;line-height:1.5;color:#747974}
.ref-total .request-warning{font-size:8px;padding:7px;margin:0 0 10px}

.ref-wide-benefits{display:grid;grid-template-columns:repeat(4,1fr);margin-top:27px;background:#fff;border:1px solid #e4e1da}
.ref-wide-benefits>div{min-height:89px;padding:17px 20px;display:flex;align-items:center;gap:13px;border-right:1px solid #ece9e3}
.ref-wide-benefits>div:last-child{border-right:0}
.ref-wide-benefits b{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#f0f3ec;color:#518326;font-size:22px;flex:0 0 auto}
.ref-wide-benefits strong{display:block;font-size:10px;margin-bottom:4px}
.ref-wide-benefits span{font-size:8.5px;color:#777b77;line-height:1.45}

.ref-bottom-banner{min-height:122px;margin-top:18px;background:linear-gradient(90deg,rgba(7,9,8,.86),rgba(7,9,8,.52)),url('assets/hero-evening.webp') center/cover;color:#fff;display:grid;grid-template-columns:1fr 520px;align-items:center;padding:18px 62px;gap:20px}
.ref-banner-copy h2{font:500 25px/1.2 Georgia,"Times New Roman",serif;margin:0 0 8px}
.ref-banner-copy p{font-size:10px;line-height:1.45;margin:0;color:#e3e6e3}
.ref-banner-form{display:grid;grid-template-columns:1fr 170px;gap:0;position:relative}
.ref-banner-form input{height:42px;border:1px solid rgba(255,255,255,.25);background:rgba(4,6,5,.65);color:#fff;padding:0 12px;font-size:10px}
.ref-banner-form button{height:42px;border:0;background:#c99b4e;color:#fff;font-size:10px;font-weight:800}
.ref-banner-form small{position:absolute;left:0;top:47px;font-size:7px;color:#bec2be}
.ref-package-note{margin-top:13px;background:#fff;border:1px solid #e4e1da;padding:13px 15px}
.ref-package-note strong{display:block;font-size:10px;margin-bottom:4px}
.ref-package-note p{font-size:8.5px;color:#747974;margin:0;line-height:1.45}
.calc-reference-page .mobile-calc-sticky{display:none}

@media(max-width:1120px){
  .ref-header-inner,.ref-breadcrumb>div,.ref-main{max-width:980px}
  .ref-header-inner{grid-template-columns:205px 1fr auto}
  .ref-logo img{width:185px}
  .ref-nav{gap:16px}
  .ref-calculator{grid-template-columns:330px 1fr}
  .ref-total{grid-column:1/-1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .ref-total>strong{grid-column:1/-1}
  .ref-total-lines{grid-column:1/-1}
  .ref-gold-line{grid-column:1/-1;width:100%}
  .ref-total>small{grid-column:1/-1}
}
@media(max-width:820px){
  .ref-header{height:78px}
  .ref-header-inner{grid-template-columns:1fr auto;padding:0 14px}
  .ref-logo img{width:175px;height:62px}
  .ref-nav,.ref-contact{display:none}
  .ref-menu{display:block;width:40px;height:40px;background:none;border:1px solid rgba(255,255,255,.25);color:#fff;font-size:23px}
  .ref-breadcrumb{height:31px}
  .ref-main{padding:20px 12px 92px}
  .ref-title{text-align:left}
  .ref-title h1{font-size:31px;line-height:1.08}
  .ref-title p{font-size:12px}
  .ref-flourish{justify-content:flex-start}.ref-flourish i{width:50px}
  .ref-calculator{grid-template-columns:1fr}
  .ref-left{display:grid;grid-template-columns:1fr}
  .ref-photo img{height:300px}
  .ref-black-benefits{display:none}
  .ref-help{grid-template-columns:45px 1fr}.ref-help-phone-icon{grid-column:auto!important}.ref-help-copy{grid-column:auto!important;justify-content:center}.ref-help-button{grid-column:1/-1;justify-content:center}
  .ref-center{gap:9px}
  .ref-step{padding:12px}
  .ref-type-grid{grid-template-columns:repeat(2,1fr)}
  .ref-type{height:108px}
  .ref-option-grid{grid-template-columns:repeat(2,1fr)}
  .ref-option-grid .check-card{height:92px}
  .ref-size-grid{grid-template-columns:1fr}.ref-size-sketch{display:none}
  .ref-total{display:none}
  .ref-wide-benefits{grid-template-columns:1fr 1fr}
  .ref-wide-benefits>div:nth-child(2){border-right:0}
  .ref-bottom-banner{grid-template-columns:1fr;padding:22px 18px;min-height:190px}
  .ref-banner-form{grid-template-columns:1fr}.ref-banner-form small{position:static;margin-top:6px}
  .calc-reference-page .mobile-calc-sticky{display:grid}
}
@media(max-width:430px){
  .ref-title h1{font-size:28px}
  .ref-type-grid{gap:6px}
  .ref-type{height:101px}
  .ref-type-icon{width:57px;height:44px}
  .ref-size-buttons{gap:5px;flex-wrap:wrap}
  .ref-option-grid{gap:6px}
  .ref-option-name{font-size:8px}
  .ref-wide-benefits{grid-template-columns:1fr}
  .ref-wide-benefits>div{border-right:0;border-bottom:1px solid #ece9e3}
}


/* V10 — bulk percentage price editing */
.admin-card-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}
.admin-card-title h3{margin:0!important}
.admin-card-title small{color:#7b807b;font-size:10px}
.bulk-change{display:grid;grid-template-columns:1fr 110px 110px;gap:10px;align-items:center;background:#f5f7f1;border:1px solid #dce5d2;padding:12px 14px;margin:0 0 15px}
.bulk-copy strong{display:block;font-size:11px;text-transform:uppercase;color:#345d19;margin-bottom:3px}
.bulk-copy span{font-size:10px;line-height:1.4;color:#6f756f}
.bulk-percent{height:42px;display:grid;grid-template-columns:1fr 28px;background:#fff;border:1px solid #bfcdb2}
.bulk-percent input{min-width:0;width:100%;border:0;background:transparent;padding:0 8px;text-align:right;font-size:15px;font-weight:800;color:#294f13;outline:0}
.bulk-percent span{display:grid;place-items:center;border-left:1px solid #d7dfd0;font-size:12px;color:#566056}
.bulk-change button{height:42px;border:0;background:#568527;color:#fff;text-transform:uppercase;font-size:9px;font-weight:800;cursor:pointer}
.bulk-change button:hover{background:#476f20}
.individual-base-row{max-width:320px}
.equipment-bulk-main{border-color:#cbdabf}
.equipment-bulk-main .bulk-change{margin-bottom:0}
.admin-toast{position:fixed;right:22px;bottom:92px;max-width:360px;background:#111413;color:#fff;padding:13px 16px;font-size:11px;line-height:1.4;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease;z-index:120;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.admin-toast.show{opacity:1;transform:translateY(0)}
@media(max-width:700px){
  .bulk-change{grid-template-columns:1fr 92px}
  .bulk-copy{grid-column:1/-1}
  .bulk-change button{min-width:0}
  .admin-card-title{align-items:flex-start;flex-direction:column}
}


/* V10.2 percentage control: only non-negative percentage, no spinner arrows */
.bulk-percent input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}
.bulk-percent input[type="number"]::-webkit-outer-spin-button,
.bulk-percent input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

/* V10.3 — persistent percent display */
.bulk-copy em{display:block;margin-top:6px;font-style:normal;font-size:10px;color:#596159}
.bulk-copy em b{color:#315e18;font-size:12px}
.individual-project-list{display:grid;gap:8px;max-width:650px}
.individual-project-row{display:grid;grid-template-columns:1fr 210px;gap:15px;align-items:end;border-top:1px solid #e5e2dc;padding:12px 0}
.individual-project-row>div:first-child{display:flex;flex-direction:column;gap:4px}
.individual-project-row strong{font-size:12px}
.individual-project-row span{font-size:10px;color:#7b807b}
@media(max-width:650px){.individual-project-row{grid-template-columns:1fr}}

.admin-mist-note{
  background:#f4f8ef;
  border:1px solid #cfdcc4;
  padding:13px 15px;
  margin-bottom:12px;
  font-size:11px;
  line-height:1.5;
  color:#4c5648;
}
.admin-mist-note strong{color:#315e18}

/* V10.6 — manual price saving / live calculator refresh */
.admin-save-note{
  background:#eef5e8;
  border:1px solid #c9d9bc;
  padding:14px 17px;
  margin-bottom:12px;
  color:#465241;
  font-size:11px;
  line-height:1.55;
}
.admin-save-note strong{color:#2f5d16}


/* =========================================================
   V11 — Commercial proposal PDF/JPG
   ========================================================= */
.quote-modal{padding:28px 14px;overflow-y:auto}
.quote-modal-card{
  width:min(980px,calc(100vw - 28px));
  max-width:980px;
  padding:0;
  overflow:hidden;
  background:#f4f3ef;
}
.quote-modal-card .modal-close{
  top:14px;
  right:16px;
  z-index:5;
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.28);
}
.quote-modal-head{
  background:#111412;
  color:#fff;
  padding:30px 68px 26px 28px;
}
.quote-modal-head>span{
  display:block;
  color:#d2aa61;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  margin-bottom:7px;
}
.quote-modal-head h2{
  margin:0;
  font:500 31px/1.1 Georgia,"Times New Roman",serif;
}
.quote-modal-head p{
  max-width:690px;
  color:#c8cdc8;
  font-size:12px;
  line-height:1.55;
  margin:10px 0 0;
}
.quote-modal-card form{padding:20px 22px 24px}
.quote-customer-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr 1fr;
  gap:10px;
}
.quote-customer-grid label>span{
  display:block;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  color:#717771;
  margin-bottom:6px;
}
.quote-customer-grid input{
  width:100%;
  height:46px;
  border:1px solid #d7d4cd;
  background:#fff;
  padding:0 12px;
  border-radius:0;
  font-size:14px;
}
.quote-format-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:16px 0 12px;
  flex-wrap:wrap;
}
.quote-format-row>strong{
  margin-right:auto;
  font-size:11px;
  text-transform:uppercase;
}
.quote-format-choice{
  min-width:76px;
  height:38px;
  border:1px solid #d2cfc8;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.quote-format-choice.active{
  border-color:#568229;
  color:#3e6d1c;
  background:#f2f7ee;
}
.quote-format-choice input{accent-color:#568229}
.quote-preview-shell{
  border:1px solid #d9d6cf;
  background:#fff;
}
.quote-preview-title{
  min-height:52px;
  padding:9px 12px;
  border-bottom:1px solid #e4e1da;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.quote-preview-title>div{display:flex;flex-direction:column;gap:3px}
.quote-preview-title strong{font-size:12px}
.quote-preview-title span{font-size:9px;color:#777d77}
.quote-preview-title button{
  height:34px;
  border:1px solid #cbd0c7;
  background:#fff;
  padding:0 12px;
  font-size:9px;
  text-transform:uppercase;
  font-weight:800;
}
.quote-preview-stage{
  background:#e8e7e2;
  padding:16px;
  display:flex;
  justify-content:center;
  max-height:510px;
  overflow:auto;
}
.quote-preview-stage img{
  display:block;
  width:min(100%,520px);
  height:auto;
  background:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
}
.quote-action-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:14px;
}
.quote-action-grid .btn,
.quote-secondary-actions .btn{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:0;
  text-align:center;
  padding:8px 10px;
  font-size:9px;
  text-transform:uppercase;
  font-weight:800;
}
.quote-mail{
  background:#fff;
  color:#355d1d;
  border:1px solid #618d3d;
}
.quote-company{
  background:#5a862d;
  color:#fff;
  border:1px solid #5a862d;
}
.quote-secondary-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:8px;
}
.quote-copy{background:#fff;border:1px solid #cfcac2;color:#222}
.quote-email-note{
  margin:13px 0 0;
  padding:10px 12px;
  background:#fff9ec;
  border:1px solid #e6d5ad;
  color:#655a41;
  font-size:10px;
  line-height:1.5;
}
.quote-modal-card .form-status{
  min-height:22px;
  margin:0;
  padding:0 22px 18px;
  font-size:10px;
  color:#4c6f32;
}
@media(max-width:760px){
  .quote-modal{padding:8px}
  .quote-modal-card{width:calc(100vw - 16px)}
  .quote-modal-head{padding:24px 52px 20px 18px}
  .quote-modal-head h2{font-size:26px}
  .quote-modal-card form{padding:14px}
  .quote-customer-grid{grid-template-columns:1fr}
  .quote-customer-grid input{font-size:16px}
  .quote-action-grid{grid-template-columns:1fr 1fr}
  .quote-preview-stage{padding:10px;max-height:430px}
}
@media(max-width:390px){
  .quote-action-grid,.quote-secondary-actions{grid-template-columns:1fr}
}


/* V11.1 — only three KP actions */
.quote-action-grid-three{
  grid-template-columns:repeat(3,1fr);
}
@media(max-width:760px){
  .quote-action-grid-three{grid-template-columns:1fr}
}


/* V11.3 — only Open KP / Download KP */
.quote-action-grid-two{
  grid-template-columns:repeat(2,1fr);
}
@media(max-width:560px){
  .quote-action-grid-two{grid-template-columns:1fr}
}


/* =========================================================
   V11.4 — mobile-safe commercial proposal modal
   ========================================================= */
.quote-format-row{
  border:0;
  padding:0;
  margin:16px 0 12px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  min-width:0;
}
.quote-format-row legend{
  grid-column:1/-1;
  width:100%;
  padding:0;
  margin:0 0 2px;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  color:#252a25;
}
.quote-format-choice{
  min-width:0;
  min-height:62px;
  height:auto;
  padding:9px 10px;
  border:1px solid #d2cfc8;
  background:#fff;
  display:grid;
  grid-template-columns:40px minmax(0,1fr);
  align-items:center;
  justify-content:stretch;
  gap:10px;
  text-align:left;
}
.quote-format-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.quote-format-badge{
  width:40px;
  height:40px;
  border:1px solid #c9cec6;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  background:#f6f6f3;
  color:#4b514b;
}
.quote-format-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  gap:3px;
}
.quote-format-copy b{
  font-size:12px;
  line-height:1.1;
  color:#252a25;
}
.quote-format-copy small{
  font-size:9px;
  line-height:1.25;
  color:#747a74;
}
.quote-format-choice.active .quote-format-badge{
  border-color:#568229;
  background:#edf5e7;
  color:#3c681d;
}
.quote-format-choice.active{
  border-color:#568229;
  background:#f7faf4;
}
.quote-server-note{
  display:inline;
  color:#8a5e28;
}

@media(max-width:760px){
  .quote-modal{
    place-items:start center;
    align-items:start;
    padding:
      calc(env(safe-area-inset-top, 0px) + 72px)
      8px
      calc(env(safe-area-inset-bottom, 0px) + 28px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .quote-modal-card{
    margin:0 auto;
    width:calc(100vw - 16px);
    max-width:none;
  }
  .quote-modal-head{
    padding:22px 50px 18px 16px;
  }
  .quote-modal-head h2{
    font-size:24px;
  }
  .quote-modal-head p{
    font-size:11px;
    line-height:1.45;
  }
  .quote-modal-card form{
    padding:14px 12px 18px;
  }
  .quote-customer-grid{
    grid-template-columns:1fr;
    gap:9px;
  }
  .quote-customer-grid label{
    min-width:0;
  }
  .quote-customer-grid input{
    min-height:48px;
    font-size:16px;
    scroll-margin-top:150px;
    scroll-margin-bottom:190px;
  }
  .quote-format-row{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .quote-format-choice{
    grid-template-columns:34px minmax(0,1fr);
    gap:8px;
    min-height:58px;
    padding:8px;
  }
  .quote-format-badge{
    width:34px;
    height:34px;
    font-size:9px;
  }
  .quote-format-copy b{font-size:11px}
  .quote-format-copy small{font-size:8px}
  .quote-preview-stage{
    max-height:350px;
  }
}
@media(max-width:380px){
  .quote-format-row{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V11.5 — separate callback request form
   ========================================================= */
.ref-callback{
  width:100%;
  min-height:44px;
  margin-top:8px;
  border:1px solid #6f8e54;
  background:#f4f8f0;
  color:#3f6923;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  cursor:pointer;
}
.ref-callback:hover{background:#eaf3e3}

.ref-banner-callback{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
}
.ref-banner-callback button{
  min-height:48px;
  border:0;
  background:#d0a55a;
  color:#151713;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.ref-banner-callback small{
  color:#c4c9c4;
  line-height:1.4;
}

.callback-modal{
  padding:20px 12px;
  overflow-y:auto;
}
.callback-modal-card{
  width:min(520px,calc(100vw - 24px));
  max-width:520px;
  padding:0;
  overflow:hidden;
  background:#f4f3ef;
}
.callback-head{
  background:#111412;
  color:#fff;
  padding:28px 58px 24px 24px;
}
.callback-head>span{
  display:block;
  color:#d2aa61;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
  margin-bottom:7px;
}
.callback-head h2{
  margin:0;
  font:500 31px/1.1 Georgia,"Times New Roman",serif;
}
.callback-head p{
  margin:10px 0 0;
  color:#c8cdc8;
  font-size:12px;
  line-height:1.5;
}
.callback-form{
  padding:20px;
  display:grid;
  gap:12px;
}
.callback-form label>span{
  display:block;
  margin-bottom:6px;
  color:#6c726c;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.callback-form input{
  width:100%;
  min-height:48px;
  padding:0 12px;
  border:1px solid #d4d0c8;
  border-radius:0;
  background:#fff;
  font-size:16px;
  outline:none;
}
.callback-form input:focus{
  border-color:#64883f;
  box-shadow:0 0 0 2px rgba(100,136,63,.12);
}
.callback-submit{
  min-height:50px;
  border:0;
  background:#5a862d;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.callback-submit:disabled{opacity:.55;cursor:wait}
.callback-consent{
  color:#858a85;
  font-size:9px;
  line-height:1.45;
}
.callback-status{
  min-height:18px;
  margin:0;
  color:#4d702f;
  font-size:10px;
  line-height:1.4;
}

@media(max-width:760px){
  .callback-modal{
    place-items:start center;
    align-items:start;
    padding:
      calc(env(safe-area-inset-top,0px) + 72px)
      8px
      calc(env(safe-area-inset-bottom,0px) + 24px);
  }
  .callback-modal-card{
    width:calc(100vw - 16px);
    max-width:none;
  }
  .callback-head{padding:22px 50px 18px 16px}
  .callback-head h2{font-size:26px}
  .callback-form{padding:14px}
  .callback-form input{
    scroll-margin-top:150px;
    scroll-margin-bottom:180px;
  }
}


/* =========================================================
   V11.7 — brighter logo + callback confirmation
   ========================================================= */

/* На тёмной шапке калькулятора используется белая версия логотипа. */
.ref-logo img{
  width:220px;
  height:88px;
  object-fit:contain;
  object-position:left center;
  filter:none;
  opacity:1;
}

/* Крестик формы обратного звонка — заметный и всегда доступный. */
.callback-modal-card{position:relative}
.callback-close-visible{
  position:absolute;
  top:12px;
  right:12px;
  z-index:20;
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(0,0,0,.28);
  color:#fff;
  font-size:30px;
  line-height:1;
  font-weight:300;
  cursor:pointer;
}
.callback-close-visible:hover{
  background:rgba(255,255,255,.14);
}

/* Явное подтверждение успешной отправки. */
.callback-success{
  border:1px solid #8eaf72;
  background:#edf6e8;
  color:#315a1c;
  padding:14px 15px;
  margin-top:2px;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .18s ease,transform .18s ease;
}
.callback-success.show{
  opacity:1;
  transform:none;
}
.callback-success b{
  display:block;
  margin-bottom:4px;
  font-size:13px;
}
.callback-success span{
  display:block;
  font-size:11px;
  line-height:1.4;
}
.callback-status:empty{
  min-height:0;
}

@media(max-width:760px){
  .ref-logo img{
    width:190px;
    height:66px;
  }
  .callback-close-visible{
    top:8px;
    right:8px;
    width:42px;
    height:42px;
    font-size:28px;
  }
}


/* =========================================================
   V11.8 — calculator active menu + messenger icons
   ========================================================= */
.ref-header-inner{position:relative}

.ref-socials{
  display:flex;
  align-items:center;
  gap:7px;
}
.ref-social-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.05);
  color:#fff;
  text-decoration:none;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.ref-social-icon:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.5);
  transform:translateY(-1px);
}
.ref-social-icon svg{
  width:19px;
  height:19px;
  fill:currentColor;
}
.ref-social-icon.ref-wa{color:#79bd51}
.ref-social-icon.ref-tg{color:#65aeea}
.ref-social-icon.ref-max{
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:-.03em;
}
.ref-social-icon.ref-max span{font-size:7px;font-weight:900}

.ref-mobile-socials{display:none}

@media(max-width:1120px){
  .ref-socials{gap:5px}
  .ref-social-icon{width:31px;height:31px;flex-basis:31px}
  .ref-social-icon svg{width:17px;height:17px}
}

@media(max-width:820px){
  .ref-header{position:relative;z-index:150}

  .ref-nav{
    display:none;
    position:absolute;
    top:78px;
    left:0;
    right:0;
    z-index:200;
    padding:12px 14px 16px;
    background:#111412;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.15);
    box-shadow:0 14px 28px rgba(0,0,0,.25);
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .ref-nav.open{display:flex}
  .ref-nav>a{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 4px;
    border-bottom:1px solid rgba(255,255,255,.1);
    font-size:12px;
  }

  .ref-menu{
    position:relative;
    z-index:210;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
  }
  .ref-menu.open{
    border-color:rgba(255,255,255,.55);
  }

  .ref-mobile-socials{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding-top:14px;
  }
  .ref-mobile-socials .ref-social-icon{
    width:100%;
    height:46px;
    flex-basis:auto;
    gap:8px;
    color:#fff;
    border-color:rgba(255,255,255,.2);
  }
  .ref-mobile-socials .ref-social-icon svg{
    width:20px;
    height:20px;
  }
  .ref-mobile-socials .ref-wa svg{color:#79bd51}
  .ref-mobile-socials .ref-tg svg{color:#65aeea}
  .ref-mobile-socials .ref-social-icon>span{
    display:inline;
    font-size:9px;
    font-weight:800;
  }
  .ref-mobile-socials .ref-max b{
    font-size:8px;
    color:#fff;
  }
  .ref-mobile-socials .ref-max span{
    font-size:9px;
  }
}

@media(max-width:390px){
  .ref-mobile-socials{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V11.9 — messenger icons on homepage
   ========================================================= */
.premium-socials{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
  margin-right:10px;
}
.premium-social-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
}
.premium-social-icon svg{
  width:19px;
  height:19px;
  fill:currentColor;
}
.premium-wa{color:#79bd51}
.premium-tg{color:#65aeea}
.premium-max span{
  color:#fff;
  font-size:7px;
  font-weight:900;
  letter-spacing:-.03em;
}
@media(max-width:820px){
  .premium-socials{
    margin-left:auto;
    margin-right:8px;
    gap:5px;
  }
  .premium-social-icon{
    width:31px;
    height:31px;
    flex-basis:31px;
  }
  .premium-social-icon svg{
    width:17px;
    height:17px;
  }
}
@media(max-width:390px){
  .premium-socials{
    gap:4px;
    margin-right:6px;
  }
  .premium-social-icon{
    width:29px;
    height:29px;
    flex-basis:29px;
  }
}


/* =========================================================
   V11.10 — homepage messenger icons only inside popup menu
   ========================================================= */
.premium-socials{
  display:none !important;
}

.premium-mobile-socials{
  display:none;
}

@media(max-width:900px){
  .premium-nav{
    position:absolute;
    top:78px;
    left:0;
    right:0;
    z-index:220;
    background:#111412;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.15);
    box-shadow:0 14px 28px rgba(0,0,0,.25);
    padding:10px 14px 16px;
  }
  .premium-nav.open{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .premium-nav>a{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 4px;
    border-bottom:1px solid rgba(255,255,255,.10);
    font-size:12px;
  }
  .premium-mobile-socials{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding-top:14px;
  }
  .premium-mobile-socials .premium-social-icon{
    width:100%;
    height:46px;
    flex-basis:auto;
    gap:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.20);
    background:rgba(255,255,255,.05);
    text-decoration:none;
    color:#fff;
  }
  .premium-mobile-socials .premium-social-icon svg{
    width:20px;
    height:20px;
    fill:currentColor;
  }
  .premium-mobile-socials .premium-wa svg{color:#79bd51}
  .premium-mobile-socials .premium-tg svg{color:#65aeea}
  .premium-mobile-socials .premium-social-icon>span{
    display:inline;
    font-size:9px;
    font-weight:800;
  }
  .premium-mobile-socials .premium-max b{
    font-size:8px;
    color:#fff;
  }
  .premium-mobile-socials .premium-max span{
    font-size:9px;
  }
}

@media(max-width:390px){
  .premium-mobile-socials{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V12 — full multipage site
   ========================================================= */
.premium-nav a.active,
.ref-nav a.active{color:#d5ae68}

.multi-page{background:#f5f4ef;color:#1d211d}
.inner-header{background:#111412;position:relative}
.multi-hero{
  min-height:390px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
}
.multi-hero-copy{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:100px 0 54px;
  color:#fff;
}
.multi-hero-copy>span{
  color:#d2aa61;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.multi-hero-copy h1{
  margin:8px 0 12px;
  font:500 clamp(42px,6vw,78px)/.98 Georgia,"Times New Roman",serif;
}
.multi-hero-copy p{
  max-width:760px;
  margin:0;
  color:#e0e3df;
  font-size:16px;
  line-height:1.55;
}
.multi-main{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:58px 0 72px;
}
.multi-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.multi-card{
  background:#fff;
  border:1px solid #dedbd4;
  overflow:hidden;
}
.multi-card img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}
.multi-card>div{padding:22px}
.multi-card h2{
  margin:0 0 9px;
  font:500 27px/1.1 Georgia,"Times New Roman",serif;
}
.multi-card p{margin:0 0 18px;color:#6a706a;line-height:1.55}
.multi-card.compact{min-height:190px}
.multi-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid #657f50;
  color:#45642f;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}
.multi-btn.dark{background:#151815;color:#fff;border-color:#151815}
.multi-cta{
  margin-top:28px;
  padding:34px;
  background:#e8ede3;
  border:1px solid #d5decd;
}
.multi-cta h2{margin:0 0 10px;font:500 34px/1.1 Georgia,"Times New Roman",serif}
.multi-cta p{color:#626a62}
.works-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.works-grid figure{margin:0;background:#fff;border:1px solid #ddd9d1}
.works-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.works-grid figcaption{padding:18px 20px;display:flex;flex-direction:column;gap:5px}
.works-grid figcaption b{font:500 24px Georgia,"Times New Roman",serif}
.works-grid figcaption span{color:#6a706a;font-size:12px}
.service-steps{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.service-steps article{
  background:#fff;
  border:1px solid #dedbd4;
  padding:22px;
  min-height:230px;
}
.service-steps article>b{color:#b38a48;font-size:13px}
.service-steps h2{font:500 25px Georgia,"Times New Roman",serif}
.service-steps p{color:#6c716c;line-height:1.5}
.price-intro,.about-copy{
  max-width:850px;
  margin-bottom:34px;
  background:#fff;
  border:1px solid #dedbd4;
  padding:30px;
}
.price-intro h2,.about-copy h2{margin-top:0;font:500 36px Georgia,"Times New Roman",serif}
.price-intro p,.about-copy p{color:#666d66;line-height:1.65}
.contact-page-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.contact-page-grid section{
  background:#fff;border:1px solid #ddd9d1;padding:26px;
  display:flex;flex-direction:column;gap:8px;min-height:155px;
}
.contact-page-grid span{font-size:10px;text-transform:uppercase;color:#8a8e89;font-weight:800}
.contact-page-grid a{font:500 23px Georgia,"Times New Roman",serif;color:#202520;text-decoration:none}
.contact-page-grid small{color:#7b817b}
.multi-footer{background:#101311;color:#fff;padding:42px 20px}
.multi-footer-grid{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1.4fr;
  gap:34px;
}
.multi-footer img{width:200px;height:72px;object-fit:contain;object-position:left center}
.multi-footer p{max-width:440px;color:#aeb5ae;line-height:1.5}
.multi-footer strong{display:block;margin-bottom:12px;color:#d2aa61}
.multi-footer a,.multi-footer span{display:block;color:#d6dbd6;text-decoration:none;margin:7px 0;font-size:12px}

@media(max-width:900px){
  .multi-card-grid{grid-template-columns:1fr 1fr}
  .service-steps{grid-template-columns:1fr 1fr}
  .contact-page-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .multi-hero{min-height:310px}
  .multi-hero-copy{width:calc(100% - 28px);padding:82px 0 34px}
  .multi-hero-copy p{font-size:14px}
  .multi-main{width:calc(100% - 28px);padding:34px 0 52px}
  .multi-card-grid,.works-grid,.service-steps{grid-template-columns:1fr}
  .multi-card h2{font-size:25px}
  .multi-footer-grid{grid-template-columns:1fr}
}


/* =========================================================
   V12.1 — menu visibility fix
   ========================================================= */

/* После удаления «Проекты» и «Цены» меню компактнее на широком экране. */
.premium-nav{
  gap:20px;
}
.premium-nav>a{
  white-space:nowrap;
}

/* Мессенджеры на главной — только внутри всплывающего меню. */
.premium-header-actions .social-circle{
  display:none !important;
}

/* На телефоне/планшете пункты меню должны быть хорошо видны на тёмном фоне. */
@media(max-width:900px){
  .premium-nav{
    display:none;
  }
  .premium-nav.open{
    display:flex;
  }
  .premium-nav.open>a{
    color:#f5f5f2 !important;
    opacity:1 !important;
    border-bottom-color:rgba(255,255,255,.12);
  }
  .premium-nav.open>a:hover,
  .premium-nav.open>a.active{
    color:#d6b56f !important;
  }
  .premium-nav.open .premium-mobile-socials{
    display:grid;
  }
}

/* На небольших ноутбуках переключаемся на бургер раньше, чтобы ссылки не сжимались. */
@media(min-width:821px) and (max-width:1240px){
  .premium-header{
    grid-template-columns:minmax(220px,1fr) auto;
  }
  .premium-menu-btn{
    display:grid;
    place-items:center;
    grid-column:2;
    width:42px;
    height:42px;
    border:1px solid #dedbd4;
    background:#fff;
    cursor:pointer;
  }
  .premium-nav{
    display:none;
    position:absolute;
    top:92px;
    left:0;
    right:0;
    z-index:220;
    background:#111412;
    padding:12px 22px 18px;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    box-shadow:0 14px 28px rgba(0,0,0,.22);
  }
  .premium-nav.open{
    display:flex;
  }
  .premium-nav.open>a{
    min-height:46px;
    display:flex;
    align-items:center;
    color:#fff !important;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  .premium-header-actions{
    display:none;
  }
  .premium-mobile-socials{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding-top:14px;
  }
}


/* =========================================================
   V12.2 — redesigned 'Наши работы' page
   ========================================================= */
.works-modern-page{background:#f3f1eb;color:#1d211d}
.works-hero{
  min-height:470px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
}
.works-hero-inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:120px 0 58px;
  color:#fff;
}
.works-kicker{
  display:inline-block;
  color:#d2aa61;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.works-hero h1{
  margin:10px 0 14px;
  font:500 clamp(46px,7vw,88px)/.96 Georgia,"Times New Roman",serif;
}
.works-hero p{
  max-width:720px;
  margin:0;
  color:#e2e5e1;
  font-size:17px;
  line-height:1.6;
}
.works-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}
.works-main{
  padding-top:52px;
  padding-bottom:72px;
}
.works-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);
  gap:22px;
  align-items:stretch;
}
.works-intro-grid article,
.works-facts{
  background:#fff;
  border:1px solid #ddd9d1;
  padding:28px;
}
.works-intro-grid article>span,
.works-section-head>span{
  display:inline-block;
  color:#8c7142;
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.works-intro-grid h2,
.works-section-head h2{
  margin:0 0 12px;
  font:500 38px/1.08 Georgia,"Times New Roman",serif;
}
.works-intro-grid p,
.works-section-head p{
  margin:0;
  color:#666d66;
  line-height:1.65;
}
.works-facts{
  display:grid;
  gap:14px;
  align-content:start;
}
.works-facts div{
  padding-bottom:14px;
  border-bottom:1px solid #ece8e1;
}
.works-facts div:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.works-facts b{
  display:block;
  margin-bottom:5px;
  font:500 28px/1.05 Georgia,"Times New Roman",serif;
}
.works-facts span{
  color:#6a716a;
  font-size:13px;
  line-height:1.45;
}
.works-filter-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 28px;
}
.works-filter-bar a{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  padding:0 14px;
  background:#fff;
  border:1px solid #ddd9d1;
  color:#4e544e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
}
.works-filter-bar a.active{
  background:#151815;
  border-color:#151815;
  color:#fff;
}
.works-feature{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:22px;
  align-items:stretch;
  margin-bottom:28px;
}
.works-feature-media img{
  width:100%;
  height:100%;
  min-height:510px;
  object-fit:cover;
  display:block;
}
.works-feature-copy{
  background:#fff;
  border:1px solid #ddd9d1;
  padding:34px;
  display:flex;
  flex-direction:column;
}
.works-card-type{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  width:max-content;
  padding:0 11px;
  background:#eef4e8;
  color:#50722f;
  border:1px solid #d8e6ca;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.works-feature-copy h2{
  margin:14px 0 12px;
  font:500 40px/1.04 Georgia,"Times New Roman",serif;
}
.works-feature-copy p{
  margin:0 0 16px;
  color:#646b64;
  line-height:1.65;
}
.works-checks{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.works-checks li{
  position:relative;
  padding-left:20px;
  color:#303530;
}
.works-checks li:before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#8c7142;
}
.works-meta{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:auto;
  padding-top:20px;
}
.works-meta div{
  border-top:1px solid #ece8e1;
  padding-top:10px;
}
.works-meta span{
  display:block;
  color:#8c908c;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:5px;
}
.works-meta b{
  font-size:15px;
  color:#232723;
}
.works-section{
  margin-top:34px;
}
.works-section-head{
  max-width:860px;
  margin-bottom:18px;
}
.works-grid-modern{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.work-card{
  background:#fff;
  border:1px solid #ddd9d1;
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.work-card.large{
  grid-column:span 2;
}
.work-card img{
  width:100%;
  aspect-ratio:16/11;
  object-fit:cover;
  display:block;
}
.work-card.large img{
  aspect-ratio:16/9;
}
.work-card-body{
  padding:22px;
}
.work-card-body h3{
  margin:12px 0 10px;
  font:500 28px/1.08 Georgia,"Times New Roman",serif;
}
.work-card-body p{
  margin:0 0 14px;
  color:#666d66;
  line-height:1.6;
}
.work-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.work-tags span{
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 10px;
  background:#f3f4ef;
  border:1px solid #e1e2da;
  color:#596059;
  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.works-story-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:28px;
}
.works-story-strip article{
  background:#fff;
  border:1px solid #ddd9d1;
  padding:26px;
}
.works-story-strip span{
  color:#c39b58;
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}
.works-story-strip h3{
  margin:10px 0 8px;
  font:500 28px/1.08 Georgia,"Times New Roman",serif;
}
.works-story-strip p{
  margin:0;
  color:#666d66;
  line-height:1.6;
}
.works-bottom-cta{
  margin-top:28px;
}

@media(max-width:1100px){
  .works-feature{
    grid-template-columns:1fr;
  }
  .works-feature-media img{
    min-height:420px;
  }
  .works-grid-modern{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .works-intro-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .works-hero{
    min-height:360px;
  }
  .works-hero-inner{
    width:calc(100% - 28px);
    padding:92px 0 34px;
  }
  .works-hero p{
    font-size:14px;
  }
  .works-main{
    padding-top:34px;
  }
  .works-intro-grid article,
  .works-facts,
  .works-feature-copy{
    padding:20px;
  }
  .works-intro-grid h2,
  .works-section-head h2,
  .works-feature-copy h2{
    font-size:30px;
  }
  .works-grid-modern,
  .works-story-strip{
    grid-template-columns:1fr;
  }
  .work-card.large{
    grid-column:auto;
  }
  .works-feature-media img{
    min-height:300px;
  }
}


/* =========================================================
   V12.3 — works page with real project photos
   ========================================================= */
.works-real-page{background:#f3f1eb;color:#1c211d}
.works-real-hero{
  min-height:460px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
}
.works-real-hero-inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:118px 0 54px;
  color:#fff;
}
.works-real-hero-inner h1{
  margin:10px 0 12px;
  font:500 clamp(46px,7vw,84px)/.96 Georgia,"Times New Roman",serif;
}
.works-real-hero-inner p{
  max-width:760px;
  margin:0;
  color:#dfe4de;
  font-size:17px;
  line-height:1.62;
}
.works-real-main{
  padding-top:42px;
}
.works-real-lead{
  max-width:840px;
  margin:0 auto 26px;
  text-align:center;
}
.works-real-lead h2{
  margin:0 0 10px;
  font:500 40px/1.06 Georgia,"Times New Roman",serif;
}
.works-real-lead p{
  margin:0;
  color:#676e67;
  line-height:1.7;
}
.works-showcase-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.works-photo-card{
  position:relative;
  min-height:320px;
  overflow:hidden;
  background:#111;
}
.works-photo-card img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
}
.works-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(9,10,10,.04) 20%,rgba(9,10,10,.76) 100%);
}
.works-photo-card.featured{
  grid-column:span 2;
  grid-row:span 2;
  min-height:658px;
}
.works-photo-card.featured img{
  min-height:658px;
}
.works-photo-card.wide{
  grid-column:span 2;
}
.works-photo-caption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:22px;
  color:#fff;
}
.works-photo-caption span{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  padding:0 10px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.works-photo-caption h3{
  margin:12px 0 8px;
  font:500 30px/1.08 Georgia,"Times New Roman",serif;
}
.works-photo-caption p{
  margin:0;
  color:#eef1ee;
  line-height:1.55;
  max-width:620px;
}
.works-real-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:26px 0 28px;
}
.works-real-strip div{
  background:#151815;
  color:#fff;
  padding:22px;
}
.works-real-strip b{
  display:block;
  margin-bottom:7px;
  font:500 28px/1.05 Georgia,"Times New Roman",serif;
}
.works-real-strip span{
  color:#c7cec7;
  font-size:13px;
  line-height:1.5;
}
.works-modern-list{
  display:grid;
  gap:18px;
}
.works-modern-list article{
  display:grid;
  grid-template-columns:290px 1fr;
  gap:20px;
  align-items:stretch;
  background:#fff;
  border:1px solid #ddd9d1;
  overflow:hidden;
}
.works-modern-list img{
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  display:block;
}
.works-modern-list article>div{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.works-modern-list span{
  color:#ba9454;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
}
.works-modern-list h3{
  margin:10px 0 8px;
  font:500 33px/1.06 Georgia,"Times New Roman",serif;
}
.works-modern-list p{
  margin:0;
  color:#666d66;
  line-height:1.65;
}
@media(max-width:1100px){
  .works-showcase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .works-photo-card.featured,
  .works-photo-card.wide{
    grid-column:auto;
    grid-row:auto;
    min-height:360px;
  }
  .works-photo-card.featured img,
  .works-photo-card.wide img{
    min-height:360px;
  }
  .works-real-strip{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .works-real-hero{
    min-height:350px;
  }
  .works-real-hero-inner{
    width:calc(100% - 28px);
    padding:90px 0 34px;
  }
  .works-real-hero-inner p{
    font-size:14px;
  }
  .works-real-lead h2{
    font-size:30px;
  }
  .works-showcase-grid{
    grid-template-columns:1fr;
  }
  .works-photo-card,
  .works-photo-card img,
  .works-photo-card.featured,
  .works-photo-card.featured img,
  .works-photo-card.wide,
  .works-photo-card.wide img{
    min-height:300px;
  }
  .works-photo-caption h3{
    font-size:24px;
  }
  .works-modern-list article{
    grid-template-columns:1fr;
  }
  .works-modern-list img{
    min-height:220px;
  }
  .works-modern-list h3{
    font-size:26px;
  }
}


/* =========================================================
   V12.4 — works reorder + popup menu fix
   ========================================================= */

/* Стабильная шапка и всплывающее меню */
.premium-header.inner-header{
  background:#111412;
  position:relative;
  z-index:200;
}
.premium-header-inner{
  width:min(1240px,calc(100% - 28px));
  margin:0 auto;
  min-height:84px;
  display:flex;
  align-items:center;
  gap:18px;
  position:relative;
}
.premium-logo{
  flex:0 0 auto;
}
.premium-logo img{
  width:210px;
  height:74px;
  object-fit:contain;
  object-position:left center;
}
.premium-nav{
  display:flex;
  align-items:center;
  gap:18px;
  flex:1 1 auto;
  min-width:0;
}
.premium-nav > a{
  color:#ecefe9;
  text-decoration:none;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.05em;
  white-space:nowrap;
}
.premium-nav > a.active{
  color:#d3aa62;
}
.premium-contact{
  display:flex;
  align-items:center;
  gap:14px;
  flex:0 0 auto;
}
.premium-phone{
  color:#fff;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}
.premium-call-link{
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.18);
  background:transparent;
  color:#fff;
  cursor:pointer;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.premium-menu-btn{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:#fff;
  cursor:pointer;
  flex:0 0 auto;
}
.premium-mobile-socials{
  display:none;
}

@media(max-width:1240px){
  .premium-nav{
    display:none;
    position:absolute;
    top:calc(100% + 6px);
    left:0;
    right:0;
    z-index:220;
    background:#111412;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 14px 28px rgba(0,0,0,.22);
    padding:10px 14px 16px;
  }
  .premium-nav.open{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
  }
  .premium-nav.open > a{
    min-height:46px;
    display:flex;
    align-items:center;
    color:#f2f4ef;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .premium-nav.open > a.active{
    color:#d3aa62;
  }
  .premium-mobile-socials{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding-top:14px;
  }
  .premium-mobile-socials .premium-social-icon{
    width:100%;
    height:46px;
    flex-basis:auto;
    gap:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,255,255,.20);
    background:rgba(255,255,255,.05);
    color:#fff;
    text-decoration:none;
  }
  .premium-mobile-socials .premium-social-icon > span{
    font-size:9px;
    font-weight:800;
  }
  .premium-mobile-socials .premium-max b{
    font-size:8px;
    color:#fff;
  }
  .premium-menu-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:auto;
  }
  .premium-contact{
    display:none;
  }
}

@media(max-width:390px){
  .premium-mobile-socials{
    grid-template-columns:1fr;
  }
}

/* Пересобранная страница "Наши работы" без больших белых прямоугольников */
.works-ordered-page{
  background:#f3f1eb;
}
.works-ordered-hero{
  min-height:430px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
}
.works-ordered-hero-inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:114px 0 54px;
  color:#fff;
}
.works-ordered-hero-inner h1{
  margin:10px 0 12px;
  font:500 clamp(44px,7vw,84px)/.96 Georgia,"Times New Roman",serif;
}
.works-ordered-hero-inner p{
  max-width:760px;
  margin:0;
  color:#e0e4df;
  font-size:17px;
  line-height:1.6;
}
.works-ordered-main{
  padding-top:40px;
  padding-bottom:72px;
}
.works-ordered-intro{
  max-width:880px;
  margin:0 auto 24px;
  text-align:center;
}
.works-ordered-intro h2{
  margin:0 0 10px;
  font:500 38px/1.06 Georgia,"Times New Roman",serif;
}
.works-ordered-intro p{
  margin:0;
  color:#687068;
  line-height:1.7;
}
.works-catalog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.works-catalog-card{
  position:relative;
  min-height:320px;
  overflow:hidden;
  background:#111;
}
.works-catalog-card img{
  width:100%;
  height:100%;
  min-height:320px;
  object-fit:cover;
  display:block;
}
.works-catalog-card.featured{
  grid-column:span 2;
  grid-row:span 2;
  min-height:658px;
}
.works-catalog-card.featured img{
  min-height:658px;
}
.works-catalog-card.wide{
  grid-column:span 2;
}
.works-catalog-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(10,10,10,.08) 15%,rgba(10,10,10,.78) 100%);
}
.works-catalog-overlay{
  position:absolute;
  inset:auto 0 0 0;
  z-index:2;
  padding:22px;
  color:#fff;
}
.works-catalog-overlay span{
  display:inline-flex;
  min-width:34px;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.works-catalog-overlay h3{
  margin:12px 0 8px;
  font:500 30px/1.06 Georgia,"Times New Roman",serif;
}
.works-catalog-overlay p{
  margin:0;
  color:#ecf0ec;
  line-height:1.55;
}
.works-linear-list{
  display:grid;
  gap:18px;
  margin-top:28px;
}
.works-linear-list article{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:18px;
  overflow:hidden;
  background:#151815;
  color:#fff;
}
.works-linear-list img{
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:cover;
  display:block;
}
.works-linear-list article > div{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.works-linear-list b{
  margin-bottom:8px;
  font:500 30px/1.04 Georgia,"Times New Roman",serif;
}
.works-linear-list p{
  margin:0;
  color:#ccd2cc;
  line-height:1.65;
}

@media(max-width:1100px){
  .works-catalog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .works-catalog-card.featured,
  .works-catalog-card.wide{
    grid-column:auto;
    grid-row:auto;
    min-height:360px;
  }
  .works-catalog-card.featured img,
  .works-catalog-card.wide img{
    min-height:360px;
  }
}
@media(max-width:760px){
  .works-ordered-hero{
    min-height:350px;
  }
  .works-ordered-hero-inner{
    width:calc(100% - 28px);
    padding:92px 0 34px;
  }
  .works-ordered-hero-inner p{
    font-size:14px;
  }
  .works-ordered-intro h2{
    font-size:30px;
  }
  .works-catalog-grid{
    grid-template-columns:1fr;
  }
  .works-catalog-card,
  .works-catalog-card img,
  .works-catalog-card.featured,
  .works-catalog-card.featured img,
  .works-catalog-card.wide,
  .works-catalog-card.wide img{
    min-height:300px;
  }
  .works-catalog-overlay h3{
    font-size:24px;
  }
  .works-linear-list article{
    grid-template-columns:1fr;
  }
  .works-linear-list img{
    min-height:220px;
  }
  .works-linear-list b{
    font-size:26px;
  }
}


/* =========================================================
   V12.5 — works cards cleanup + stable popup menu
   ========================================================= */

/* Жёстко стабилизируем всплывающее меню на сайте, чтобы оно не "сползало". */
.works-header-fix,
.premium-header.inner-header{
  position:relative;
  z-index:300;
}
.works-header-fix .premium-header-inner,
.premium-header.inner-header .premium-header-inner{
  position:relative;
}
@media(max-width:1240px){
  .works-header-fix .premium-nav,
  .premium-header.inner-header .premium-nav{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    margin:0 !important;
    transform:none !important;
  }
}

/* Полностью новый раздел "Наши работы" без белых прямоугольников */
.works-cards-page{
  background:#f3f1eb;
  color:#1d211d;
}
.works-cards-hero{
  min-height:430px;
  background-size:cover;
  background-position:center;
  display:flex;
  align-items:flex-end;
}
.works-cards-hero-inner{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:114px 0 54px;
  color:#fff;
}
.works-cards-hero-inner h1{
  margin:10px 0 12px;
  font:500 clamp(44px,7vw,84px)/.96 Georgia,"Times New Roman",serif;
}
.works-cards-hero-inner p{
  max-width:760px;
  margin:0;
  color:#e0e4df;
  font-size:17px;
  line-height:1.6;
}
.works-cards-main{
  padding-top:40px;
  padding-bottom:72px;
}

.works-cards-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.work-site-card{
  position:relative;
  min-height:330px;
  overflow:hidden;
  background:#111;
}
.work-site-card img{
  width:100%;
  height:100%;
  min-height:330px;
  object-fit:cover;
  display:block;
}
.work-site-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(9,10,10,.08) 18%,rgba(9,10,10,.82) 100%);
}
.work-site-card.hero-card{
  grid-column:span 2;
  grid-row:span 2;
  min-height:678px;
}
.work-site-card.hero-card img{
  min-height:678px;
}
.work-site-card.wide-card{
  grid-column:span 2;
}
.work-site-card__copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:2;
  padding:24px;
  color:#fff;
}
.work-site-card__copy span{
  display:inline-flex;
  min-width:34px;
  min-height:30px;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.18);
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.work-site-card__copy h2{
  margin:12px 0 8px;
  font:500 30px/1.06 Georgia,"Times New Roman",serif;
}
.work-site-card__copy p{
  margin:0 0 16px;
  color:#edf1ed;
  line-height:1.55;
  max-width:620px;
}
.work-site-card__link{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.work-site-card__link:hover{
  background:rgba(255,255,255,.12);
}

.works-dark-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:28px 0;
}
.works-dark-strip article{
  background:#151815;
  color:#fff;
  padding:24px;
}
.works-dark-strip b{
  display:block;
  margin-bottom:8px;
  font:500 28px/1.04 Georgia,"Times New Roman",serif;
}
.works-dark-strip p{
  margin:0;
  color:#ccd2cc;
  line-height:1.65;
}

.works-list-compact{
  display:grid;
  gap:18px;
}
.works-list-compact article{
  display:grid;
  grid-template-columns:250px 1fr;
  gap:18px;
  background:#151815;
  color:#fff;
  overflow:hidden;
}
.works-list-compact img{
  width:100%;
  height:100%;
  min-height:180px;
  object-fit:cover;
  display:block;
}
.works-list-compact article>div{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.works-list-compact span{
  color:#be9859;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.works-list-compact h3{
  margin:10px 0 8px;
  font:500 30px/1.05 Georgia,"Times New Roman",serif;
}
.works-list-compact p{
  margin:0;
  color:#ccd2cc;
  line-height:1.6;
}

@media(max-width:1100px){
  .works-cards-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .work-site-card.hero-card,
  .work-site-card.wide-card{
    grid-column:auto;
    grid-row:auto;
    min-height:360px;
  }
  .work-site-card.hero-card img,
  .work-site-card.wide-card img{
    min-height:360px;
  }
  .works-dark-strip{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  .works-cards-hero{
    min-height:350px;
  }
  .works-cards-hero-inner{
    width:calc(100% - 28px);
    padding:92px 0 34px;
  }
  .works-cards-hero-inner p{
    font-size:14px;
  }
  .works-cards-grid{
    grid-template-columns:1fr;
  }
  .work-site-card,
  .work-site-card img,
  .work-site-card.hero-card,
  .work-site-card.hero-card img,
  .work-site-card.wide-card,
  .work-site-card.wide-card img{
    min-height:300px;
  }
  .work-site-card__copy h2{
    font-size:24px;
  }
  .works-list-compact article{
    grid-template-columns:1fr;
  }
  .works-list-compact img{
    min-height:220px;
  }
  .works-list-compact h3{
    font-size:26px;
  }
}


/* =========================================================
   V12.6 — works cards with 4-photo previews
   ========================================================= */
.works-preview-page{
  background:#f3f1eb;
  color:#1d211d;
}

/* Надёжное всплывающее меню */
.works-header-fix,
.premium-header.inner-header{
  position:relative;
  z-index:300;
}
.works-header-fix .premium-header-inner,
.premium-header.inner-header .premium-header-inner{
  position:relative;
}
@media(max-width:1240px){
  .works-header-fix .premium-nav,
  .premium-header.inner-header .premium-nav{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    margin:0 !important;
    transform:none !important;
  }
}

.works-preview-main{
  padding-top:40px;
  padding-bottom:72px;
}
.works-preview-grid{
  display:grid;
  gap:20px;
}

.legacy-work-card{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  gap:0;
  background:#fff;
  border:1px solid #ddd9d1;
  overflow:hidden;
}
.legacy-work-card__media{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  min-height:420px;
}
.legacy-work-card__media img{
  width:100%;
  height:100%;
  min-height:210px;
  object-fit:cover;
  display:block;
}
.legacy-work-card__copy{
  padding:32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.legacy-work-card__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:32px;
  width:max-content;
  padding:0 11px;
  background:#eef4e8;
  border:1px solid #d8e6ca;
  color:#50722f;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
.legacy-work-card__copy h2{
  margin:14px 0 10px;
  font:500 38px/1.05 Georgia,"Times New Roman",serif;
}
.legacy-work-card__copy p{
  margin:0 0 18px;
  color:#666d66;
  line-height:1.65;
}
.legacy-work-card__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  width:max-content;
  padding:0 16px;
  border:1px solid #151815;
  color:#151815;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.legacy-work-card__link:hover{
  background:#151815;
  color:#fff;
}

@media(max-width:980px){
  .legacy-work-card{
    grid-template-columns:1fr;
  }
  .legacy-work-card__media{
    min-height:auto;
  }
}
@media(max-width:760px){
  .legacy-work-card__copy{
    padding:20px;
  }
  .legacy-work-card__copy h2{
    font-size:28px;
  }
  .legacy-work-card__media img{
    min-height:150px;
  }
}


/* =========================================================
   V12.7 — unified header, works menu alignment, messenger icons
   ========================================================= */

/* Единый цвет шапки на главной и внутренних страницах */
.premium-header,
.premium-header.inner-header,
.unified-site-header{
  background:#111412 !important;
  color:#fff;
}

/* Единая геометрия шапки */
.premium-header .premium-header-inner,
.premium-header.inner-header .premium-header-inner,
.unified-site-header .premium-header-inner{
  width:min(1240px,calc(100% - 28px)) !important;
  margin:0 auto !important;
  min-height:84px !important;
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  position:relative !important;
}

.premium-logo{
  flex:0 0 auto !important;
}
.premium-logo img{
  width:210px !important;
  height:74px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

.premium-nav{
  flex:1 1 auto !important;
  min-width:0 !important;
  display:flex;
  align-items:center;
  gap:18px;
  justify-content:flex-start !important;
}
.premium-nav > a{
  color:#eef1ed !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.premium-nav > a.active{
  color:#d2aa61 !important;
}
.premium-contact{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex:0 0 auto !important;
}
.premium-phone{
  color:#fff !important;
  text-decoration:none !important;
  font-size:15px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
.premium-call-link{
  min-height:38px !important;
  padding:0 14px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:transparent !important;
  color:#fff !important;
  cursor:pointer !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}
.premium-menu-btn{
  display:none;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.16);
  background:transparent;
  color:#fff;
  cursor:pointer;
  flex:0 0 auto;
}

/* Мессенджеры с настоящими иконками */
.premium-mobile-socials{
  display:none;
}
.premium-mobile-socials .premium-social-icon{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.20);
  background:rgba(255,255,255,.05);
  color:#fff;
  text-decoration:none;
}
.premium-mobile-socials .premium-social-icon svg{
  width:18px;
  height:18px;
  fill:currentColor;
  flex:0 0 18px;
}
.premium-mobile-socials .premium-social-icon > span{
  font-size:9px;
  font-weight:800;
}
.premium-mobile-socials .premium-wa svg{color:#79bd51}
.premium-mobile-socials .premium-tg svg{color:#65aeea}
.premium-mobile-socials .premium-max b{
  font-size:8px;
  color:#fff;
  letter-spacing:-.04em;
}

/* Стабильное бургер-меню без съезда влево */
@media(max-width:1240px){
  .premium-menu-btn{
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin-left:auto;
  }
  .premium-contact{
    display:none !important;
  }
  .premium-nav{
    display:none !important;
    position:absolute !important;
    top:calc(100% + 8px) !important;
    left:0 !important;
    right:0 !important;
    z-index:400 !important;
    margin:0 !important;
    padding:10px 14px 16px !important;
    background:#111412 !important;
    border:1px solid rgba(255,255,255,.10) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.22) !important;
    transform:none !important;
  }
  .premium-nav.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }
  .premium-nav.open > a{
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    color:#f1f4ef !important;
    border-bottom:1px solid rgba(255,255,255,.10) !important;
  }
  .premium-nav.open > a.active{
    color:#d2aa61 !important;
  }
  .premium-mobile-socials{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    padding-top:14px !important;
  }
}
@media(max-width:390px){
  .premium-mobile-socials{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V12.8 — unify all page headers to calculator style
   ========================================================= */
.site-unified-header.ref-header{
  height:110px !important;
  background:linear-gradient(100deg,#0d0f0e,#181b19 62%,#0d0f0e) !important;
  color:#fff !important;
}
.site-unified-header .ref-header-inner{
  max-width:1100px !important;
  height:100% !important;
  margin:auto !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:240px 1fr auto !important;
  align-items:center !important;
  gap:26px !important;
  position:relative !important;
}
.site-unified-header .ref-logo img{
  width:205px !important;
  height:86px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.site-unified-header .ref-nav{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:31px !important;
  min-width:0 !important;
}
.site-unified-header .ref-nav a{
  font-size:11px !important;
  color:#fff !important;
  text-transform:uppercase !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.site-unified-header .ref-nav a.active{
  color:#d4b365 !important;
}
.site-unified-header .ref-contact{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.site-unified-header .ref-phone{
  display:flex !important;
  flex-direction:column !important;
  text-align:right !important;
  gap:4px !important;
}
.site-unified-header .ref-phone a{
  font-size:13px !important;
  font-weight:800 !important;
  color:#fff !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}
.site-unified-header .ref-phone small{
  font-size:9px !important;
  color:#bbbebb !important;
}
.site-unified-header .ref-call{
  height:40px !important;
  padding:0 15px !important;
  border:1px solid #4f8520 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  color:#75aa3a !important;
  font-size:10px !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  text-transform:uppercase !important;
}
.site-unified-header .ref-socials{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}
.site-unified-header .ref-social-icon{
  width:34px !important;
  height:34px !important;
  flex:0 0 34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.28) !important;
  background:rgba(255,255,255,.05) !important;
  color:#fff !important;
  text-decoration:none !important;
  border-radius:50% !important;
}
.site-unified-header .ref-social-icon:hover{
  border-color:rgba(255,255,255,.5) !important;
  background:rgba(255,255,255,.09) !important;
}
.site-unified-header .ref-social-icon svg{
  width:18px !important;
  height:18px !important;
  fill:currentColor !important;
  flex:0 0 18px !important;
}
.site-unified-header .ref-social-icon.ref-wa{color:#79bd51 !important}
.site-unified-header .ref-social-icon.ref-tg{color:#65aeea !important}
.site-unified-header .ref-social-icon.ref-max{
  color:#ffffff !important;
  background:rgba(255,255,255,.08) !important;
}
.site-unified-header .ref-social-icon.ref-max svg{
  width:20px !important;
  height:20px !important;
  fill:#fff !important;
}
.site-unified-header .ref-menu{
  display:none !important;
}

/* mobile dropdown like calculator */
.site-unified-header .ref-mobile-socials{
  display:none;
}
@media(max-width:980px){
  .site-unified-header.ref-header{
    height:auto !important;
    min-height:84px !important;
  }
  .site-unified-header .ref-header-inner{
    max-width:1100px !important;
    min-height:84px !important;
    height:auto !important;
    grid-template-columns:1fr auto !important;
    gap:16px !important;
  }
  .site-unified-header .ref-contact{
    display:none !important;
  }
  .site-unified-header .ref-menu{
    position:relative !important;
    z-index:210 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:40px !important;
    height:40px !important;
    border:1px solid rgba(255,255,255,.24) !important;
    background:transparent !important;
    color:#fff !important;
    cursor:pointer !important;
  }
  .site-unified-header .ref-nav{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:14px !important;
    right:14px !important;
    z-index:220 !important;
    background:linear-gradient(180deg,#101312,#181b19) !important;
    border:1px solid rgba(255,255,255,.1) !important;
    box-shadow:0 14px 28px rgba(0,0,0,.22) !important;
    padding:12px 14px 16px !important;
  }
  .site-unified-header .ref-nav.open{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:0 !important;
  }
  .site-unified-header .ref-nav.open a{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    border-bottom:1px solid rgba(255,255,255,.1) !important;
    padding:0 4px !important;
    font-size:12px !important;
  }
  .site-unified-header .ref-mobile-socials{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:8px !important;
    padding-top:14px !important;
  }
  .site-unified-header .ref-mobile-socials .ref-social-icon{
    width:100% !important;
    height:42px !important;
    border-radius:12px !important;
    gap:8px !important;
  }
  .site-unified-header .ref-mobile-socials .ref-social-icon > span{
    font-size:9px !important;
    font-weight:800 !important;
    color:#fff !important;
  }
}
@media(max-width:420px){
  .site-unified-header .ref-mobile-socials{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V12.9 — unified layout, footer, homepage strip
   ========================================================= */

/* Главная теперь начинается сразу с такой же шапки, как калькулятор */
.home-premium .utility-bar{
  display:none !important;
}

/* Полоса оборудования на главной: вместо белой — в стиле страницы расчёта */
.home-premium .premium-equipment-bar{
  background:linear-gradient(90deg,#151817,#262a27,#151817) !important;
  grid-template-columns:repeat(7,1fr) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}
.home-premium .premium-equipment-bar a{
  min-height:100px !important;
  color:#f1f3ef !important;
  border-right:1px solid rgba(255,255,255,.10) !important;
  background:transparent !important;
}
.home-premium .premium-equipment-bar a:last-child{
  border-right:0 !important;
}
.home-premium .premium-equipment-bar svg{
  color:#d1ac66 !important;
}
.home-premium .premium-equipment-bar span{
  color:#f0f2ef !important;
}

/* Единая ширина и отступы основных внутренних блоков */
.premium-section,
.premium-equipment-section,
.premium-benefit-strip,
.premium-contact,
.multi-main,
.calc-premium-wrap{
  width:min(1180px,calc(100% - 36px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}
.premium-section{
  padding-left:0 !important;
  padding-right:0 !important;
}
.multi-main{
  padding-left:0 !important;
  padding-right:0 !important;
}
.calc-premium-wrap{
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Единый подвал на всех публичных страницах */
.site-footer{
  background:linear-gradient(100deg,#0d0f0e,#181b19 62%,#0d0f0e);
  color:#fff;
  border-top:1px solid rgba(255,255,255,.08);
  padding:38px 18px;
}
.site-footer-inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:2fr 1fr 1.4fr;
  gap:34px;
  align-items:start;
}
.site-footer-brand img{
  width:205px;
  height:78px;
  object-fit:contain;
  object-position:left center;
}
.site-footer-brand p{
  max-width:420px;
  margin:8px 0 0;
  color:#aeb5ae;
  font-size:12px;
  line-height:1.55;
}
.site-footer strong{
  display:block;
  margin-bottom:12px;
  color:#d2aa61;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.site-footer a,
.site-footer span{
  display:block;
  margin:7px 0;
  color:#d7dcd7;
  text-decoration:none;
  font-size:12px;
}
.site-footer a:hover{
  color:#fff;
}

/* Убираем визуальный конфликт старых футеров */
.premium-footer,
.multi-footer{
  display:none !important;
}

@media(max-width:820px){
  .home-premium .premium-equipment-bar{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .home-premium .premium-equipment-bar a{
    min-height:86px !important;
  }
  .home-premium .premium-equipment-bar a:nth-child(2n){
    border-right:0 !important;
  }

  .premium-section,
  .premium-equipment-section,
  .premium-benefit-strip,
  .premium-contact,
  .multi-main,
  .calc-premium-wrap{
    width:calc(100% - 28px) !important;
  }

  .site-footer-inner{
    grid-template-columns:1fr;
    gap:24px;
  }
}


/* =========================================================
   V12.10 — restore white equipment strip + mobile header gap fix
   ========================================================= */

/* Возвращаем белую полосу оборудования на главной */
.home-premium .premium-equipment-bar{
  background:#fff !important;
  grid-template-columns:repeat(7,1fr) !important;
  border-top:0 !important;
  border-bottom:1px solid #dedbd4 !important;
}
.home-premium .premium-equipment-bar a{
  min-height:112px !important;
  background:#fff !important;
  color:#151715 !important;
  border-right:1px solid #e7e4de !important;
}
.home-premium .premium-equipment-bar a:last-child{
  border-right:0 !important;
}
.home-premium .premium-equipment-bar svg{
  color:#151715 !important;
}
.home-premium .premium-equipment-bar span{
  color:#151715 !important;
}

/* Убираем старую мобильную полосу/зазор возле шапки */
.home-premium,
.home-premium main{
  margin-top:0 !important;
  padding-top:0 !important;
}
.home-premium .site-unified-header{
  margin-top:0 !important;
  top:0 !important;
}
.home-premium .mobile-header-contact{
  display:none !important;
}
.home-premium .premium-hero{
  margin-top:0 !important;
}

/* В мобильной версии шапка начинается сразу у верхнего края,
   как на странице расчёта стоимости */
@media(max-width:980px){
  .home-premium .site-unified-header.ref-header{
    margin-top:0 !important;
    top:0 !important;
  }
  .home-premium .premium-hero{
    margin-top:0 !important;
  }
}

@media(max-width:820px){
  .home-premium .premium-equipment-bar{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .home-premium .premium-equipment-bar a{
    min-height:92px !important;
    background:#fff !important;
  }
  .home-premium .premium-equipment-bar a:nth-child(2n){
    border-right:0 !important;
  }
  .home-premium .premium-equipment-bar svg,
  .home-premium .premium-equipment-bar span{
    color:#151715 !important;
  }
}


/* =========================================================
   V12.11 — equipment strip restored + breadcrumbs all pages
   ========================================================= */

/* Полная белая полоса оборудования на главной — 7 элементов */
.home-premium .premium-equipment-bar{
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  background:#fff !important;
}
.home-premium .premium-equipment-bar > a{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  min-width:0 !important;
}
.home-premium .premium-equipment-bar > a svg{
  display:block !important;
}
.home-premium .premium-equipment-bar > a span{
  display:block !important;
}

/* "Дерево"/хлебные крошки — как в калькуляторе на всех страницах */
.site-breadcrumb.ref-breadcrumb{
  height:35px !important;
  background:linear-gradient(90deg,#171918,#292c2a,#171918) !important;
  color:#cdd0cd !important;
  margin:0 !important;
}
.site-breadcrumb.ref-breadcrumb > div{
  max-width:1100px !important;
  height:100% !important;
  margin:0 auto !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  font-size:13px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}
.site-breadcrumb.ref-breadcrumb a{
  color:#fff !important;
  font-weight:500 !important;
}
.site-breadcrumb.ref-breadcrumb span:last-child{
  color:#dfe2df !important;
  font-weight:500 !important;
}

@media(max-width:820px){
  .home-premium .premium-equipment-bar{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .home-premium .premium-equipment-bar > a{
    min-height:92px !important;
  }
  .site-breadcrumb.ref-breadcrumb{
    height:32px !important;
  }
  .site-breadcrumb.ref-breadcrumb > div{
    font-size:13px !important;
  }
}


/* =========================================================
   V12.12 — installation included messaging
   ========================================================= */
.installation-included-note{
  margin:12px 0 10px;
  padding:12px 13px;
  border:1px solid #cfe0bf;
  background:#f0f5eb;
  color:#263025;
}
.installation-included-note b{
  display:block;
  margin-bottom:5px;
  color:#4f7d2b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.installation-included-note span{
  display:block;
  font-size:10px;
  line-height:1.45;
  color:#596259;
}
@media(max-width:820px){
  .installation-included-note{
    padding:11px 12px;
  }
}


/* =========================================================
   V12.13 — prominent installation banner on calculator page
   ========================================================= */
.calc-install-banner{
  width:min(1100px,calc(100% - 28px));
  margin:22px auto 26px;
  padding:18px 20px;
  display:grid;
  grid-template-columns:56px 1fr;
  gap:16px;
  align-items:center;
  background:#eef4e8;
  border:1px solid #d5e5c8;
  box-sizing:border-box;
}
.calc-install-banner__icon{
  width:56px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#5d882d;
  color:#fff;
  font-size:28px;
  font-weight:700;
}
.calc-install-banner__text strong{
  display:block;
  margin-bottom:4px;
  color:#35571c;
  font-size:18px;
  line-height:1.25;
}
.calc-install-banner__text p{
  margin:0;
  color:#5f665f;
  font-size:14px;
  line-height:1.55;
}
@media(max-width:760px){
  .calc-install-banner{
    grid-template-columns:44px 1fr;
    gap:12px;
    padding:14px;
    margin:16px auto 18px;
  }
  .calc-install-banner__icon{
    width:44px;
    height:44px;
    font-size:22px;
  }
  .calc-install-banner__text strong{
    font-size:16px;
  }
  .calc-install-banner__text p{
    font-size:13px;
  }
}


/* =========================================================
   V12.14 — clarification for non-standard colour
   ========================================================= */
.ref-option-note{
  display:block;
  grid-column:3 / -1;
  margin-top:3px;
  color:#7b6239;
  font-size:9px;
  line-height:1.35;
}
.check-card.selected .ref-option-note{
  color:#5f7d35;
}


/* =========================================================
   V12.15 — price scope and manufacturer preparation data
   ========================================================= */
.calc-scope-notes{
  width:min(1100px,calc(100% - 28px));
  margin:-10px auto 26px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #ddd9d1;
  background:#fff;
}
.calc-scope-notes article{
  min-height:118px;
  display:grid;
  grid-template-columns:36px 1fr;
  gap:11px;
  align-items:start;
  padding:18px 16px;
  border-right:1px solid #e4e1da;
}
.calc-scope-notes article:last-child{
  border-right:0;
}
.calc-scope-notes__mark{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#171a18;
  color:#d2aa61;
  font-size:18px;
}
.calc-scope-notes strong{
  display:block;
  margin:1px 0 6px;
  font-size:12px;
  line-height:1.3;
  color:#242824;
  text-transform:uppercase;
}
.calc-scope-notes p{
  margin:0;
  color:#686e68;
  font-size:11px;
  line-height:1.5;
}
.ref-scope-short{
  margin:0 0 11px;
  padding:10px 11px;
  border:1px solid #e2ddd4;
  background:#faf8f4;
  color:#66645f;
  font-size:9px;
  line-height:1.5;
}
.ref-scope-short b{
  color:#373b37;
}
@media(max-width:820px){
  .calc-scope-notes{
    grid-template-columns:1fr;
    margin-top:-4px;
  }
  .calc-scope-notes article{
    min-height:auto;
    border-right:0;
    border-bottom:1px solid #e4e1da;
  }
  .calc-scope-notes article:last-child{
    border-bottom:0;
  }
}


/* =========================================================
   V12.16 — combined site-preparation note
   ========================================================= */
.calc-scope-notes--single{
  grid-template-columns:1fr !important;
}
.calc-scope-notes--single article{
  min-height:auto;
  grid-template-columns:40px 1fr;
  border-right:0 !important;
  padding:18px 20px;
}
.calc-scope-notes--single .calc-scope-notes__mark{
  background:#6f572f;
  color:#fff;
  font-family:Georgia,"Times New Roman",serif;
  font-style:italic;
}


/* =========================================================
   V12.17 — production times + payment terms
   ========================================================= */
.calc-commercial-terms{
  width:min(1100px,calc(100% - 28px));
  margin:-10px auto 26px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.calc-commercial-terms article{
  background:#fff;
  border:1px solid #ddd9d1;
  padding:20px;
}
.calc-commercial-terms__eyebrow{
  display:block;
  margin-bottom:7px;
  color:#9b7841;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.calc-commercial-terms h3{
  margin:0 0 14px;
  font:500 24px/1.1 Georgia,"Times New Roman",serif;
  color:#242824;
}
.calc-commercial-terms ul,
.calc-commercial-terms ol{
  margin:0;
  padding-left:20px;
}
.calc-commercial-terms li{
  margin:9px 0;
  color:#626862;
  font-size:11px;
  line-height:1.45;
}
.calc-commercial-terms li b{
  color:#3f6923;
}
.calc-commercial-terms__note{
  margin:14px 0 0;
  padding-top:12px;
  border-top:1px solid #e7e3dc;
  color:#7b6239;
  font-size:11px;
  line-height:1.5;
}
@media(max-width:820px){
  .calc-commercial-terms{
    grid-template-columns:1fr;
    margin-top:-4px;
  }
}

/* Two-page commercial proposal preview: scroll instead of squeezing */
.quote-preview-stage img{
  width:min(100%,520px) !important;
  height:auto !important;
}


/* =========================================================
   V12.19 — detailed terms moved below calculator
   ========================================================= */
.calc-info-section{
  width:min(1100px,calc(100% - 28px));
  margin:34px auto 28px;
  padding-top:28px;
  border-top:1px solid #dcd8d0;
}
.calc-info-section__head{
  margin-bottom:18px;
}
.calc-info-section__head>span{
  display:block;
  margin-bottom:6px;
  color:#9b7841;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.calc-info-section__head h2{
  margin:0;
  color:#242824;
  font:500 30px/1.12 Georgia,"Times New Roman",serif;
}
.calc-info-grid{
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:14px;
  margin-bottom:14px;
}
.calc-info-card{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:13px;
  align-items:start;
  padding:19px;
  border:1px solid #ddd9d1;
  background:#fff;
}
.calc-info-card--green{
  background:#f0f5eb;
  border-color:#d5e5c8;
}
.calc-info-card__icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#171a18;
  color:#d2aa61;
  font-size:18px;
  font-weight:800;
}
.calc-info-card--green .calc-info-card__icon{
  background:#5d882d;
  color:#fff;
}
.calc-info-card strong{
  display:block;
  margin:1px 0 7px;
  color:#2b302b;
  font-size:13px;
  line-height:1.35;
  text-transform:uppercase;
}
.calc-info-card p{
  margin:0;
  color:#666c66;
  font-size:11px;
  line-height:1.55;
}
.calc-commercial-terms--below{
  width:100%;
  margin:0;
}
@media(max-width:820px){
  .calc-info-section{
    margin-top:24px;
  }
  .calc-info-section__head h2{
    font-size:25px;
  }
  .calc-info-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   V12.20 — scrollable commercial proposal preview
   ========================================================= */
.quote-preview-hint{
  padding:9px 12px;
  border-top:1px solid #e4e1da;
  border-bottom:1px solid #d7d4ce;
  background:#faf8f3;
  color:#6c706b;
  font-size:10px;
  line-height:1.4;
  text-align:center;
}
.quote-preview-stage{
  height:min(68vh,760px) !important;
  max-height:none !important;
  min-height:500px;
  padding:20px !important;
  display:block !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
  background:#deddd8;
}
.quote-preview-pages{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}
.quote-preview-page{
  position:relative;
  width:min(100%,720px);
  flex:0 0 auto;
}
.quote-preview-page img{
  display:block;
  width:100% !important;
  height:auto !important;
  max-width:none !important;
  margin:0 !important;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}
.quote-preview-page-label{
  position:sticky;
  top:0;
  z-index:2;
  display:table;
  margin:0 0 7px auto;
  padding:5px 8px;
  background:#171a18;
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
}
@media(max-width:820px){
  .quote-preview-stage{
    height:62vh !important;
    min-height:390px;
    padding:10px !important;
  }
  .quote-preview-pages{
    gap:16px;
  }
  .quote-preview-page{
    width:100%;
  }
  .quote-preview-hint{
    font-size:9px;
    padding:8px 10px;
  }
}


/* =========================================================
   V12.21 — Russia-wide work and delivery
   ========================================================= */
.calc-russia-service{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:64px 1fr 120px;
  gap:18px;
  align-items:center;
  margin:14px 0;
  padding:22px 24px;
  border:1px solid #d4d9dc;
  background:linear-gradient(100deg,#f3f6f7,#fff 65%);
}
.calc-russia-service__icon{
  width:60px;
  height:60px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#161a18;
  color:#d2aa61;
}
.calc-russia-service__icon svg{
  width:38px;
  height:38px;
}
.calc-russia-service__copy>span{
  display:block;
  margin-bottom:5px;
  color:#8a6b3a;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.calc-russia-service__copy h3{
  margin:0 0 7px;
  color:#242824;
  font:500 26px/1.08 Georgia,"Times New Roman",serif;
}
.calc-russia-service__copy p{
  margin:0;
  max-width:680px;
  color:#626862;
  font-size:11px;
  line-height:1.55;
}
.calc-russia-service__copy b{
  color:#355f70;
}
.calc-russia-service__truck{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#596761;
  opacity:.85;
}
.calc-russia-service__truck svg{
  width:105px;
  height:auto;
}
@media(max-width:820px){
  .calc-russia-service{
    grid-template-columns:48px 1fr;
    gap:13px;
    padding:17px 15px;
  }
  .calc-russia-service__icon{
    width:46px;
    height:46px;
  }
  .calc-russia-service__icon svg{
    width:30px;
    height:30px;
  }
  .calc-russia-service__copy h3{
    font-size:22px;
  }
  .calc-russia-service__truck{
    display:none;
  }
}


/* =========================================================
   V12.22 — unified icon size for info blocks
   ========================================================= */
.calc-info-card__icon,
.calc-russia-service__icon{
  width:52px !important;
  height:52px !important;
  min-width:52px;
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
}
.calc-info-card{
  grid-template-columns:52px 1fr !important;
}
.calc-russia-service{
  grid-template-columns:52px 1fr 120px !important;
}
.calc-info-card__icon{
  font-size:20px !important;
}
.calc-russia-service__icon svg{
  width:32px !important;
  height:32px !important;
}
@media(max-width:820px){
  .calc-info-card__icon,
  .calc-russia-service__icon{
    width:48px !important;
    height:48px !important;
    min-width:48px;
    min-height:48px;
  }
  .calc-info-card{
    grid-template-columns:48px 1fr !important;
  }
  .calc-russia-service{
    grid-template-columns:48px 1fr !important;
  }
  .calc-russia-service__icon svg{
    width:29px !important;
    height:29px !important;
  }
}


/* =========================================================
   V12.23 — desktop calculator stability + aligned blocks
   ========================================================= */

/* Three equal information cards after the calculator */
.calc-info-grid--three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch;
}
.calc-info-grid--three .calc-info-card{
  height:100%;
  box-sizing:border-box;
}
.calc-info-card--russia{
  background:#f3f6f7;
  border-color:#d4d9dc;
}
.calc-info-card--russia b{
  color:#355f70;
}
.calc-info-card__icon--globe{
  background:#161a18;
  color:#d2aa61;
}
.calc-info-card__icon--globe svg{
  width:31px;
  height:31px;
}

/* Laptop/desktop widths used to turn the total into a 2-column grid.
   This made notes and action buttons jump into different cells. */
@media (min-width:821px) and (max-width:1120px){
  .ref-total{
    display:block !important;
    grid-column:1/-1;
    position:static;
  }
  .ref-total>strong{
    display:block;
  }
  .ref-total-lines,
  .ref-gold-line,
  .installation-included-note,
  .ref-scope-short,
  .ref-total .request-warning,
  .ref-total .ref-submit,
  .ref-total .ref-callback,
  .ref-total .ref-whatsapp,
  .ref-total>small{
    width:100%;
    box-sizing:border-box;
  }
  .ref-gold-line{
    margin:18px 0 14px;
  }
}

/* On narrower desktop/tablet layouts keep the three cards ordered */
@media(max-width:980px){
  .calc-info-grid--three{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   V12.24 — restore truck illustration on desktop
   ========================================================= */
@media(min-width:981px){
  .calc-info-card--russia{
    grid-template-columns:52px 1fr 92px !important;
    align-items:center;
  }
  .calc-info-card__truck{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#5b6963;
    opacity:.9;
  }
  .calc-info-card__truck svg{
    width:86px;
    height:auto;
  }
}
@media(max-width:980px){
  .calc-info-card__truck{
    display:none;
  }
}


/* =========================================================
   V12.26 — stronger truck visibility in desktop calculator
   ========================================================= */
@media (min-width: 821px){
  .calc-info-card--russia .calc-info-card__truck{
    display:flex !important;
    align-items:center;
    justify-content:center;
    color:#355f70 !important;
    opacity:1 !important;
    transform:scale(1.03);
  }
  .calc-info-card--russia .calc-info-card__truck svg{
    width:96px !important;
    height:auto !important;
    display:block;
  }
}


/* =========================================================
   V12.29 — scroll chaining: КП -> окно сайта
   ========================================================= */
.quote-preview-stage{
  overscroll-behavior-y:auto !important;
  overscroll-behavior-x:none !important;
}
.quote-modal{
  overscroll-behavior-y:auto !important;
}


/* =========================================================
   V12.30 — bottom mobile button becomes "Скачать КП"
   ========================================================= */
@media(max-width:820px){
  .mobile-calc-sticky{
    z-index:10050 !important;
  }
  .mobile-calc-sticky button.quote-download-mode{
    background:#668f31 !important;
    font-size:11px;
    letter-spacing:.03em;
  }
  .mobile-calc-sticky button:disabled{
    opacity:.72;
    cursor:wait;
  }
  .quote-modal{
    padding-bottom:calc(86px + env(safe-area-inset-bottom,0px)) !important;
  }
}


/* =========================================================
   V12.32 — greenhouse geometry note
   ========================================================= */
.ref-geometry-note{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:12px;
  align-items:center;
  margin-top:16px;
  padding:14px 16px;
  border:1px solid #ddd8ce;
  background:#f8f6f1;
}
.ref-geometry-note__icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#171a18;
  color:#d2aa61;
}
.ref-geometry-note__icon svg{
  width:30px;
  height:25px;
}
.ref-geometry-note strong{
  display:block;
  margin:0 0 4px;
  color:#2b302b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.ref-geometry-note p{
  margin:0;
  color:#626862;
  font-size:11px;
  line-height:1.45;
}
@media(max-width:820px){
  .ref-geometry-note{
    grid-template-columns:40px 1fr;
    padding:12px;
  }
  .ref-geometry-note__icon{
    width:38px;
    height:38px;
  }
}


/* =========================================================
   V12.34 — year-round installation note
   ========================================================= */
.calc-commercial-terms__year-round{
  margin:14px 0 6px !important;
  padding:10px 12px;
  border-left:3px solid #668f31;
  background:#f0f5eb;
  color:#456b25;
  font-size:13px;
  line-height:1.4;
}


/* =========================================================
   V12.36 — quantities for selected additional options
   ========================================================= */
.check-card.has-quantity{
  position:relative;
  padding-bottom:62px;
}
.ref-option-qty{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  opacity:.52;
  transition:opacity .15s ease;
}
.check-card.selected .ref-option-qty,
.ref-option-qty:focus-within{
  opacity:1;
}
.ref-option-qty-label{
  font-size:10px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:#747a74;
}
.ref-option-qty-control{
  display:grid;
  grid-template-columns:30px 42px 30px;
  height:30px;
  border:1px solid #d4d4ce;
  background:#fff;
}
.ref-option-qty-control button,
.ref-option-qty-control input{
  width:100%;
  height:28px;
  border:0;
  background:#fff;
  color:#252925;
  text-align:center;
  padding:0;
}
.ref-option-qty-control button{
  cursor:pointer;
  font-size:18px;
  line-height:28px;
}
.ref-option-qty-control button:hover{
  background:#f1f3ee;
}
.ref-option-qty-control input{
  border-left:1px solid #e0e0db;
  border-right:1px solid #e0e0db;
  font-size:12px;
  font-weight:700;
  appearance:textfield;
  -moz-appearance:textfield;
}
.ref-option-qty-control input::-webkit-outer-spin-button,
.ref-option-qty-control input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}
.check-card.unavailable .ref-option-qty{
  display:none;
}
@media(max-width:820px){
  .check-card.has-quantity{
    padding-bottom:58px;
  }
  .ref-option-qty{
    left:12px;
    right:12px;
    bottom:10px;
  }
}


/* =========================================================
   V12.37 — fix quantity option card layout
   ========================================================= */
.ref-option-grid .check-card.has-quantity{
  height:142px !important;
  padding:10px 8px 50px !important;
  justify-content:flex-start !important;
  overflow:hidden;
}
.ref-option-grid .check-card.has-quantity .ref-option-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  margin:3px 0 4px;
}
.ref-option-grid .check-card.has-quantity .ref-option-name{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  width:100%;
  padding:0 3px;
  font-size:8.5px;
  line-height:1.2;
  text-align:center;
}
.ref-option-grid .check-card.has-quantity > small{
  display:block !important;
  margin-top:4px;
  font-size:7px;
  line-height:1.15;
  color:#777c77;
  text-align:center;
}
.ref-option-grid .check-card.has-quantity .ref-option-qty{
  left:8px;
  right:8px;
  bottom:10px;
  min-height:32px;
  gap:5px;
}
.ref-option-grid .check-card.has-quantity .ref-option-qty-label{
  font-size:7.5px;
  letter-spacing:.03em;
  white-space:nowrap;
}
.ref-option-grid .check-card.has-quantity .ref-option-qty-control{
  flex:0 0 auto;
  grid-template-columns:28px 38px 28px;
  height:30px;
}

/* Critical override: number input must not inherit checkbox positioning. */
.ref-option-grid .check-card.has-quantity .ref-option-qty-control input[type="number"]{
  position:static !important;
  left:auto !important;
  top:auto !important;
  width:38px !important;
  height:28px !important;
  margin:0 !important;
  padding:0 !important;
  opacity:1 !important;
  accent-color:auto !important;
  border-left:1px solid #e0e0db !important;
  border-right:1px solid #e0e0db !important;
  background:#fff !important;
  font-size:12px !important;
  font-weight:700 !important;
  text-align:center !important;
}
.ref-option-grid .check-card.has-quantity .ref-option-qty-control button{
  position:static !important;
  width:28px !important;
  height:28px !important;
  margin:0 !important;
  padding:0 !important;
}
@media(max-width:820px){
  .ref-option-grid .check-card.has-quantity{
    height:136px !important;
    padding:9px 6px 48px !important;
  }
  .ref-option-grid .check-card.has-quantity .ref-option-qty{
    left:6px;
    right:6px;
    bottom:8px;
  }
}


/* =========================================================
   V12.38 — no separate price in quantity cards
   ========================================================= */
.ref-option-grid .check-card.has-quantity{
  height:126px !important;
  padding:10px 8px 48px !important;
}
.ref-option-grid .check-card.has-quantity > small:empty{
  display:none !important;
}
.ref-option-grid .check-card.has-quantity .ref-option-name{
  min-height:30px;
  margin-top:2px;
}
@media(max-width:820px){
  .ref-option-grid .check-card.has-quantity{
    height:122px !important;
    padding:9px 6px 46px !important;
  }
}

/* =========================================================
   V12.42 — redundant quote refresh button removed
   ========================================================= */
.quote-preview-title{
  justify-content:flex-start !important;
}


/* =========================================================
   V12.43 — send commercial proposal to customer's e-mail
   ========================================================= */
.quote-action-grid-three{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.quote-email-modal{
  z-index:10150 !important;
  padding:18px 10px;
}
.quote-email-modal-card{
  width:min(520px,calc(100vw - 20px));
  max-width:520px;
  padding:0;
  overflow:hidden;
  background:#f4f3ef;
}
.quote-email-modal-card .modal-close{
  top:12px;
  right:14px;
  z-index:3;
  color:#fff;
  background:rgba(255,255,255,.1);
}
.quote-email-head{
  background:#111412;
  color:#fff;
  padding:28px 58px 23px 24px;
}
.quote-email-head>span{
  display:block;
  margin-bottom:7px;
  color:#d2aa61;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.quote-email-head h2{
  margin:0;
  font:500 30px/1.1 Georgia,"Times New Roman",serif;
}
.quote-email-head p{
  margin:10px 0 0;
  color:#c8cdc8;
  font-size:12px;
  line-height:1.5;
}
.quote-email-head p b{color:#fff}
.quote-email-form{
  padding:20px;
  display:grid;
  gap:12px;
}
.quote-email-form label>span{
  display:block;
  margin-bottom:6px;
  color:#6c726c;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}
.quote-email-form input{
  width:100%;
  min-height:48px;
  padding:0 12px;
  border:1px solid #d4d0c8;
  border-radius:0;
  background:#fff;
  font-size:16px;
  outline:none;
}
.quote-email-form input:focus{
  border-color:#64883f;
  box-shadow:0 0 0 2px rgba(100,136,63,.12);
}
.quote-email-submit{
  min-height:50px;
  border:0;
  background:#111412;
  color:#fff;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  cursor:pointer;
}
.quote-email-submit:disabled{
  opacity:.58;
  cursor:wait;
}
.quote-email-form>small{
  color:#858a85;
  font-size:9px;
  line-height:1.45;
}
.quote-email-status{
  min-height:18px;
  margin:0;
  color:#4d702f;
  font-size:10px;
  line-height:1.4;
}
@media(max-width:760px){
  .quote-action-grid-three{
    grid-template-columns:1fr !important;
  }
  .quote-email-modal{
    place-items:start center;
    align-items:start;
    padding:
      calc(env(safe-area-inset-top,0px) + 72px)
      8px
      calc(env(safe-area-inset-bottom,0px) + 24px);
  }
  .quote-email-modal-card{
    width:calc(100vw - 16px);
    max-width:none;
  }
  .quote-email-head{
    padding:22px 50px 18px 16px;
  }
  .quote-email-head h2{
    font-size:26px;
  }
  .quote-email-form{
    padding:14px;
  }
}


/* =========================================================
   V0.21.4 — UPPER HOME STRICT REFERENCE
   Only header, hero-area advantages and cutaway block.
   ========================================================= */
.home-premium{background:#f4f1ea}
/* Главная использует ту же полосу дерева сайта, что и калькулятор */
.home-premium .site-breadcrumb.ref-breadcrumb{display:block!important}
.target-header{height:74px;background:#0b0d0c;color:#fff;position:relative;z-index:90;border-bottom:1px solid rgba(255,255,255,.08)}
.target-header-inner{max-width:1500px;height:100%;margin:auto;padding:0 28px;display:grid;grid-template-columns:280px 1fr auto;align-items:center;gap:26px}
.target-brand{display:flex;align-items:center;gap:17px;color:#fff;text-decoration:none;white-space:nowrap}
.target-brand-name{font-size:29px;line-height:1;font-weight:500;letter-spacing:.03em}
.target-brand-tagline{font-size:7px;line-height:1.4;letter-spacing:.08em;color:#c9cbc9;border-left:1px solid rgba(255,255,255,.22);padding-left:14px}
.target-nav{display:flex;justify-content:center;align-items:center;gap:27px;height:100%}
.target-nav a{color:#e8e9e8;font-size:12px;text-decoration:none;white-space:nowrap;transition:.2s}
.target-nav a.active,.target-nav a:hover{color:#c99b43}
.target-header-right{display:flex;align-items:center;gap:20px}
.target-socials{display:flex;align-items:center;gap:14px;padding-right:18px;border-right:1px solid rgba(255,255,255,.17)}
.target-socials a{display:grid;place-items:center;color:#fff;width:26px;height:26px}
.target-socials svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}
.target-socials a:first-child svg path{fill:none;stroke:currentColor}
.target-socials a:nth-child(2) svg path{fill:currentColor;stroke:none}
.target-phone{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.target-phone a{color:#fff;font-size:16px;font-weight:700;text-decoration:none}
.target-phone small{margin-top:5px;color:#c8cac8;font-size:10px}
.target-menu-btn{display:none;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.22);width:42px;height:42px;font-size:23px}

.home-premium .premium-hero{height:650px}
.home-premium .premium-hero-copy{left:max(6.2vw,70px);top:45%;width:min(650px,60vw)}
.home-premium .premium-hero-copy h1{font-size:69px;line-height:.99;margin:18px 0 24px}
.home-premium .premium-hero-copy>p:not(.premium-eyebrow){font-size:16px;line-height:1.8;max-width:600px}
.home-premium .premium-hero-actions{margin-top:27px;gap:16px}
.home-premium .premium-btn{min-width:215px;min-height:57px}
.home-premium .premium-hero-meta{margin-top:28px;gap:22px;font-size:11px}
.home-premium .mobile-hero-cta{display:none!important}

.target-advantages{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border-bottom:1px solid #ded9cf;min-height:145px;padding:0 5.5vw}
.target-advantage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;color:#2a3128;text-decoration:none;border-right:1px solid #e5e0d7;padding:18px 10px}
.target-advantage:first-child{border-left:1px solid #e5e0d7}
.target-advantage svg{width:48px;height:48px;color:#44523f}
.target-advantage span{font-size:11px;line-height:1.25;font-weight:800;color:#1d211d}

.target-cutaway{background:#f4f1ea;padding:42px 0 34px;border-bottom:1px solid #ded9cf}
.target-cutaway-inner{max-width:1460px;margin:0 auto;padding:0 34px}
.target-cutaway-head{text-align:left;margin:0 0 20px 28px;max-width:610px}
.target-cutaway-head>span{font-size:10px;letter-spacing:.17em;color:#a67c36;font-weight:800}
.target-cutaway-head h2{font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1.08;font-weight:500;margin:10px 0 13px;color:#171917}
.target-cutaway-head p{font-size:13px;line-height:1.55;color:#30332f;margin:0}
.target-cutaway-stage{position:relative;min-height:660px;margin-top:0}
.target-cutaway-photo{position:absolute;left:20%;right:18%;top:105px;height:510px;overflow:hidden;background:#ddd;border:1px solid #d4c8b4}
.target-cutaway-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.target-card{position:absolute;width:190px;min-height:112px;background:#faf9f5;border:1px solid #d9c8aa;padding:16px 14px;display:flex;gap:10px;align-items:flex-start;z-index:3;box-shadow:0 3px 9px rgba(86,70,45,.04)}
.target-card svg{width:31px;height:31px;flex:0 0 31px;color:#445b39}
.target-card strong{display:block;font-size:11px;line-height:1.2;margin:2px 0 8px;color:#171917}
.target-card p{font-size:9.5px;line-height:1.42;margin:0;color:#333833}
.target-card:after{content:"";position:absolute;height:1px;background:#bc9652;top:50%;width:26px}
.target-card-light{left:0;top:122px}.target-card-light:after{right:-26px}
.target-card-heat{left:-15px;top:310px}.target-card-heat:after{right:-26px}
.target-card-ground{left:0;top:500px}.target-card-ground:after{right:-26px}
.target-card-vent{left:43%;top:0;width:205px}.target-card-vent:after{display:none}
.target-card-drip{right:1%;top:6px}.target-card-drip:after{left:-26px}
.target-card-fog{right:-2%;top:165px}.target-card-fog:after{left:-26px}
.target-card-tank{right:-2%;top:330px}.target-card-tank:after{left:-26px}
.target-card-control{right:-2%;top:505px}.target-card-control:after{left:-26px}
.target-cutaway-bottom{margin-left:20%;margin-right:18%;display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:18px}
.target-cutaway-bottom p{font-size:13px;line-height:1.55;margin:0;color:#333733}
.target-cutaway-bottom a{min-width:255px;min-height:58px;display:flex;align-items:center;justify-content:center;background:#5b7f39;color:#fff;font-size:11px;font-weight:800;text-decoration:none;border:1px solid #516f35}

@media (max-width:1180px){
  .target-header-inner{grid-template-columns:240px 1fr auto;padding:0 18px;gap:16px}.target-nav{gap:15px}.target-nav a{font-size:10px}.target-socials{gap:9px;padding-right:10px}.target-phone a{font-size:13px}
  .home-premium .premium-hero-copy h1{font-size:56px}
  .target-cutaway-inner{padding:0 20px}.target-cutaway-photo{left:19%;right:19%}.target-card{width:170px}.target-card-drip,.target-card-fog,.target-card-tank,.target-card-control{right:0}
}
@media (max-width:900px){
  .target-header{height:68px}.target-header-inner{grid-template-columns:1fr auto}.target-nav{position:absolute;left:0;right:0;top:68px;background:#0b0d0c;display:none;flex-direction:column;height:auto;padding:18px;gap:0}.target-nav.open{display:flex}.target-nav a{width:100%;padding:12px 8px;font-size:13px}.target-header-right{display:none}.target-menu-btn{display:block}.target-brand-tagline{font-size:6px}
  .home-premium .premium-hero{height:610px}.home-premium .premium-hero-copy{left:34px;top:auto;bottom:88px;transform:none;width:75vw}.home-premium .premium-hero-copy h1{font-size:52px}
  .target-advantages{overflow-x:auto;grid-template-columns:repeat(6,minmax(145px,1fr));padding:0;min-height:120px;scrollbar-width:none}.target-advantages::-webkit-scrollbar{display:none}.target-advantage{min-width:145px}.target-advantage svg{width:38px;height:38px}
  .target-cutaway{padding-top:34px}.target-cutaway-head{margin-left:0}.target-cutaway-stage{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;min-height:0}.target-cutaway-photo{position:relative;left:auto;right:auto;top:auto;height:auto;aspect-ratio:1.42/1;grid-column:1/-1;grid-row:1}.target-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:auto;min-height:120px}.target-card:after{display:none}.target-card-vent{grid-column:auto}.target-cutaway-bottom{margin:18px 0 0;align-items:stretch}.target-cutaway-bottom a{min-width:225px}
}
@media (max-width:620px){
  .target-header-inner{padding:0 14px}.target-brand-name{font-size:22px}.target-brand-tagline{font-size:5px;padding-left:9px}.target-brand{gap:9px}
  .home-premium .premium-hero{height:560px}.home-premium .premium-slide{background-position:58% center}.home-premium .premium-hero-copy{left:22px;right:22px;top:auto;bottom:82px;transform:none;width:auto}.home-premium .premium-eyebrow{font-size:9px}.home-premium .premium-hero-copy h1{font-size:44px;line-height:1.03}.home-premium .premium-hero-copy>p:not(.premium-eyebrow){font-size:13px;line-height:1.55}.home-premium .premium-hero-actions{gap:8px}.home-premium .premium-btn{min-width:0;min-height:48px;padding:0 15px;font-size:9px}.home-premium .premium-hero-meta{gap:8px;font-size:8px;margin-top:20px}.home-premium .premium-arrow{width:32px;height:48px;font-size:28px}
  .target-advantages{grid-template-columns:repeat(6,135px)}.target-advantage{min-width:135px;min-height:108px}.target-advantage span{font-size:9px}
  .target-cutaway-inner{padding:0 14px}.target-cutaway-head h2{font-size:31px}.target-cutaway-head p{font-size:12px}.target-cutaway-stage{gap:10px}.target-card{padding:12px 10px;min-height:126px;gap:8px}.target-card svg{width:26px;height:26px;flex-basis:26px}.target-card strong{font-size:10px}.target-card p{font-size:9px}.target-cutaway-bottom{flex-direction:column}.target-cutaway-bottom a{width:100%;min-width:0}
}


/* v0.21.7 — homepage advantage strip matched to approved reference */
.home-advantage-bar{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  background:#fbfaf7;
  border-top:1px solid #ece7df;
  border-bottom:1px solid #e1dbd1;
}
.home-advantage-item{
  min-height:146px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:16px;
  padding:22px 12px 20px;
  border-right:1px solid #e6e0d7;
  color:#232824;
  text-align:center;
  text-decoration:none;
  transition:background .2s ease,color .2s ease;
}
.home-advantage-item:last-child{border-right:0}
.home-advantage-item:hover{background:#f7f3ec;color:#5c7650}
.home-advantage-item svg{width:68px;height:68px;flex:0 0 auto;color:#60764e}
.home-advantage-item span{font-size:10px;line-height:1.32;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
@media(max-width:1180px){
  .home-advantage-item{min-height:128px;padding:18px 8px 16px;gap:12px}
  .home-advantage-item svg{width:58px;height:58px}
  .home-advantage-item span{font-size:9px}
}
@media(max-width:760px){
  .home-advantage-bar{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
  .home-advantage-bar::-webkit-scrollbar{display:none}
  .home-advantage-item{flex:0 0 43vw;min-width:158px;min-height:118px;scroll-snap-align:start;border-right:1px solid #e6e0d7;padding:16px 10px 14px;gap:10px}
  .home-advantage-item svg{width:48px;height:48px}
  .home-advantage-item span{font-size:8.8px}
}
@media(max-width:420px){.home-advantage-item{flex-basis:47vw;min-width:150px}}


/* v0.21.6 — homepage header/breadcrumb locked to calculator reference */
.home-premium .site-unified-header.ref-header{
  height:110px !important;
  background:linear-gradient(100deg,#0d0f0e,#181b19 62%,#0d0f0e) !important;
  color:#fff !important;
}
.home-premium .site-unified-header .ref-header-inner{
  max-width:1100px !important;
  height:100% !important;
  margin:auto !important;
  padding:0 14px !important;
  display:grid !important;
  grid-template-columns:240px 1fr auto !important;
  align-items:center !important;
  gap:26px !important;
}
.home-premium .site-unified-header .ref-logo img{
  width:205px !important;
  height:86px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
.home-premium .site-breadcrumb.ref-breadcrumb{
  display:block !important;
  height:35px !important;
  background:linear-gradient(90deg,#171918,#292c2a,#171918) !important;
  color:#cdd0cd !important;
  margin:0 !important;
}
@media(max-width:980px){
  .home-premium .site-unified-header.ref-header{height:auto !important;min-height:84px !important;}
  .home-premium .site-unified-header .ref-header-inner{min-height:84px !important;height:auto !important;grid-template-columns:1fr auto !important;gap:16px !important;}
}
@media(max-width:820px){
  .home-premium .site-breadcrumb.ref-breadcrumb{height:32px !important;}
}

/* =========================================================
   v0.21.8 — approved homepage lower layout
   Header and hero are intentionally untouched.
   ========================================================= */
.home-premium{
  --rh-bg:#f3efe8;
  --rh-paper:#f8f5ef;
  --rh-ink:#181a18;
  --rh-muted:#666a64;
  --rh-line:#ded5c7;
  --rh-gold:#b68d4a;
  --rh-green:#58773d;
}
.refhome-wrap{max-width:1390px;margin:0 auto;padding:0 34px}
.refhome-heading>span{display:block;margin-bottom:8px;color:var(--rh-gold);font-size:10px;line-height:1.2;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.refhome-heading h2{margin:0;color:var(--rh-ink);font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.08;font-weight:500;letter-spacing:-.02em}
.refhome-heading-left{text-align:left}
.refhome-btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border:1px solid transparent;text-decoration:none;text-transform:uppercase;font-size:10px;font-weight:900;letter-spacing:.025em;transition:.2s ease;box-sizing:border-box}
.refhome-btn-green{background:var(--rh-green);border-color:var(--rh-green);color:#fff}
.refhome-btn-green:hover{background:#486631;color:#fff}
.refhome-btn-outline{border-color:#b4aa9b;background:#faf8f3;color:#2b302b}
.refhome-btn-outline:hover{border-color:#71825f;color:#526b3e}
.refhome-btn-ghost{border-color:rgba(255,255,255,.6);background:rgba(0,0,0,.12);color:#fff}
.refhome-center{text-align:center;margin-top:18px}

/* Cutaway */
.refhome-cutaway{padding:34px 0 34px;background:#f4f0e9;border-bottom:1px solid #e3ddd3}
.refhome-cutaway-top{display:block;margin-bottom:12px}
.refhome-intro{max-width:620px;margin:10px 0 2px;color:#5d615b;font-size:11px;line-height:1.55;text-align:left}
.refhome-cutaway-grid{display:grid;grid-template-columns:175px minmax(0,1fr) 175px;gap:18px;align-items:center}
.refhome-side{display:grid;gap:20px}
.refhome-feature{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:92px;padding:13px 12px;background:#faf8f4;border:1px solid #dcccb2;box-sizing:border-box}
.refhome-feature svg{width:29px;height:29px;flex:0 0 29px;color:#5f7650}
.refhome-feature strong{display:block;margin:1px 0 5px;color:#1d201d;font-size:9.8px;line-height:1.2}
.refhome-feature p{margin:0;color:#5d615b;font-size:8.8px;line-height:1.4}
.refhome-side-left .refhome-feature:after,.refhome-side-right .refhome-feature:before{content:"";position:absolute;top:50%;width:23px;border-top:1px solid #c59c58}
.refhome-side-left .refhome-feature:after{right:-23px}.refhome-side-right .refhome-feature:before{left:-23px}
.refhome-feature-vent{min-height:76px;padding:11px 12px}
.refhome-feature-vent:after{display:block}
.refhome-side-left .refhome-feature-vent:before{display:none}
.refhome-cutaway-photo{margin:0;overflow:hidden;border:1px solid #d8cab6;background:#ddd;aspect-ratio:1.62/1}
.refhome-cutaway-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

/* Projects */
.refhome-projects{padding:34px 0 28px;background:#faf8f3;border-bottom:1px solid #e5dfd5}
.refhome-projects .refhome-heading{margin-bottom:18px}
.refhome-project-slider{position:relative}
.refhome-project-grid{display:flex;gap:22px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}
.refhome-project-grid::-webkit-scrollbar{display:none}
.refhome-project{position:relative;display:block;flex:0 0 calc((100% - 44px)/3);min-height:218px;overflow:hidden;background:#111;color:#fff;text-decoration:none;border-radius:4px;scroll-snap-align:start}
.refhome-project-arrow{position:absolute;z-index:4;top:50%;width:42px;height:42px;margin-top:-21px;border:1px solid rgba(255,255,255,.5);background:rgba(15,18,16,.78);color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:30px;line-height:1;display:grid;place-items:center;cursor:pointer;transition:opacity .2s ease,background .2s ease}
.refhome-project-arrow:hover{background:rgba(15,18,16,.94)}
.refhome-project-arrow:disabled{opacity:.25;cursor:default}
.refhome-project-prev{left:-14px}
.refhome-project-next{right:-14px}
.refhome-project img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.refhome-project:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}
.refhome-project:hover img{transform:scale(1.02)}
.refhome-project div{position:absolute;z-index:2;left:15px;right:15px;bottom:13px;display:grid;gap:4px}
.refhome-project strong{font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.22;font-weight:500}
.refhome-project span{font-size:9.5px;line-height:1.4;color:#f1f1ec}
.refhome-projects .refhome-center{margin-top:14px}

/* Facts */
.refhome-facts{padding:35px 0 22px;background:#f4f0e9;border-bottom:1px solid #dfd7ca}
.refhome-facts .refhome-heading{margin-bottom:16px}
.refhome-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.refhome-facts-grid article{min-height:96px;padding:14px 16px;display:flex;align-items:center;gap:16px;border:1px solid #dfd3c2;background:rgba(255,255,255,.54);box-sizing:border-box}
.refhome-facts-grid svg{width:48px;height:48px;flex:0 0 48px;color:#b77d35}
.refhome-facts-grid svg *{stroke-width:1.55}
.refhome-facts-grid strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:.98;color:#222420;font-weight:500}
.refhome-facts-grid strong small{font-family:Arial,sans-serif;font-size:11px;font-weight:700}
.refhome-facts-grid p{margin:6px 0 0;color:#60645e;font-size:11px;line-height:1.42}
.refhome-facts-band{margin-top:11px;min-height:67px;padding:9px 15px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #cdb892;background:#f7f4ee}
.refhome-facts-band>div{display:flex;align-items:center;gap:14px}
.refhome-facts-band svg{width:48px;height:40px;color:#637a55}
.refhome-facts-band strong{font-family:Georgia,"Times New Roman",serif;font-size:16px;line-height:1.22;font-weight:500}
.refhome-facts-band .refhome-btn{min-width:255px}

/* Calculator promo */
.refhome-calculator{max-width:1390px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;min-height:320px;background:#f7f4ee;border-bottom:1px solid #ded6ca;align-items:stretch}
.refhome-calculator-copy{padding:30px 34px 28px}
.refhome-calculator-copy>span{display:block;margin-bottom:7px;color:var(--rh-gold);font-size:10px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.refhome-calculator-copy h2{margin:0 0 10px;font-family:Georgia,"Times New Roman",serif;font-size:32px;line-height:1.05;font-weight:500}
.refhome-calculator-copy p{max-width:580px;margin:0;color:#5f635d;font-size:11px;line-height:1.5}
.refhome-calculator-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.refhome-calc-slider{position:relative;overflow:hidden;background:#f7f4ee;min-width:0}
.refhome-calc-track{position:relative;width:100%;height:100%;min-height:320px}
.refhome-calc-slide{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .55s ease}
.refhome-calc-slide.is-active{opacity:1;visibility:visible;z-index:1}
.refhome-calc-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center}
.refhome-calc-slider:after{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;box-shadow:inset 34px 0 34px #f7f4ee,inset -34px 0 34px #f7f4ee,inset 0 24px 28px #f7f4ee,inset 0 -24px 28px #f7f4ee}
.refhome-calc-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:38px;height:46px;border:1px solid rgba(96,105,92,.25);background:rgba(247,244,238,.82);color:#30352f;font:400 30px/1 Georgia,serif;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,opacity .2s ease}
.refhome-calc-arrow:hover{background:#f7f4ee}
.refhome-calc-prev{left:12px}.refhome-calc-next{right:12px}
.refhome-calc-dots{position:absolute;z-index:4;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:7px}
.refhome-calc-dots button{width:8px;height:8px;padding:0;border:1px solid #9b8a6f;border-radius:50%;background:rgba(247,244,238,.88);cursor:pointer}
.refhome-calc-dots button.is-active{background:#b58a43;border-color:#b58a43}
.refhome-calc-slider.is-single .refhome-calc-arrow,.refhome-calc-slider.is-single .refhome-calc-dots{display:none}
@media(prefers-reduced-motion:reduce){.refhome-calc-slide{transition:none}}

/* Process */
.refhome-process{padding:24px 0 31px;background:#faf8f3;border-bottom:1px solid #e2dbd1}
.refhome-process .refhome-heading{margin-bottom:12px}
.refhome-process-line{display:grid;grid-template-columns:repeat(5,1fr);position:relative}
.refhome-process-line:before{content:"";position:absolute;top:19px;left:8%;right:8%;border-top:1px solid #c09a5a}
.refhome-process-line article{position:relative;text-align:center;padding:0 17px}
.refhome-process-line b{position:relative;z-index:1;width:39px;height:39px;margin:0 auto 9px;display:grid;place-items:center;border:1px solid #c09a5a;border-radius:50%;background:#faf8f3;color:#1e211e;font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:500}
.refhome-process-line strong{display:block;margin-bottom:4px;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:500}
.refhome-process-line p{margin:0;color:#656963;font-size:10.5px;line-height:1.42}

/* Service */
.refhome-service{padding:23px 0 27px;background:#f4f0e9;border-bottom:1px solid #e0d8cc}
.refhome-service .refhome-heading{margin-bottom:12px}
.refhome-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.refhome-service-grid article{min-height:110px;padding:14px;display:flex;align-items:flex-start;gap:12px;border:1px solid #ddd2c3;background:#f8f5ef}
.refhome-service-grid svg{width:38px;height:38px;flex:0 0 38px;color:#b18348}
.refhome-service-grid strong{display:block;margin-bottom:5px;font-size:11.2px;line-height:1.3}
.refhome-service-grid p{margin:0;color:#626660;font-size:10.2px;line-height:1.5}

/* FAQ */
.refhome-faq{padding:23px 0 30px;background:#faf8f3}
.refhome-faq .refhome-heading{margin-bottom:10px}
.refhome-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.refhome-faq details{border:1px solid #ded8cf;background:#fff}
.refhome-faq summary{position:relative;padding:15px 42px 15px 16px;cursor:pointer;list-style:none;font-size:12px;font-weight:700}
.refhome-faq summary::-webkit-details-marker{display:none}.refhome-faq summary:after{content:"+";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:#676d61}.refhome-faq details[open] summary:after{content:"−"}
.refhome-faq details p{margin:0;padding:0 16px 16px;color:#626660;font-size:10.8px;line-height:1.6}
.refhome-faq-grid>details{min-height:162px}.refhome-faq-right{display:grid;gap:7px}

/* Final CTA */
.refhome-final-cta{position:relative;min-height:310px;display:flex;align-items:center;overflow:hidden;background:#111;color:#fff}
.refhome-final-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.refhome-final-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,4,.9) 0%,rgba(4,6,4,.7) 38%,rgba(4,6,4,.16) 80%)}
.refhome-final-content{position:relative;z-index:2;width:min(650px,58vw);margin-left:max(7vw,60px);padding:34px 0}
.refhome-final-content h2{margin:0 0 9px;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:.98;font-weight:500}
.refhome-final-content>p{max-width:560px;margin:0;color:#e9e9e3;font-size:10.5px;line-height:1.5}
.refhome-final-actions{display:flex;gap:10px;flex-wrap:wrap;margin:17px 0 24px}
.refhome-final-contacts{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.refhome-final-contacts a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:9px}.refhome-final-contacts b{font-size:20px;font-weight:400}.refhome-final-contacts span{display:grid}.refhome-final-contacts small{font-size:7.5px;color:#d8ddd4;margin-top:2px}

/* Footer */
.refhome-footer{background:linear-gradient(110deg,#0f1210,#1a1d1a 62%,#0d0f0e);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.refhome-footer-inner{max-width:1390px;margin:0 auto;padding:35px 34px 42px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:45px}
.refhome-footer-logo{margin-bottom:13px;font-size:22px;letter-spacing:.06em}
.refhome-footer-brand p{margin:0 0 24px;max-width:220px;color:#bfc3bf;font-size:9.5px;line-height:1.55}.refhome-footer-brand small{color:#979d98;font-size:8.5px}
.refhome-footer-col{display:grid;align-content:start;gap:8px}.refhome-footer-col strong{margin-bottom:5px;color:#f3f4f1;font-size:9px;letter-spacing:.04em}.refhome-footer-col a,.refhome-footer-col span{color:#c8ccc8;text-decoration:none;font-size:9px;line-height:1.3}.refhome-footer-col a:hover{color:#fff}
.refhome-footer-socials{display:flex;gap:11px;margin-top:8px}.refhome-footer-socials a{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;font-size:12px;color:#fff}

@media(max-width:1100px){
  .refhome-wrap{padding:0 22px}
  .refhome-cutaway-top{display:block;margin-bottom:12px}.refhome-cutaway-grid{grid-template-columns:155px minmax(0,1fr) 155px;gap:12px}.refhome-feature{padding:10px}.refhome-feature p{font-size:8px}
  .refhome-project-grid{gap:14px}.refhome-project{flex-basis:calc((100% - 28px)/3);min-height:190px}
  .refhome-facts-grid{grid-template-columns:repeat(2,1fr)}
  .refhome-service-grid{grid-template-columns:repeat(2,1fr)}
  .refhome-footer-inner{grid-template-columns:1.3fr repeat(2,1fr);gap:28px}.refhome-footer-col:nth-child(4),.refhome-footer-col:nth-child(5){margin-top:8px}
}

@media(max-width:760px){
  .refhome-wrap{padding:0 14px}.refhome-heading h2{font-size:30px}
  .refhome-cutaway{padding:28px 0}.refhome-cutaway-top{display:block}.refhome-feature-vent{margin:15px 0 9px}.refhome-intro{font-size:10px;margin-bottom:15px}
  .refhome-cutaway-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.refhome-cutaway-photo{grid-column:1/-1;grid-row:1;aspect-ratio:1.25/1}.refhome-side{display:contents}.refhome-feature{min-height:105px}.refhome-side-left .refhome-feature:after,.refhome-side-right .refhome-feature:before{display:none}
  .refhome-projects,.refhome-facts,.refhome-process,.refhome-service,.refhome-faq{padding-top:30px;padding-bottom:28px}.refhome-project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px}.refhome-project{flex:0 0 83vw;min-height:230px;scroll-snap-align:center}.refhome-project-arrow{display:none}
  .refhome-facts-grid{grid-template-columns:1fr;gap:8px}.refhome-facts-grid article{min-height:84px}.refhome-facts-band{align-items:stretch;flex-direction:column}.refhome-facts-band .refhome-btn{width:100%;min-width:0}
  .refhome-calculator{display:block}.refhome-calculator-copy{padding:32px 16px}.refhome-calculator-copy h2{font-size:30px}.refhome-calculator-actions{display:grid}.refhome-calculator-actions .refhome-btn{width:100%}.refhome-calc-slider{height:auto;background:#f7f4ee}.refhome-calc-track{min-height:0;aspect-ratio:4/3}.refhome-calc-slide img{width:100%;height:100%;object-fit:contain}.refhome-calc-slider:after{box-shadow:inset 18px 0 22px #f7f4ee,inset -18px 0 22px #f7f4ee,inset 0 14px 18px #f7f4ee,inset 0 -14px 18px #f7f4ee}.refhome-calc-arrow{width:34px;height:42px;font-size:26px}.refhome-calc-prev{left:7px}.refhome-calc-next{right:7px}.refhome-calc-dots{bottom:8px}
  .refhome-process-line{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.refhome-process-line:before{display:none}.refhome-process-line article{flex:0 0 56vw;scroll-snap-align:start;text-align:left;padding:0 14px 0 0}.refhome-process-line b{margin:0 0 10px}.refhome-process-line strong{font-size:15px}
  .refhome-service-grid{grid-template-columns:1fr 1fr;gap:8px}.refhome-service-grid article{min-height:125px;padding:11px;display:block}.refhome-service-grid svg{width:32px;height:32px;margin-bottom:8px}
  .refhome-faq-grid{grid-template-columns:1fr}.refhome-faq-grid>details{min-height:0}
  .refhome-final-cta{min-height:430px;align-items:flex-end}.refhome-final-cta>img{object-position:58% center}.refhome-final-shade{background:linear-gradient(0deg,rgba(4,6,4,.96),rgba(4,6,4,.72) 55%,rgba(4,6,4,.18))}.refhome-final-content{width:auto;margin:0;padding:35px 16px 48px}.refhome-final-content h2{font-size:36px}.refhome-final-actions{display:grid}.refhome-final-actions .refhome-btn{width:100%}.refhome-final-contacts{display:grid;gap:12px}
  .refhome-footer-inner{padding:31px 16px 38px;grid-template-columns:1fr 1fr;gap:28px 18px}.refhome-footer-brand{grid-column:1/-1}.refhome-footer-brand p{max-width:290px}.refhome-footer-contact{grid-column:1/-1}
}
@media(max-width:420px){.refhome-service-grid{grid-template-columns:1fr}.refhome-footer-inner{grid-template-columns:1fr}.refhome-footer-brand,.refhome-footer-contact{grid-column:auto}}

/* v0.21.9 — final CTA + footer matched to approved full-page reference */
.refhome-final-cta{
  position:relative;
  min-height:286px;
  display:block;
  overflow:hidden;
  background:#0c0e0c;
  color:#fff;
}
.refhome-final-cta>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 53%;
}
.refhome-final-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(5,7,5,.90) 0%,rgba(5,7,5,.72) 34%,rgba(5,7,5,.28) 62%,rgba(5,7,5,.08) 100%);
}
.refhome-final-inner{
  position:relative;
  z-index:2;
  max-width:1390px;
  min-height:286px;
  margin:0 auto;
  padding:31px 34px 21px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.refhome-final-copy{max-width:560px}
.refhome-final-copy h2{
  margin:0 0 8px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:37px;
  line-height:.98;
  font-weight:500;
  letter-spacing:-.02em;
}
.refhome-final-copy p{
  margin:0;
  max-width:540px;
  color:#f0f0eb;
  font-size:10px;
  line-height:1.45;
}
.refhome-final-actions{display:flex;gap:11px;margin:16px 0 0;flex-wrap:wrap}
.refhome-final-actions .refhome-btn{min-height:37px;padding:0 20px;font-size:8.5px}
.refhome-final-contacts{
  display:grid;
  grid-template-columns:190px 190px 190px 190px;
  gap:18px;
  align-items:center;
  margin-top:18px;
}
.refhome-final-contacts a{
  display:flex;
  align-items:center;
  gap:9px;
  color:#fff;
  text-decoration:none;
  font-size:10px;
  line-height:1.25;
}
.refhome-final-contacts svg{width:31px;height:31px;flex:0 0 31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.refhome-final-contacts span{display:block}
.refhome-final-contacts strong{display:block;font-size:10.5px;font-weight:600;color:#fff}
.refhome-final-contacts small{display:block;margin-top:3px;color:#d7dbd5;font-size:8.2px;font-weight:400}

.refhome-footer{
  background:#161917;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.05);
}
.refhome-footer-inner{
  max-width:1390px;
  margin:0 auto;
  padding:24px 34px 31px;
  display:grid;
  grid-template-columns:1.35fr .95fr 1.05fr 1.05fr 1.25fr;
  gap:46px;
  box-sizing:border-box;
}
.refhome-footer-logo{margin:0 0 13px;font-size:21px;line-height:1;letter-spacing:.04em;font-weight:500}
.refhome-footer-brand p{margin:0 0 22px;max-width:220px;color:#c7cbc7;font-size:8.7px;line-height:1.5}
.refhome-footer-brand small{color:#d5d8d5;font-size:8px}
.refhome-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:7px;min-width:0}
.refhome-footer-col strong{margin:0 0 7px;color:#f4f4f1;font-size:8.3px;line-height:1;letter-spacing:.055em;font-weight:600}
.refhome-footer-col a,.refhome-footer-col>span{color:#d3d6d3;text-decoration:none;font-size:8.6px;line-height:1.27}
.refhome-footer-col a:hover{color:#fff}
.refhome-footer-contact>a,.refhome-footer-address{display:flex!important;align-items:center;gap:7px}
.refhome-footer-contact>a svg,.refhome-footer-address svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.refhome-footer-socials{display:flex;gap:13px;margin-top:8px}
.refhome-footer-socials a{width:22px;height:22px;display:grid;place-items:center;color:#fff;border:0;border-radius:0;padding:0}
.refhome-footer-socials a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:1100px){
  .refhome-final-inner{padding-left:24px;padding-right:24px}
  .refhome-footer-inner{grid-template-columns:1.25fr repeat(4,1fr);gap:25px;padding-left:24px;padding-right:24px}
}
@media(max-width:760px){
  .refhome-final-cta{min-height:468px}
  .refhome-final-cta>img{object-position:58% center}
  .refhome-final-shade{background:linear-gradient(0deg,rgba(4,6,4,.96),rgba(4,6,4,.78) 55%,rgba(4,6,4,.2))}
  .refhome-final-inner{min-height:468px;padding:36px 16px 38px;justify-content:flex-end}
  .refhome-final-copy h2{font-size:34px}
  .refhome-final-copy p br{display:none}
  .refhome-final-actions{display:grid;grid-template-columns:1fr;max-width:330px}
  .refhome-final-actions .refhome-btn{width:100%}
  .refhome-final-contacts{grid-template-columns:1fr 1fr;gap:15px 14px;margin-top:22px}
  .refhome-final-contacts a{gap:11px;font-size:10.5px}
  .refhome-final-contacts svg{width:30px;height:30px;flex-basis:30px}
  .refhome-final-contacts strong{font-size:11px}
  .refhome-final-contacts small{font-size:8.5px}
  .refhome-footer-inner{padding:29px 16px 38px;grid-template-columns:1fr 1fr;gap:27px 20px}
  .refhome-footer-brand{grid-column:1/-1}
  .refhome-footer-contact{grid-column:1/-1}
}
@media(max-width:420px){
  .refhome-final-contacts{grid-template-columns:1fr}
  .refhome-footer-inner{grid-template-columns:1fr}
  .refhome-footer-brand,.refhome-footer-contact{grid-column:auto}
}

@media(max-width:1100px){
  .refhome-facts-grid article{min-height:92px;padding:13px 14px;gap:14px}
  .refhome-facts-grid svg{width:44px;height:44px;flex-basis:44px}
  .refhome-facts-grid strong{font-size:27px}
}


/* v0.21.17 — Contacts body matched to approved LUMEN contact-page preview */
.lumen-contact-body{max-width:1390px;margin:0 auto;padding:48px 34px 70px;background:#f8f5ef;color:#232823;box-sizing:border-box}
.lumen-contact-intro{max-width:820px;margin-bottom:34px}
.lumen-contact-intro>span{display:block;margin-bottom:15px;color:#b58945;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.lumen-contact-intro h1{margin:0 0 16px;font:500 58px/1 Georgia,"Times New Roman",serif;color:#20241f}
.lumen-contact-intro p{margin:0;max-width:790px;color:#5e635e;font-size:15px;line-height:1.65}
.lumen-contact-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:24px}
.lumen-contact-panel,.lumen-contact-map-panel,.lumen-contact-help{background:#fbf9f5;border:1px solid #ded6c9}
.lumen-contact-details{padding:20px 29px}
.lumen-contact-row{display:grid;grid-template-columns:58px 1fr;gap:20px;align-items:center;min-height:102px;border-bottom:1px solid #e6dfd4}
.lumen-contact-row:last-child{border-bottom:0}
.lumen-contact-row svg{width:43px;height:43px;fill:none;stroke:#a77e3d;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.lumen-contact-row span{display:block;margin-bottom:8px;color:#a77e3d;font-size:11px;font-weight:700;letter-spacing:.035em}
.lumen-contact-row a,.lumen-contact-row strong{display:block;color:#222722;text-decoration:none;font:500 24px/1.22 Georgia,"Times New Roman",serif}
.lumen-contact-row strong{font-size:21px}
.lumen-contact-messengers{padding:32px 29px}
.lumen-contact-messengers h2,.lumen-contact-map-panel>h2,.lumen-contact-help>h2{margin:0;font:500 29px/1.1 Georgia,"Times New Roman",serif;color:#232723}
.lumen-contact-messengers h2:after,.lumen-contact-map-panel>h2:after,.lumen-contact-help>h2:after{content:"";display:block;width:40px;margin-top:10px;border-top:2px solid #d9aa54}
.lumen-messenger-list{display:grid;gap:15px;margin-top:31px}
.lumen-messenger-card{min-height:96px;padding:0 24px;display:grid;grid-template-columns:57px 1fr auto;gap:22px;align-items:center;border:1px solid #ddd2c2;background:#fff;color:#222722;text-decoration:none;transition:border-color .18s ease,transform .18s ease}
.lumen-messenger-card:hover{border-color:#b89b6a;transform:translateY(-1px)}
.lumen-messenger-card svg{width:48px;height:48px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lumen-messenger-card.lumen-wa svg{stroke:#5d8056}.lumen-messenger-card.lumen-tg svg{stroke:#3f9dc8}.lumen-messenger-card.lumen-max svg{stroke:#5b52d7}
.lumen-messenger-card strong{display:block;font-size:14px;font-weight:700}.lumen-messenger-card small{display:block;margin-top:5px;color:#8a8d87;font-size:10px}.lumen-messenger-card>b{font-size:25px;font-weight:300;color:#a77e3d}
.lumen-contact-map-panel{margin-top:24px;padding:27px 29px 29px}
.lumen-contact-map-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:30px;margin-top:20px;align-items:stretch}
.lumen-map-frame{min-height:390px;border:1px solid #e2dbd1;background:#eee9e0;overflow:hidden}
.lumen-map-frame iframe{display:block;width:100%;height:100%;min-height:390px;border:0}
.lumen-route-card{display:flex;flex-direction:column;justify-content:center;padding:28px 5px 28px 8px}
.lumen-route-card>span{color:#a77e3d;font-size:10px;font-weight:800;letter-spacing:.12em}
.lumen-route-card h3{margin:14px 0 12px;font:500 27px/1.18 Georgia,"Times New Roman",serif}
.lumen-route-card p{margin:0 0 24px;color:#666a64;font-size:12px;line-height:1.55}
.lumen-route-primary,.lumen-route-secondary{min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.04em}
.lumen-route-primary{background:#4d6b39;color:#fff;border:1px solid #4d6b39}.lumen-route-primary span{margin-left:auto;font-size:17px;font-weight:400}.lumen-route-secondary{margin-top:10px;border:1px solid #8b9487;color:#42523e;background:#fbf9f5}
.lumen-contact-help{margin-top:24px;padding:27px 29px 31px}
.lumen-contact-help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:24px}
.lumen-contact-help-grid--single{grid-template-columns:1fr}.lumen-contact-help-grid--single article{padding-right:0;border-right:0}
.lumen-contact-help article{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:8px 28px 8px 0;border-right:1px solid #e5ded4}
.lumen-contact-help article+article{padding-left:28px}.lumen-contact-help article:last-child{border-right:0}
.lumen-contact-help svg{width:45px;height:45px;fill:none;stroke:#a77e3d;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.lumen-contact-help strong{display:block;margin-bottom:7px;font-size:13px}.lumen-contact-help p{margin:0;color:#737771;font-size:10.5px;line-height:1.5}
.lumen-contact-help-call-item{display:block!important}.lumen-contact-help-call{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;color:inherit;text-decoration:none}.lumen-contact-help-call:hover strong{color:#4d6b39}
@media(max-width:980px){.lumen-contact-body{padding:40px 24px 60px}.lumen-contact-top{grid-template-columns:1fr}.lumen-contact-map-grid{grid-template-columns:1fr}.lumen-route-card{padding:4px 0}.lumen-contact-help-grid{grid-template-columns:1fr}.lumen-contact-help article,.lumen-contact-help article+article{padding:17px 0;border-right:0;border-bottom:1px solid #e5ded4}.lumen-contact-help article:last-child{border-bottom:0}}
@media(max-width:760px){.lumen-contact-body{padding:31px 16px 44px}.lumen-contact-intro{margin-bottom:24px}.lumen-contact-intro>span{font-size:9px;margin-bottom:11px}.lumen-contact-intro h1{font-size:42px;margin-bottom:12px}.lumen-contact-intro p{font-size:13px;line-height:1.55}.lumen-contact-top{gap:14px}.lumen-contact-details{padding:8px 18px}.lumen-contact-row{grid-template-columns:44px 1fr;gap:14px;min-height:85px}.lumen-contact-row svg{width:34px;height:34px}.lumen-contact-row span{font-size:9px;margin-bottom:5px}.lumen-contact-row a,.lumen-contact-row strong{font-size:18px}.lumen-contact-row strong{font-size:17px}.lumen-contact-messengers{padding:23px 18px}.lumen-contact-messengers h2,.lumen-contact-map-panel>h2,.lumen-contact-help>h2{font-size:25px}.lumen-messenger-list{margin-top:23px;gap:10px}.lumen-messenger-card{min-height:78px;padding:0 15px;grid-template-columns:44px 1fr auto;gap:13px}.lumen-messenger-card svg{width:38px;height:38px}.lumen-messenger-card strong{font-size:12px}.lumen-messenger-card small{font-size:9px}.lumen-contact-map-panel{margin-top:14px;padding:22px 18px}.lumen-contact-map-grid{gap:18px;margin-top:17px}.lumen-map-frame,.lumen-map-frame iframe{min-height:300px}.lumen-route-card h3{font-size:23px}.lumen-contact-help{margin-top:14px;padding:22px 18px 25px}.lumen-contact-help-grid{margin-top:16px}.lumen-contact-help article{grid-template-columns:43px 1fr;gap:13px}.lumen-contact-help-call{grid-template-columns:43px 1fr;gap:13px}.lumen-contact-help svg{width:36px;height:36px}}


/* v0.21.517 — Contacts preview only: legal details and sample-photo cards */
.lumen-contact-legal,.lumen-contact-samples{margin-top:24px;padding:27px 29px 29px}
.lumen-contact-legal-head{display:flex;justify-content:space-between;align-items:start;gap:22px}
.lumen-contact-legal-head h2,.lumen-contact-samples-head h2{margin:0;font:500 29px/1.1 Georgia,"Times New Roman",serif;color:#232723}
.lumen-contact-legal-head h2:after,.lumen-contact-samples-head h2:after{content:"";display:block;width:40px;margin-top:10px;border-top:2px solid #d9aa54}
.lumen-contact-legal-head p{font-size:12px;line-height:1.55;color:#6b7069;margin:2px 0 0}
.lumen-contact-legal-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.55fr;gap:0;margin:22px 0 0}
.lumen-contact-legal-grid>div{min-width:0;padding:6px 18px 10px;border-left:1px solid #e5ded4}
.lumen-contact-legal-grid>div:first-child{padding-left:0;border-left:0}
.lumen-contact-legal-grid dt{margin:0 0 11px;font:700 11px/1.3 Arial,sans-serif;color:#657463;letter-spacing:.025em}
.lumen-contact-legal-grid dd{margin:0;font:500 18px/1.35 Georgia,"Times New Roman",serif;color:#292f28;overflow-wrap:anywhere}
.lumen-contact-legal-grid dd.lumen-contact-legal-placeholder{color:#757870;font-style:italic;font-size:16px}
.lumen-contact-draft-note{margin:15px 0 0;color:#868881;font-size:10.5px;line-height:1.5}
.lumen-contact-samples-head{display:flex;align-items:end;justify-content:space-between;gap:22px}
.lumen-contact-samples-head p{margin:12px 0 0;color:#606660;font-size:13px;line-height:1.5}
.lumen-contact-samples-note{max-width:260px;text-align:right;color:#83857e;font-size:10px;line-height:1.5}
.lumen-contact-samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.lumen-contact-sample{margin:0;min-width:0}
.lumen-contact-sample-photo{position:relative;display:block;height:223px;overflow:hidden;background:#e8e7e0;border:1px solid #ded6c9}
.lumen-contact-sample-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .22s ease}
.lumen-contact-sample-photo:hover img{transform:scale(1.025)}
.lumen-contact-sample-photo:focus-visible{outline:3px solid #4d6b39;outline-offset:3px}
.lumen-contact-sample-zoom{position:absolute;bottom:12px;right:13px;width:31px;height:31px;display:flex;align-items:center;justify-content:center;background:rgba(251,249,245,.92);color:#2c3528;font-size:19px}
.lumen-contact-sample figcaption{margin-top:10px;font-size:12px;font-weight:700;color:#363e35}
.lumen-contact-sample figcaption span{font-size:11px;font-weight:400;color:#868881}
.lumen-contact-sample-lightbox{position:fixed;inset:0;margin:auto;max-width:min(96vw,1160px);max-height:92vh;padding:8px;border:0;background:#171b17;box-shadow:0 16px 70px rgba(0,0,0,.35);overflow:visible}
.lumen-contact-sample-lightbox::backdrop{background:rgba(9,15,10,.82)}
.lumen-contact-sample-lightbox img{display:block;width:auto;max-width:calc(96vw - 16px);height:auto;max-height:calc(92vh - 16px);object-fit:contain}
.lumen-contact-sample-lightbox-close{position:absolute;top:-16px;right:-16px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border:1px solid #d8d7d1;border-radius:50%;background:#fbf9f5;color:#2a332a;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:980px){
 .lumen-contact-legal-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
 .lumen-contact-legal-grid>div:nth-child(3){padding-left:0;border-left:0}
 .lumen-contact-sample-photo{height:190px}
}
@media(max-width:760px){
 .lumen-contact-legal,.lumen-contact-samples{margin-top:14px;padding:22px 18px}
 .lumen-contact-legal-head,.lumen-contact-samples-head{display:block}
 .lumen-contact-legal-head h2,.lumen-contact-samples-head h2{font-size:25px}
 .lumen-contact-legal-head p{margin-top:11px}
 .lumen-contact-legal-grid{margin-top:20px;gap:0;row-gap:0}
 .lumen-contact-legal-grid>div{padding:10px 12px 14px 0;border:0;border-bottom:1px solid #e5ded4}
 .lumen-contact-legal-grid>div:nth-child(even){padding-left:12px}
 .lumen-contact-legal-grid dt{font-size:10px;margin-bottom:8px}
 .lumen-contact-legal-grid dd.lumen-contact-legal-placeholder{font-size:14px}
 .lumen-contact-samples-note{display:block;text-align:left;max-width:100%;margin-top:11px}
 .lumen-contact-samples-grid{grid-template-columns:1fr;gap:19px;margin-top:18px}
 .lumen-contact-sample-photo{height:auto;aspect-ratio:1.8}
 .lumen-contact-sample figcaption{font-size:12px}
}

/* v0.21.18 — new About page body matching approved light layout */
.lumen-about-body{max-width:1390px;margin:0 auto;padding:48px 34px 70px;background:#f8f5ef;color:#232823;box-sizing:border-box}
.lumen-about-intro{max-width:900px;margin-bottom:34px}
.lumen-about-intro>span{display:block;margin-bottom:15px;color:#b58945;font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.lumen-about-intro h1{margin:0 0 16px;font:500 58px/1 Georgia,"Times New Roman",serif;color:#20241f}
.lumen-about-intro p{margin:0;max-width:860px;color:#5e635e;font-size:15px;line-height:1.65}
.lumen-about-intro strong{color:#222722;font-weight:600}
.lumen-about-top-grid,.lumen-about-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.lumen-about-card,.lumen-about-section,.lumen-about-note{background:#fbf9f5;border:1px solid #ded6c9}
.lumen-about-card{padding:28px 29px}
.lumen-about-card h2,.lumen-about-section-head h2,.lumen-about-note h2{margin:0 0 18px;font:500 29px/1.15 Georgia,"Times New Roman",serif;color:#232723}
.lumen-about-card h2:after,.lumen-about-section-head h2:after,.lumen-about-note h2:after{content:"";display:block;width:40px;margin-top:10px;border-top:2px solid #d9aa54}
.lumen-about-card p,.lumen-about-note p,.lumen-about-map-copy p{margin:0 0 14px;color:#60655f;font-size:13px;line-height:1.72}.lumen-about-card p:last-child,.lumen-about-note p:last-child,.lumen-about-map-copy p:last-child{margin-bottom:0}
.lumen-about-principles ul,.lumen-about-commitments ul{list-style:none;margin:0;padding:0}
.lumen-about-principles li,.lumen-about-commitments li{position:relative;padding:15px 0 15px 34px;border-bottom:1px solid #e6dfd4;color:#313630;font-size:13px;line-height:1.55}
.lumen-about-principles li:last-child,.lumen-about-commitments li:last-child{border-bottom:0}
.lumen-about-principles li:before,.lumen-about-commitments li:before{content:"";position:absolute;left:0;top:15px;width:18px;height:18px;border:1.6px solid #b58945;border-radius:50%}
.lumen-about-principles li:after,.lumen-about-commitments li:after{content:"";position:absolute;left:6px;top:21px;width:6px;height:3px;border-left:1.8px solid #b58945;border-bottom:1.8px solid #b58945;transform:rotate(-45deg)}
.lumen-about-section{padding:27px 29px 30px;margin-top:24px}
.lumen-about-process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:22px;width:100%}
.lumen-about-process-grid article{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;width:100%;min-height:210px;padding:18px 14px;border:1px solid #e3dbcf;background:#fdfbf7;text-align:center;box-sizing:border-box}
.lumen-about-process-icon{width:62px;height:62px;border:1px solid #e4dccf;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.lumen-about-process-icon svg,.lumen-about-resource-grid svg,.lumen-about-note-icon svg,.lumen-about-wide-icon svg{width:34px;height:34px;fill:none;stroke:#a77e3d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lumen-about-process-grid strong{display:block;color:#b58945;font:700 28px/1 Georgia,"Times New Roman",serif}
.lumen-about-process-grid span{display:block;margin:7px 0 8px;color:#232823;font-size:13px;font-weight:700}
.lumen-about-process-grid p{margin:0;color:#6b706a;font-size:11px;line-height:1.55}
.lumen-about-note{display:grid;grid-template-columns:88px 1fr;gap:22px;align-items:center;padding:26px 29px;margin-top:24px}
.lumen-about-note-icon{width:88px;height:88px;border:1px solid #e4dccf;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fdfbf7}
.lumen-about-resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #e8e1d6;margin-top:20px}
.lumen-about-resource-grid article{display:grid;grid-template-columns:54px 1fr;gap:14px;align-items:start;padding:22px 16px 8px 0;border-right:1px solid #e5ded4}.lumen-about-resource-grid article+article{padding-left:16px}.lumen-about-resource-grid article:last-child{border-right:0;padding-right:0}
.lumen-about-resource-grid strong{display:block;margin-bottom:7px;font-size:14px;color:#262b26}.lumen-about-resource-grid p{margin:0;color:#6c706b;font-size:11px;line-height:1.55}
.lumen-about-tech-card{display:grid;grid-template-columns:84px 1fr;gap:22px;align-items:flex-start}
.lumen-about-wide-icon{width:84px;height:84px;border:1px solid #e4dccf;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fdfbf7}
.lumen-about-map-wrap{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:20px;align-items:center}
.lumen-about-russia-map{position:relative;min-height:245px;background:linear-gradient(180deg,#f4efe5,#f8f5ef);border:1px solid #ebe4da;overflow:hidden}
.lumen-about-russia-shape{position:absolute;inset:24px;background:#eee5d6;clip-path:polygon(3% 60%,12% 47%,19% 42%,27% 39%,36% 36%,43% 42%,50% 40%,59% 32%,71% 27%,82% 24%,93% 31%,96% 42%,92% 53%,96% 67%,88% 75%,72% 76%,63% 84%,52% 82%,43% 76%,30% 77%,20% 71%,12% 67%,6% 66%)}
.lumen-about-russia-map .pin{position:absolute;width:14px;height:14px;border-radius:50% 50% 50% 0;background:#b58945;transform:rotate(-45deg);box-shadow:0 0 0 4px rgba(181,137,69,.12)}
.lumen-about-russia-map .pin:after{content:"";position:absolute;left:4px;top:4px;width:6px;height:6px;border-radius:50%;background:#fff}
.pin-1{left:16%;top:58%}.pin-2{left:28%;top:46%}.pin-3{left:41%;top:52%}.pin-4{left:59%;top:41%}.pin-5{left:72%;top:33%}.pin-6{left:83%;top:49%}
.lumen-about-final-phrase{margin-top:20px;padding-top:18px;border-top:1px solid #e6dfd4;color:#2e332d;font:500 23px/1.35 Georgia,"Times New Roman",serif}
@media(max-width:1180px){.lumen-about-process-grid{grid-template-columns:repeat(3,1fr)}.lumen-about-resource-grid{grid-template-columns:repeat(2,1fr)}.lumen-about-resource-grid article:nth-child(2){border-right:0;padding-right:0}.lumen-about-resource-grid article:nth-child(3){padding-left:0}.lumen-about-top-grid,.lumen-about-bottom-grid{grid-template-columns:1fr}.lumen-about-map-wrap{grid-template-columns:1fr}}
@media(max-width:760px){.lumen-about-body{padding:31px 16px 44px}.lumen-about-intro{margin-bottom:24px}.lumen-about-intro>span{font-size:9px;margin-bottom:11px}.lumen-about-intro h1{font-size:42px;margin-bottom:12px}.lumen-about-intro p{font-size:13px;line-height:1.55}.lumen-about-top-grid,.lumen-about-bottom-grid{gap:14px}.lumen-about-card,.lumen-about-section{padding:22px 18px}.lumen-about-note{grid-template-columns:1fr;gap:15px;padding:22px 18px}.lumen-about-note-icon,.lumen-about-wide-icon{width:72px;height:72px}.lumen-about-card h2,.lumen-about-section-head h2,.lumen-about-note h2{font-size:25px}.lumen-about-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;width:100%}.lumen-about-process-grid article{min-width:0;width:100%;min-height:194px;padding:15px 12px;box-sizing:border-box}.lumen-about-process-grid article:last-child{grid-column:1/-1}.lumen-about-process-icon{width:54px;height:54px;margin-bottom:10px}.lumen-about-process-icon svg{width:30px;height:30px}.lumen-about-process-grid strong{font-size:24px}.lumen-about-process-grid span{font-size:12px}.lumen-about-process-grid p{font-size:10px}.lumen-about-resource-grid{grid-template-columns:1fr;margin-top:14px}.lumen-about-resource-grid article,.lumen-about-resource-grid article+article{padding:15px 0;border-right:0;border-bottom:1px solid #e5ded4}.lumen-about-resource-grid article:last-child{border-bottom:0}.lumen-about-tech-card{grid-template-columns:1fr;gap:14px}.lumen-about-map-wrap{gap:16px}.lumen-about-russia-map{min-height:200px}.lumen-about-final-phrase{font-size:19px}}

/* v0.21.19 — callback form message field */
.callback-form textarea{width:100%;min-height:96px;resize:vertical;border:1px solid #d7d8d4;background:#fff;padding:13px 14px;font:14px/1.45 Arial,Helvetica,sans-serif;color:#202420;outline:0}
.callback-form textarea:focus{border-color:#6f963d;box-shadow:0 0 0 2px rgba(95,139,49,.10)}
.callback-form label>span em{font-style:normal;font-weight:400;color:#8a8f89;text-transform:none;letter-spacing:0;margin-left:4px}
@media(max-width:760px){.callback-form textarea{min-height:92px;font-size:16px}}


/* v0.21.21 — Equipment page body in current LUMEN design */
.lumen-equipment-body{max-width:1390px;margin:0 auto;padding:48px 34px 70px;background:#f8f5ef;color:#232823;box-sizing:border-box}
.lumen-equipment-intro{max-width:900px;margin-bottom:34px}.lumen-equipment-intro>span,.lumen-equipment-overview-copy>span,.lumen-equipment-detail-copy>span,.lumen-equipment-section-head>span,.lumen-equipment-bottom-cta>div>span{display:block;margin-bottom:13px;color:#b58945;font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.lumen-equipment-intro h1{margin:0 0 16px;font:500 56px/1.02 Georgia,"Times New Roman",serif;color:#20241f}.lumen-equipment-intro p{margin:0;max-width:850px;color:#5e635e;font-size:15px;line-height:1.65}
.lumen-equipment-overview{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);background:#fbf9f5;border:1px solid #ded6c9;min-height:430px}.lumen-equipment-overview-copy{padding:38px 38px 34px}.lumen-equipment-overview-copy h2,.lumen-equipment-section-head h2,.lumen-equipment-bottom-cta h2{margin:0 0 15px;font:500 34px/1.08 Georgia,"Times New Roman",serif}.lumen-equipment-overview-copy p{margin:0 0 19px;color:#626761;font-size:13px;line-height:1.7}.lumen-equipment-overview-copy ul{list-style:none;margin:0;padding:0}.lumen-equipment-overview-copy li{position:relative;padding:9px 0 9px 27px;border-bottom:1px solid #e7e0d5;font-size:12px;line-height:1.45}.lumen-equipment-overview-copy li:before{content:"✓";position:absolute;left:0;top:8px;color:#66864a;font-weight:800}.lumen-equipment-overview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.lumen-equipment-btn{min-height:42px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #697765;color:#4d5a48;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.045em}.lumen-equipment-btn-green{background:#55743d;border-color:#55743d;color:#fff}.lumen-equipment-overview-photo{position:relative;margin:0;overflow:hidden;background:#1a1d1b}.lumen-equipment-overview-photo img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center}.lumen-equipment-overview-photo figcaption{position:absolute;left:20px;bottom:18px;padding:8px 11px;background:rgba(10,13,11,.76);color:#fff;font-size:9px;letter-spacing:.04em}
.lumen-equipment-index{display:grid;grid-template-columns:repeat(9,1fr);margin:24px 0;background:#fbf9f5;border:1px solid #ded6c9}.lumen-equipment-index a{min-height:112px;padding:15px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border-right:1px solid #e6dfd4;color:#343a33;text-decoration:none;text-align:center}.lumen-equipment-index a:last-child{border-right:0}.lumen-equipment-index svg{width:36px;height:36px;fill:none;stroke:#a77e3d;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.lumen-equipment-index span{font-size:9px;font-weight:700;line-height:1.25}.lumen-equipment-index a:hover{background:#f3eee5}
.lumen-equipment-list{display:grid;gap:20px}.lumen-equipment-detail{scroll-margin-top:100px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:360px;background:#fbf9f5;border:1px solid #ded6c9;overflow:hidden}.lumen-equipment-detail-reverse{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.lumen-equipment-detail-reverse .lumen-equipment-detail-photo{order:2}.lumen-equipment-detail-reverse .lumen-equipment-detail-copy{order:1}.lumen-equipment-detail-photo{min-width:0;background:#e5e0d7;overflow:hidden}.lumen-equipment-detail-photo img{display:block;width:100%;height:100%;min-height:360px;object-fit:cover;object-position:center}.lumen-equipment-local-photo img{object-position:center 48%}.lumen-equipment-mist-photo{position:relative}.lumen-equipment-mist-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(235,244,239,.16))}.lumen-equipment-detail-copy{padding:34px 38px;display:flex;flex-direction:column;justify-content:center}.lumen-equipment-detail-copy h2{margin:0 0 14px;font:500 31px/1.1 Georgia,"Times New Roman",serif}.lumen-equipment-detail-copy>p{margin:0 0 15px;color:#5f645e;font-size:13px;line-height:1.68}.lumen-equipment-detail-copy ul{margin:0;padding:0;list-style:none}.lumen-equipment-detail-copy li{position:relative;padding:7px 0 7px 22px;color:#343934;font-size:11.5px;line-height:1.45}.lumen-equipment-detail-copy li:before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border:1.5px solid #b58945;transform:rotate(45deg)}.lumen-equipment-detail-copy .lumen-equipment-note{margin-top:10px;padding-top:13px;border-top:1px solid #e6dfd4;color:#737870;font-size:11px}
.lumen-equipment-packages{margin-top:24px;padding:30px 29px 32px;background:#fbf9f5;border:1px solid #ded6c9}.lumen-equipment-section-head{max-width:720px}.lumen-equipment-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:23px}.lumen-equipment-package-grid article{padding:24px 22px;border:1px solid #e2dbd0;background:#fdfbf7}.lumen-equipment-package-grid article.is-featured{border-color:#839671;background:#f5f7f1}.lumen-equipment-package-grid strong{display:block;margin-bottom:11px;font:500 22px/1.15 Georgia,"Times New Roman",serif}.lumen-equipment-package-grid p{min-height:88px;margin:0 0 17px;color:#676c66;font-size:11px;line-height:1.6}.lumen-equipment-package-grid a{color:#55743d;text-decoration:none;font-weight:800}
.lumen-equipment-bottom-cta{margin-top:24px;padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;background:#efeadf;border:1px solid #d8cfbf}.lumen-equipment-bottom-cta p{margin:0;max-width:760px;color:#62675f;font-size:12px;line-height:1.6}.lumen-equipment-bottom-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1180px){.lumen-equipment-index{grid-template-columns:repeat(3,1fr)}.lumen-equipment-index a{border-bottom:1px solid #e6dfd4}.lumen-equipment-index a:nth-child(3n){border-right:0}.lumen-equipment-detail,.lumen-equipment-detail-reverse{grid-template-columns:1fr 1fr}.lumen-equipment-package-grid{grid-template-columns:1fr 1fr}.lumen-equipment-bottom-cta{grid-template-columns:1fr}.lumen-equipment-bottom-actions{justify-content:flex-start}}
@media(max-width:820px){.lumen-equipment-body{padding:34px 20px 50px}.lumen-equipment-overview{grid-template-columns:1fr}.lumen-equipment-overview-photo{order:-1}.lumen-equipment-overview-photo img{min-height:330px}.lumen-equipment-detail,.lumen-equipment-detail-reverse{grid-template-columns:1fr}.lumen-equipment-detail-reverse .lumen-equipment-detail-photo{order:1}.lumen-equipment-detail-reverse .lumen-equipment-detail-copy{order:2}.lumen-equipment-detail-photo img{min-height:300px}.lumen-equipment-package-grid{grid-template-columns:1fr}}
@media(max-width:600px){.lumen-equipment-body{padding:30px 16px 44px}.lumen-equipment-intro{margin-bottom:23px}.lumen-equipment-intro h1{font-size:40px}.lumen-equipment-intro p{font-size:13px;line-height:1.55}.lumen-equipment-overview-copy{padding:25px 18px}.lumen-equipment-overview-copy h2,.lumen-equipment-section-head h2,.lumen-equipment-bottom-cta h2{font-size:27px}.lumen-equipment-overview-photo img{min-height:250px}.lumen-equipment-overview-actions{display:grid}.lumen-equipment-btn{width:100%;box-sizing:border-box}.lumen-equipment-index{grid-template-columns:repeat(3,1fr);margin:14px 0}.lumen-equipment-index a{min-height:96px;padding:11px 5px}.lumen-equipment-index svg{width:31px;height:31px}.lumen-equipment-index span{font-size:8px}.lumen-equipment-detail{min-height:0}.lumen-equipment-detail-photo img{min-height:230px;max-height:300px}.lumen-equipment-detail-copy{padding:25px 18px}.lumen-equipment-detail-copy h2{font-size:27px}.lumen-equipment-detail-copy>p{font-size:12px}.lumen-equipment-detail-copy li{font-size:11px}.lumen-equipment-packages{margin-top:14px;padding:24px 18px}.lumen-equipment-package-grid{gap:10px;margin-top:17px}.lumen-equipment-package-grid p{min-height:0}.lumen-equipment-bottom-cta{margin-top:14px;padding:25px 18px}.lumen-equipment-bottom-actions{display:grid}.lumen-equipment-bottom-actions .lumen-equipment-btn{width:100%}}

/* v0.21.20 — Works: 10 real-project preview cards */
.lumen-works-main{background:#f4f1e9;padding-top:58px}
.lumen-works-intro{max-width:1260px;margin:0 auto 26px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:54px;align-items:end;padding:0 24px}
.lumen-works-intro>div>span,.lumen-works-bottom-cta>span{display:block;font-size:12px;letter-spacing:.18em;font-weight:800;color:#8d7137;margin-bottom:10px}
.lumen-works-intro h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,54px);font-weight:500;line-height:1.02;margin:0;color:#171b18}
.lumen-works-intro p{margin:0;color:#61675f;font-size:16px;line-height:1.7;max-width:720px}
.lumen-works-filters{max-width:1260px;margin:0 auto 34px;padding:0 24px;display:flex;gap:8px;flex-wrap:wrap}
.lumen-works-filters button{appearance:none;border:1px solid rgba(28,34,29,.16);background:rgba(255,255,255,.6);color:#253028;padding:10px 18px;border-radius:999px;font:700 12px/1 Arial,sans-serif;letter-spacing:.06em;cursor:pointer;transition:.2s ease}
.lumen-works-filters button:hover,.lumen-works-filters button.is-active{background:#1d2b22;color:#fff;border-color:#1d2b22}
.lumen-works-grid{max-width:1260px;margin:0 auto;padding:0 24px 76px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.lumen-work-card{background:#fff;border:1px solid rgba(25,32,27,.09);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;min-width:0;overflow:hidden;box-shadow:0 14px 36px rgba(37,43,38,.055)}
.lumen-work-card[hidden]{display:none!important}
.lumen-work-card__photo{position:relative;margin:0;aspect-ratio:16/10;min-height:0;overflow:hidden;background:#d9dbd4}
.lumen-work-card__photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s ease}
.lumen-work-card:hover .lumen-work-card__photo img{transform:scale(1.025)}
.lumen-work-card__photo>span{position:absolute;left:18px;top:18px;padding:8px 11px;background:rgba(17,23,19,.86);color:#fff;font-size:10px;line-height:1;letter-spacing:.13em;text-transform:uppercase;font-weight:800;backdrop-filter:blur(8px)}
.lumen-work-card__body{padding:26px 28px 28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.lumen-work-card__meta{display:flex;flex-wrap:wrap;gap:8px 15px;color:#7a7f78;font-size:12px;line-height:1.4;margin-bottom:12px}
.lumen-work-card__meta b{color:#957431;font-weight:800}
.lumen-work-card__meta span{position:relative}
.lumen-work-card__meta span+span:before{content:'•';position:absolute;left:-10px;color:#b9b7ae}
.lumen-work-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(24px,2.4vw,34px);line-height:1.08;color:#1d231f;margin:0 0 13px}
.lumen-work-card p{font-size:14px;line-height:1.68;color:#656a64;margin:0 0 18px}
.lumen-work-card__tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:20px}
.lumen-work-card__tags span{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:800;color:#4f574f;background:#f1eee6;padding:7px 9px}
.lumen-work-card__body>a,.lumen-work-card__body>button{border:0;background:none;padding:0;color:#243a2d;font:800 12px/1.2 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.lumen-work-card__body>a:hover,.lumen-work-card__body>button:hover{color:#9b7932}
.lumen-work-card--wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr}
.lumen-work-card--wide .lumen-work-card__photo{aspect-ratio:16/10;min-height:0}
.lumen-work-card--wide .lumen-work-card__body{justify-content:flex-start;padding:26px 28px 28px}
.lumen-works-bottom-cta{max-width:1212px;margin:0 auto 72px;padding:54px!important;background:#e8e3d8!important;color:#1d241f!important;text-align:left!important}
.lumen-works-bottom-cta h2{max-width:800px;margin:0 0 12px!important;color:#18201a!important}
.lumen-works-bottom-cta p{max-width:720px;margin:0 0 24px!important;color:#5f665f!important}
.lumen-works-bottom-cta .works-hero-actions{justify-content:flex-start}
.works-hero-actions button.multi-btn{font:inherit;cursor:pointer}
@media(max-width:900px){
 .lumen-works-intro{grid-template-columns:1fr;gap:18px}
 .lumen-works-grid{grid-template-columns:1fr}
 .lumen-work-card,.lumen-work-card--wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .lumen-work-card__photo,.lumen-work-card--wide .lumen-work-card__photo{aspect-ratio:16/10;min-height:0}
 .lumen-work-card__body,.lumen-work-card--wide .lumen-work-card__body{padding:24px 26px 26px;justify-content:flex-start}
}
@media(max-width:560px){
 .lumen-works-main{padding-top:38px}
 .lumen-works-intro,.lumen-works-filters,.lumen-works-grid{padding-left:14px;padding-right:14px}
 .lumen-works-grid{gap:16px;padding-bottom:48px}
 .lumen-work-card__body,.lumen-work-card--wide .lumen-work-card__body{padding:20px 18px 22px}
 .lumen-work-card__photo>span{left:12px;top:12px}
 .lumen-work-card__meta{gap:6px 12px}
 .lumen-work-card__meta span+span:before{left:-8px}
 .lumen-works-bottom-cta{margin:0 14px 48px!important;padding:34px 22px!important}
}

/* v0.21.24 — Works gallery: modern cover overlay + premium lightbox */
.lumen-work-card__gallery{display:block;cursor:pointer;outline:none}
.lumen-work-card__gallery img{width:100%;height:100%;object-fit:cover;display:none}
.lumen-work-card__gallery img:first-of-type{display:block}
.lumen-work-card__gallery:before{content:none;display:none;background:none;opacity:0}
.lumen-work-card__gallery:focus-visible{box-shadow:inset 0 0 0 3px rgba(157,121,50,.78)}
.lumen-work-card__gallery:after{content:'Смотреть галерею · 4 фото';position:absolute;left:18px;right:18px;bottom:18px;z-index:2;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);color:#fff;font:800 11px/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(10px);pointer-events:none;box-shadow:0 10px 26px rgba(0,0,0,.18)}
.lumen-work-card__gallery:hover:before{opacity:0}
.lumen-work-card:hover .lumen-work-card__gallery:after{transform:translateY(-2px)}
.lumen-work-card--wide .lumen-work-card__gallery{min-height:0;aspect-ratio:16/10}
html.lumen-gallery-open,html.lumen-gallery-open body{overflow:hidden}
.lumen-work-lightbox{position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(8,11,9,.88);backdrop-filter:blur(6px)}
.lumen-work-lightbox.is-open{display:flex}
.lumen-work-lightbox__dialog{position:relative;width:min(1220px,100%);max-height:calc(100vh - 56px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:24px;border-radius:26px;background:linear-gradient(180deg,#151b17,#0d120f);box-shadow:0 30px 90px rgba(0,0,0,.42);overflow:hidden}
.lumen-work-lightbox__header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-right:58px}
.lumen-work-lightbox__eyebrow{display:block;margin-bottom:8px;color:#b99958;font:800 11px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.lumen-work-lightbox__project{color:#fff;font:500 clamp(28px,3vw,42px)/1.05 Georgia,'Times New Roman',serif}
.lumen-work-lightbox__meta{padding-top:18px;color:rgba(255,255,255,.72);font:700 12px/1.45 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;text-align:right;max-width:360px}
.lumen-work-lightbox__viewport{display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:16px;min-height:0}
.lumen-work-lightbox__stage{position:relative;min-height:0;height:min(64vh,720px);display:flex;align-items:center;justify-content:center;border-radius:22px;background:radial-gradient(circle at top,rgba(255,255,255,.06),rgba(255,255,255,.02) 40%,rgba(255,255,255,.01) 100%);overflow:hidden}
.lumen-work-lightbox__stage img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}
.lumen-work-lightbox__footer{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:18px;align-items:end}
.lumen-work-lightbox__caption-wrap{padding:6px 4px 2px}
.lumen-work-lightbox__counter{margin-bottom:8px;color:#b99958;font:800 11px/1 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.lumen-work-lightbox__caption{color:rgba(255,255,255,.92);font:500 15px/1.55 Arial,sans-serif}
.lumen-work-lightbox__thumbs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 6px;scrollbar-width:thin;scrollbar-color:rgba(185,153,88,.6) transparent}
.lumen-work-lightbox__thumb{flex:0 0 104px;height:74px;padding:0;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:#121713;overflow:hidden;cursor:pointer;opacity:.7;transition:transform .18s ease,opacity .18s ease,border-color .18s ease,box-shadow .18s ease}
.lumen-work-lightbox__thumb img{width:100%;height:100%;display:block;object-fit:cover}
.lumen-work-lightbox__thumb:hover,.lumen-work-lightbox__thumb.is-active{opacity:1;transform:translateY(-2px);border-color:rgba(185,153,88,.72);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.lumen-work-lightbox__close,.lumen-work-lightbox__nav{appearance:none;border:0;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.lumen-work-lightbox__close:hover,.lumen-work-lightbox__nav:hover{background:rgba(255,255,255,.18);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.lumen-work-lightbox__close{position:absolute;top:18px;right:18px;width:42px;height:42px;border-radius:50%;font:300 34px/1 Arial,sans-serif;z-index:2}
.lumen-work-lightbox__nav{width:58px;height:58px;border-radius:50%;font:300 42px/1 Arial,sans-serif}
@media(max-width:980px){.lumen-work-card--wide .lumen-work-card__gallery{min-height:0;aspect-ratio:16/10}.lumen-work-lightbox{padding:18px}.lumen-work-lightbox__dialog{padding:18px;max-height:calc(100vh - 36px)}.lumen-work-lightbox__header{display:block;padding-right:48px}.lumen-work-lightbox__meta{padding-top:12px;text-align:left;max-width:none}.lumen-work-lightbox__viewport{grid-template-columns:46px minmax(0,1fr) 46px;gap:10px}.lumen-work-lightbox__stage{height:min(56vh,560px)}.lumen-work-lightbox__thumb{flex-basis:92px;height:66px}}
@media(max-width:640px){.lumen-work-card__gallery:after{left:12px;right:12px;bottom:12px;padding:10px 12px;font-size:9px;border-radius:14px}.lumen-work-lightbox{padding:10px}.lumen-work-lightbox__dialog{padding:14px 12px 12px;border-radius:20px;gap:14px;max-height:calc(100vh - 20px)}.lumen-work-lightbox__project{font-size:26px}.lumen-work-lightbox__meta{font-size:10px;letter-spacing:.06em}.lumen-work-lightbox__viewport{grid-template-columns:1fr;gap:10px}.lumen-work-lightbox__stage{order:1;height:50vh;border-radius:16px}.lumen-work-lightbox__nav{position:absolute;bottom:104px;width:42px;height:42px;font-size:30px;background:rgba(255,255,255,.14);z-index:2}.lumen-work-lightbox__prev{left:18px}.lumen-work-lightbox__next{right:18px}.lumen-work-lightbox__footer{grid-template-columns:1fr;gap:14px}.lumen-work-lightbox__caption{font-size:13px;line-height:1.45}.lumen-work-lightbox__thumbs{gap:8px;padding-bottom:2px}.lumen-work-lightbox__thumb{flex-basis:76px;height:56px}.lumen-work-lightbox__close{top:10px;right:10px;width:38px;height:38px;font-size:30px}}


/* =========================================================
   v0.21.25 — desktop header: keep full menu on one readable line
   Only desktop/tablet-landscape header spacing is changed.
   ========================================================= */
@media (min-width:981px){
  .site-unified-header .ref-header-inner,
  .home-premium .site-unified-header .ref-header-inner{
    width:calc(100% - 28px) !important;
    max-width:1540px !important;
    grid-template-columns:190px minmax(0,1fr) auto !important;
    gap:14px !important;
    padding:0 !important;
  }

  .site-unified-header .ref-logo img,
  .home-premium .site-unified-header .ref-logo img{
    width:178px !important;
    height:82px !important;
  }

  .site-unified-header .ref-nav{
    justify-content:space-between !important;
    gap:clamp(8px, .85vw, 18px) !important;
    overflow:visible !important;
  }

  .site-unified-header .ref-nav a{
    font-size:clamp(10px, .68vw, 11px) !important;
    line-height:1.15 !important;
    letter-spacing:0 !important;
    flex:0 0 auto !important;
  }

  .site-unified-header .ref-contact{
    gap:8px !important;
    flex:0 0 auto !important;
  }

  .site-unified-header .ref-socials{
    gap:5px !important;
  }

  .site-unified-header .ref-social-icon{
    width:31px !important;
    height:31px !important;
    flex-basis:31px !important;
  }

  .site-unified-header .ref-social-icon svg{
    width:16px !important;
    height:16px !important;
    flex-basis:16px !important;
  }

  .site-unified-header .ref-social-icon.ref-max svg{
    width:18px !important;
    height:18px !important;
  }

  .site-unified-header .ref-phone{
    gap:2px !important;
  }

  .site-unified-header .ref-phone a{
    font-size:12px !important;
  }

  .site-unified-header .ref-phone small{
    font-size:8px !important;
    white-space:nowrap !important;
  }

  .site-unified-header .ref-call{
    height:38px !important;
    padding:0 11px !important;
    font-size:9.5px !important;
  }
}

/* Medium desktop: compact spacing first, without making menu text tiny. */
@media (min-width:981px) and (max-width:1279px){
  .site-unified-header .ref-header-inner,
  .home-premium .site-unified-header .ref-header-inner{
    width:calc(100% - 18px) !important;
    grid-template-columns:160px minmax(0,1fr) auto !important;
    gap:9px !important;
  }

  .site-unified-header .ref-logo img,
  .home-premium .site-unified-header .ref-logo img{
    width:152px !important;
    height:76px !important;
  }

  .site-unified-header .ref-nav{
    gap:7px !important;
  }

  .site-unified-header .ref-nav a{
    font-size:10px !important;
  }

  .site-unified-header .ref-contact{
    gap:6px !important;
  }

  .site-unified-header .ref-socials{
    gap:4px !important;
  }

  .site-unified-header .ref-social-icon{
    width:28px !important;
    height:28px !important;
    flex-basis:28px !important;
  }

  .site-unified-header .ref-phone a{
    font-size:11px !important;
  }

  .site-unified-header .ref-phone small{
    font-size:7.5px !important;
  }

  .site-unified-header .ref-call{
    height:36px !important;
    padding:0 8px !important;
    font-size:9px !important;
  }
}


/* =========================================================
   v0.21.26 — informational accent color only
   No icon shapes, sizes, spacing or layout are changed.
   ========================================================= */
/* Homepage section labels */
.home-premium{--rh-gold:#52624E}

/* Homepage informational line icons and process graphics */
.refhome-facts-grid svg{color:#52624E}
.refhome-service-grid svg{color:#52624E}
.refhome-process-line:before{border-top-color:#52624E}
.refhome-process-line b{border-color:#52624E}
.refhome-side-left .refhome-feature:after,
.refhome-side-right .refhome-feature:before{border-top-color:#52624E}

/* Internal pages: small service labels / section markers */
.lumen-contact-intro>span,
.lumen-contact-row span,
.lumen-about-intro>span,
.lumen-equipment-intro>span,
.lumen-equipment-overview-copy>span,
.lumen-equipment-detail-copy>span,
.lumen-equipment-section-head>span,
.lumen-equipment-bottom-cta>div>span,
.lumen-works-intro>div>span,
.lumen-works-bottom-cta>span,
.works-intro-grid article>span,
.works-section-head>span{color:#52624E}

/* Internal pages: matching informational icons / step marks */
.lumen-about-process-grid strong{color:#52624E}
.lumen-equipment-index svg{stroke:#52624E}
.lumen-equipment-detail-copy li:before{border-color:#52624E}
.service-steps article>b{color:#52624E}

/* v0.21.55 — Works desktop: all projects aligned in one consistent vertical sequence */


/* v0.21.57 — Works gallery: arrows centered vertically on the photo */
.lumen-work-lightbox__viewport{
  position:relative;
}
.lumen-work-lightbox__stage{
  grid-column:2;
}
.lumen-work-lightbox__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  background:rgba(10,12,11,.54);
  border:1px solid rgba(255,255,255,.32);
}
.lumen-work-lightbox__prev{
  left:86px;
}
.lumen-work-lightbox__next{
  right:86px;
}
@media(max-width:980px){
  .lumen-work-lightbox__stage{grid-column:2}
  .lumen-work-lightbox__prev{left:66px}
  .lumen-work-lightbox__next{right:66px}
}
@media(max-width:640px){
  .lumen-work-lightbox__stage{grid-column:1}
  .lumen-work-lightbox__nav{
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
  }
  .lumen-work-lightbox__prev{left:18px}
  .lumen-work-lightbox__next{right:18px}
}


/* =========================================================
   v0.21.58 — unified dropdown navigation
   ========================================================= */
.site-unified-header .ref-nav > .ref-nav-link,
.site-unified-header .ref-nav-group{
  flex:0 0 auto;
}
.site-unified-header .ref-nav-group{
  position:relative;
  display:flex;
  align-items:center;
  align-self:stretch;
}
.site-unified-header .ref-nav-parent{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  color:#fff;
  margin:0;
  padding:0;
  font:inherit;
  font-size:clamp(10px,.68vw,11px);
  line-height:1.15;
  text-transform:uppercase;
  white-space:nowrap;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:5px;
}
.site-unified-header .ref-nav-parent.active{
  color:#d4b365;
}
.site-unified-header .ref-nav-caret{
  font-size:12px;
  line-height:1;
  opacity:.72;
  transform:translateY(-1px);
  transition:transform .18s ease;
}
.site-unified-header .ref-submenu{
  position:absolute;
  top:calc(100% - 7px);
  left:50%;
  transform:translate(-50%,8px);
  z-index:320;
  min-width:228px;
  padding:7px;
  background:linear-gradient(180deg,#111513,#191d1a);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 18px 42px rgba(0,0,0,.32);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.site-unified-header .ref-submenu::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-16px;
  height:16px;
}
.site-unified-header .ref-submenu a{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:0 12px;
  border-bottom:1px solid rgba(255,255,255,.085);
  font-size:10px !important;
  line-height:1.25 !important;
  color:#f1f2ef !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
}
.site-unified-header .ref-submenu a:last-child{border-bottom:0}
.site-unified-header .ref-submenu a:hover,
.site-unified-header .ref-submenu a:focus,
.site-unified-header .ref-submenu a.active{
  color:#d7b76f !important;
  background:rgba(255,255,255,.055);
}
@media(min-width:981px){
  .site-unified-header .ref-nav-group:hover .ref-submenu,
  .site-unified-header .ref-nav-group:focus-within .ref-submenu,
  .site-unified-header .ref-nav-group.is-open .ref-submenu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .site-unified-header .ref-nav-group:hover .ref-nav-caret,
  .site-unified-header .ref-nav-group:focus-within .ref-nav-caret,
  .site-unified-header .ref-nav-group.is-open .ref-nav-caret{
    transform:rotate(180deg) translateY(1px);
  }
}
@media(min-width:981px) and (max-width:1279px){
  .site-unified-header .ref-nav-parent{font-size:10px}
  .site-unified-header .ref-submenu{min-width:210px}
}
@media(max-width:980px){
  .site-unified-header .ref-nav.open > .ref-nav-link,
  .site-unified-header .ref-nav.open > .ref-nav-group{
    width:100%;
  }
  .site-unified-header .ref-nav.open > .ref-nav-group{
    display:block;
    align-self:auto;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .site-unified-header .ref-nav.open > .ref-nav-group .ref-nav-parent{
    width:100%;
    min-height:44px;
    padding:0 4px;
    justify-content:space-between;
    color:#fff;
    font-size:12px;
    text-align:left;
  }
  .site-unified-header .ref-nav.open > .ref-nav-group .ref-nav-parent.active{color:#d4b365}
  .site-unified-header .ref-nav.open .ref-submenu{
    position:static;
    display:none;
    min-width:0;
    width:100%;
    padding:0 0 8px 12px;
    background:rgba(255,255,255,.025);
    border:0;
    border-top:1px solid rgba(255,255,255,.07);
    box-shadow:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }
  .site-unified-header .ref-nav.open .ref-nav-group.is-open .ref-submenu{display:block}
  .site-unified-header .ref-nav.open .ref-nav-group.is-open .ref-nav-caret{transform:rotate(180deg)}
  .site-unified-header .ref-nav.open .ref-submenu a{
    min-height:38px !important;
    padding:0 12px !important;
    border-bottom:1px solid rgba(255,255,255,.065) !important;
    font-size:11px !important;
    color:#d9ddd9 !important;
  }
}


/* =========================================================
   v0.21.62 — page "Теплицы": content-only redesign
   ========================================================= */
.greenhouse-hero{
  min-height:520px;
  background-position:center 55%;
}
.greenhouse-hero .multi-hero-copy{
  padding-bottom:62px;
}
.greenhouse-hero .multi-hero-copy p{
  max-width:720px;
}
.greenhouse-hero__nav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
.greenhouse-hero__nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.48);
  background:rgba(16,20,17,.22);
  color:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  backdrop-filter:blur(4px);
}
.greenhouse-hero__nav a:hover{
  background:#fff;
  color:#1c211d;
}

.greenhouse-page{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:62px 0 76px;
}
.greenhouse-eyebrow{
  display:block;
  margin-bottom:10px;
  color:#52624e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.greenhouse-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);
  gap:50px;
  align-items:end;
  padding-bottom:70px;
}
.greenhouse-intro__copy h2,
.greenhouse-section__head h2,
.greenhouse-choice h2{
  margin:0;
  font:500 clamp(34px,4vw,52px)/1.05 Georgia,"Times New Roman",serif;
  color:#1b201c;
}
.greenhouse-intro__copy p{
  max-width:720px;
  margin:18px 0 0;
  color:#676e68;
  font-size:15px;
  line-height:1.7;
}
.greenhouse-intro__types{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.greenhouse-intro__types a{
  min-height:128px;
  padding:20px;
  color:#202520;
  text-decoration:none;
}
.greenhouse-intro__types a+a{border-left:1px solid #d9ddd6}
.greenhouse-intro__types b{
  display:block;
  color:#a88b58;
  font-size:10px;
  margin-bottom:18px;
}
.greenhouse-intro__types strong{
  display:block;
  font:500 23px/1.1 Georgia,"Times New Roman",serif;
}
.greenhouse-intro__types span{
  display:block;
  margin-top:7px;
  color:#737a73;
  font-size:11px;
}

.greenhouse-section{
  padding:64px 0 72px;
  border-top:1px solid #d9ddd6;
  scroll-margin-top:100px;
}
.greenhouse-section__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.75fr);
  gap:50px;
  align-items:end;
  margin-bottom:30px;
}
.greenhouse-section__head p{
  margin:0;
  color:#687069;
  line-height:1.7;
  font-size:14px;
}

.greenhouse-winter-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}
.greenhouse-product-card{
  min-width:0;
  background:#fff;
  border:1px solid #dcded8;
  overflow:hidden;
}
.greenhouse-product-card__photo{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/10;
  background:#d9ddd6;
}
.greenhouse-product-card__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.greenhouse-product-card:hover .greenhouse-product-card__photo img{
  transform:scale(1.025);
}
.greenhouse-product-card__photo>span,
.greenhouse-season-card__photo>span{
  position:absolute;
  left:0;
  bottom:0;
  padding:9px 13px;
  background:rgba(17,21,18,.88);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.greenhouse-product-card__body{
  position:relative;
  padding:30px 30px 32px;
}
.greenhouse-product-card__number{
  margin-bottom:16px;
  color:#aa8b56;
  font-size:11px;
  font-weight:800;
}
.greenhouse-product-card h3,
.greenhouse-season-card h3{
  margin:0 0 14px;
  font:500 31px/1.08 Georgia,"Times New Roman",serif;
  color:#1d221e;
}
.greenhouse-product-card p,
.greenhouse-season-card p{
  margin:0;
  color:#687069;
  line-height:1.65;
  font-size:13px;
}
.greenhouse-product-card ul{
  list-style:none;
  padding:0;
  margin:24px 0 26px;
  border-top:1px solid #e2e4df;
}
.greenhouse-product-card li{
  position:relative;
  padding:10px 0 10px 18px;
  border-bottom:1px solid #e2e4df;
  color:#4f5650;
  font-size:11px;
}
.greenhouse-product-card li:before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  width:6px;
  height:6px;
  border:1px solid #52624e;
}
.greenhouse-action{
  display:inline-flex;
  align-items:center;
  gap:16px;
  color:#52624e;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.greenhouse-action span{
  font-size:18px;
  transition:transform .2s ease;
}
.greenhouse-action:hover span{transform:translateX(4px)}
.greenhouse-action--dark{color:#1c211d}

.greenhouse-section--season{
  padding-bottom:72px;
}
.greenhouse-season-card{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);
  background:#eef1eb;
  border:1px solid #d8ddd3;
  overflow:hidden;
}
.greenhouse-season-card__photo{
  position:relative;
  min-height:470px;
  overflow:hidden;
}
.greenhouse-season-card__photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.greenhouse-season-card__body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
}
.greenhouse-feature-line{
  display:flex;
  flex-direction:column;
  margin:26px 0 28px;
  border-top:1px solid #d4d9d0;
}
.greenhouse-feature-line span{
  padding:11px 0;
  border-bottom:1px solid #d4d9d0;
  color:#4f5750;
  font-size:11px;
}

.greenhouse-choice{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto;
  gap:44px;
  align-items:center;
  padding:42px 44px;
  background:#e8ede3;
  border:1px solid #d5decd;
}
.greenhouse-choice h2{
  max-width:700px;
  font-size:38px;
}
.greenhouse-choice p{
  max-width:720px;
  margin:14px 0 0;
  color:#606860;
  line-height:1.65;
  font-size:13px;
}
.greenhouse-choice__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  min-width:210px;
}
.greenhouse-choice__actions .multi-btn{
  width:100%;
}
.greenhouse-choice__actions button.multi-btn{
  background:transparent;
  cursor:pointer;
}

@media(max-width:900px){
  .greenhouse-hero{min-height:450px}
  .greenhouse-intro,
  .greenhouse-section__head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .greenhouse-intro__types{max-width:600px}
  .greenhouse-winter-grid{grid-template-columns:1fr}
  .greenhouse-season-card{grid-template-columns:1fr}
  .greenhouse-season-card__photo{min-height:390px}
  .greenhouse-choice{
    grid-template-columns:1fr;
    gap:26px;
  }
  .greenhouse-choice__actions{
    max-width:320px;
  }
}
@media(max-width:640px){
  .greenhouse-hero{
    min-height:405px;
    background-position:center;
  }
  .greenhouse-hero .multi-hero-copy{
    padding:74px 0 36px;
  }
  .greenhouse-hero__nav{
    gap:7px;
    margin-top:20px;
  }
  .greenhouse-hero__nav a{
    min-height:36px;
    padding:0 11px;
    font-size:8px;
  }
  .greenhouse-page{
    width:min(100% - 28px,1180px);
    padding:38px 0 52px;
  }
  .greenhouse-intro{
    padding-bottom:46px;
  }
  .greenhouse-intro__types{
    grid-template-columns:1fr;
  }
  .greenhouse-intro__types a{
    min-height:104px;
    padding:17px;
  }
  .greenhouse-intro__types a+a{
    border-left:0;
    border-top:1px solid #d9ddd6;
  }
  .greenhouse-section{
    padding:44px 0 50px;
  }
  .greenhouse-section__head{
    margin-bottom:22px;
  }
  .greenhouse-product-card__body{
    padding:24px 20px 26px;
  }
  .greenhouse-product-card h3,
  .greenhouse-season-card h3{
    font-size:27px;
  }
  .greenhouse-season-card__photo{
    min-height:0;
    aspect-ratio:4/3;
  }
  .greenhouse-season-card__body{
    padding:28px 20px 30px;
  }
  .greenhouse-choice{
    padding:28px 20px;
  }
  .greenhouse-choice h2{
    font-size:31px;
  }
  .greenhouse-choice__actions{
    max-width:none;
    width:100%;
  }
}


/* =========================================================
   v0.21.63 — extended greenhouse content
   ========================================================= */
.greenhouse-tech,
.greenhouse-standard,
.greenhouse-options,
.greenhouse-finish,
.greenhouse-warranty{
  padding:64px 0 72px;
  border-top:1px solid #d9ddd6;
}

.greenhouse-tech-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#fff;
}
.greenhouse-tech-grid article{
  min-width:0;
  padding:26px 22px 28px;
}
.greenhouse-tech-grid article+article{
  border-left:1px solid #d9ddd6;
}
.greenhouse-tech-grid article>span,
.greenhouse-standard-grid b{
  display:block;
  margin-bottom:24px;
  color:#a88b58;
  font-size:10px;
  font-weight:900;
}
.greenhouse-tech-grid h3{
  margin:0 0 11px;
  font:500 22px/1.1 Georgia,"Times New Roman",serif;
  color:#1d221e;
}
.greenhouse-tech-grid p,
.greenhouse-standard-grid p,
.greenhouse-options__copy p,
.greenhouse-finish p{
  margin:0;
  color:#697169;
  font-size:11px;
  line-height:1.65;
}
.greenhouse-equipment-link{
  margin-top:18px;
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 18px;
  border:1px solid #cad3c6;
  background:#eef2ea;
  color:#283028;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.greenhouse-equipment-link b{font-size:20px}

.greenhouse-standard__head{
  max-width:780px;
  margin-bottom:30px;
}
.greenhouse-standard__head h2,
.greenhouse-options__copy h2,
.greenhouse-finish h2,
.greenhouse-warranty h2{
  margin:0;
  font:500 clamp(34px,4vw,48px)/1.06 Georgia,"Times New Roman",serif;
  color:#1b201c;
}
.greenhouse-standard__head>p{
  margin:16px 0 0;
  color:#697169;
  line-height:1.7;
  font-size:13px;
}
.greenhouse-standard-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.greenhouse-standard-grid article{
  padding:24px 20px 26px;
}
.greenhouse-standard-grid article+article{
  border-left:1px solid #d9ddd6;
}
.greenhouse-standard-grid strong{
  display:block;
  margin-bottom:9px;
  font:500 19px/1.15 Georgia,"Times New Roman",serif;
  color:#202620;
}

.greenhouse-options{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(400px,.9fr);
  gap:60px;
  align-items:center;
}
.greenhouse-options__copy p{
  max-width:650px;
  margin-top:16px;
  font-size:13px;
}
.greenhouse-options__list{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #d9ddd6;
}
.greenhouse-options__list span{
  min-height:62px;
  display:flex;
  align-items:center;
  padding:0 14px 0 20px;
  border-bottom:1px solid #d9ddd6;
  color:#4f5850;
  font-size:11px;
  position:relative;
}
.greenhouse-options__list span:nth-child(odd){
  border-right:1px solid #d9ddd6;
}
.greenhouse-options__list span:before{
  content:"";
  position:absolute;
  left:0;
  width:7px;
  height:7px;
  border:1px solid #52624e;
}

.greenhouse-finish{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:56px;
  align-items:start;
}
.greenhouse-finish__columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.greenhouse-finish__columns article{
  min-height:170px;
  padding:25px;
  background:#eef1eb;
  border:1px solid #d8ddd3;
}
.greenhouse-finish__columns strong{
  display:block;
  margin-bottom:13px;
  font:500 22px/1.12 Georgia,"Times New Roman",serif;
  color:#202620;
}

.greenhouse-warranty{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:50px;
  align-items:center;
}
.greenhouse-warranty__items{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.greenhouse-warranty__items article{
  width:190px;
  min-height:138px;
  padding:22px;
  background:#1b201c;
  color:#fff;
}
.greenhouse-warranty__items strong{
  display:block;
  margin-bottom:13px;
  font:500 32px/1 Georgia,"Times New Roman",serif;
}
.greenhouse-warranty__items span{
  color:#c8cec8;
  font-size:10px;
  line-height:1.45;
}

@media(max-width:1000px){
  .greenhouse-tech-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .greenhouse-tech-grid article{
    border-bottom:1px solid #d9ddd6;
  }
  .greenhouse-tech-grid article+article{
    border-left:0;
  }
  .greenhouse-tech-grid article:nth-child(even){
    border-left:1px solid #d9ddd6;
  }
  .greenhouse-standard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .greenhouse-standard-grid article+article{
    border-left:0;
  }
  .greenhouse-standard-grid article:nth-child(even){
    border-left:1px solid #d9ddd6;
  }
  .greenhouse-options,
  .greenhouse-finish,
  .greenhouse-warranty{
    grid-template-columns:1fr;
    gap:30px;
  }
  .greenhouse-warranty__items{
    max-width:420px;
  }
}
@media(max-width:640px){
  .greenhouse-tech,
  .greenhouse-standard,
  .greenhouse-options,
  .greenhouse-finish,
  .greenhouse-warranty{
    padding:44px 0 50px;
  }
  .greenhouse-tech-grid,
  .greenhouse-standard-grid{
    grid-template-columns:1fr;
  }
  .greenhouse-tech-grid article,
  .greenhouse-tech-grid article:nth-child(even),
  .greenhouse-standard-grid article,
  .greenhouse-standard-grid article:nth-child(even){
    border-left:0;
    border-bottom:1px solid #d9ddd6;
  }
  .greenhouse-options__list{
    grid-template-columns:1fr;
  }
  .greenhouse-options__list span:nth-child(odd){
    border-right:0;
  }
  .greenhouse-finish__columns{
    grid-template-columns:1fr;
  }
  .greenhouse-warranty__items{
    grid-template-columns:1fr 1fr;
    width:100%;
  }
  .greenhouse-warranty__items article{
    width:auto;
    min-width:0;
  }
}


/* =========================================================
   v0.21.64 — page "Оранжереи": content-only redesign
   ========================================================= */
.orangery-hero{
  min-height:535px;
  background-position:center 52%;
}
.orangery-hero .multi-hero-copy{
  padding-bottom:62px;
}
.orangery-hero .multi-hero-copy p{
  max-width:760px;
}
.orangery-hero__nav{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:26px;
}
.orangery-hero__nav a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.46);
  background:rgba(13,17,14,.22);
  color:#fff;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.055em;
  backdrop-filter:blur(4px);
}
.orangery-hero__nav a:hover{
  background:#fff;
  color:#1c211d;
}

.orangery-page{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:62px 0 76px;
}
.orangery-eyebrow{
  display:block;
  margin-bottom:10px;
  color:#52624e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.orangery-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(390px,.75fr);
  gap:54px;
  align-items:end;
  padding-bottom:72px;
}
.orangery-intro__copy h2,
.orangery-section-head h2,
.orangery-structure__copy h2,
.orangery-climate__copy h2,
.orangery-process__head h2,
.orangery-choice h2{
  margin:0;
  color:#1b201c;
  font:500 clamp(34px,4vw,52px)/1.05 Georgia,"Times New Roman",serif;
}
.orangery-intro__copy p{
  max-width:760px;
  margin:18px 0 0;
  color:#687068;
  font-size:14px;
  line-height:1.72;
}
.orangery-intro__types{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.orangery-intro__types article{
  min-height:145px;
  padding:22px;
}
.orangery-intro__types article+article{
  border-left:1px solid #d9ddd6;
}
.orangery-intro__types b{
  display:block;
  margin-bottom:20px;
  color:#aa8b56;
  font-size:10px;
}
.orangery-intro__types strong{
  display:block;
  color:#202620;
  font:500 22px/1.1 Georgia,"Times New Roman",serif;
}
.orangery-intro__types span{
  display:block;
  margin-top:9px;
  color:#737a73;
  font-size:10px;
  line-height:1.5;
}

.orangery-structure{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);
  min-height:570px;
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
  scroll-margin-top:100px;
}
.orangery-structure__photo{
  position:relative;
  min-height:570px;
  overflow:hidden;
}
.orangery-structure__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.orangery-structure__photo>span{
  position:absolute;
  left:0;
  bottom:0;
  padding:10px 14px;
  background:rgba(17,21,18,.88);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.orangery-structure__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  background:#f2f3ef;
}
.orangery-structure__copy>p,
.orangery-section-head>p,
.orangery-climate__copy>p,
.orangery-choice p{
  margin:16px 0 0;
  color:#687068;
  font-size:13px;
  line-height:1.7;
}
.orangery-materials{
  margin-top:28px;
  border-top:1px solid #d7dcd4;
}
.orangery-materials article{
  position:relative;
  padding:18px 0 18px 38px;
  border-bottom:1px solid #d7dcd4;
}
.orangery-materials b{
  position:absolute;
  left:0;
  top:20px;
  color:#a88b58;
  font-size:9px;
}
.orangery-materials strong{
  display:block;
  margin-bottom:6px;
  color:#242a25;
  font:500 18px/1.15 Georgia,"Times New Roman",serif;
}
.orangery-materials p{
  margin:0;
  color:#6d746d;
  font-size:10px;
  line-height:1.55;
}
.orangery-glass-line{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:24px;
}
.orangery-glass-line span{
  padding:7px 9px;
  border:1px solid #cfd7cb;
  color:#52624e;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
}

.orangery-location,
.orangery-planning,
.orangery-systems,
.orangery-process,
.orangery-choice{
  padding:66px 0 72px;
  border-bottom:1px solid #d9ddd6;
}
.orangery-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);
  gap:54px;
  align-items:end;
  margin-bottom:30px;
}
.orangery-section-head>p{
  margin:0;
}
.orangery-location-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #d9ddd6;
}
.orangery-location-grid article{
  padding:26px;
  min-height:190px;
}
.orangery-location-grid article+article{
  border-left:1px solid #d9ddd6;
}
.orangery-location-grid span,
.orangery-systems-grid article>span{
  display:block;
  margin-bottom:28px;
  color:#aa8b56;
  font-size:10px;
  font-weight:900;
}
.orangery-location-grid h3,
.orangery-systems-grid h3,
.orangery-planning-card h3{
  margin:0 0 10px;
  color:#202620;
  font:500 23px/1.12 Georgia,"Times New Roman",serif;
}
.orangery-location-grid p,
.orangery-systems-grid p,
.orangery-planning-card p{
  margin:0;
  color:#697169;
  font-size:11px;
  line-height:1.65;
}

.orangery-planning-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.orangery-planning-card{
  padding:28px 26px 30px;
  background:#eef1eb;
  border:1px solid #d8ddd3;
}
.orangery-planning-card b{
  display:block;
  margin-bottom:28px;
  color:#a88b58;
  font-size:10px;
}
.orangery-planning-card h3{
  font-size:25px;
}

.orangery-climate{
  display:grid;
  grid-template-columns:minmax(0,1.16fr) minmax(400px,.84fr);
  min-height:570px;
  border-bottom:1px solid #d9ddd6;
  scroll-margin-top:100px;
}
.orangery-climate__photo{
  position:relative;
  min-height:570px;
  overflow:hidden;
  background:#111;
}
.orangery-climate__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.orangery-climate__label{
  position:absolute;
  left:24px;
  bottom:24px;
  padding:15px 18px;
  background:rgba(15,18,16,.86);
  color:#fff;
}
.orangery-climate__label span{
  display:block;
  margin-bottom:5px;
  color:#c7d2c1;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}
.orangery-climate__label strong{
  font:500 18px Georgia,"Times New Roman",serif;
}
.orangery-climate__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:42px;
  background:#1a1f1b;
}
.orangery-climate__copy .orangery-eyebrow{
  color:#b9c9b3;
}
.orangery-climate__copy h2{
  color:#fff;
}
.orangery-climate__copy>p{
  color:#c4cbc5;
}
.orangery-climate-params{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.18);
}
.orangery-climate-params span{
  display:block;
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.18);
  color:#edf0ed;
  font-size:10px;
}

.orangery-systems-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#fff;
}
.orangery-systems-grid article{
  min-height:220px;
  padding:27px 25px;
}
.orangery-systems-grid article:nth-child(2),
.orangery-systems-grid article:nth-child(3),
.orangery-systems-grid article:nth-child(5),
.orangery-systems-grid article:nth-child(6){
  border-left:1px solid #d9ddd6;
}
.orangery-systems-grid article:nth-child(n+4){
  border-top:1px solid #d9ddd6;
}
.orangery-equipment-link{
  margin-top:18px;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 19px;
  border:1px solid #cad3c6;
  background:#eef2ea;
  color:#283028;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.orangery-equipment-link b{
  font-size:21px;
}

.orangery-process{
  display:grid;
  grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);
  gap:54px;
  align-items:start;
}
.orangery-process__steps{
  border-top:1px solid #d9ddd6;
}
.orangery-process__steps article{
  display:grid;
  grid-template-columns:42px minmax(170px,.7fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:74px;
  border-bottom:1px solid #d9ddd6;
}
.orangery-process__steps b{
  color:#aa8b56;
  font-size:9px;
}
.orangery-process__steps strong{
  color:#283028;
  font:500 17px/1.15 Georgia,"Times New Roman",serif;
}
.orangery-process__steps span{
  color:#737a73;
  font-size:10px;
  line-height:1.45;
}

.orangery-choice{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto;
  gap:44px;
  align-items:center;
  margin-bottom:0;
  padding-left:42px;
  padding-right:42px;
  background:#e8ede3;
  border:1px solid #d5decd;
}
.orangery-choice h2{
  max-width:760px;
  font-size:40px;
}
.orangery-choice p{
  max-width:720px;
}
.orangery-choice__actions{
  min-width:215px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.orangery-choice__actions .multi-btn{
  width:100%;
}

#orangery-planning,
#orangery-climate,
#orangery-architecture{
  scroll-margin-top:100px;
}

@media(max-width:980px){
  .orangery-intro,
  .orangery-section-head,
  .orangery-process,
  .orangery-choice{
    grid-template-columns:1fr;
    gap:28px;
  }
  .orangery-intro__types{
    max-width:650px;
  }
  .orangery-structure,
  .orangery-climate{
    grid-template-columns:1fr;
  }
  .orangery-structure__photo,
  .orangery-climate__photo{
    min-height:430px;
  }
  .orangery-location-grid,
  .orangery-planning-grid,
  .orangery-systems-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .orangery-location-grid article+article{
    border-left:0;
  }
  .orangery-location-grid article:nth-child(even){
    border-left:1px solid #d9ddd6;
  }
  .orangery-location-grid article:nth-child(3){
    border-top:1px solid #d9ddd6;
  }
  .orangery-systems-grid article{
    border-top:0 !important;
    border-left:0 !important;
  }
  .orangery-systems-grid article:nth-child(even){
    border-left:1px solid #d9ddd6 !important;
  }
  .orangery-systems-grid article:nth-child(n+3){
    border-top:1px solid #d9ddd6 !important;
  }
  .orangery-choice__actions{
    max-width:320px;
  }
}

@media(max-width:640px){
  .orangery-hero{
    min-height:430px;
    background-position:center;
  }
  .orangery-hero .multi-hero-copy{
    padding:72px 0 36px;
  }
  .orangery-hero__nav{
    margin-top:20px;
    gap:6px;
  }
  .orangery-hero__nav a{
    min-height:35px;
    padding:0 10px;
    font-size:8px;
  }
  .orangery-page{
    width:min(100% - 28px,1180px);
    padding:38px 0 52px;
  }
  .orangery-intro{
    padding-bottom:46px;
  }
  .orangery-intro__types{
    grid-template-columns:1fr;
  }
  .orangery-intro__types article{
    min-height:112px;
    padding:18px;
  }
  .orangery-intro__types article+article{
    border-left:0;
    border-top:1px solid #d9ddd6;
  }
  .orangery-structure__photo,
  .orangery-climate__photo{
    min-height:0;
    aspect-ratio:4/3;
  }
  .orangery-structure__copy,
  .orangery-climate__copy{
    padding:28px 20px 30px;
  }
  .orangery-location,
  .orangery-planning,
  .orangery-systems,
  .orangery-process{
    padding:46px 0 50px;
  }
  .orangery-location-grid,
  .orangery-planning-grid,
  .orangery-systems-grid{
    grid-template-columns:1fr;
  }
  .orangery-location-grid article,
  .orangery-location-grid article:nth-child(even),
  .orangery-systems-grid article,
  .orangery-systems-grid article:nth-child(even),
  .orangery-systems-grid article:nth-child(n+3){
    border-left:0 !important;
    border-top:0 !important;
    border-bottom:1px solid #d9ddd6;
  }
  .orangery-planning-grid{
    gap:10px;
  }
  .orangery-process__steps article{
    grid-template-columns:34px 1fr;
    gap:8px 10px;
    padding:12px 0;
  }
  .orangery-process__steps span{
    grid-column:2;
  }
  .orangery-choice{
    padding:28px 20px;
  }
  .orangery-choice h2{
    font-size:31px;
  }
  .orangery-choice__actions{
    width:100%;
    max-width:none;
  }
}


/* =========================================================
   v0.21.65 — premium redesign of page "Оранжереи"
   ========================================================= */
.orangery-premium-hero{
  min-height:570px;
  background-position:center 52%;
}
.orangery-premium-hero .multi-hero-copy{
  max-width:940px;
  padding-bottom:70px;
}
.orangery-premium-hero .multi-hero-copy h1{
  max-width:780px;
}
.orangery-premium-hero .multi-hero-copy p{
  max-width:720px;
  font-size:15px;
  line-height:1.65;
}
.orangery-premium-hero__actions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:27px;
}
.orangery-premium-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.orangery-premium-btn--light{
  background:#fff;
  color:#1d221e;
}
.orangery-premium-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.orangery-premium-link span{
  font-size:18px;
  transition:transform .2s ease;
}
.orangery-premium-link:hover span{transform:translateX(4px)}

.orangery-premium-page{
  width:min(1220px,calc(100% - 40px));
  margin:0 auto;
  padding:70px 0 82px;
}
.orangery-premium-eyebrow{
  display:block;
  margin-bottom:12px;
  color:#52624e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.orangery-premium-lead{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:70px;
  align-items:end;
  padding-bottom:80px;
}
.orangery-premium-lead__title h2,
.orangery-premium-section-head h2,
.orangery-premium-showcase__copy h2,
.orangery-premium-sun__copy h2,
.orangery-premium-climate__copy h2,
.orangery-premium-process__title h2,
.orangery-premium-final h2{
  margin:0;
  color:#1a1f1b;
  font:500 clamp(36px,4.2vw,56px)/1.03 Georgia,"Times New Roman",serif;
}
.orangery-premium-lead__copy{
  padding-bottom:5px;
}
.orangery-premium-lead__copy p{
  margin:0 0 12px;
  color:#676f68;
  font-size:14px;
  line-height:1.72;
}

.orangery-premium-showcase{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(400px,.86fr);
  min-height:610px;
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.orangery-premium-showcase__photo{
  position:relative;
  min-height:610px;
  overflow:hidden;
}
.orangery-premium-showcase__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.orangery-premium-showcase__tag{
  position:absolute;
  left:0;
  bottom:0;
  padding:11px 15px;
  background:rgba(16,20,17,.88);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.11em;
}
.orangery-premium-showcase__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
  background:#f1f3ee;
}
.orangery-premium-showcase__copy>p{
  margin:17px 0 0;
  color:#697069;
  font-size:13px;
  line-height:1.72;
}
.orangery-premium-pairs{
  margin-top:30px;
  border-top:1px solid #d6dbd3;
}
.orangery-premium-pairs article{
  display:grid;
  grid-template-columns:36px 150px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:17px 0;
  border-bottom:1px solid #d6dbd3;
}
.orangery-premium-pairs b{
  color:#aa8b56;
  font-size:9px;
}
.orangery-premium-pairs strong{
  color:#232923;
  font:500 17px/1.1 Georgia,"Times New Roman",serif;
}
.orangery-premium-pairs span{
  color:#6e756f;
  font-size:10px;
  line-height:1.5;
}

.orangery-premium-materials,
.orangery-premium-plants,
.orangery-premium-process{
  padding:78px 0;
  border-bottom:1px solid #d9ddd6;
}
.orangery-premium-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.68fr);
  column-gap:70px;
  align-items:end;
  margin-bottom:34px;
}
.orangery-premium-section-head .orangery-premium-eyebrow{
  grid-column:1 / -1;
}
.orangery-premium-section-head p{
  margin:0;
  color:#697069;
  font-size:13px;
  line-height:1.7;
}
.orangery-premium-material-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#fff;
}
.orangery-premium-material-grid article{
  min-height:255px;
  padding:30px 28px;
}
.orangery-premium-material-grid article+article{
  border-left:1px solid #d9ddd6;
}
.orangery-premium-material-grid__num{
  margin-bottom:36px;
  color:#aa8b56;
  font-size:10px;
  font-weight:900;
}
.orangery-premium-material-grid h3{
  margin:0 0 12px;
  color:#202620;
  font:500 26px/1.08 Georgia,"Times New Roman",serif;
}
.orangery-premium-material-grid p{
  min-height:66px;
  margin:0;
  color:#697069;
  font-size:11px;
  line-height:1.65;
}
.orangery-premium-material-grid span{
  display:block;
  margin-top:24px;
  padding-top:14px;
  border-top:1px solid #e1e4df;
  color:#52624e;
  font-size:9px;
  font-weight:800;
  line-height:1.5;
  text-transform:uppercase;
  letter-spacing:.035em;
}

.orangery-premium-sun{
  display:grid;
  grid-template-columns:minmax(400px,.82fr) minmax(0,1.18fr);
  min-height:570px;
  border-bottom:1px solid #d9ddd6;
}
.orangery-premium-sun__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:46px;
  background:#1a1f1b;
}
.orangery-premium-sun__copy .orangery-premium-eyebrow{color:#b8c6b2}
.orangery-premium-sun__copy h2{color:#fff}
.orangery-premium-sun__copy>p{
  margin:17px 0 0;
  color:#c6ccc7;
  font-size:13px;
  line-height:1.72;
}
.orangery-premium-sun__points{
  margin-top:29px;
  border-top:1px solid rgba(255,255,255,.16);
}
.orangery-premium-sun__points span{
  display:block;
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#edf0ed;
  font-size:10px;
}
.orangery-premium-sun__photo{
  min-height:570px;
  overflow:hidden;
}
.orangery-premium-sun__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.orangery-premium-plants-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.orangery-premium-plants-grid article{
  min-height:215px;
  padding:27px 24px;
  background:#eef1eb;
  border:1px solid #d8ddd3;
}
.orangery-premium-plants-grid b{
  display:block;
  margin-bottom:30px;
  color:#aa8b56;
  font-size:9px;
}
.orangery-premium-plants-grid strong{
  display:block;
  margin-bottom:11px;
  color:#242a25;
  font:500 22px/1.1 Georgia,"Times New Roman",serif;
}
.orangery-premium-plants-grid p{
  margin:0;
  color:#687069;
  font-size:10px;
  line-height:1.6;
}

.orangery-premium-climate{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
  min-height:660px;
  border-bottom:1px solid #d9ddd6;
}
.orangery-premium-climate__visual{
  position:relative;
  min-height:660px;
  overflow:hidden;
}
.orangery-premium-climate__visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.orangery-premium-climate__overlay{
  position:absolute;
  left:24px;
  bottom:24px;
  max-width:340px;
  padding:16px 18px;
  background:rgba(15,18,16,.86);
  color:#fff;
}
.orangery-premium-climate__overlay span{
  display:block;
  margin-bottom:6px;
  color:#c8d5c3;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}
.orangery-premium-climate__overlay strong{
  font:500 19px/1.2 Georgia,"Times New Roman",serif;
}
.orangery-premium-climate__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:44px;
}
.orangery-premium-climate__copy>p{
  margin:17px 0 0;
  color:#697069;
  font-size:13px;
  line-height:1.7;
}
.orangery-premium-systems{
  margin-top:26px;
  border-top:1px solid #d9ddd6;
}
.orangery-premium-systems article{
  display:grid;
  grid-template-columns:34px 130px minmax(0,1fr);
  gap:9px;
  padding:11px 0;
  border-bottom:1px solid #d9ddd6;
}
.orangery-premium-systems b{
  color:#aa8b56;
  font-size:9px;
}
.orangery-premium-systems strong{
  color:#29302a;
  font-size:10px;
}
.orangery-premium-systems span{
  color:#727972;
  font-size:9px;
  line-height:1.45;
}
.orangery-premium-inline-link{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:26px;
  color:#52624e;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.orangery-premium-inline-link span{
  font-size:17px;
}

.orangery-premium-process{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:74px;
}
.orangery-premium-process__steps{
  border-top:1px solid #d9ddd6;
}
.orangery-premium-process__steps article{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:12px;
  min-height:90px;
  align-items:center;
  border-bottom:1px solid #d9ddd6;
}
.orangery-premium-process__steps b{
  color:#aa8b56;
  font-size:9px;
}
.orangery-premium-process__steps strong{
  display:block;
  margin-bottom:6px;
  color:#252b26;
  font:500 18px/1.12 Georgia,"Times New Roman",serif;
}
.orangery-premium-process__steps span{
  color:#737a73;
  font-size:10px;
  line-height:1.45;
}

.orangery-premium-final{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto;
  gap:50px;
  align-items:center;
  margin-top:78px;
  padding:46px;
  background:#e7ece2;
  border:1px solid #d5decd;
}
.orangery-premium-final h2{
  max-width:760px;
  font-size:40px;
}
.orangery-premium-final p{
  max-width:720px;
  margin:15px 0 0;
  color:#606860;
  font-size:13px;
  line-height:1.65;
}
.orangery-premium-final__actions{
  min-width:220px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.orangery-premium-final__actions .multi-btn{
  width:100%;
}
.orangery-premium-final__actions button.multi-btn{
  background:transparent;
  cursor:pointer;
}

#orangery-concept{
  scroll-margin-top:100px;
}

@media(max-width:980px){
  .orangery-premium-lead,
  .orangery-premium-section-head,
  .orangery-premium-process,
  .orangery-premium-final{
    grid-template-columns:1fr;
    gap:30px;
  }
  .orangery-premium-showcase,
  .orangery-premium-sun,
  .orangery-premium-climate{
    grid-template-columns:1fr;
  }
  .orangery-premium-showcase__photo,
  .orangery-premium-sun__photo,
  .orangery-premium-climate__visual{
    min-height:460px;
  }
  .orangery-premium-material-grid{
    grid-template-columns:1fr;
  }
  .orangery-premium-material-grid article+article{
    border-left:0;
    border-top:1px solid #d9ddd6;
  }
  .orangery-premium-plants-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .orangery-premium-final__actions{
    max-width:320px;
  }
}

@media(max-width:640px){
  .orangery-premium-hero{
    min-height:445px;
    background-position:center;
  }
  .orangery-premium-hero .multi-hero-copy{
    padding:72px 0 38px;
  }
  .orangery-premium-hero__actions{
    flex-wrap:wrap;
    gap:15px;
  }
  .orangery-premium-page{
    width:min(100% - 28px,1220px);
    padding:42px 0 54px;
  }
  .orangery-premium-lead{
    padding-bottom:48px;
  }
  .orangery-premium-showcase__photo,
  .orangery-premium-sun__photo,
  .orangery-premium-climate__visual{
    min-height:0;
    aspect-ratio:4/3;
  }
  .orangery-premium-showcase__copy,
  .orangery-premium-sun__copy,
  .orangery-premium-climate__copy{
    padding:28px 20px 30px;
  }
  .orangery-premium-pairs article{
    grid-template-columns:30px 1fr;
  }
  .orangery-premium-pairs span{
    grid-column:2;
  }
  .orangery-premium-materials,
  .orangery-premium-plants,
  .orangery-premium-process{
    padding:48px 0;
  }
  .orangery-premium-plants-grid{
    grid-template-columns:1fr;
  }
  .orangery-premium-plants-grid article{
    min-height:175px;
  }
  .orangery-premium-systems article{
    grid-template-columns:30px 1fr;
  }
  .orangery-premium-systems span{
    grid-column:2;
  }
  .orangery-premium-final{
    margin-top:48px;
    padding:28px 20px;
  }
  .orangery-premium-final h2{
    font-size:31px;
  }
  .orangery-premium-final__actions{
    width:100%;
    max-width:none;
  }
}


/* =========================================================
   v0.21.66 — dedicated "Проектирование" service page
   ========================================================= */
.projecting-hero{
  min-height:560px;
  background-position:center 58%;
}
.projecting-hero .multi-hero-copy{
  max-width:930px;
  padding-bottom:68px;
}
.projecting-hero .multi-hero-copy h1{
  max-width:800px;
}
.projecting-hero .multi-hero-copy p{
  max-width:760px;
  font-size:15px;
  line-height:1.66;
}
.projecting-hero__actions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:27px;
}
.projecting-btn{
  min-height:42px;
  display:inline-flex;
  align-items:center;
  padding:0 17px;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.projecting-btn--light{
  background:#fff;
  color:#1d221e;
}
.projecting-inline{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#fff;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.projecting-inline span,
.projecting-more span{
  font-size:18px;
  transition:transform .2s ease;
}
.projecting-inline:hover span,
.projecting-more:hover span{
  transform:translateX(4px);
}

.projecting-page{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
  padding:68px 0 82px;
}
.projecting-eyebrow{
  display:block;
  margin-bottom:11px;
  color:#52624e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.projecting-lead{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);
  gap:70px;
  align-items:end;
  padding-bottom:80px;
}
.projecting-lead__title h2,
.projecting-section-head h2,
.projecting-stage__copy h2,
.projecting-engineering__copy h2,
.projecting-equipment__copy h2,
.projecting-docs__title h2,
.projecting-process__head h2,
.projecting-final h2{
  margin:0;
  color:#1a1f1b;
  font:500 clamp(36px,4.1vw,54px)/1.04 Georgia,"Times New Roman",serif;
}
.projecting-lead__copy p{
  margin:0 0 12px;
  color:#687069;
  font-size:14px;
  line-height:1.72;
}

.projecting-stage{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(410px,.9fr);
  min-height:580px;
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.projecting-stage__visual{
  position:relative;
  min-height:580px;
  overflow:hidden;
  background:#eef0ec;
}
.projecting-stage__visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.projecting-stage__visual>span{
  position:absolute;
  left:0;
  bottom:0;
  padding:10px 14px;
  background:rgba(16,20,17,.87);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.projecting-stage__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:46px;
  background:#f1f3ee;
}
.projecting-stage__copy>p,
.projecting-section-head>p,
.projecting-engineering__copy>p,
.projecting-equipment__copy>p,
.projecting-final p{
  margin:16px 0 0;
  color:#687069;
  font-size:13px;
  line-height:1.7;
}
.projecting-lines{
  margin-top:27px;
  border-top:1px solid #d6dbd3;
}
.projecting-lines span{
  display:block;
  padding:11px 0;
  border-bottom:1px solid #d6dbd3;
  color:#4f5750;
  font-size:10px;
}

.projecting-materials,
.projecting-site,
.projecting-docs,
.projecting-process{
  padding:76px 0;
  border-bottom:1px solid #d9ddd6;
}
.projecting-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(370px,.75fr);
  gap:66px;
  align-items:end;
  margin-bottom:32px;
}
.projecting-section-head>p{margin:0}
.projecting-material-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #d9ddd6;
}
.projecting-material-grid article{
  min-height:230px;
  padding:27px 24px;
}
.projecting-material-grid article+article{
  border-left:1px solid #d9ddd6;
}
.projecting-material-grid b,
.projecting-site-grid article>span{
  display:block;
  margin-bottom:30px;
  color:#aa8b56;
  font-size:9px;
  font-weight:900;
}
.projecting-material-grid h3{
  margin:0 0 11px;
  color:#222822;
  font:500 23px/1.1 Georgia,"Times New Roman",serif;
}
.projecting-material-grid p,
.projecting-site-grid p{
  margin:0;
  color:#697069;
  font-size:10px;
  line-height:1.62;
}

.projecting-engineering{
  display:grid;
  grid-template-columns:minmax(420px,.88fr) minmax(0,1.12fr);
  min-height:610px;
  border-bottom:1px solid #d9ddd6;
}
.projecting-engineering__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
  background:#1a1f1b;
}
.projecting-engineering__copy .projecting-eyebrow{color:#b8c6b2}
.projecting-engineering__copy h2{color:#fff}
.projecting-engineering__copy>p{color:#c8cec9}
.projecting-engineering__points{
  margin-top:28px;
  border-top:1px solid rgba(255,255,255,.16);
}
.projecting-engineering__points article{
  display:grid;
  grid-template-columns:34px 1fr;
  padding:11px 0;
  border-bottom:1px solid rgba(255,255,255,.16);
}
.projecting-engineering__points b{
  color:#bca174;
  font-size:9px;
}
.projecting-engineering__points span{
  color:#edf0ed;
  font-size:10px;
}
.projecting-engineering__photo{
  position:relative;
  min-height:610px;
  overflow:hidden;
}
.projecting-engineering__photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.projecting-engineering__label{
  position:absolute;
  left:24px;
  bottom:24px;
  padding:15px 18px;
  background:rgba(15,18,16,.86);
  color:#fff;
}
.projecting-engineering__label span{
  display:block;
  margin-bottom:5px;
  color:#cbd5c7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.1em;
}
.projecting-engineering__label strong{
  font:500 18px/1.2 Georgia,"Times New Roman",serif;
}

.projecting-site-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.projecting-site-grid article{
  min-height:215px;
  padding:27px 23px;
}
.projecting-site-grid article+article{
  border-left:1px solid #d9ddd6;
}
.projecting-site-grid strong{
  display:block;
  margin-bottom:11px;
  color:#232923;
  font:500 21px/1.1 Georgia,"Times New Roman",serif;
}

.projecting-equipment{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(410px,.92fr);
  min-height:620px;
  border-bottom:1px solid #d9ddd6;
}
.projecting-equipment__visual{
  min-height:620px;
  overflow:hidden;
  background:#111;
}
.projecting-equipment__visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.projecting-equipment__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
}
.projecting-equipment__list{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:27px;
  border-top:1px solid #d9ddd6;
}
.projecting-equipment__list span{
  padding:11px 0;
  border-bottom:1px solid #d9ddd6;
  color:#4f5750;
  font-size:10px;
}
.projecting-equipment__list span:nth-child(odd){
  border-right:1px solid #d9ddd6;
  padding-right:12px;
}
.projecting-equipment__list span:nth-child(even){
  padding-left:12px;
}
.projecting-more{
  display:inline-flex;
  align-items:center;
  gap:13px;
  margin-top:27px;
  color:#52624e;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.045em;
}

.projecting-docs{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:70px;
}
.projecting-docs__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  border-top:1px solid #d9ddd6;
}
.projecting-docs__grid article{
  min-height:132px;
  padding:22px;
  border-bottom:1px solid #d9ddd6;
}
.projecting-docs__grid article:nth-child(odd){
  border-right:1px solid #d9ddd6;
}
.projecting-docs__grid b{
  display:block;
  margin-bottom:17px;
  color:#aa8b56;
  font-size:9px;
}
.projecting-docs__grid strong{
  display:block;
  margin-bottom:6px;
  color:#252b26;
  font:500 18px/1.1 Georgia,"Times New Roman",serif;
}
.projecting-docs__grid span{
  color:#707770;
  font-size:10px;
  line-height:1.45;
}

.projecting-process{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:72px;
}
.projecting-process__steps{
  border-top:1px solid #d9ddd6;
}
.projecting-process__steps article{
  display:grid;
  grid-template-columns:44px minmax(180px,.7fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:76px;
  border-bottom:1px solid #d9ddd6;
}
.projecting-process__steps b{
  color:#aa8b56;
  font-size:9px;
}
.projecting-process__steps strong{
  color:#262c27;
  font:500 17px/1.1 Georgia,"Times New Roman",serif;
}
.projecting-process__steps span{
  color:#737a73;
  font-size:10px;
  line-height:1.45;
}

.projecting-final{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) auto;
  gap:48px;
  align-items:center;
  margin-top:78px;
  padding:46px;
  background:#e7ece2;
  border:1px solid #d5decd;
}
.projecting-final h2{
  max-width:760px;
  font-size:40px;
}
.projecting-final p{
  max-width:730px;
}
.projecting-final__actions{
  min-width:220px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.projecting-final__actions .multi-btn{
  width:100%;
}
.projecting-final__actions button.multi-btn{
  background:transparent;
  cursor:pointer;
}

#projecting-start{scroll-margin-top:100px}

@media(max-width:980px){
  .projecting-lead,
  .projecting-section-head,
  .projecting-docs,
  .projecting-process,
  .projecting-final{
    grid-template-columns:1fr;
    gap:30px;
  }
  .projecting-stage,
  .projecting-engineering,
  .projecting-equipment{
    grid-template-columns:1fr;
  }
  .projecting-stage__visual,
  .projecting-engineering__photo,
  .projecting-equipment__visual{
    min-height:450px;
  }
  .projecting-material-grid,
  .projecting-site-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .projecting-material-grid article+article,
  .projecting-site-grid article+article{
    border-left:0;
  }
  .projecting-material-grid article:nth-child(even),
  .projecting-site-grid article:nth-child(even){
    border-left:1px solid #d9ddd6;
  }
  .projecting-material-grid article:nth-child(n+3),
  .projecting-site-grid article:nth-child(n+3){
    border-top:1px solid #d9ddd6;
  }
  .projecting-final__actions{
    max-width:320px;
  }
}

@media(max-width:640px){
  .projecting-hero{
    min-height:440px;
    background-position:center;
  }
  .projecting-hero .multi-hero-copy{
    padding:72px 0 38px;
  }
  .projecting-hero__actions{
    flex-wrap:wrap;
    gap:14px;
  }
  .projecting-page{
    width:min(100% - 28px,1200px);
    padding:42px 0 54px;
  }
  .projecting-lead{
    padding-bottom:48px;
  }
  .projecting-stage__visual,
  .projecting-engineering__photo,
  .projecting-equipment__visual{
    min-height:0;
    aspect-ratio:4/3;
  }
  .projecting-stage__copy,
  .projecting-engineering__copy,
  .projecting-equipment__copy{
    padding:28px 20px 30px;
  }
  .projecting-materials,
  .projecting-site,
  .projecting-docs,
  .projecting-process{
    padding:48px 0;
  }
  .projecting-material-grid,
  .projecting-site-grid{
    grid-template-columns:1fr;
  }
  .projecting-material-grid article,
  .projecting-material-grid article:nth-child(even),
  .projecting-material-grid article:nth-child(n+3),
  .projecting-site-grid article,
  .projecting-site-grid article:nth-child(even),
  .projecting-site-grid article:nth-child(n+3){
    border-left:0;
    border-top:0;
    border-bottom:1px solid #d9ddd6;
  }
  .projecting-equipment__list{
    grid-template-columns:1fr;
  }
  .projecting-equipment__list span:nth-child(odd),
  .projecting-equipment__list span:nth-child(even){
    border-right:0;
    padding-left:0;
    padding-right:0;
  }
  .projecting-docs__grid{
    grid-template-columns:1fr;
  }
  .projecting-docs__grid article:nth-child(odd){
    border-right:0;
  }
  .projecting-process__steps article{
    grid-template-columns:34px 1fr;
    padding:12px 0;
  }
  .projecting-process__steps span{
    grid-column:2;
  }
  .projecting-final{
    margin-top:48px;
    padding:28px 20px;
  }
  .projecting-final h2{
    font-size:31px;
  }
  .projecting-final__actions{
    width:100%;
    max-width:none;
  }
}



/* v0.21.68 — выбранная стандартная комплектация */
.ref-standard-package{margin-top:16px;border:1px solid #d7ddd2;background:#f1f4ee;padding:17px 18px}
.ref-standard-package__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.ref-standard-package__head span{display:block;color:#52624e;font-size:8px;font-weight:900;letter-spacing:.12em;margin-bottom:4px}
.ref-standard-package__head strong{font-family:Georgia,"Times New Roman",serif;font-size:18px;font-weight:500;color:#1d231e}
.ref-standard-package__head>b{font-size:10px;color:#52624e;white-space:nowrap;border:1px solid #c7d0c1;padding:6px 8px;background:#fff}
.ref-standard-package__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d7ddd2;border-left:1px solid #d7ddd2}
.ref-standard-package__grid>div{min-height:68px;padding:11px 12px;background:#fff;border-right:1px solid #d7ddd2;border-bottom:1px solid #d7ddd2}
.ref-standard-package__grid span{display:block;color:#747a74;font-size:8px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.ref-standard-package__grid strong{font-size:11px;color:#252b26}
@media(max-width:760px){
  .ref-standard-package{padding:14px}
  .ref-standard-package__head{display:block}
  .ref-standard-package__head>b{display:inline-block;margin-top:8px}
  .ref-standard-package__grid{grid-template-columns:1fr 1fr}
}



/* v0.21.97 — mobile quantity label size only */
@media(max-width:820px){
  .calc-reference-page .ref-option-grid .check-card.has-quantity .ref-option-qty-label{
    font-size:8px !important;
    color:#353c35 !important;
  }
}

/* =========================================================
   v0.21.114 — desktop navigation: slightly larger labels
   and a little more breathing room before messenger icons.
   Mobile navigation is intentionally unchanged.
   ========================================================= */
@media (min-width:981px){
  .site-unified-header .ref-nav > .ref-nav-link,
  .site-unified-header .ref-nav-parent{
    font-size:12px !important;
  }
  .site-unified-header .ref-submenu a{
    font-size:11px !important;
  }
  .site-unified-header .ref-nav > .ref-nav-link:last-of-type{
    margin-right:10px !important;
  }
}
@media (min-width:981px) and (max-width:1279px){
  .site-unified-header .ref-nav > .ref-nav-link,
  .site-unified-header .ref-nav-parent{
    font-size:11px !important;
  }
}

/* v0.21.151 — larger transparent greenhouse illustrations; card dimensions unchanged */
@media(min-width:821px){
  .calc-reference-page .ref-type{gap:2px;padding:4px 2px 6px}
  .calc-reference-page .ref-type-icon{width:min(96%,180px);height:106px;flex:0 0 auto}
}
.calc-reference-page .ref-type-icon img{width:100%;height:100%;object-fit:contain;filter:contrast(1.06)}
@media(max-width:820px){
  .calc-reference-page .ref-type{gap:0;padding:2px 2px 4px}
  .calc-reference-page .ref-type-icon{width:calc(100% - 6px);max-width:180px;height:78px;flex:0 0 auto}
}
@media(max-width:430px){
  .calc-reference-page .ref-type-icon{width:calc(100% - 4px);max-width:165px;height:74px}
}


/* v0.21.153 — targeted calculator visual fixes. */
.calc-reference-page .ref-type[data-type="pvc"] .ref-type-icon{transform:translateY(-6px)}
@media(min-width:821px){
  .calc-reference-page .ref-geometry-note__icon{margin-top:0;background:#171a18;color:#d2aa61;border:0}
  .calc-reference-page .ref-geometry-note__icon svg{width:30px;height:25px}
}

/* v0.21.174 — lightweight remote portfolio continuation */
.lumen-works-source-loader{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:68px;
  margin:24px 0 8px;
  color:#606760;
  font-size:13px;
}
.lumen-works-source-loader[hidden]{display:none!important}
.lumen-works-source-loader .multi-btn{min-height:42px;padding:10px 16px}

/* v0.21.176 — Works lightbox: keep every gallery photo visually the same size */
.lumen-work-lightbox__stage img{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  object-position:center;
}


/* v0.21.178 — Works lightbox: prevent horizontal jump while paging photos */
.lumen-work-lightbox{
  width:100vw;
  max-width:100vw;
  overflow-x:hidden;
  box-sizing:border-box;
}
.lumen-work-lightbox__dialog{
  box-sizing:border-box;
  margin-left:auto;
  margin-right:auto;
  flex:0 1 1220px;
  min-width:0;
}
.lumen-work-lightbox__viewport,
.lumen-work-lightbox__stage,
.lumen-work-lightbox__footer{
  min-width:0;
}


/* v0.21.179 — only Our Works pagination: 9 projects per page */
@media(min-width:981px){
  .lumen-works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.lumen-works-pagination{max-width:1260px;margin:-40px auto 64px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.lumen-works-pagination[hidden]{display:none!important}
.lumen-works-pagination__button{min-width:42px;height:42px;padding:0 13px;border:1px solid #d4d6d0;background:#fff;color:#263129;font:700 12px/1 Arial,sans-serif;cursor:pointer;transition:.18s ease}
.lumen-works-pagination__button:hover{border-color:#8f7441;color:#8f7441}
.lumen-works-pagination__button.is-current{background:#243a2d;border-color:#243a2d;color:#fff}
.lumen-works-pagination__button.is-nav{padding:0 17px}
.lumen-works-pagination__dots{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:42px;color:#777d77}
@media(max-width:640px){
  .lumen-works-pagination{margin:-24px auto 46px;padding:0 14px;gap:6px}
  .lumen-works-pagination__button{min-width:38px;height:38px;padding:0 10px;font-size:11px}
  .lumen-works-pagination__button.is-nav{padding:0 12px}
}


/* v0.21.181 — Наши работы: явный ориентир текущей страницы */
.lumen-works-page-status{max-width:1260px;margin:-48px auto 14px;padding:0 24px;text-align:center;color:#687068;font:600 12px/1.4 Arial,sans-serif;letter-spacing:.04em}
.lumen-works-page-status[hidden]{display:none!important}
@media(max-width:640px){.lumen-works-page-status{margin:-30px auto 12px;padding:0 14px;font-size:11px}}

/* v0.21.183 — Our Works: keep page status clear of pagination */
.lumen-works-page-status{
  margin:-48px auto 22px;
  position:relative;
  z-index:1;
}
.lumen-works-pagination{
  margin:0 auto 64px;
  position:relative;
  z-index:1;
}
@media(max-width:640px){
  .lumen-works-page-status{margin:-30px auto 18px;}
  .lumen-works-pagination{margin:0 auto 46px;}
}

/* v0.21.187 — homepage project cards open the same project gallery as Our Works */
.refhome-project--gallery{cursor:pointer}
.refhome-project-gallery-data{display:none!important}
.lumen-home-work-lightbox__description{max-width:720px;margin-top:10px;color:rgba(255,255,255,.72);font:400 14px/1.55 Arial,sans-serif}
.lumen-home-work-lightbox__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.lumen-home-work-lightbox__actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.24);color:#fff;text-decoration:none;font:700 11px/1.2 Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase;transition:background .18s ease,border-color .18s ease}
.lumen-home-work-lightbox__actions a:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.45)}
.lumen-home-work-lightbox__actions a:last-child{background:#6f8466;border-color:#6f8466}
.lumen-home-work-lightbox__actions a:last-child:hover{background:#7d9373;border-color:#7d9373}
@media(max-width:640px){
  .lumen-home-work-lightbox__description{font-size:12px;line-height:1.45;max-height:58px;overflow:auto}
  .lumen-home-work-lightbox__actions{gap:8px;margin-top:12px}
  .lumen-home-work-lightbox__actions a{flex:1 1 100%;min-height:38px;padding:8px 12px;font-size:10px}
}

/* v0.21.188 — homepage project gallery: hide project description on mobile only */
@media(max-width:640px){
  .lumen-home-work-lightbox__description{display:none!important}
}

/* v0.21.190 — mobile project gallery: close button slightly lower */
@media(max-width:640px){
  .lumen-work-lightbox__close{top:38px}
}

/* v0.21.191 — homepage hero: dedicated mobile composition only */
@media (max-width:620px){
  .home-premium .premium-hero{
    height:620px;
    background:#101311;
  }
  .home-premium .premium-slide{
    background-size:cover;
    background-position:center center;
    overflow:hidden;
  }
  .home-premium .premium-slide::before{
    content:"";
    position:absolute;
    z-index:1;
    left:0;
    right:0;
    top:0;
    height:355px;
    background-image:inherit;
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center top;
  }
  .home-premium .premium-slide::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(180deg,rgba(8,10,9,.02) 0%,rgba(8,10,9,.06) 32%,rgba(8,10,9,.58) 55%,rgba(8,10,9,.94) 72%,rgba(8,10,9,.98) 100%);
    pointer-events:none;
  }
  .home-premium .premium-hero-overlay{
    z-index:3;
    background:linear-gradient(180deg,transparent 0%,transparent 44%,rgba(6,8,7,.22) 58%,rgba(6,8,7,.7) 78%,rgba(6,8,7,.88) 100%);
  }
  .home-premium .premium-hero-copy{
    z-index:4;
    left:20px;
    right:20px;
    bottom:46px;
  }
  .home-premium .premium-hero-copy h1{
    font-size:37px;
    line-height:1.02;
    margin:10px 0 12px;
  }
  .home-premium .premium-hero-copy>p:not(.premium-eyebrow){
    font-size:12.5px;
    line-height:1.45;
    max-width:95%;
  }
  .home-premium .premium-hero-actions{
    margin-top:16px;
  }
  .home-premium .premium-btn{
    min-height:44px;
    font-size:9px;
  }
  .home-premium .premium-arrow,
  .home-premium .premium-dots{
    z-index:5;
  }
  .home-premium .premium-arrow{
    top:29%;
  }
}

/* v0.21.192 — mobile homepage hero: one continuous image, no duplicated photo layer */
@media (max-width:620px){
  .home-premium .premium-hero{
    height:620px;
    background:#101311;
  }
  .home-premium .premium-slide{
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    overflow:hidden;
  }
  .home-premium .premium-slide::before{
    content:none!important;
    display:none!important;
    background-image:none!important;
  }
  .home-premium .premium-slide::after{
    content:"";
    position:absolute;
    z-index:2;
    inset:0;
    background:linear-gradient(180deg,rgba(7,9,8,.04) 0%,rgba(7,9,8,.08) 35%,rgba(7,9,8,.36) 58%,rgba(7,9,8,.86) 82%,rgba(7,9,8,.96) 100%);
    pointer-events:none;
  }
  .home-premium .premium-slide:nth-child(1){background-position:56% center}
  .home-premium .premium-slide:nth-child(2){background-position:58% center}
  .home-premium .premium-slide:nth-child(3){background-position:55% center}
  .home-premium .premium-hero-overlay{
    z-index:3;
    background:transparent;
  }
  .home-premium .premium-hero-copy{
    z-index:4;
    left:20px;
    right:20px;
    top:auto;
    bottom:46px;
    width:auto;
    transform:none;
  }
  .home-premium .premium-hero-copy h1{
    font-size:37px;
    line-height:1.02;
    margin:10px 0 12px;
  }
  .home-premium .premium-hero-copy>p:not(.premium-eyebrow){
    font-size:12.5px;
    line-height:1.45;
    max-width:95%;
  }
  .home-premium .premium-hero-actions{margin-top:16px}
  .home-premium .premium-btn{min-height:44px;font-size:9px}
  .home-premium .premium-arrow,.home-premium .premium-dots{z-index:5}
  .home-premium .premium-arrow{top:43%}
}

/* v0.21.193 — mobile homepage hero: more compact height and typography */
@media (max-width:620px){
  .home-premium .premium-hero{
    height:min(520px,62svh);
    min-height:470px;
  }
  .home-premium .premium-hero-copy{
    bottom:34px;
  }
  .home-premium .premium-hero-copy h1{
    font-size:30px;
    line-height:1.04;
    margin:8px 0 10px;
  }
  .home-premium .premium-hero-copy>p:not(.premium-eyebrow){
    font-size:12px;
    line-height:1.4;
  }
  .home-premium .premium-hero-actions{
    margin-top:13px;
  }
  .home-premium .premium-btn{
    min-height:42px;
  }
  .home-premium .premium-arrow{
    top:39%;
  }
  .home-premium .premium-dots{
    bottom:14px;
  }
}

/* v0.21.194 — mobile homepage hero: raise only the second slide photo */
@media (max-width:620px){
  .home-premium .premium-slide:nth-child(2){background-position:58% 68%}
}


/* v0.21.195 — mobile homepage hero: visibly raise only slide 2 image */
@media (max-width:620px){
  .home-premium .premium-slide:nth-child(2){background-position:58% 92%!important}
}


/* v0.21.196 — mobile homepage hero: actually move slide 2 subject upward.
   The portrait source exactly filled the hero height with cover, so changing Y position alone had no visible effect. */
@media (max-width:620px){
  .home-premium .premium-slide[data-lumen-hero-slide="2"]{
    background-size:auto 118%!important;
    background-position:58% 100%!important;
  }
}


/* v0.21.197 — Our Works: current page indicator above the grid. */
.lumen-works-page-status--top{
  margin:8px auto 20px;
  padding:0 24px;
  text-align:center;
}
@media(max-width:640px){
  .lumen-works-page-status--top{margin:4px auto 14px;padding:0 14px;}
}


/* v0.21.200 — Works desktop: project card titles 40% smaller; mobile unchanged */
@media (min-width:901px){
  .lumen-work-card h3{
    font-size:clamp(15px,1.44vw,20.4px);
    line-height:1.14;
  }
}


/* v0.21.201 — Works: remove the dark cover-photo gradient at the theme source.
   Full-size local photo URLs are supplied by LUMEN Works Manager 0.6.3. */


/* =========================================================
   v0.21.202 — desktop Works gallery: natural photo proportions
   Desktop only. Mobile gallery remains unchanged.
   ========================================================= */
@media(min-width:981px){
  /* Project cards: a calmer 4:3 preview and no hover zoom. */
  .lumen-work-card__photo,
  .lumen-work-card--wide .lumen-work-card__photo,
  .lumen-work-card--wide .lumen-work-card__gallery{
    aspect-ratio:4/3;
    min-height:0;
  }
  .lumen-work-card:hover .lumen-work-card__photo img{
    transform:none;
  }

  /* Lightbox: main photo on the left, vertical thumbnails on the right. */
  .lumen-work-lightbox__dialog{
    width:min(1180px,calc(100vw - 56px));
    grid-template-columns:minmax(0,1fr) 116px;
    grid-template-rows:auto minmax(0,1fr) auto;
    column-gap:18px;
    row-gap:16px;
  }
  .lumen-work-lightbox__header{
    grid-column:1 / -1;
    grid-row:1;
  }
  .lumen-work-lightbox__viewport{
    grid-column:1;
    grid-row:2;
    display:block;
    position:relative;
    min-height:0;
  }
  .lumen-work-lightbox__stage{
    grid-column:auto;
    width:min(100%,860px,90vh);
    max-width:100%;
    height:auto;
    aspect-ratio:4/3;
    margin:0 auto;
    border-radius:18px;
    background:#0a0e0b;
  }
  .lumen-work-lightbox__stage img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    object-position:center;
  }
  .lumen-work-lightbox__footer{
    display:contents;
  }
  .lumen-work-lightbox__caption-wrap{
    grid-column:1;
    grid-row:3;
    min-width:0;
  }
  .lumen-work-lightbox__thumbs{
    grid-column:2;
    grid-row:2 / 4;
    display:flex;
    flex-direction:column;
    align-self:stretch;
    gap:10px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:2px 4px 2px 2px;
    scrollbar-width:thin;
    scrollbar-color:rgba(185,153,88,.6) transparent;
  }
  .lumen-work-lightbox__thumb{
    flex:0 0 auto;
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    border-radius:12px;
  }
  .lumen-work-lightbox__thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
  }
  .lumen-work-lightbox__thumb:hover,
  .lumen-work-lightbox__thumb.is-active{
    transform:none;
  }

  /* Navigation sits over the photo edges instead of widening the image area. */
  .lumen-work-lightbox__nav{
    top:50%;
    transform:translateY(-50%);
  }
  .lumen-work-lightbox__prev{left:16px}
  .lumen-work-lightbox__next{right:16px}
}


/* =========================================================
   v0.21.203 — project galleries: cleaner photo area
   - Homepage project popup: hide the long project description.
   - Desktop only: narrow the dark side fields while keeping the full image
     visible (no crop, no stretch) and blend them into the dark lightbox.
   Mobile gallery sizing remains unchanged.
   ========================================================= */
.lumen-home-work-lightbox__description{display:none!important}

@media(min-width:981px){
  .lumen-work-lightbox__stage{
    width:min(100%,900px,80vh);
    aspect-ratio:6/5;
    background:transparent;
  }
}

/* =========================================================
   v0.21.204 — stable project gallery header + 4:3 homepage previews
   - Both project lightboxes use a smaller one-line project title with ellipsis.
   - Desktop metadata sits directly under the title in a compact fixed-height header,
     preventing the photo area from shifting when a long project title is opened.
   - Homepage project previews match the 4:3 Works-card proportions and show four
     cards at once on desktop; the existing left/right slider remains available.
   - Mobile gallery dimensions are unchanged.
   ========================================================= */

/* Same project-title rule for galleries opened from Home and Our Works. */
.lumen-work-lightbox__project{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:clamp(20px,2vw,28px);
  line-height:1.08;
}
.lumen-work-lightbox__header > div:first-child{min-width:0}

@media(min-width:981px){
  /* Compact two-line header: title + year/address/area. No vertical jumping. */
  .lumen-work-lightbox__header{
    display:block;
    min-width:0;
    padding-right:58px;
  }
  .lumen-work-lightbox__eyebrow{
    margin-bottom:6px;
  }
  .lumen-work-lightbox__project{
    font-size:clamp(20px,1.7vw,26px);
  }
  .lumen-work-lightbox__meta{
    max-width:100%;
    padding-top:6px;
    text-align:left;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:11px;
    line-height:1.35;
  }

  /* Homepage: same calm 4:3 proportions as the Works page, four visible cards. */
  .refhome-project-grid{
    gap:14px;
  }
  .refhome-project{
    flex:0 0 calc((100% - 42px)/4);
    min-height:0;
    aspect-ratio:4/3;
  }
  .refhome-project img{
    object-fit:cover;
    object-position:center;
  }
  .refhome-project:hover img{
    transform:none;
  }
}

/* Keep the mobile gallery/photo layout intact; only make long titles safe. */
@media(max-width:640px){
  .lumen-work-lightbox__project{
    font-size:22px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}


/* =========================================================
   v0.21.205 — Works cards: stable information rows + safer mobile gallery
   Scope:
   - Keep long project names from widening the mobile lightbox.
   - Make the small black project-type badge quieter.
   - Remove the redundant “Смотреть галерею · 4 фото” cover label.
   - Keep manager-card year/address/title/area rows at stable heights so
     neighbouring cards line up even when text lengths differ.
   Photos, gallery data, descriptions and mobile photo sizing are untouched.
   ========================================================= */

/* The cover itself is already clickable; no extra gallery banner is needed. */
.works-preview-page .lumen-work-card__gallery:after{
  content:none!important;
  display:none!important;
}

/* Project-type badge: informative, but not a visual headline. */
.works-preview-page .lumen-work-card__photo>span{
  padding:6px 8px;
  font-size:9px;
  line-height:1.1;
  letter-spacing:.075em;
  font-weight:500;
  background:rgba(17,23,19,.78);
}

/* Cards rendered by the local Works Manager: reserve the same vertical space
   for year, address, two-line title and glazing area on every card. */
.works-preview-page .lumen-work-card--manager .lumen-work-card__body{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.works-preview-page .lumen-work-card--manager .lumen-work-card__meta{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:17px 18px;
  align-content:start;
  gap:3px;
  width:100%;
  min-width:0;
  min-height:38px;
  margin:0 0 10px;
  overflow:hidden;
  flex:none;
}
.works-preview-page .lumen-work-card--manager .lumen-work-card__meta>b,
.works-preview-page .lumen-work-card--manager .lumen-work-card__meta>span{
  display:block;
  width:100%;
  min-width:0;
  margin:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:17px;
}
.works-preview-page .lumen-work-card--manager .lumen-work-card__meta>span{
  line-height:18px;
}
.works-preview-page .lumen-work-card--manager .lumen-work-card__meta span+span:before{
  content:none!important;
  display:none!important;
}
.works-preview-page .lumen-work-card--manager h3{
  display:-webkit-box;
  width:100%;
  min-width:0;
  height:2.28em;
  min-height:2.28em;
  max-height:2.28em;
  margin:0 0 10px;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  text-overflow:ellipsis;
  line-height:1.14;
}
.works-preview-page .lumen-work-card--manager .lwm-glazing-area{
  width:100%;
  min-width:0;
  min-height:17px;
  margin:0 0 13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:17px;
}
/* If an old project has no glazing area, reserve that same row so the
   description below still starts at the same height as on neighbouring cards. */
.works-preview-page .lumen-work-card--manager h3 + .lwm-description-wrap{
  margin-top:30px;
}
.works-preview-page .lumen-work-card--manager .lwm-glazing-area + .lwm-description-wrap{
  margin-top:0;
}

/* Long mobile project names must never widen the fixed gallery dialog. */
@media(max-width:640px){
  .lumen-work-lightbox,
  .lumen-work-lightbox__dialog,
  .lumen-work-lightbox__header,
  .lumen-work-lightbox__header>div:first-child,
  .lumen-work-lightbox__project,
  .lumen-work-lightbox__meta,
  .lumen-work-lightbox__viewport,
  .lumen-work-lightbox__stage,
  .lumen-work-lightbox__footer,
  .lumen-work-lightbox__thumbs{
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
  .lumen-work-lightbox__dialog{
    width:100%;
    overflow:hidden;
  }
  .lumen-work-lightbox__header{
    width:100%;
    overflow:hidden;
  }
  .lumen-work-lightbox__header>div:first-child{
    width:100%;
    overflow:hidden;
  }
  .lumen-work-lightbox__project{
    display:block;
    width:100%;
    font-size:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .lumen-work-lightbox__meta{
    width:100%;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .works-preview-page .lumen-work-card__photo>span{
    left:12px;
    top:12px;
    padding:5px 7px;
    font-size:8.5px;
    font-weight:500;
    letter-spacing:.06em;
  }
}

/* =========================================================
   v0.21.206 — Homepage projects slider: circular arrows
   Scope: navigation logic only; no visual/layout changes.
   ========================================================= */


/* =========================================================
   v0.21.207 — mobile gallery title: 2 lines + desktop arrow centering
   Scope only:
   - Mobile project popup title reserves exactly two lines and clamps overflow
     with an ellipsis, so long names cannot widen or shift the gallery.
   - Desktop gallery navigation uses true CSS chevrons centered geometrically
     inside the existing circular buttons.
   ========================================================= */
@media(max-width:640px){
  .lumen-work-lightbox__project{
    display:-webkit-box;
    width:100%;
    min-width:0;
    height:2.28em;
    min-height:2.28em;
    max-height:2.28em;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    line-height:1.14;
    overflow-wrap:normal;
    word-break:normal;
  }
}

@media(min-width:981px){
  .lumen-work-lightbox__nav{
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
    display:grid!important;
    place-items:center!important;
  }
  .lumen-work-lightbox__nav::before{
    content:'';
    display:block;
    width:12px;
    height:12px;
    box-sizing:border-box;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    transform-origin:50% 50%;
  }
  .lumen-work-lightbox__prev::before{
    transform:rotate(-135deg);
    margin-left:4px;
  }
  .lumen-work-lightbox__next::before{
    transform:rotate(45deg);
    margin-right:4px;
  }
}

/* =========================================================
   v0.21.208 — gallery arrow geometry + mobile counter spacing
   Scope only:
   - Desktop: center the chevron geometry exactly inside each circular nav button.
   - Mobile: move the photo counter slightly lower so it does not crowd the image.
   ========================================================= */
@media(min-width:981px){
  .lumen-work-lightbox__nav{
    position:absolute;
    padding:0!important;
    font-size:0!important;
    line-height:0!important;
  }
  .lumen-work-lightbox__nav::before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    width:12px;
    height:12px;
    margin:0!important;
    box-sizing:border-box;
    border-top:2px solid currentColor;
    border-right:2px solid currentColor;
    transform-origin:50% 50%;
    pointer-events:none;
  }
  .lumen-work-lightbox__prev::before{
    transform:translate(-50%,-50%) rotate(-135deg);
  }
  .lumen-work-lightbox__next::before{
    transform:translate(-50%,-50%) rotate(45deg);
  }
}

@media(max-width:640px){
  .lumen-work-lightbox__caption-wrap{
    padding-top:10px;
  }
  .lumen-work-lightbox__counter{
    margin-top:2px;
  }
}


/* =========================================================
   v0.21.209 — mobile project popup title: up to 3 lines
   Scope only: mobile opened-project title. Reserve a stable
   three-line block so the photo/buttons never jump.
   ========================================================= */
@media(max-width:640px){
  .lumen-work-lightbox__project{
    display:-webkit-box;
    width:100%;
    min-width:0;
    height:3.42em;
    min-height:3.42em;
    max-height:3.42em;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    line-clamp:3;
    line-height:1.14;
    overflow-wrap:normal;
    word-break:normal;
  }
}

/* =========================================================
   v0.21.210 — mobile Works card titles + homepage gallery spacing
   Scope only:
   - Our Works mobile list: do not clamp/fix the card project title height.
     Cards are one-per-row on mobile, so the full title may take as many lines
     as it naturally needs. The opened gallery title stays at the existing
     stable 3-line clamp from v0.21.209.
   - Homepage project popup on mobile: keep header/photo/footer in normal flow
     so a 3-line title cannot make the photo overlap the photo caption/actions.
   ========================================================= */
@media(max-width:640px){
  /* Our Works page cards: full natural title height on mobile only. */
  .works-preview-page .lumen-work-card--manager h3{
    display:block;
    height:auto;
    min-height:0;
    max-height:none;
    overflow:visible;
    white-space:normal;
    text-overflow:clip;
    -webkit-line-clamp:unset;
    line-clamp:unset;
    -webkit-box-orient:initial;
  }
  /* No desktop-only alignment spacer is needed when cards are stacked. */
  .works-preview-page .lumen-work-card--manager h3 + .lwm-description-wrap{
    margin-top:0;
  }

  /* Only the popup opened from the homepage has the two CTA buttons below. */
  .lumen-home-work-lightbox .lumen-work-lightbox__dialog{
    width:100%;
    max-height:calc(100dvh - 20px);
    grid-template-rows:auto auto auto;
    gap:10px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__header{
    flex:none;
    min-height:0;
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__viewport{
    position:relative;
    display:block;
    width:100%;
    min-width:0;
    height:min(40dvh,360px);
    min-height:220px;
    overflow:hidden;
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__stage{
    width:100%;
    height:100%;
    min-height:0;
    max-height:none;
    margin:0;
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__stage img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
  }
  /* Keep navigation attached to the photo, not to the bottom action area. */
  .lumen-home-work-lightbox .lumen-work-lightbox__nav{
    top:50%;
    bottom:auto;
    transform:translateY(-50%);
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__prev{left:10px}
  .lumen-home-work-lightbox .lumen-work-lightbox__next{right:10px}

  .lumen-home-work-lightbox .lumen-work-lightbox__footer{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    min-width:0;
    margin:0;
    padding:0;
    background:transparent;
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__caption-wrap{
    min-width:0;
    padding:8px 2px 0;
  }
  .lumen-home-work-lightbox .lumen-work-lightbox__caption{
    max-width:100%;
    overflow:hidden;
  }
  .lumen-home-work-lightbox .lumen-home-work-lightbox__actions{
    position:relative;
    z-index:2;
    margin-top:10px;
  }
}

/* =========================================================
   v0.21.211 — отдельная страница «Зимние сады»
   ========================================================= */
.wg-hero{min-height:620px;background-size:cover;background-position:center;display:flex;align-items:flex-end;color:#fff}
.wg-hero__inner{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:150px 0 76px;max-width:1180px}
.wg-kicker,.wg-eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#caa766}
.wg-hero h1{max-width:900px;margin:14px 0 20px;font:500 clamp(46px,6.2vw,82px)/.97 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.wg-hero p{max-width:720px;margin:0;color:#e9ece8;font-size:18px;line-height:1.65}
.wg-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.wg-btn{min-height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.42);display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800;cursor:pointer}
.wg-btn--light{background:#fff;color:#131613;border-color:#fff}
.wg-btn--ghost{background:rgba(10,12,11,.22);color:#fff}
.wg-page{background:#f3f1eb;color:#1a1e1b;padding:0 0 80px}
.wg-page>section{width:min(1180px,calc(100% - 40px));margin-left:auto;margin-right:auto}
.wg-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;padding:86px 0 72px;border-bottom:1px solid #d8d4cc}
.wg-intro h2,.wg-section-head h2,.wg-feature__copy h2,.wg-engineering__copy h2,.wg-visual__copy h2,.wg-final h2{margin:12px 0 0;font:500 clamp(34px,4vw,54px)/1.03 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.wg-intro__copy{padding-top:24px}.wg-intro__copy p{margin:0 0 18px;color:#596159;font-size:17px;line-height:1.75}
.wg-section-head{max-width:820px;margin-bottom:34px}.wg-section-head p{margin:16px 0 0;color:#626a62;line-height:1.7;font-size:16px}
.wg-layouts{padding:78px 0}.wg-layout-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cbc7bf;border-left:1px solid #cbc7bf}
.wg-layout-grid article{min-height:220px;padding:28px;border-right:1px solid #cbc7bf;border-bottom:1px solid #cbc7bf;background:rgba(255,255,255,.24)}
.wg-layout-grid article>span{display:block;color:#b59050;font-size:12px;font-weight:800;margin-bottom:42px}.wg-layout-grid strong{display:block;font:500 25px/1.08 Georgia,"Times New Roman",serif}.wg-layout-grid p{margin:12px 0 0;color:#646b64;line-height:1.6}
.wg-feature{display:grid;grid-template-columns:1.08fr .92fr;background:#171a18;color:#fff;width:min(1320px,100%)!important;margin-top:6px;margin-bottom:0}
.wg-feature__media{min-height:620px}.wg-feature__media img,.wg-engineering__media img,.wg-visual__media img{width:100%;height:100%;object-fit:cover}
.wg-feature__copy{padding:62px 60px}.wg-feature__copy h2{color:#fff}.wg-feature__copy>p{color:#cbd0cb;line-height:1.7;margin:18px 0 28px}
.wg-specs{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.13)}.wg-specs article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}.wg-specs b{color:#c9a666;font-size:11px}.wg-specs strong{display:block;font-size:15px}.wg-specs span{display:block;color:#aeb5af;line-height:1.5;margin-top:4px;font-size:13px}
.wg-engineering{display:grid;grid-template-columns:.92fr 1.08fr;gap:0;padding:80px 0}.wg-engineering__copy{background:#fff;padding:58px}.wg-engineering__copy>p{color:#5d655e;line-height:1.7;margin:18px 0 28px}.wg-engineering__media{min-height:620px}.wg-engineering__points{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid #ddd8d0;border-left:1px solid #ddd8d0}.wg-engineering__points span{min-height:86px;padding:18px;border-right:1px solid #ddd8d0;border-bottom:1px solid #ddd8d0;display:flex;align-items:center;font-size:13px;font-weight:700;line-height:1.4}
.wg-details{padding:0 0 80px}.wg-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wg-details-grid article{background:#fff;padding:30px;min-height:210px;border-top:2px solid #737b73}.wg-details-grid b{font:500 24px/1.1 Georgia,"Times New Roman",serif}.wg-details-grid p{margin:14px 0 0;color:#616861;line-height:1.65}
.wg-visual{display:grid;grid-template-columns:1.15fr .85fr;background:#e4dfd4}.wg-visual__media{min-height:540px}.wg-visual__copy{padding:58px}.wg-visual__copy p{color:#555d56;line-height:1.7;margin:18px 0}.wg-visual__copy ul{margin:22px 0 0;padding:0;list-style:none;border-top:1px solid #c7c0b3}.wg-visual__copy li{padding:13px 0;border-bottom:1px solid #c7c0b3;color:#363b37}
.wg-process{padding:82px 0}.wg-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.wg-process-grid article{padding:26px 24px 28px;background:#1a1d1b;color:#fff;min-height:240px}.wg-process-grid b{display:block;color:#c9a565;font-size:12px;margin-bottom:56px}.wg-process-grid strong{display:block;font:500 24px/1.08 Georgia,"Times New Roman",serif}.wg-process-grid p{margin:12px 0 0;color:#bfc5bf;line-height:1.6;font-size:14px}
.wg-final{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;padding:58px;background:#fff}.wg-final p{max-width:720px;color:#5d655e;line-height:1.7;margin:18px 0 0}.wg-final__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:980px){.wg-intro{grid-template-columns:1fr;gap:18px}.wg-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-feature,.wg-engineering,.wg-visual{grid-template-columns:1fr}.wg-feature__media,.wg-engineering__media,.wg-visual__media{min-height:440px}.wg-details-grid,.wg-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-final{grid-template-columns:1fr;align-items:start}.wg-final__actions{justify-content:flex-start}}
@media(max-width:640px){.wg-hero{min-height:520px;background-position:center}.wg-hero__inner{width:calc(100% - 28px);padding:110px 0 42px}.wg-hero h1{font-size:42px}.wg-hero p{font-size:15px}.wg-hero__actions{display:grid;grid-template-columns:1fr}.wg-page>section{width:calc(100% - 28px)}.wg-intro{padding:52px 0 44px}.wg-intro h2,.wg-section-head h2,.wg-feature__copy h2,.wg-engineering__copy h2,.wg-visual__copy h2,.wg-final h2{font-size:34px}.wg-layouts{padding:50px 0}.wg-layout-grid{grid-template-columns:1fr}.wg-layout-grid article{min-height:0}.wg-layout-grid article>span{margin-bottom:24px}.wg-feature{width:100%!important}.wg-feature__media,.wg-engineering__media,.wg-visual__media{min-height:300px}.wg-feature__copy,.wg-engineering__copy,.wg-visual__copy{padding:34px 22px}.wg-engineering{padding:54px 0}.wg-engineering__points{grid-template-columns:1fr}.wg-details{padding-bottom:54px}.wg-details-grid,.wg-process-grid{grid-template-columns:1fr}.wg-details-grid article,.wg-process-grid article{min-height:0}.wg-process{padding:54px 0}.wg-process-grid b{margin-bottom:34px}.wg-final{padding:34px 22px}.wg-final__actions{display:grid;grid-template-columns:1fr;width:100%}.wg-final__actions .multi-btn{width:100%}}


/* v0.21.212 — editable equipment page */
.lumen-equipment-index img{
  width:36px;
  height:36px;
  object-fit:contain;
  display:block;
}
.equipment-hero{
  background-size:cover;
  background-position:center;
}
@media(max-width:600px){
  .lumen-equipment-index img{width:31px;height:31px}
}

/* v0.21.216 — equipment watermark URL + mobile hero overflow fix */
@media(max-width:600px){
  .equipment-hero{max-width:100%;overflow:hidden}
  .equipment-hero .multi-hero-copy{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;min-width:0;box-sizing:border-box;margin-left:auto;margin-right:auto}
  .equipment-hero .multi-hero-copy h1,.equipment-hero .multi-hero-copy p,.equipment-hero .multi-hero-copy>span{max-width:100%;overflow-wrap:anywhere;word-break:normal}
}

/* v0.21.220 — softer unified desktop header; breadcrumbs and mobile untouched */
@media (min-width:981px){
  .site-unified-header.ref-header,
  .home-premium .site-unified-header.ref-header{
    background:linear-gradient(100deg,rgba(29,34,31,.96),rgba(44,50,46,.94) 62%,rgba(29,34,31,.96)) !important;
  }
}

/* v0.21.225 — Equipment page: equal mobile photo height only (base: 0.21.222) */
@media(max-width:600px){
  .lumen-equipment-detail-photo{height:260px!important;min-height:260px!important;max-height:260px!important}
  .lumen-equipment-detail-photo img{width:100%!important;height:260px!important;min-height:260px!important;max-height:260px!important;object-fit:cover!important;object-position:center!important}
}

/* =========================================================
   v0.21.228 — greenhouse cards alignment on desktop only
   Scope: page «Теплицы», product cards only. Mobile unchanged.
   ========================================================= */
@media(min-width:901px){
  #winter-greenhouses > .greenhouse-section__head{
    grid-template-columns:1fr;
  }
  .greenhouse-winter-grid{
    align-items:stretch;
  }
  .greenhouse-winter-grid .greenhouse-product-card{
    display:flex;
    flex-direction:column;
    height:100%;
  }
  .greenhouse-winter-grid .greenhouse-product-card__body{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
  }
  .greenhouse-winter-grid .greenhouse-product-card h3{
    display:block;
    height:2.16em;
    min-height:2.16em;
    margin-bottom:14px;
    font-size:27px;
    line-height:1.08;
    overflow:hidden;
  }
  .greenhouse-winter-grid .greenhouse-product-card p{
    height:8.25em;
    min-height:8.25em;
    overflow:hidden;
  }
  .greenhouse-winter-grid .greenhouse-product-card ul{
    margin-top:24px;
    margin-bottom:26px;
  }
  .greenhouse-winter-grid .greenhouse-product-card li{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    min-height:48px;
  }
  .greenhouse-winter-grid .greenhouse-product-card li:before{
    top:50%;
    transform:translateY(-50%);
  }
  .greenhouse-winter-grid .greenhouse-action{
    margin-top:auto;
  }
}


/* =========================================================
   v0.21.230 — greenhouse cards: concise differentiators + tighter section spacing
   Scope: page «Теплицы» only. Mobile card stacking remains unchanged.
   ========================================================= */
.greenhouse-product-card__note{
  margin:4px 0 0;
  color:#52624e;
  font-size:11px;
  font-weight:800;
  line-height:1.45;
  letter-spacing:.02em;
}

@media(min-width:901px){
  /* Keep the option markers away from the faint grid line. */
  .greenhouse-options__list span{padding-left:30px}
  .greenhouse-options__list span:before{left:10px}

  /* Pull the divider and “Наши теплицы” upward without touching the cards themselves. */
  .greenhouse-intro{padding-bottom:42px}
  #winter-greenhouses{padding-top:38px}

  /* One extra line per card, with identical reserved height, keeps all rows aligned. */
  .greenhouse-winter-grid .greenhouse-product-card__note{
    display:flex;
    align-items:flex-start;
    min-height:34px;
    margin-top:10px;
  }
}

@media(max-width:640px){
  /* On mobile remove the extra full-width divider and reduce the large gap. */
  .greenhouse-intro{padding-bottom:22px}
  #winter-greenhouses{
    border-top:0;
    padding-top:24px;
  }
  .greenhouse-product-card__note{margin-top:10px}
}


/* =========================================================
   v0.21.234 — planning note: horizontal checklist with exclusion crosses
   Scope: page «Теплицы» only.
   ========================================================= */
.greenhouse-not-included{
  display:grid;
  grid-template-columns:minmax(250px,.9fr) minmax(330px,1fr);
  gap:18px 42px;
  align-items:center;
  margin-top:28px;
  padding:28px 30px;
  border:1px solid #d9ddd6;
  background:#f6f6f2;
}
.greenhouse-not-included__copy h3{
  margin:7px 0 0;
  color:#1d221e;
  font:500 25px/1.15 Georgia,"Times New Roman",serif;
}
.greenhouse-not-included__items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  background:transparent;
}
.greenhouse-not-included__items span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:0 12px;
  border:1px solid #dde1da;
  background:#fff;
  color:#394039;
  font-size:12px;
  font-weight:700;
  text-align:left;
}
.greenhouse-not-included__items span::before{
  content:"×";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:1px solid #bcc5ba;
  border-radius:50%;
  background:#fff;
  color:#4e6350;
  font-size:12px;
  font-weight:800;
  line-height:1;
}
.greenhouse-not-included__items span+span{
  border:0;
}
.greenhouse-not-included>p{
  grid-column:1/-1;
  margin:0;
  padding-top:16px;
  border-top:1px solid #dde0da;
  color:#687069;
  font-size:12px;
  line-height:1.65;
}
@media(max-width:640px){
  .greenhouse-not-included{
    grid-template-columns:1fr;
    gap:18px;
    margin-top:20px;
    padding:22px 18px;
  }
  .greenhouse-not-included__copy h3{font-size:23px}
  .greenhouse-not-included__items{grid-template-columns:1fr;gap:9px}
  .greenhouse-not-included__items span{justify-content:flex-start;min-height:38px;padding:0 10px}
  .greenhouse-not-included>p{grid-column:auto;padding-top:15px}
}


/* =========================================================
   v0.21.236 — greenhouse cards link to matching Works category.
   Only card photo/title interaction is changed.
   ========================================================= */
.greenhouse-product-card__project-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.greenhouse-product-card__projects-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:13px;
  background:rgba(17,21,18,.48);
  color:#fff;
  opacity:0;
  transition:opacity .28s ease;
  pointer-events:none;
}
.greenhouse-product-card__projects-overlay b{
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.greenhouse-product-card__projects-overlay i{
  font-size:18px;
  line-height:1;
  font-style:normal;
  transform:translateX(-3px);
  transition:transform .28s ease;
}
.greenhouse-product-card__project-link:hover .greenhouse-product-card__projects-overlay,
.greenhouse-product-card__project-link:focus-visible .greenhouse-product-card__projects-overlay{
  opacity:1;
}
.greenhouse-product-card__project-link:hover .greenhouse-product-card__projects-overlay i,
.greenhouse-product-card__project-link:focus-visible .greenhouse-product-card__projects-overlay i{
  transform:translateX(2px);
}
.greenhouse-product-card__project-link:focus-visible{
  outline:2px solid #52624e;
  outline-offset:-2px;
}
.greenhouse-product-card__title-link{
  display:block;
  color:inherit;
  text-decoration:none;
}
.greenhouse-product-card__title-link h3{
  transition:color .2s ease;
}
.greenhouse-product-card__title-link:hover h3,
.greenhouse-product-card__title-link:focus-visible h3{
  color:#52624e;
}
.greenhouse-product-card__title-link:focus-visible{
  outline:1px solid #52624e;
  outline-offset:3px;
}
@media(hover:none){
  .greenhouse-product-card__projects-overlay{display:none}
}


/* =========================================================
   v0.21.241 — единый стиль кнопок верхних баннеров на ПК
   Ориентир: кнопки баннера страницы «Теплицы».
   ========================================================= */
@media (min-width:981px){
  .greenhouse-hero .greenhouse-hero__nav a,
  .works-cards-hero .works-hero-actions .multi-btn,
  .orangery-premium-hero .orangery-premium-hero__actions > a,
  .projecting-hero .projecting-hero__actions > a,
  .wg-hero .wg-hero__actions .wg-btn{
    min-height:40px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    background:rgba(16,20,17,.22) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    white-space:nowrap;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
  .greenhouse-hero .greenhouse-hero__nav a:hover,
  .works-cards-hero .works-hero-actions .multi-btn:hover,
  .orangery-premium-hero .orangery-premium-hero__actions > a:hover,
  .projecting-hero .projecting-hero__actions > a:hover,
  .wg-hero .wg-hero__actions .wg-btn:hover{
    background:#fff !important;
    border-color:#fff !important;
    color:#1c211d !important;
  }
  .orangery-premium-hero .orangery-premium-hero__actions,
  .projecting-hero .projecting-hero__actions,
  .works-cards-hero .works-hero-actions,
  .wg-hero .wg-hero__actions{
    gap:10px !important;
  }
}


/* =========================================================
   v0.21.242 — selected projects on Winter Gardens / Orangeries.
   Reuses the existing Our Works cards and lightbox; only section framing is new.
   ========================================================= */
.lumen-featured-works{
  margin:72px 0 24px;
  padding:68px 0 26px;
  background:linear-gradient(180deg,#f7f5ef 0%,#f3f1ea 100%);
  border-top:1px solid rgba(35,48,39,.08);
  border-bottom:1px solid rgba(35,48,39,.08);
}
.lumen-featured-works__head{
  max-width:1260px;
  margin:0 auto 34px;
  padding:0 24px;
}
.lumen-featured-works__head>span{
  display:block;
  margin:0 0 12px;
  color:#96763a;
  font:800 11px/1 Arial,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.lumen-featured-works__head h2{
  max-width:900px;
  margin:0 0 14px;
  color:#202a23;
  font:500 clamp(30px,3.5vw,48px)/1.08 Georgia,'Times New Roman',serif;
}
.lumen-featured-works__head p{
  max-width:780px;
  margin:0;
  color:#697069;
  font-size:14px;
  line-height:1.65;
}
.lumen-featured-works__grid{
  padding-bottom:28px;
}
.lumen-featured-works__all{
  max-width:1260px;
  margin:0 auto;
  padding:0 24px 18px;
  text-align:center;
}
.lumen-featured-works .lumen-work-card__gallery:after{
  content:none!important;
  display:none!important;
}
.lumen-featured-works .lumen-work-card__gallery img{
  filter:none!important;
  opacity:1!important;
}
@media(max-width:640px){
  .lumen-featured-works{margin:48px 0 18px;padding:46px 0 18px}
  .lumen-featured-works__head{margin-bottom:24px;padding:0 14px}
  .lumen-featured-works__head h2{font-size:30px}
  .lumen-featured-works__all{padding:0 14px 12px}
}

/* =========================================================
   v0.21.243 — Winter Gardens page refinement + selected works slider.
   Only the Winter Gardens content layout and reusable selected-projects rail are changed.
   ========================================================= */
.wintergarden-page .wg-layouts--visual{padding:72px 0 68px}
.wintergarden-page .wg-layout-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.wintergarden-page .wg-layout-photo-card{
  min-width:0;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(32,42,35,.09);
  box-shadow:0 14px 34px rgba(32,42,35,.05);
}
.wintergarden-page .wg-layout-photo-card__media{
  aspect-ratio:4/3;
  overflow:hidden;
  background:#dfe2db;
}
.wintergarden-page .wg-layout-photo-card__media img{
  width:100%;height:100%;display:block;object-fit:cover;
  transition:transform .45s ease;
}
.wintergarden-page .wg-layout-photo-card:hover .wg-layout-photo-card__media img{transform:scale(1.025)}
.wintergarden-page .wg-layout-photo-card__body{padding:22px 22px 24px}
.wintergarden-page .wg-layout-photo-card__body>span{
  display:block;margin-bottom:20px;color:#a07d3d;font-size:11px;font-weight:800;letter-spacing:.08em;
}
.wintergarden-page .wg-layout-photo-card__body strong{
  display:block;min-height:52px;font:500 23px/1.1 Georgia,"Times New Roman",serif;color:#202822;
}
.wintergarden-page .wg-layout-photo-card__body p{margin:11px 0 0;color:#697069;font-size:13px;line-height:1.58}

.wintergarden-page .wg-feature--compact{
  display:block;
  width:min(1180px,calc(100% - 40px))!important;
  margin:4px auto 0;
  padding:0;
  background:#171a18;
  color:#fff;
}
.wintergarden-page .wg-feature--compact .wg-feature__copy{padding:54px 56px 34px;max-width:900px}
.wintergarden-page .wg-feature--compact .wg-feature__copy>p{max-width:760px;margin-bottom:0}
.wintergarden-page .wg-specs--cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:0;
  border-top:1px solid rgba(255,255,255,.13);
}
.wintergarden-page .wg-specs--cards article{
  display:block;
  min-height:190px;
  padding:26px 28px 28px;
  border:0;
  border-right:1px solid rgba(255,255,255,.13);
}
.wintergarden-page .wg-specs--cards article:last-child{border-right:0}
.wintergarden-page .wg-specs--cards b{display:block;margin-bottom:42px;color:#c9a666;font-size:11px}
.wintergarden-page .wg-specs--cards strong{font:500 21px/1.1 Georgia,"Times New Roman",serif}
.wintergarden-page .wg-specs--cards span{margin-top:9px;line-height:1.6}

.wintergarden-page .wg-engineering--cards{display:block;padding:78px 0 76px}
.wintergarden-page .wg-engineering__head{max-width:900px;margin-bottom:34px}
.wintergarden-page .wg-engineering-card-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.wintergarden-page .wg-engineering-card-grid article{
  min-height:220px;
  padding:28px;
  background:#fff;
  border:1px solid rgba(32,42,35,.08);
  box-shadow:0 12px 28px rgba(32,42,35,.035);
}
.wintergarden-page .wg-engineering-icon{
  width:42px;height:42px;border:1px solid #b79758;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-bottom:32px;
  color:#98783e;font:500 19px/1 Georgia,"Times New Roman",serif;
}
.wintergarden-page .wg-engineering-card-grid strong{
  display:block;font:500 24px/1.08 Georgia,"Times New Roman",serif;color:#222a24;
}
.wintergarden-page .wg-engineering-card-grid p{margin:12px 0 0;color:#666e67;font-size:13px;line-height:1.62}

.wintergarden-page .wg-visual--refined{
  grid-template-columns:1fr 1fr;
  background:#e5e0d6;
  overflow:hidden;
}
.wintergarden-page .wg-visual--refined .wg-visual__media{min-height:440px;max-height:500px}
.wintergarden-page .wg-visual--refined .wg-visual__copy{padding:50px 52px}

/* Selected works is a horizontal rail. Cards keep the same Our Works visual language;
   clicking the image still opens the existing dark project lightbox. */
.lumen-featured-works__slider{
  position:relative;
  max-width:1260px;
  margin:0 auto;
  padding:0 58px;
}
.lumen-featured-works__grid{
  max-width:none!important;
  margin:0!important;
  padding:0 0 30px!important;
  display:flex!important;
  grid-template-columns:none!important;
  gap:20px!important;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.lumen-featured-works__grid::-webkit-scrollbar{display:none}
.lumen-featured-works__grid>.lumen-work-card{
  flex:0 0 calc((100% - 40px)/3);
  scroll-snap-align:start;
}
.lumen-featured-works__nav{
  position:absolute;
  top:50%;
  z-index:5;
  width:42px;height:42px;
  margin-top:-36px;
  border:1px solid rgba(34,45,37,.16);
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#263129;
  display:flex;align-items:center;justify-content:center;
  font:400 30px/1 Arial,sans-serif;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(30,38,32,.10);
  transition:opacity .2s ease,transform .2s ease,background .2s ease;
}
.lumen-featured-works__nav:hover{background:#fff;transform:translateY(-1px)}
.lumen-featured-works__nav:disabled{opacity:.22;cursor:default;transform:none}
.lumen-featured-works__nav--prev{left:4px}
.lumen-featured-works__nav--next{right:4px}
.lumen-featured-works__slider.is-static .lumen-featured-works__nav{display:none}

@media(max-width:980px){
  .wintergarden-page .wg-layout-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wintergarden-page .wg-specs--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wintergarden-page .wg-specs--cards article:nth-child(2){border-right:0}
  .wintergarden-page .wg-specs--cards article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}
  .wintergarden-page .wg-engineering-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wintergarden-page .wg-visual--refined{grid-template-columns:1fr}
  .wintergarden-page .wg-visual--refined .wg-visual__media{min-height:360px}
  .lumen-featured-works__grid>.lumen-work-card{flex-basis:calc((100% - 18px)/2)}
}
@media(max-width:640px){
  .wintergarden-page .wg-layouts--visual{padding:48px 0 44px}
  .wintergarden-page .wg-layout-photo-grid{grid-template-columns:1fr;gap:14px}
  .wintergarden-page .wg-layout-photo-card__body strong{min-height:0;font-size:22px}
  .wintergarden-page .wg-feature--compact{width:100%!important}
  .wintergarden-page .wg-feature--compact .wg-feature__copy{padding:34px 22px 28px}
  .wintergarden-page .wg-specs--cards{grid-template-columns:1fr}
  .wintergarden-page .wg-specs--cards article{min-height:0;padding:22px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.13)!important}
  .wintergarden-page .wg-specs--cards article:last-child{border-bottom:0!important}
  .wintergarden-page .wg-specs--cards b{margin-bottom:20px}
  .wintergarden-page .wg-engineering--cards{padding:50px 0}
  .wintergarden-page .wg-engineering-card-grid{grid-template-columns:1fr;gap:12px}
  .wintergarden-page .wg-engineering-card-grid article{min-height:0;padding:24px 22px}
  .wintergarden-page .wg-engineering-icon{margin-bottom:22px}
  .wintergarden-page .wg-visual--refined .wg-visual__media{min-height:290px}
  .wintergarden-page .wg-visual--refined .wg-visual__copy{padding:34px 22px}
  .lumen-featured-works__slider{padding:0 14px}
  .lumen-featured-works__grid{gap:14px!important;padding-bottom:22px!important}
  .lumen-featured-works__grid>.lumen-work-card{flex-basis:86%}
  .lumen-featured-works__nav{width:38px;height:38px;font-size:26px;top:31%;margin-top:0;background:rgba(255,255,255,.88)}
  .lumen-featured-works__nav--prev{left:18px}
  .lumen-featured-works__nav--next{right:18px}
}

/* =========================================================
   v0.21.247 — Winter Gardens: custom project block.
   Added directly below the example configurations only.
   ========================================================= */
.wintergarden-page .wg-custom-project{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  margin-top:0;
  margin-bottom:72px;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(32,42,35,.09);
  box-shadow:0 14px 34px rgba(32,42,35,.045);
}
.wintergarden-page .wg-custom-project__media{
  min-height:500px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 18px;
  background:#fbfbf8;
  border-right:1px solid rgba(32,42,35,.08);
}
.wintergarden-page .wg-custom-project__media img{
  width:100%;
  height:100%;
  max-height:460px;
  display:block;
  object-fit:contain;
}
.wintergarden-page .wg-custom-project__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:54px 56px;
}
.wintergarden-page .wg-custom-project__copy h2{
  margin:12px 0 0;
  font:500 clamp(34px,4vw,50px)/1.04 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
  color:#1d241f;
}
.wintergarden-page .wg-custom-project__copy p{
  margin:18px 0 0;
  color:#626a62;
  font-size:15px;
  line-height:1.72;
}
.wintergarden-page .wg-custom-project__copy .multi-btn{
  align-self:flex-start;
  margin-top:28px;
}
@media(max-width:980px){
  .wintergarden-page .wg-custom-project{grid-template-columns:1fr;margin-bottom:56px}
  .wintergarden-page .wg-custom-project__media{min-height:0;aspect-ratio:4/3;border-right:0;border-bottom:1px solid rgba(32,42,35,.08)}
  .wintergarden-page .wg-custom-project__copy{padding:42px 38px}
}
@media(max-width:640px){
  .wintergarden-page .wg-custom-project{width:100%!important;margin-bottom:46px}
  .wintergarden-page .wg-custom-project__media{padding:10px 8px;aspect-ratio:1.22/1}
  .wintergarden-page .wg-custom-project__copy{padding:32px 22px 34px}
  .wintergarden-page .wg-custom-project__copy h2{font-size:34px}
  .wintergarden-page .wg-custom-project__copy p{font-size:14px}
  .wintergarden-page .wg-custom-project__copy .multi-btn{width:100%;align-self:stretch}
}


/* =========================================================
   v0.21.248 — Winter Gardens: compact custom project visual.
   Only the individual-project illustration is reduced on desktop/tablet.
   ========================================================= */
@media (min-width:981px){
  .wintergarden-page .wg-custom-project{
    grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr);
  }
  .wintergarden-page .wg-custom-project__media{
    min-height:320px;
    padding:16px 14px;
  }
  .wintergarden-page .wg-custom-project__media img{
    max-height:285px;
  }
}
@media (min-width:641px) and (max-width:980px){
  .wintergarden-page .wg-custom-project__media{
    aspect-ratio:auto;
    min-height:300px;
    padding:14px 12px;
  }
  .wintergarden-page .wg-custom-project__media img{
    max-height:280px;
  }
}

/* =========================================================
   v0.21.249 — Winter Gardens: tighter opening intro block.
   Desktop only: reduce vertical whitespace and raise the right-hand copy.
   ========================================================= */
@media (min-width:981px){
  .wintergarden-page .wg-intro{
    gap:54px;
    padding:52px 0 44px;
  }
  .wintergarden-page .wg-intro__copy{
    padding-top:8px;
  }
}


/* =========================================================
   v0.21.250 — Winter Gardens: compact vertical rhythm.
   Desktop only. Tightens the page spacing, shortens the intro,
   centers the Projecting photo vertically, and raises Real projects.
   ========================================================= */
@media (min-width:981px){
  /* Opening block: less empty space below the banner and above the divider. */
  .wintergarden-page .wg-intro{
    gap:46px;
    padding:34px 0 26px;
    align-items:start;
  }
  .wintergarden-page .wg-intro__copy{
    padding-top:3px;
    max-width:470px;
  }
  .wintergarden-page .wg-intro__copy p{
    margin:0;
    font-size:15px;
    line-height:1.58;
  }

  /* Bring the configuration block closer to the divider. */
  .wintergarden-page .wg-layouts--visual{
    padding:34px 0 46px;
  }

  /* Slightly tighten the rest of the page without changing its structure. */
  .wintergarden-page .wg-custom-project{
    margin-bottom:48px;
  }
  .wintergarden-page .wg-engineering--cards{
    padding:56px 0 52px;
  }
  .wintergarden-page .wg-details{
    padding-bottom:54px;
  }
  .wintergarden-page .wg-process{
    padding:56px 0 30px;
  }

  /* Projecting: equal grey breathing room above and below the photo. */
  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:0;
    max-height:none;
    padding:26px 0;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media img{
    width:100%;
    height:388px;
    object-fit:cover;
    display:block;
  }

  /* Real projects should follow "How we work" much more closely. */
  .wintergarden-page .lumen-featured-works{
    margin-top:22px;
    padding-top:46px;
  }
}

/* =========================================================
   v0.21.251 — Winter Gardens: compact mobile rhythm + grey content blocks.
   Mobile only. Reduces vertical whitespace across the page and separates
   content blocks visually from the dark footer.
   ========================================================= */
@media (max-width:640px){
  .wintergarden-page .wg-page{
    padding-bottom:52px;
  }

  /* Opening section and the divider below it. */
  .wintergarden-page .wg-intro{
    gap:12px;
    padding:30px 0 24px;
  }
  .wintergarden-page .wg-intro__copy{
    padding-top:0;
  }
  .wintergarden-page .wg-intro__copy p{
    margin:0;
    font-size:14px;
    line-height:1.55;
  }

  /* Keep all following content visually closer together on mobile. */
  .wintergarden-page .wg-layouts--visual{
    padding:28px 0 30px;
  }
  .wintergarden-page .wg-section-head{
    margin-bottom:22px;
  }
  .wintergarden-page .wg-section-head p{
    margin-top:12px;
  }
  .wintergarden-page .wg-custom-project{
    margin-bottom:30px;
  }
  .wintergarden-page .wg-custom-project__copy{
    padding:27px 20px 29px;
  }
  .wintergarden-page .wg-custom-project__copy p{
    margin-top:13px;
  }
  .wintergarden-page .wg-custom-project__copy .multi-btn{
    margin-top:22px;
  }

  /* The former near-black blocks are now clearly grey on mobile. */
  .wintergarden-page .wg-feature--compact{
    background:#555b57;
  }
  .wintergarden-page .wg-feature--compact .wg-feature__copy{
    padding:28px 20px 22px;
  }
  .wintergarden-page .wg-feature--compact .wg-feature__copy>p{
    margin:14px 0 0;
    color:#eef0ed;
  }
  .wintergarden-page .wg-feature--compact .wg-specs--cards article{
    padding:19px 20px;
  }
  .wintergarden-page .wg-feature--compact .wg-specs--cards span{
    color:#edf0ec;
  }

  .wintergarden-page .wg-engineering--cards{
    padding:34px 0 32px;
  }
  .wintergarden-page .wg-engineering__head{
    margin-bottom:22px;
  }
  .wintergarden-page .wg-engineering-card-grid{
    gap:10px;
  }
  .wintergarden-page .wg-engineering-card-grid article{
    padding:21px 20px;
  }
  .wintergarden-page .wg-engineering-icon{
    margin-bottom:17px;
  }

  .wintergarden-page .wg-details{
    padding-bottom:36px;
  }
  .wintergarden-page .wg-details-grid{
    gap:12px;
  }
  .wintergarden-page .wg-details-grid article{
    padding:23px 20px;
  }

  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:260px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy{
    padding:28px 20px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy p{
    margin:14px 0;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy ul{
    margin-top:17px;
  }

  .wintergarden-page .wg-process{
    padding:36px 0 22px;
  }
  .wintergarden-page .wg-process-grid{
    gap:12px;
  }
  .wintergarden-page .wg-process-grid article{
    padding:22px 20px 23px;
    background:#555b57;
    color:#fff;
  }
  .wintergarden-page .wg-process-grid b{
    margin-bottom:22px;
  }
  .wintergarden-page .wg-process-grid p{
    color:#eef0ed;
  }

  /* Real projects starts much closer to “Как мы работаем”. */
  .wintergarden-page .lumen-featured-works{
    margin:20px 0 14px;
    padding:30px 0 14px;
  }
  .wintergarden-page .lumen-featured-works__head{
    margin-bottom:20px;
  }
  .wintergarden-page .lumen-featured-works__grid{
    padding-bottom:16px!important;
  }

  .wintergarden-page .wg-final{
    padding:28px 20px;
  }
}


/* =========================================================
   v0.21.252 — Winter Gardens: remove intro block + full-height Projecting photo.
   The “Architecture and comfort” intro is removed in the template; its key
   headline is moved into “Winter garden form”. Projecting photo now reaches
   the grey block edges vertically without top/bottom gaps.
   ========================================================= */
@media (min-width:981px){
  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:440px;
    max-height:none;
    padding:0;
    align-self:stretch;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media img{
    width:100%;
    height:100%;
    min-height:440px;
    object-fit:cover;
    display:block;
  }
}

/* =========================================================
   v0.21.253 — Winter Gardens compact Projecting/Process +
   Greenhouses tighter rhythm and cleaner section separators.
   ========================================================= */

/* Winter Gardens: make the “Проектирование” block visibly lower and denser. */
@media (min-width:981px){
  .wintergarden-page .wg-visual--refined{
    grid-template-columns:1.15fr .85fr;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:300px;
    height:320px;
    max-height:320px;
    padding:0;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy{
    padding:26px 34px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy h2{
    font-size:clamp(34px,3.2vw,44px);
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy p{
    margin:12px 0;
    line-height:1.52;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy ul{
    margin-top:13px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy li{
    padding:8px 0;
  }

  /* “Как мы работаем”: remove the oversized gap between 01–04 and the titles. */
  .wintergarden-page .wg-process-grid article{
    min-height:184px;
    padding:22px 22px 24px;
  }
  .wintergarden-page .wg-process-grid b{
    margin-bottom:20px;
  }
  .wintergarden-page .wg-process-grid p{
    margin-top:10px;
    line-height:1.5;
  }
}

@media (max-width:980px){
  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:230px;
    height:230px;
    max-height:230px;
    padding:0;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }
  .wintergarden-page .wg-process-grid b{
    margin-bottom:16px;
  }
}

@media (max-width:640px){
  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:210px;
    height:210px;
    max-height:210px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy{
    padding:22px 20px 23px;
  }
  .wintergarden-page .wg-process-grid article{
    padding:19px 20px 20px;
  }
  .wintergarden-page .wg-process-grid b{
    margin-bottom:13px;
  }
}

/* Greenhouses: remove decorative full-width dividers between already separated blocks. */
.greenhouse-page > .greenhouse-section,
.greenhouse-page > .greenhouse-tech,
.greenhouse-page > .greenhouse-standard,
.greenhouse-page > .greenhouse-options,
.greenhouse-page > .greenhouse-finish,
.greenhouse-page > .greenhouse-warranty{
  border-top:0;
}

/* Tighter vertical rhythm between the greenhouse content blocks. */
.greenhouse-page > .greenhouse-section{
  padding-top:42px;
  padding-bottom:44px;
}
.greenhouse-page > .greenhouse-tech,
.greenhouse-page > .greenhouse-standard,
.greenhouse-page > .greenhouse-options,
.greenhouse-page > .greenhouse-finish,
.greenhouse-page > .greenhouse-warranty{
  padding-top:38px;
  padding-bottom:42px;
}
.greenhouse-page .greenhouse-not-included{
  margin-top:20px;
}

/* Engineering and equipment row: keep the box, remove excess height around it. */
.greenhouse-page .greenhouse-tech-grid article{
  padding:20px 18px 21px;
}
.greenhouse-page .greenhouse-tech-grid h3{
  margin-bottom:8px;
}
.greenhouse-page .greenhouse-equipment-link{
  margin-top:14px;
  min-height:46px;
}

/* Base equipment: keep the internal dividers but make the whole row much lower. */
.greenhouse-page .greenhouse-standard__head{
  margin-bottom:22px;
}
.greenhouse-page .greenhouse-standard__head>p{
  margin-top:12px;
  line-height:1.55;
}
.greenhouse-page .greenhouse-standard-grid article{
  padding:16px 16px 18px;
}
.greenhouse-page .greenhouse-standard-grid b{
  margin-bottom:14px;
}
.greenhouse-page .greenhouse-standard-grid strong{
  margin-bottom:7px;
  font-size:18px;
}
.greenhouse-page .greenhouse-standard-grid p{
  line-height:1.5;
}

/* Additional winter-greenhouse options and following sections are also more compact. */
.greenhouse-page .greenhouse-options{
  gap:42px;
}
.greenhouse-page .greenhouse-options__copy p{
  margin-top:12px;
}
.greenhouse-page .greenhouse-options__list span{
  min-height:48px;
}
.greenhouse-page .greenhouse-finish{
  gap:42px;
}
.greenhouse-page .greenhouse-finish__columns article{
  min-height:138px;
  padding:20px;
}
.greenhouse-page .greenhouse-warranty{
  gap:38px;
}
.greenhouse-page .greenhouse-warranty__items article{
  min-height:116px;
  padding:19px;
}

/* Use the same left inset as the “Реальные проекты” heading for page copy. */
@media (min-width:641px){
  .greenhouse-page > .greenhouse-section > .greenhouse-section__head,
  .greenhouse-page > .greenhouse-tech > .greenhouse-section__head,
  .greenhouse-page > .greenhouse-standard > .greenhouse-standard__head,
  .greenhouse-page > .greenhouse-options > .greenhouse-options__copy,
  .greenhouse-page > .greenhouse-finish > .greenhouse-finish__block,
  .greenhouse-page > .greenhouse-warranty > div:first-child,
  .greenhouse-page > .greenhouse-choice > div:first-child{
    box-sizing:border-box;
    padding-left:24px;
  }
}

@media (max-width:640px){
  .greenhouse-page > .greenhouse-section{
    padding-top:30px;
    padding-bottom:32px;
  }
  .greenhouse-page > .greenhouse-tech,
  .greenhouse-page > .greenhouse-standard,
  .greenhouse-page > .greenhouse-options,
  .greenhouse-page > .greenhouse-finish,
  .greenhouse-page > .greenhouse-warranty{
    padding-top:28px;
    padding-bottom:32px;
  }
  .greenhouse-page .greenhouse-tech-grid article,
  .greenhouse-page .greenhouse-standard-grid article{
    padding:17px 16px 18px;
  }
  .greenhouse-page .greenhouse-standard-grid b{
    margin-bottom:12px;
  }
  .greenhouse-page .greenhouse-options__list span{
    min-height:46px;
  }
}

/* =========================================================
   v0.21.254 — Winter Gardens Projecting proportions +
   Greenhouses compact separators/rhythm.
   ========================================================= */

/* Winter Gardens: narrower photo, compact copy, and photo must touch
   the grey block at both the top and bottom edges. */
@media (min-width:981px){
  .wintergarden-page .wg-visual--refined{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:stretch;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media{
    min-height:0;
    height:auto;
    max-height:none;
    padding:0;
    align-self:stretch;
    overflow:hidden;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__media img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    display:block;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy{
    padding:22px 30px 23px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy h2{
    font-size:clamp(32px,3vw,41px);
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy p{
    margin:10px 0;
    line-height:1.46;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy ul{
    margin-top:10px;
  }
  .wintergarden-page .wg-visual--refined .wg-visual__copy li{
    padding:6px 0;
  }
}

/* Greenhouses: bring “Три типа конструкций” closer to the hero. */
.greenhouse-page{
  padding-top:34px;
}
.greenhouse-page > .greenhouse-intro{
  padding-bottom:24px;
}

/* Restore only the useful section separators. Keep little air on both sides. */
.greenhouse-page > .greenhouse-section,
.greenhouse-page > .greenhouse-tech,
.greenhouse-page > .greenhouse-standard,
.greenhouse-page > .greenhouse-options,
.greenhouse-page > .greenhouse-finish,
.greenhouse-page > .greenhouse-warranty{
  border-top:1px solid #d9ddd6;
  padding-top:26px;
  padding-bottom:26px;
}

/* The large greenhouse cards still need a little extra room, but not a large gap. */
.greenhouse-page > .greenhouse-section{
  padding-top:28px;
  padding-bottom:26px;
}
.greenhouse-page .greenhouse-not-included{
  margin-top:18px;
}

/* Keep the dense inner blocks introduced in 0.21.253. */
.greenhouse-page > .greenhouse-tech{
  padding-top:26px;
  padding-bottom:24px;
}
.greenhouse-page > .greenhouse-standard{
  padding-top:26px;
  padding-bottom:24px;
}
.greenhouse-page > .greenhouse-options,
.greenhouse-page > .greenhouse-finish,
.greenhouse-page > .greenhouse-warranty{
  padding-top:26px;
  padding-bottom:24px;
}

/* Warranty → projects: use the projects' own top border as the divider and
   keep the heading close to it instead of leaving a large blank zone. */
.greenhouse-page > .greenhouse-warranty{
  padding-bottom:24px;
}
.greenhouse-page > .lumen-featured-works{
  margin:0 0 18px;
  padding:28px 0 20px;
}
.greenhouse-page > .lumen-featured-works .lumen-featured-works__head{
  margin-bottom:24px;
}

@media (max-width:640px){
  .greenhouse-page{
    padding-top:24px;
  }
  .greenhouse-page > .greenhouse-intro{
    padding-bottom:20px;
  }
  .greenhouse-page > .greenhouse-section,
  .greenhouse-page > .greenhouse-tech,
  .greenhouse-page > .greenhouse-standard,
  .greenhouse-page > .greenhouse-options,
  .greenhouse-page > .greenhouse-finish,
  .greenhouse-page > .greenhouse-warranty{
    padding-top:22px;
    padding-bottom:22px;
  }
  .greenhouse-page > .lumen-featured-works{
    margin:0 0 14px;
    padding:24px 0 16px;
  }
  .greenhouse-page > .lumen-featured-works .lumen-featured-works__head{
    margin-bottom:20px;
  }
}

/* =========================================================
   v0.21.255 — Greenhouses: group related content instead of framing
   every section with a full-width rule.
   Group 1: construction types + planning note.
   Group 2: engineering + base equipment + winter options.
   Group 3: finish + warranty.
   Only two quiet, short group separators remain; the projects block keeps
   its own soft background framing.
   ========================================================= */

/* Remove the long section rules from the greenhouse page. */
.greenhouse-page > .greenhouse-section,
.greenhouse-page > .greenhouse-tech,
.greenhouse-page > .greenhouse-standard,
.greenhouse-page > .greenhouse-options,
.greenhouse-page > .greenhouse-finish,
.greenhouse-page > .greenhouse-warranty{
  border-top:0;
}

/* Group 1 — “Три типа конструкций” + cards + “Важно при планировании”. */
.greenhouse-page > .greenhouse-intro{
  padding-bottom:16px;
}
.greenhouse-page > .greenhouse-section{
  padding-top:16px;
  padding-bottom:34px;
}
.greenhouse-page .greenhouse-not-included{
  margin-top:16px;
}

/* Group 2 starts here. The separator is intentionally short, not a rule
   across the whole page, so the layout does not look like a grid. */
.greenhouse-page > .greenhouse-tech{
  position:relative;
  padding-top:46px;
  padding-bottom:18px;
}
.greenhouse-page > .greenhouse-tech::before,
.greenhouse-page > .greenhouse-finish::before{
  content:"";
  position:absolute;
  top:18px;
  left:24px;
  width:72px;
  height:1px;
  background:#cbd1c9;
}
.greenhouse-page > .greenhouse-standard{
  padding-top:18px;
  padding-bottom:18px;
}
.greenhouse-page > .greenhouse-options{
  padding-top:18px;
  padding-bottom:34px;
}

/* Group 3 — finish + warranty. */
.greenhouse-page > .greenhouse-finish{
  position:relative;
  padding-top:46px;
  padding-bottom:18px;
}
.greenhouse-page > .greenhouse-warranty{
  padding-top:18px;
  padding-bottom:28px;
}

/* Projects already have their own soft background and border, so they act
   as the next visual chapter without another divider line. */
.greenhouse-page > .lumen-featured-works{
  margin-top:0;
  padding-top:28px;
}

@media (max-width:640px){
  .greenhouse-page > .greenhouse-intro{
    padding-bottom:14px;
  }
  .greenhouse-page > .greenhouse-section{
    padding-top:14px;
    padding-bottom:28px;
  }
  .greenhouse-page > .greenhouse-tech{
    padding-top:40px;
    padding-bottom:16px;
  }
  .greenhouse-page > .greenhouse-standard{
    padding-top:16px;
    padding-bottom:16px;
  }
  .greenhouse-page > .greenhouse-options{
    padding-top:16px;
    padding-bottom:28px;
  }
  .greenhouse-page > .greenhouse-finish{
    padding-top:40px;
    padding-bottom:16px;
  }
  .greenhouse-page > .greenhouse-warranty{
    padding-top:16px;
    padding-bottom:24px;
  }
  .greenhouse-page > .greenhouse-tech::before,
  .greenhouse-page > .greenhouse-finish::before{
    top:15px;
    left:0;
    width:52px;
  }
  .greenhouse-page > .lumen-featured-works{
    margin-top:0;
    padding-top:24px;
  }
}

/* =========================================================
   v0.21.256 — Greenhouses: the three blocks after “Базовая комплектация”
   are one calm, equal-width row instead of a collection of mismatched
   rectangles. Content is preserved; only the presentation changes.
   ========================================================= */
.greenhouse-page > .greenhouse-lifestyle-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
  padding:20px 0 30px;
}

.greenhouse-lifestyle-grid > .greenhouse-options,
.greenhouse-lifestyle-grid > .greenhouse-finish,
.greenhouse-lifestyle-grid > .greenhouse-warranty{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:22px;
  align-items:stretch;
  padding:28px 26px 26px;
  margin:0;
  border:1px solid #d9ddd6;
  background:#fff;
}

/* No extra group line inside this new three-card composition. */
.greenhouse-lifestyle-grid > .greenhouse-finish::before{
  content:none!important;
}

.greenhouse-lifestyle-grid .greenhouse-eyebrow{
  margin-bottom:10px;
}
.greenhouse-lifestyle-grid .greenhouse-options__copy h2,
.greenhouse-lifestyle-grid .greenhouse-finish h2,
.greenhouse-lifestyle-grid .greenhouse-warranty h2{
  margin:0;
  font-size:clamp(27px,2.3vw,34px);
  line-height:1.08;
}
.greenhouse-lifestyle-grid .greenhouse-options__copy p{
  margin:13px 0 0;
  font-size:12px;
  line-height:1.6;
}

/* “Дополнительно”: simple list, not a grid of tiny boxes. */
.greenhouse-lifestyle-grid .greenhouse-options__list{
  display:grid;
  grid-template-columns:1fr;
  border:0;
  margin-top:auto;
}
.greenhouse-lifestyle-grid .greenhouse-options__list span,
.greenhouse-lifestyle-grid .greenhouse-options__list span:nth-child(odd){
  min-height:0;
  padding:10px 0 10px 18px;
  border:0;
  border-top:1px solid #e2e5df;
  font-size:11px;
  line-height:1.45;
}
.greenhouse-lifestyle-grid .greenhouse-options__list span:first-child{
  border-top:0;
}
.greenhouse-lifestyle-grid .greenhouse-options__list span:before{
  left:0;
  top:15px;
  width:6px;
  height:6px;
  background:#52624e;
  border:0;
}

/* “Цвет и отделка”: two text rows in the same card instead of two
   separate filled rectangles. */
.greenhouse-lifestyle-grid .greenhouse-finish__columns{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-top:auto;
}
.greenhouse-lifestyle-grid .greenhouse-finish__columns article{
  min-height:0;
  padding:16px 0;
  border:0;
  border-top:1px solid #e2e5df;
  background:transparent;
}
.greenhouse-lifestyle-grid .greenhouse-finish__columns article:first-child{
  border-top:0;
}
.greenhouse-lifestyle-grid .greenhouse-finish__columns strong{
  margin-bottom:7px;
  font-size:18px;
}
.greenhouse-lifestyle-grid .greenhouse-finish__columns p{
  font-size:11px;
  line-height:1.55;
}

/* “Гарантия”: keep the numbers prominent but remove the two heavy dark
   mini-cards so all three columns have the same visual language. */
.greenhouse-lifestyle-grid .greenhouse-warranty__items{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  width:100%;
  max-width:none;
  margin-top:auto;
}
.greenhouse-lifestyle-grid .greenhouse-warranty__items article{
  width:auto;
  min-height:0;
  padding:16px 0;
  border-top:1px solid #e2e5df;
  background:transparent;
  color:#202620;
}
.greenhouse-lifestyle-grid .greenhouse-warranty__items article:first-child{
  border-top:0;
}
.greenhouse-lifestyle-grid .greenhouse-warranty__items strong{
  margin-bottom:6px;
  color:#202620;
  font-size:30px;
}
.greenhouse-lifestyle-grid .greenhouse-warranty__items span{
  color:#697169;
  font-size:11px;
  line-height:1.5;
}

/* The projects chapter follows the three-card row without a large gap. */
.greenhouse-page > .greenhouse-lifestyle-grid + .lumen-featured-works{
  margin-top:0;
  padding-top:28px;
}

@media(max-width:1000px){
  .greenhouse-page > .greenhouse-lifestyle-grid{
    grid-template-columns:1fr;
    gap:14px;
  }
  .greenhouse-lifestyle-grid > .greenhouse-options,
  .greenhouse-lifestyle-grid > .greenhouse-finish,
  .greenhouse-lifestyle-grid > .greenhouse-warranty{
    padding:24px 22px;
  }
}

@media(max-width:640px){
  .greenhouse-page > .greenhouse-lifestyle-grid{
    padding:16px 0 24px;
    gap:12px;
  }
  .greenhouse-lifestyle-grid > .greenhouse-options,
  .greenhouse-lifestyle-grid > .greenhouse-finish,
  .greenhouse-lifestyle-grid > .greenhouse-warranty{
    gap:16px;
    padding:22px 18px 20px;
  }
  .greenhouse-lifestyle-grid .greenhouse-options__copy h2,
  .greenhouse-lifestyle-grid .greenhouse-finish h2,
  .greenhouse-lifestyle-grid .greenhouse-warranty h2{
    font-size:29px;
  }
}


/* =========================================================
   v0.21.257 — Greenhouses: return the three lower chapters to a
   full-width vertical flow. “Дополнительно” keeps its successful layout;
   “Цвет и отделка” becomes light and open; warranty numbers are the accent.
   ========================================================= */

/* Back to one full-width chapter after another — no equal-height cards. */
.greenhouse-page > .greenhouse-options,
.greenhouse-page > .greenhouse-finish,
.greenhouse-page > .greenhouse-warranty{
  width:100%;
  margin:0;
  border-top:0;
  background:#fff;
}

.greenhouse-page > .greenhouse-options{
  padding:22px 0 30px;
}

/* Do not insert a divider line before “Цвет и отделка”. The change of
   content rhythm is enough to separate the chapters. */
.greenhouse-page > .greenhouse-finish{
  position:relative;
  padding:26px 0 28px;
}
.greenhouse-page > .greenhouse-finish::before{
  content:none!important;
}

/* Keep the finish section visually light: text on white, not two filled cards. */
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-top:1px solid #dde1da;
  border-bottom:1px solid #dde1da;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article{
  min-height:0;
  padding:20px 24px 20px 0;
  border:0;
  background:transparent;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article+article{
  padding-left:24px;
  border-left:1px solid #dde1da;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns strong{
  margin-bottom:9px;
}

/* Warranty is also open/white. Only the guarantee periods carry the accent,
   so “3 года” and “1 год” are readable from a distance without dark boxes. */
.greenhouse-page > .greenhouse-warranty{
  padding:26px 0 30px;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items{
  gap:18px;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items article{
  width:210px;
  min-height:112px;
  padding:18px 20px;
  border:1px solid #d9dfd6;
  background:#f4f6f1;
  color:#202620;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items strong{
  margin-bottom:10px;
  color:#52624e;
  font-size:36px;
  line-height:1;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items span{
  color:#586159;
  font-size:11px;
  line-height:1.45;
}

/* Keep the following projects block close to the warranty section. */
.greenhouse-page > .greenhouse-warranty + .lumen-featured-works{
  margin-top:0;
  padding-top:26px;
}

@media(max-width:1000px){
  .greenhouse-page > .greenhouse-finish .greenhouse-finish__columns{
    grid-template-columns:1fr;
  }
  .greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article,
  .greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article+article{
    padding:18px 0;
    border-left:0;
  }
  .greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article+article{
    border-top:1px solid #dde1da;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items article{
    width:auto;
  }
}

@media(max-width:640px){
  .greenhouse-page > .greenhouse-options{
    padding:18px 0 24px;
  }
  .greenhouse-page > .greenhouse-finish,
  .greenhouse-page > .greenhouse-warranty{
    padding:22px 0 24px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items article{
    min-height:100px;
    padding:16px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items strong{
    font-size:31px;
  }
  .greenhouse-page > .greenhouse-warranty + .lumen-featured-works{
    padding-top:22px;
  }
}

/* =========================================================
   v0.21.258 — Greenhouses: three lower chapters are visually
   independent again. Additional options use checkmarks instead
   of a ruled grid; finish gets a calm darker band; warranty
   returns to the same light surface with dark guarantee badges.
   ========================================================= */

/* 1) “Дополнительно для зимних теплиц” — a separate calm section. */
.greenhouse-page > .greenhouse-options{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);
  gap:48px;
  align-items:center;
  margin:10px 0 14px;
  padding:34px 32px 36px;
  background:#f7f8f5;
  border:0;
}
.greenhouse-page > .greenhouse-options .greenhouse-options__copy{
  padding-left:0;
}
.greenhouse-page > .greenhouse-options .greenhouse-options__copy p{
  margin-top:12px;
  max-width:560px;
}
.greenhouse-page > .greenhouse-options .greenhouse-options__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:28px;
  row-gap:12px;
  border:0;
}
.greenhouse-page > .greenhouse-options .greenhouse-options__list span,
.greenhouse-page > .greenhouse-options .greenhouse-options__list span:nth-child(odd){
  min-height:0;
  padding:5px 0 5px 24px;
  border:0!important;
  font-size:12px;
  line-height:1.45;
}
.greenhouse-page > .greenhouse-options .greenhouse-options__list span:before{
  content:"✓";
  left:0;
  top:50%;
  width:auto;
  height:auto;
  transform:translateY(-52%);
  border:0;
  background:none;
  color:#52624e;
  font-size:15px;
  font-weight:800;
  line-height:1;
}

/* 2) “Цвет и отделка” — its own slightly darker band, without cards/grid. */
.greenhouse-page > .greenhouse-finish{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:48px;
  align-items:center;
  margin:0 0 14px;
  padding:36px 32px 38px;
  background:#e8ede6;
  border:0;
}
.greenhouse-page > .greenhouse-finish::before{
  content:none!important;
}
.greenhouse-page > .greenhouse-finish > .greenhouse-finish__block{
  padding-left:0;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:34px;
  border:0;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article,
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns article+article{
  min-height:0;
  padding:0;
  border:0;
  background:transparent;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns strong{
  margin-bottom:9px;
  font-size:20px;
}
.greenhouse-page > .greenhouse-finish .greenhouse-finish__columns p{
  font-size:12px;
  line-height:1.6;
}

/* 3) “Гарантия” — same light surface as “Дополнительно”, with dark badges. */
.greenhouse-page > .greenhouse-warranty{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  gap:42px;
  align-items:center;
  margin:0 0 8px;
  padding:34px 32px 36px;
  background:#f7f8f5;
  border:0;
}
.greenhouse-page > .greenhouse-warranty > div:first-child{
  padding-left:0;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items{
  display:flex;
  justify-content:flex-start;
  gap:14px;
  width:100%;
  max-width:none;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items article{
  width:210px;
  min-height:118px;
  padding:20px 22px;
  border:0;
  background:#1b201c;
  color:#fff;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items strong{
  margin-bottom:10px;
  color:#fff;
  font-size:36px;
  line-height:1;
}
.greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items span{
  color:#d6dbd5;
  font-size:11px;
  line-height:1.45;
}
.greenhouse-page > .greenhouse-warranty + .lumen-featured-works{
  margin-top:0;
  padding-top:24px;
}

@media(max-width:1000px){
  .greenhouse-page > .greenhouse-options,
  .greenhouse-page > .greenhouse-finish,
  .greenhouse-page > .greenhouse-warranty{
    grid-template-columns:1fr;
    gap:24px;
    padding:30px 26px 32px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items{
    justify-content:flex-start;
  }
}

@media(max-width:640px){
  .greenhouse-page > .greenhouse-options,
  .greenhouse-page > .greenhouse-finish,
  .greenhouse-page > .greenhouse-warranty{
    margin-left:0;
    margin-right:0;
    padding:26px 20px 28px;
  }
  .greenhouse-page > .greenhouse-options .greenhouse-options__list,
  .greenhouse-page > .greenhouse-finish .greenhouse-finish__columns{
    grid-template-columns:1fr;
    gap:10px;
  }
  .greenhouse-page > .greenhouse-finish .greenhouse-finish__columns{
    gap:22px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items article{
    width:auto;
    min-height:104px;
    padding:17px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items strong{
    font-size:31px;
  }
}


/* =========================================================
   v0.21.259 — Greenhouses: tighter spacing between the three
   main greenhouse cards; warranty badges move clearly to the
   right and the warranty band becomes lower/denser.
   ========================================================= */
@media(min-width:901px){
  .greenhouse-winter-grid{
    gap:12px;
  }
}

@media(min-width:1001px){
  .greenhouse-page > .greenhouse-warranty{
    grid-template-columns:minmax(0,1fr) auto;
    gap:36px;
    align-items:center;
    padding:24px 32px 26px;
  }
  .greenhouse-page > .greenhouse-warranty > div:first-child{
    min-width:0;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items{
    width:auto;
    justify-content:flex-end;
    gap:14px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items article{
    width:238px;
    min-height:104px;
    padding:17px 21px;
  }
  .greenhouse-page > .greenhouse-warranty .greenhouse-warranty__items strong{
    margin-bottom:8px;
    font-size:38px;
  }
}


/* =========================================================
   v0.21.260 — Greenhouses: remove the short divider after
   “Важно при планировании” and tighten the two requested gaps.
   ========================================================= */

/* “ТЕПЛИЦЫ ЛЮМЕН / Наши теплицы” closer to “ТРИ ТИПА КОНСТРУКЦИЙ”. */
.greenhouse-page > .greenhouse-intro{
  padding-bottom:8px;
}
.greenhouse-page > .greenhouse-section{
  padding-top:8px;
}

/* Remove the short decorative rule between “Важно при планировании”
   and “Инженерные системы” and pull the engineering section upward. */
.greenhouse-page > .greenhouse-tech::before{
  content:none!important;
  display:none!important;
}
.greenhouse-page > .greenhouse-section{
  padding-bottom:18px;
}
.greenhouse-page > .greenhouse-tech{
  padding-top:18px;
}

@media(max-width:640px){
  .greenhouse-page > .greenhouse-intro{
    padding-bottom:7px;
  }
  .greenhouse-page > .greenhouse-section{
    padding-top:7px;
    padding-bottom:16px;
  }
  .greenhouse-page > .greenhouse-tech{
    padding-top:16px;
  }
}


/* =========================================================
   v0.21.261 — Greenhouses: mobile intro types in two columns;
   desktop “Наши теплицы” closer to “Три типа конструкций”.
   ========================================================= */

/* Desktop only: remove the remaining vertical air between the intro
   (“ТРИ ТИПА КОНСТРУКЦИЙ”) and the next heading (“ТЕПЛИЦЫ ЛЮМЕН / Наши теплицы”). */
@media(min-width:901px){
  .greenhouse-page > .greenhouse-intro{
    padding-bottom:0;
  }
  .greenhouse-page > .greenhouse-section{
    padding-top:0;
  }
}

/* Mobile: keep “Зимние” and “Сезонные” side by side instead of stacking them. */
@media(max-width:640px){
  .greenhouse-intro__types{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    max-width:none;
  }
  .greenhouse-intro__types a{
    min-width:0;
    min-height:88px;
    padding:14px 12px;
  }
  .greenhouse-intro__types a+a{
    border-top:0;
    border-left:1px solid #d9ddd6;
  }
  .greenhouse-intro__types b{
    margin-bottom:11px;
  }
  .greenhouse-intro__types strong{
    font-size:20px;
  }
  .greenhouse-intro__types span{
    margin-top:5px;
    font-size:10px;
    line-height:1.35;
  }
}


/* =========================================================
   v0.21.262 — Greenhouses: make the 0.21.261 layout changes
   actually load by using a new cache key on page-teplicy.php.
   Keep the intro type chooser in two columns on phones and
   remove the remaining desktop gap before “ТЕПЛИЦЫ ЛЮМЕН”.
   ========================================================= */
@media (min-width:901px){
  .greenhouse-page > .greenhouse-intro{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  .greenhouse-page > .greenhouse-section{
    padding-top:0!important;
    margin-top:0!important;
  }
}

@media (max-width:640px){
  .greenhouse-page .greenhouse-intro__types{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
  }
  .greenhouse-page .greenhouse-intro__types > a{
    min-width:0!important;
    min-height:88px!important;
    padding:14px 12px!important;
  }
  .greenhouse-page .greenhouse-intro__types > a + a{
    border-top:0!important;
    border-left:1px solid #d9ddd6!important;
  }
}

/* =========================================================
   v0.21.263 — Greenhouses: make the intro and “Наши теплицы”
   read as two separate blocks without bringing back a large gap.
   Desktop only: pull the closing intro text slightly upward, then
   add a modest pause before “ТЕПЛИЦЫ ЛЮМЕН / Наши теплицы”.
   ========================================================= */
@media (min-width:901px){
  .greenhouse-page > .greenhouse-intro .greenhouse-intro__copy p{
    margin-top:11px;
  }
  .greenhouse-page > .greenhouse-intro{
    padding-bottom:18px!important;
    margin-bottom:0!important;
  }
  .greenhouse-page > .greenhouse-section{
    padding-top:12px!important;
    margin-top:0!important;
  }
}


/* =========================================================
   v0.21.267 — Greenhouses: readable differentiator note.
   Its size now follows the global “Обычный текст” setting.
   ========================================================= */
.greenhouse-product-card__note{
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  text-transform:none!important;
}
@media(min-width:901px){
  .greenhouse-winter-grid .greenhouse-product-card__note{
    min-height:0;
  }
}

/* LUMEN 0.21.268 — winter garden visual benefits; uses existing typography system */
.wintergarden-page .wg-visual-benefits{margin:22px 0 0;padding:18px 0 0;list-style:none;border-top:1px solid #c7c0b3;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.wintergarden-page .wg-visual-benefits li{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid #c7c0b3;color:#363b37;font-size:inherit;line-height:1.5}
.wintergarden-page .wg-visual-benefits__icon{flex:0 0 28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:21px;line-height:1;color:#6b765f}
.wintergarden-page .wg-visual-benefits strong{display:block;font-weight:700;font-size:inherit;line-height:1.35}
.wintergarden-page .wg-visual-benefits em{display:block;margin-top:3px;font-style:normal;font-size:inherit;line-height:1.45;color:#555d56}
@media(max-width:640px){.wintergarden-page .wg-visual-benefits{grid-template-columns:1fr;gap:0;margin-top:20px;padding-top:12px}.wintergarden-page .wg-visual-benefits li{padding:11px 0}.wintergarden-page .wg-visual-benefits__icon{flex-basis:26px;width:26px;font-size:20px}}


/* =========================================================
   v0.21.272 — internal hero alignment fix.
   One real content grid for every internal top banner:
   same left edge, same bottom zone, same H1/subtitle geometry.
   Also makes Equipment use the same two CTA buttons as Winter Gardens.
   ========================================================= */

/* Shared content grid. This intentionally overrides the narrower
   Orangery / Projecting hero widths that made those headings shift right. */
.multi-hero-copy,
.works-cards-hero-inner,
.wg-hero__inner{
  width:min(1180px,calc(100% - 40px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Desktop/tablet: all hero copy sits in the same lower zone. */
@media(min-width:761px){
  .multi-hero-copy,
  .works-cards-hero-inner,
  .wg-hero__inner{
    padding-top:0 !important;
    padding-bottom:48px !important;
  }
}

/* One banner H1 treatment. If the admin has a custom H1 size,
   the later wp_head setting still overrides only font-size. */
.multi-hero-copy h1,
.works-cards-hero-inner h1,
.wg-hero h1{
  max-width:900px !important;
  margin:8px 0 12px !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-weight:500 !important;
  font-size:clamp(42px,6vw,78px) !important;
  line-height:.98 !important;
  letter-spacing:-.02em !important;
}

/* The second line/paragraph now looks identical on every internal hero. */
.multi-hero-copy p,
.works-cards-hero-inner p,
.wg-hero p{
  max-width:760px !important;
  margin:0 !important;
  color:#e0e3df !important;
  font-size:16px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
}

/* Kicker line follows the same geometry too. */
.multi-hero-copy > span,
.works-cards-hero-inner > span,
.wg-hero__inner > .wg-kicker{
  display:block !important;
  margin:0 !important;
  color:#d2aa61 !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

/* Same action-row rhythm everywhere that a hero has buttons. */
.greenhouse-hero__nav,
.works-cards-hero .works-hero-actions,
.orangery-premium-hero__actions,
.projecting-hero__actions,
.wg-hero__actions,
.equipment-hero__actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:26px !important;
}

/* Equipment CTAs exactly follow the Winter Gardens hero-button geometry. */
@media(min-width:981px){
  .equipment-hero .equipment-hero__actions .wg-btn{
    min-height:40px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    background:rgba(16,20,17,.22) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
  .equipment-hero .equipment-hero__actions .wg-btn:hover{
    background:#fff !important;
    border-color:#fff !important;
    color:#1c211d !important;
  }
}

@media(max-width:760px){
  .multi-hero-copy,
  .works-cards-hero-inner,
  .wg-hero__inner{
    width:calc(100% - 28px) !important;
    max-width:none !important;
    padding-top:0 !important;
    padding-bottom:34px !important;
  }

  .multi-hero-copy h1,
  .works-cards-hero-inner h1,
  .wg-hero h1{
    max-width:none !important;
    margin:7px 0 10px !important;
    font-size:42px !important;
    line-height:1 !important;
  }

  .multi-hero-copy p,
  .works-cards-hero-inner p,
  .wg-hero p{
    max-width:none !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .greenhouse-hero__nav,
  .works-cards-hero .works-hero-actions,
  .orangery-premium-hero__actions,
  .projecting-hero__actions,
  .wg-hero__actions,
  .equipment-hero__actions{
    margin-top:20px !important;
  }

  .equipment-hero__actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    width:100% !important;
    gap:10px !important;
  }
  .equipment-hero__actions .wg-btn{
    width:100% !important;
  }
}

/* =========================================================
   v0.21.273 — Winter Gardens hero only.
   Slightly lowers and compacts the hero content; subtitle is
   a little smaller with tighter line-height. Other pages untouched.
   ========================================================= */
.wintergarden-page .wg-hero p{
  font-size:15px !important;
  line-height:1.45 !important;
}
.wintergarden-page .wg-hero__actions{
  margin-top:20px !important;
}
@media(min-width:761px){
  .wintergarden-page .wg-hero__inner{
    padding-bottom:32px !important;
  }
}
@media(max-width:760px){
  .wintergarden-page .wg-hero__inner{
    padding-bottom:28px !important;
  }
  .wintergarden-page .wg-hero p{
    font-size:13px !important;
    line-height:1.4 !important;
  }
  .wintergarden-page .wg-hero__actions{
    margin-top:16px !important;
  }
}


/* =========================================================
   v0.21.274 — internal pages aligned to Winter Gardens.
   All internal page content uses the same 1180px desktop grid,
   and every internal hero follows the compact/lower rhythm from
   Winter Gardens v0.21.273. Calculator is intentionally untouched.
   ========================================================= */

/* Match the approved Winter Gardens hero vertical rhythm on all
   internal banners without changing their images, text or height. */
.multi-hero-copy p,
.works-cards-hero-inner p{
  font-size:15px !important;
  line-height:1.45 !important;
}
.greenhouse-hero__nav,
.works-cards-hero .works-hero-actions,
.orangery-premium-hero__actions,
.projecting-hero__actions,
.equipment-hero__actions{
  margin-top:20px !important;
}
@media(min-width:761px){
  .multi-hero-copy,
  .works-cards-hero-inner{
    padding-bottom:32px !important;
  }

  /* One desktop content width for all internal pages: 1180px,
     exactly matching the Winter Gardens section grid. */
  .lumen-contact-body,
  .lumen-about-body,
  .lumen-equipment-body,
  .orangery-premium-page,
  .projecting-page,
  .greenhouse-page,
  .multi-main{
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box !important;
  }

  /* These three older page bodies carried their own 34px side
     padding, which made their visible content grid wider/narrower
     than the 1180px Winter Gardens grid. Remove only that desktop
     horizontal inset; all vertical spacing remains unchanged. */
  .lumen-contact-body,
  .lumen-about-body,
  .lumen-equipment-body{
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

@media(max-width:760px){
  .multi-hero-copy p,
  .works-cards-hero-inner p{
    font-size:13px !important;
    line-height:1.4 !important;
  }
  .multi-hero-copy,
  .works-cards-hero-inner{
    padding-bottom:28px !important;
  }
  .greenhouse-hero__nav,
  .works-cards-hero .works-hero-actions,
  .orangery-premium-hero__actions,
  .projecting-hero__actions,
  .equipment-hero__actions{
    margin-top:16px !important;
  }
}

/* =========================================================
   v0.21.275 — Works visible grid + shared internal footer alignment.
   "Наши работы": remove the legacy inner horizontal inset on desktop so
   the visible content edge matches the approved 1180px hero/body grid.
   Shared bottom CTA/footer: align internal pages to that same 1180px grid.
   Calculator and homepage are intentionally untouched.
   ========================================================= */
@media(min-width:761px){
  body.works-preview-page .lumen-works-intro,
  body.works-preview-page .lumen-works-filters,
  body.works-preview-page .lumen-works-grid{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
    box-sizing:border-box !important;
  }
}



/* =========================================================
   v0.21.279 — Greenhouses hero buttons, mobile only.
   About 20% larger than v0.21.278 for easier reading/tapping.
   Other pages and desktop/tablet remain unchanged.
   ========================================================= */
@media(max-width:640px){
  .greenhouse-hero .greenhouse-hero__nav{
    gap:11px !important;
  }
  .greenhouse-hero .greenhouse-hero__nav a{
    min-height:53px !important;
    padding:0 18px !important;
    font-size:12px !important;
    line-height:1.2 !important;
    letter-spacing:.045em !important;
  }
}

/* =========================================================
   v0.21.280 — Greenhouses hero buttons: opaque background, mobile only.
   Keeps the approved v0.21.279 size; improves readability over hero photos.
   Desktop/tablet and all other pages remain unchanged.
   ========================================================= */
@media(max-width:640px){
  .greenhouse-hero .greenhouse-hero__nav a{
    background:#243027 !important;
    border-color:rgba(255,255,255,.82) !important;
    color:#fff !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    opacity:1 !important;
    text-shadow:none !important;
  }
}

/* =========================================================
   v0.21.281 — unified mobile action buttons across LUMEN.
   Uses the approved Greenhouses mobile button treatment:
   53px height, 12px text, opaque dark background and white text.
   Applies to homepage/internal CTA buttons, shared footer actions
   and the global request-form submit button. Calculator excluded.
   Desktop/tablet remain unchanged.
   ========================================================= */
@media(max-width:640px){
  body:not(.calc-reference-page) .greenhouse-hero .greenhouse-hero__nav,
  body:not(.calc-reference-page) .wg-hero__actions,
  body:not(.calc-reference-page) .works-hero-actions,
  body:not(.calc-reference-page) .orangery-premium-hero__actions,
  body:not(.calc-reference-page) .projecting-hero__actions,
  body:not(.calc-reference-page) .premium-hero-actions,
  body:not(.calc-reference-page) .lumen-shared-footer__actions,
  body:not(.calc-reference-page) .lumen-equipment-overview-actions{
    gap:11px !important;
  }

  body:not(.calc-reference-page) .greenhouse-hero .greenhouse-hero__nav a,
  body.multi-page .wg-btn,
  body.multi-page .multi-btn,
  body.multi-page .orangery-premium-btn,
  body.multi-page .orangery-premium-link,
  body.multi-page .projecting-btn,
  body.multi-page .projecting-inline,
  body.multi-page .lumen-equipment-btn,
  body.home-premium .premium-btn,
  body.home-premium .refhome-btn,
  body:not(.calc-reference-page) .lumen-shared-footer__btn,
  body:not(.calc-reference-page) .lumen-callback-submit{
    min-height:53px !important;
    padding:0 18px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.82) !important;
    background:#243027 !important;
    color:#fff !important;
    font-size:12px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
    opacity:1 !important;
    text-shadow:none !important;
  }

  /* Keep footer buttons comfortable on narrow phones, as before. */
  body:not(.calc-reference-page) .lumen-shared-footer__btn{
    width:100% !important;
  }

  /* Request form button follows the same visual style but remains full-width. */
  body:not(.calc-reference-page) .lumen-callback-submit{
    width:100% !important;
    cursor:pointer !important;
  }
}

/* =========================================================
   v0.21.282 — unified mobile hero layout.
   Greenhouses are the reference: the whole hero content sits in the
   same lower zone, action spacing is identical, and two hero CTA
   buttons stay side-by-side in two equal columns.
   Mobile only. Calculator and desktop/tablet are untouched.
   ========================================================= */
@media(max-width:640px){
  /* Same lower hero rhythm as the approved Greenhouses banner. */
  body:not(.calc-reference-page) .greenhouse-hero .multi-hero-copy,
  body:not(.calc-reference-page) .equipment-hero .multi-hero-copy,
  body:not(.calc-reference-page) .orangery-premium-hero .multi-hero-copy,
  body:not(.calc-reference-page) .projecting-hero .multi-hero-copy,
  body:not(.calc-reference-page) .works-cards-hero-inner,
  body:not(.calc-reference-page) .wg-hero__inner{
    padding-top:0 !important;
    padding-bottom:28px !important;
  }

  /* Homepage uses absolute positioning instead of a bottom-aligned inner.
     Put its text/actions in the same 28px lower zone. */
  body.home-premium .premium-hero-copy{
    top:auto !important;
    bottom:28px !important;
    transform:none !important;
  }

  /* Same text-to-buttons spacing everywhere. */
  body:not(.calc-reference-page) .greenhouse-hero__nav,
  body:not(.calc-reference-page) .wg-hero__actions,
  body:not(.calc-reference-page) .works-cards-hero .works-hero-actions,
  body:not(.calc-reference-page) .orangery-premium-hero__actions,
  body:not(.calc-reference-page) .projecting-hero__actions,
  body.home-premium .premium-hero-actions,
  body:not(.calc-reference-page) .equipment-hero__actions{
    margin-top:16px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:11px !important;
    width:100% !important;
  }

  /* The two hero buttons always occupy the two columns evenly. */
  body:not(.calc-reference-page) .greenhouse-hero__nav > a,
  body:not(.calc-reference-page) .wg-hero__actions > .wg-btn,
  body:not(.calc-reference-page) .works-cards-hero .works-hero-actions > .multi-btn,
  body:not(.calc-reference-page) .orangery-premium-hero__actions > a,
  body:not(.calc-reference-page) .projecting-hero__actions > a,
  body.home-premium .premium-hero-actions > .premium-btn,
  body:not(.calc-reference-page) .equipment-hero__actions > .wg-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    white-space:normal !important;
    text-align:center !important;
  }

  /* Long labels may wrap without making the button cramped. */
  body:not(.calc-reference-page) .orangery-premium-hero__actions > a,
  body:not(.calc-reference-page) .projecting-hero__actions > a,
  body.home-premium .premium-hero-actions > .premium-btn{
    height:auto !important;
    padding-top:9px !important;
    padding-bottom:9px !important;
  }
}

/* =========================================================
   v0.21.283 — page “Оранжереи”: complete content redesign.
   Header, shared footer/CTA, callback, selected Works slider and
   all other pages are untouched. Visual direction follows the
   approved Winter Gardens / Greenhouses language.
   ========================================================= */

.orangery-v2{
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:0 0 54px;
  color:#202520;
}
.orangery-v2-hero .multi-hero-copy{
  max-width:1180px!important;
}
.orangery-v2-hero .multi-hero-copy p{
  max-width:790px!important;
}

.orangery-v2-kicker{
  display:block;
  margin:0 0 11px;
  color:#69755f;
  font-size:10px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.orangery-v2 h2{
  margin:0;
  font:500 clamp(35px,4.2vw,54px)/1.04 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
  color:#202520;
}
.orangery-v2 h3{
  margin:0;
  font:500 25px/1.1 Georgia,"Times New Roman",serif;
  color:#202520;
}
.orangery-v2 p{
  color:#636a63;
  font-size:14px;
  line-height:1.72;
}

.orangery-v2-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);
  gap:64px;
  align-items:end;
  padding:68px 0 62px;
  border-bottom:1px solid #d9ddd6;
}
.orangery-v2-intro__title h2{max-width:720px}
.orangery-v2-intro__copy p{margin:0}
.orangery-v2-intro__copy p+p{margin-top:14px}

.orangery-v2-feature{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
  min-height:510px;
  margin:54px 0;
  background:#eef0ea;
  overflow:hidden;
}
.orangery-v2-feature--architecture{
  grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr);
  background:#f3f1eb;
}
.orangery-v2-feature__media{
  min-height:510px;
  overflow:hidden;
  background:#d8ddd4;
}
.orangery-v2-feature__media img{
  display:block;
  width:100%;
  height:100%;
  min-height:510px;
  object-fit:cover;
}
.orangery-v2-feature__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:50px 46px;
}
.orangery-v2-feature__copy h2{font-size:44px}
.orangery-v2-feature__copy>p{margin:17px 0 0}

.orangery-v2-checks{
  list-style:none;
  margin:26px 0 0;
  padding:0;
  border-top:1px solid #cfd5ca;
}
.orangery-v2-checks li{
  position:relative;
  padding:12px 0 12px 25px;
  border-bottom:1px solid #cfd5ca;
  color:#465047;
  font-size:12px;
  line-height:1.45;
}
.orangery-v2-checks li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:11px;
  color:#58773d;
  font-size:14px;
  font-weight:900;
}

.orangery-v2-plants{
  padding:16px 0 62px;
}
.orangery-v2-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  gap:52px;
  align-items:end;
  margin-bottom:29px;
}
.orangery-v2-section-head .orangery-v2-kicker{
  grid-column:1/-1;
  margin-bottom:-38px;
}
.orangery-v2-section-head p{margin:0}
.orangery-v2-lines{
  border-top:1px solid #d9ddd6;
}
.orangery-v2-lines article{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:18px;
  padding:22px 0;
  border-bottom:1px solid #d9ddd6;
}
.orangery-v2-lines article>span{
  color:#a58958;
  font-size:11px;
  font-weight:800;
}
.orangery-v2-lines article div{
  display:grid;
  grid-template-columns:minmax(220px,.62fr) minmax(0,1fr);
  gap:34px;
  align-items:start;
}
.orangery-v2-lines p{margin:2px 0 0}

.orangery-v2-types{
  margin-top:27px;
  border-top:1px solid #d8d9d1;
}
.orangery-v2-types>div{
  padding:14px 0;
  border-bottom:1px solid #d8d9d1;
}
.orangery-v2-types strong{
  display:block;
  margin-bottom:5px;
  font-size:12px;
  color:#263026;
}
.orangery-v2-types span{
  display:block;
  color:#687068;
  font-size:11px;
  line-height:1.55;
}

.orangery-v2-engineering{
  margin:64px 0 22px;
  padding:46px 46px 42px;
  background:#252c27;
  color:#fff;
}
.orangery-v2-engineering .orangery-v2-kicker{color:#c6a86f}
.orangery-v2-engineering h2{max-width:760px;color:#fff}
.orangery-v2-engineering__head>p{
  max-width:780px;
  margin:17px 0 0;
  color:#cdd3cd;
}
.orangery-v2-engineering__list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:30px;
  border-top:1px solid rgba(255,255,255,.16);
  border-left:1px solid rgba(255,255,255,.16);
}
.orangery-v2-engineering__list span{
  min-height:66px;
  display:flex;
  align-items:center;
  padding:0 16px;
  border-right:1px solid rgba(255,255,255,.16);
  border-bottom:1px solid rgba(255,255,255,.16);
  color:#f0f2ee;
  font-size:11px;
  font-weight:700;
}
.orangery-v2-equipment-link{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-top:25px;
  color:#fff!important;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.orangery-v2-equipment-link span{font-size:18px}

/* The selected Works block remains the existing shared component.
   Only its spacing is integrated into the new page rhythm. */
.orangery-v2 .lumen-featured-works{
  margin-top:62px;
  margin-bottom:0;
}

@media(max-width:900px){
  .orangery-v2-intro,
  .orangery-v2-section-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .orangery-v2-section-head .orangery-v2-kicker{
    grid-column:auto;
    margin-bottom:0;
  }
  .orangery-v2-feature,
  .orangery-v2-feature--architecture{
    grid-template-columns:1fr;
  }
  .orangery-v2-feature--architecture .orangery-v2-feature__copy{order:2}
  .orangery-v2-feature--architecture .orangery-v2-feature__media{order:1}
  .orangery-v2-engineering__list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
  .orangery-v2{
    width:calc(100% - 28px);
    padding-bottom:34px;
  }
  .orangery-v2-intro{
    padding:42px 0 38px;
    gap:17px;
  }
  .orangery-v2 h2{font-size:34px}
  .orangery-v2 h3{font-size:23px}
  .orangery-v2 p{font-size:13px;line-height:1.6}

  .orangery-v2-feature,
  .orangery-v2-feature--architecture{
    min-height:0;
    margin:34px 0;
  }
  .orangery-v2-feature__media,
  .orangery-v2-feature__media img{
    min-height:285px;
    height:285px;
  }
  .orangery-v2-feature__copy{
    padding:31px 22px 34px;
  }
  .orangery-v2-feature__copy h2{font-size:34px}
  .orangery-v2-checks{margin-top:21px}

  .orangery-v2-plants{
    padding:11px 0 38px;
  }
  .orangery-v2-section-head{margin-bottom:20px}
  .orangery-v2-lines article{
    grid-template-columns:40px minmax(0,1fr);
    gap:8px;
    padding:17px 0;
  }
  .orangery-v2-lines article div{
    grid-template-columns:1fr;
    gap:7px;
  }

  .orangery-v2-engineering{
    margin:38px 0 10px;
    padding:31px 20px 30px;
  }
  .orangery-v2-engineering__list{
    grid-template-columns:1fr 1fr;
    margin-top:23px;
  }
  .orangery-v2-engineering__list span{
    min-height:55px;
    padding:0 11px;
    font-size:10px;
  }
  .orangery-v2-equipment-link{
    margin-top:21px;
    line-height:1.4;
  }
  .orangery-v2 .lumen-featured-works{
    margin-top:40px;
  }
}



/* =========================================================
   v0.21.284 — page “Оранжереи”: richer content without duplication.
   Existing plants section expanded; new compact design-considerations
   block added before the shared selected Works slider.
   ========================================================= */
.orangery-v2-design{
  margin:58px 0 0;
  padding:58px 0 0;
  border-top:1px solid #d9ddd6;
}
.orangery-v2-design__head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);
  gap:52px;
  align-items:end;
  margin-bottom:29px;
}
.orangery-v2-design__head .orangery-v2-kicker{
  grid-column:1/-1;
  margin-bottom:-38px;
}
.orangery-v2-design__head p{
  margin:0;
}
.orangery-v2-design__grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid #d9ddd6;
  border-left:1px solid #d9ddd6;
}
.orangery-v2-design__grid article{
  min-height:225px;
  padding:24px 20px 22px;
  border-right:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
  background:#f5f6f2;
}
.orangery-v2-design__grid article>span{
  display:block;
  margin-bottom:34px;
  color:#a58958;
  font-size:10px;
  font-weight:800;
}
.orangery-v2-design__grid h3{
  margin-bottom:12px;
  font-size:21px;
}
.orangery-v2-design__grid p{
  margin:0;
  font-size:11px;
  line-height:1.58;
}
.orangery-v2-design + .lumen-featured-works{
  margin-top:58px;
}

@media(max-width:900px){
  .orangery-v2-design__head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .orangery-v2-design__head .orangery-v2-kicker{
    grid-column:auto;
    margin-bottom:0;
  }
  .orangery-v2-design__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .orangery-v2-design__grid article:last-child{
    grid-column:1/-1;
    min-height:0;
  }
}

@media(max-width:640px){
  .orangery-v2-design{
    margin-top:38px;
    padding-top:38px;
  }
  .orangery-v2-design__head{
    margin-bottom:20px;
  }
  .orangery-v2-design__grid{
    grid-template-columns:1fr;
  }
  .orangery-v2-design__grid article,
  .orangery-v2-design__grid article:last-child{
    grid-column:auto;
    min-height:0;
    padding:20px 18px;
  }
  .orangery-v2-design__grid article>span{
    margin-bottom:15px;
  }
  .orangery-v2-design__grid h3{
    font-size:22px;
  }
  .orangery-v2-design + .lumen-featured-works{
    margin-top:40px;
  }
}


/* v0.21.285 — unified foundation/base section for greenhouses, orangeries and winter gardens. */
.lumen-foundation{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  gap:64px;
  align-items:start;
  padding:58px 0 62px;
  border-top:1px solid #d9ddd6;
}
.lumen-foundation__kicker{
  display:block;
  margin:0 0 11px;
  color:#69755f;
  font-size:10px;
  line-height:1.25;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.lumen-foundation__head h2{
  max-width:540px;
  margin:0;
  color:#202520;
  font:500 clamp(34px,4vw,50px)/1.04 Georgia,"Times New Roman",serif;
  letter-spacing:-.025em;
}
.lumen-foundation__body>p{
  max-width:690px;
  margin:0;
  color:#636a63;
  font-size:14px;
  line-height:1.72;
}
.lumen-foundation__types{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:24px 0;
  padding:0;
  border-top:1px solid #d9ddd6;
  border-left:1px solid #d9ddd6;
  list-style:none;
}
.lumen-foundation__types li{
  min-height:58px;
  display:flex;
  align-items:center;
  padding:13px 16px;
  border-right:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
  background:rgba(255,255,255,.42);
  color:#2b302c;
  font-size:12px;
  line-height:1.4;
}
.lumen-foundation__types li::before{
  content:"✓";
  flex:0 0 auto;
  margin-right:10px;
  color:#73855e;
  font-size:12px;
  font-weight:900;
}
.lumen-foundation__body .lumen-foundation__note{
  max-width:690px;
  padding:17px 18px;
  background:#ecefe8;
  color:#4f5750;
  font-size:12px;
  line-height:1.62;
}
.lumen-foundation__note strong{
  color:#2b312c;
  font-weight:800;
}
.orangery-v2-design + .lumen-foundation{
  margin-top:58px;
}
.lumen-foundation--orangery + .lumen-featured-works{
  margin-top:0;
}
.wg-page>.lumen-foundation{
  margin-top:0;
  margin-bottom:0;
}
@media(max-width:900px){
  .lumen-foundation{
    grid-template-columns:1fr;
    gap:24px;
    padding:42px 0 46px;
  }
  .lumen-foundation__head h2{
    max-width:720px;
    font-size:clamp(30px,8.5vw,42px);
  }
  .lumen-foundation__types{
    grid-template-columns:1fr 1fr;
    margin:20px 0;
  }
}
@media(max-width:560px){
  .lumen-foundation{
    gap:20px;
    padding:36px 0 40px;
  }
  .lumen-foundation__body>p{
    font-size:13px;
    line-height:1.68;
  }
  .lumen-foundation__types{
    grid-template-columns:1fr;
  }
  .lumen-foundation__types li{
    min-height:52px;
    font-size:12px;
  }
}


/* =========================================================
   v0.21.288 — Orangeries: desktop-only compact layout pass.
   Mobile/tablet rules remain unchanged.
   ========================================================= */
@media (min-width:901px){
  /* Hero: make “Обсудить проект” a translucent button instead of solid white. */
  .orangery-v2-hero .orangery-premium-btn--light{
    background:rgba(10,12,11,.22);
    color:#fff;
    border:1px solid rgba(255,255,255,.42);
  }

  /* Raise the opening content and keep both columns visually together. */
  .orangery-v2-intro{
    padding:42px 0 40px;
    gap:56px;
    align-items:center;
  }

  /* Climate + architecture: same, more compact image scale. */
  .orangery-v2-feature,
  .orangery-v2-feature--architecture{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    min-height:0;
  }
  .orangery-v2-feature__media{
    min-height:440px;
    height:440px;
  }
  .orangery-v2-feature__media img{
    min-height:0;
    height:100%;
  }
  .orangery-v2-feature__copy{
    padding:36px 40px;
  }
  .orangery-v2-feature__copy h2{
    font-size:40px;
  }
  .orangery-v2-feature--climate{
    margin:34px 0 26px;
  }
  .orangery-v2-feature--architecture{
    margin:26px 0 34px;
  }
  .orangery-v2-checks{
    margin-top:20px;
  }
  .orangery-v2-checks li{
    padding-top:10px;
    padding-bottom:10px;
  }
  .orangery-v2-checks li:before{
    top:9px;
  }

  /* Plants: remove the large empty pauses above and below the block. */
  .orangery-v2-plants{
    padding:0 0 18px;
  }
  .orangery-v2-section-head{
    margin-bottom:22px;
  }
  .orangery-v2-lines article{
    padding:18px 0;
  }

  /* Engineering systems: tighter card and a more compact equipment grid. */
  .orangery-v2-engineering{
    margin:38px 0 16px;
    padding:34px 36px 30px;
  }
  .orangery-v2-engineering__head>p{
    margin-top:13px;
  }
  .orangery-v2-engineering__list{
    margin-top:22px;
  }
  .orangery-v2-engineering__list span{
    min-height:52px;
    padding:0 12px;
  }
  .orangery-v2-equipment-link{
    margin-top:18px;
  }

  /* Design / foundation / realized projects: pull the lower half upward. */
  .orangery-v2-design{
    margin:32px 0 0;
    padding:32px 0 0;
  }
  .orangery-v2-design__head{
    margin-bottom:24px;
  }
  .orangery-v2-design__grid article{
    min-height:190px;
    padding:20px 16px 18px;
  }
  .orangery-v2-design__grid article>span{
    margin-bottom:26px;
  }
  .orangery-v2-design + .lumen-foundation{
    margin-top:28px;
  }
  .orangery-v2 .lumen-foundation--orangery{
    padding:34px 0 34px;
  }
  .orangery-v2 .lumen-featured-works{
    margin-top:0;
    margin-bottom:0;
    padding-top:40px;
  }
  .orangery-v2 .lumen-featured-works__head{
    margin-bottom:28px;
  }
}


/* =========================================================
   v0.21.289 — Orangeries: desktop photo proportions only.
   Reference: the approved “ЗИМНИЙ САД ЛЮМЕН” visual block.
   Keeps mobile/tablet and all other sections unchanged.
   ========================================================= */
@media (min-width:901px){
  /* Climate: reference-sized photo on the left. */
  .orangery-v2-feature--climate{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
    align-items:center;
  }

  /* Architecture: same photo size on the right. */
  .orangery-v2-feature--architecture{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
    align-items:center;
  }

  /* Both photos use one identical desktop frame, close to the
     approved Winter Gardens “ЗИМНИЙ САД ЛЮМЕН” proportion. */
  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    width:100%;
    height:410px;
    min-height:410px;
    max-height:410px;
    align-self:center;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }
}

/* =========================================================
   v0.21.290 — Orangeries desktop: photos fill the full feature
   height without light bands; opening intro moved closer to hero.
   Desktop only. Mobile/tablet and other pages remain unchanged.
   ========================================================= */
@media (min-width:901px){
  /* The row may be taller than 410px because of copy.
     Stretch the media column to the full row height instead of
     centering a fixed-height frame and exposing the section bg. */
  .orangery-v2-feature--climate,
  .orangery-v2-feature--architecture{
    align-items:stretch;
  }

  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    height:auto;
    min-height:410px;
    max-height:none;
    align-self:stretch;
  }

  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    width:100%;
    height:100%;
    min-height:410px;
    object-fit:cover;
  }

  /* Bring “Современная оранжерея” closer to the hero. */
  .orangery-v2-intro{
    padding-top:24px;
  }
}



/* =========================================================
   v0.21.291 — Orangeries desktop: lock both feature blocks to
   one compact reference geometry and move opening intro higher.
   Desktop only. Mobile/tablet and all other pages unchanged.
   ========================================================= */
@media (min-width:901px){
  /* Use the same narrow-media / wide-copy proportion as the
     approved “ЗИМНИЙ САД ЛЮМЕН” desktop block. */
  .orangery-v2-feature--climate{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  }
  .orangery-v2-feature--architecture{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  }

  /* Both Orangeries feature rows are now identical in height.
     The media fills that height exactly, so no light bands appear. */
  .orangery-v2-feature--climate,
  .orangery-v2-feature--architecture{
    min-height:410px;
    height:410px;
    max-height:410px;
    align-items:stretch;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    width:100%;
    min-height:410px;
    height:410px;
    max-height:410px;
    align-self:stretch;
    overflow:hidden;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }

  /* Keep all copy comfortably inside the shared 410px row. */
  .orangery-v2-feature--climate .orangery-v2-feature__copy,
  .orangery-v2-feature--architecture .orangery-v2-feature__copy{
    padding:26px 34px;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__copy h2,
  .orangery-v2-feature--architecture .orangery-v2-feature__copy h2{
    font-size:38px;
  }
  .orangery-v2-feature--climate .orangery-v2-checks{
    margin-top:14px;
  }
  .orangery-v2-feature--climate .orangery-v2-checks li{
    padding-top:8px;
    padding-bottom:8px;
  }
  .orangery-v2-feature--climate .orangery-v2-checks li:before{
    top:7px;
  }
  .orangery-v2-feature--architecture .orangery-v2-types{
    margin-top:18px;
  }
  .orangery-v2-feature--architecture .orangery-v2-types>div{
    padding:10px 0;
  }

  /* Raise the first content block further toward the hero. */
  .orangery-v2-intro{
    padding-top:12px;
  }
}

/* =========================================================
   v0.21.292 — Winter Gardens + Greenhouses: bring the content
   following “Фундамент и основание” closer to that section.
   Desktop only; mobile and Orangeries remain unchanged.
   ========================================================= */
@media (min-width:901px){
  /* Reduce the shared lower air after the foundation block so
     every section below it shifts upward without changing content. */
  .wintergarden-page .lumen-foundation--wintergarden,
  .greenhouse-page .lumen-foundation--greenhouse{
    padding-bottom:22px;
  }

  /* Winter Gardens had an additional large top padding on the
     immediately following “Как мы работаем” section. */
  .wintergarden-page .lumen-foundation--wintergarden + .wg-process{
    padding-top:32px;
  }
}

/* =========================================================
   v0.21.293 — Orangeries desktop: match the total height of
   “ЗИМНИЙ САД ЛЮМЕН” on the Winter Gardens page.
   Only the Climate and Architecture feature rows are changed.
   Mobile/tablet and all other sections remain unchanged.
   ========================================================= */
@media (min-width:901px){
  .orangery-v2-feature--climate,
  .orangery-v2-feature--architecture{
    min-height:437px;
    height:437px;
    max-height:437px;
  }

  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    min-height:437px;
    height:437px;
    max-height:437px;
  }

  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }
}


/* =========================================================
   v0.21.294 — Orangeries desktop: exact full-width reference
   height of the current “ЗИМНИЙ САД ЛЮМЕН” block.
   Corrects v0.21.293 (437px -> 484px). Desktop only.
   ========================================================= */
@media (min-width:981px){
  .orangery-v2-feature--climate,
  .orangery-v2-feature--architecture{
    min-height:484px;
    height:484px;
    max-height:484px;
    align-items:stretch;
  }

  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    min-height:484px;
    height:484px;
    max-height:484px;
    align-self:stretch;
  }

  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }
}


/* =========================================================
   v0.21.295 — Orangeries desktop: photo height is synchronized
   with the real Winter Gardens “Зимний сад в любое время года”
   reference block, including the current typography settings.
   Mobile/tablet and all other sections remain unchanged.
   ========================================================= */
.orangery-wg-height-reference{
  position:absolute!important;
  left:-100000px!important;
  top:0!important;
  width:min(1180px,calc(100vw - 40px))!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.orangery-wg-height-reference .wg-visual--refined{
  width:100%!important;
  margin:0!important;
}
/* The hidden reference sits inside the Orangery <main>, where the generic
   Orangery H2 rule would otherwise remove the Winter Garden's 12px top margin. */
.orangery-wg-height-reference .wg-visual__copy h2{
  margin:12px 0 0!important;
  line-height:1.03!important;
}
@media (min-width:981px){
  .orangery-v2{
    --lumen-orangery-reference-photo-height:337px;
  }
  .orangery-v2-feature--climate,
  .orangery-v2-feature--architecture{
    min-height:var(--lumen-orangery-reference-photo-height)!important;
    height:var(--lumen-orangery-reference-photo-height)!important;
    max-height:var(--lumen-orangery-reference-photo-height)!important;
    align-items:stretch!important;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    min-height:0!important;
    height:100%!important;
    max-height:none!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    display:block;
    width:100%;
    height:100%!important;
    min-height:0!important;
    object-fit:cover;
  }
  /* Only a small vertical trim is needed so the climate copy fits inside
     the same row height. Text sizes and horizontal spacing are unchanged. */
  .orangery-v2-feature--climate .orangery-v2-feature__copy{
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
}
@media (max-width:980px){
  .orangery-wg-height-reference{display:none!important}
}

/* =========================================================
   v0.21.296 — Equipment desktop: make detail rows 01–09
   exactly the same size as 04 “Досветка фитосветильниками”.
   Desktop only; mobile/tablet and all other pages unchanged.
   ========================================================= */
@media (min-width:981px){
  .lumen-equipment-list > .lumen-equipment-detail{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
  }
  .lumen-equipment-list > .lumen-equipment-detail > .lumen-equipment-detail-photo{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-self:stretch!important;
  }
  .lumen-equipment-list > .lumen-equipment-detail > .lumen-equipment-detail-photo img{
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    object-fit:cover!important;
  }

  /* 01 has one extra note line; trim only vertical inner padding so
     the full text fits without making the shared 360px row taller. */
  #equip-heating > .lumen-equipment-detail-copy{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
}



/* =========================================================
   v0.21.297 — Orangeries desktop: make the “Микроклимат круглый год”
   and “Архитектура” rows/photos the same 360px height as the
   Equipment “Температура / отопление теплицы” photo.
   Widths, text styling, mobile/tablet and all other sections unchanged.
   ========================================================= */
@media (min-width:981px){
  .orangery-v2-feature--climate,
  .orangery-v2-feature--architecture{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-items:stretch!important;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media,
  .orangery-v2-feature--architecture .orangery-v2-feature__media{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  .orangery-v2-feature--climate .orangery-v2-feature__media img,
  .orangery-v2-feature--architecture .orangery-v2-feature__media img{
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    object-fit:cover!important;
  }
}

/* =========================================================
   v0.21.301 — desktop header: increase navigation item gaps only; contact group unchanged.
   Existing logo/contact spacing and dropdown placement preserved.
   Mobile unchanged.
   ========================================================= */
@media (min-width:1280px){
  .site-unified-header .ref-header-inner,
  .home-premium .site-unified-header .ref-header-inner{
    width:calc(100% - 96px) !important;
    max-width:1480px !important;
    grid-template-columns:190px minmax(0,1fr) auto !important;
    column-gap:28px !important;
  }

  .site-unified-header .ref-nav{
    width:100% !important;
    max-width:760px !important;
    justify-self:center !important;
    justify-content:center !important;
    gap:42px !important;
  }

  .site-unified-header .ref-nav > .ref-nav-link,
  .site-unified-header .ref-nav-parent{
    font-size:12px !important;
  }

  .site-unified-header .ref-nav > .ref-nav-link:last-of-type{
    margin-right:0 !important;
  }

  .site-unified-header .ref-contact{
    gap:18px !important;
    margin-right:0 !important;
  }

  .site-unified-header .ref-socials{
    gap:7px !important;
  }
}

@media (min-width:981px) and (max-width:1279px){
  .site-unified-header .ref-header-inner,
  .home-premium .site-unified-header .ref-header-inner{
    width:calc(100% - 24px) !important;
    grid-template-columns:156px minmax(0,1fr) auto !important;
    column-gap:10px !important;
  }

  .site-unified-header .ref-nav{
    justify-content:center !important;
    gap:21px !important;
  }

  .site-unified-header .ref-nav > .ref-nav-link:last-of-type{
    margin-right:0 !important;
  }

  .site-unified-header .ref-contact{
    gap:11px !important;
  }
}

@media (min-width:981px){
  .site-unified-header .ref-submenu{
    top:calc(100% + 8px) !important;
  }

  .site-unified-header .ref-submenu::before{
    top:-24px !important;
    height:24px !important;
  }
}

/* =========================================================
   v0.21.302 — Orangeries: replace “Затенение” with
   “Климат-контроль”. Desktop only: reserve exactly two lines
   for every Projecting-card title so all descriptions start
   on the same horizontal level. Mobile remains unchanged.
   ========================================================= */
@media (min-width:901px){
  .orangery-v2-design__grid h3{
    height:2.2em;
    min-height:2.2em;
    overflow:hidden;
  }
}

/* =========================================================
   v0.21.303 — Orangeries / Projecting desktop alignment.
   Reserve a true two-line title slot in every card, then keep
   the same 12px gap before description. Mobile unchanged.
   ========================================================= */
@media (min-width:901px){
  .orangery-v2-design__grid h3{
    display:block!important;
    box-sizing:border-box!important;
    line-height:1.1!important;
    height:2.2em!important;
    min-height:2.2em!important;
    max-height:2.2em!important;
    margin:0 0 12px!important;
    overflow:hidden!important;
  }
}

/* =========================================================
   v0.21.304 — “Проектирование”, desktop only.
   Compact the first content area toward the hero. The three
   photo-led rows use the same 1180px / 360px geometry as the
   approved Orangery “Микроклимат круглый год” reference.
   All three photos have identical width and height. Material
   card titles reserve two lines so descriptions align.
   Mobile/tablet remain unchanged.
   ========================================================= */
@media (min-width:981px){
  /* Pull the beginning of the page substantially closer to the banner. */
  .projecting-page{
    padding-top:24px!important;
  }
  .projecting-lead{
    padding-bottom:36px!important;
  }

  /* Same outer width and fixed total height for all three visual rows. */
  .projecting-stage,
  .projecting-engineering,
  .projecting-equipment{
    width:min(1180px,100%)!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  /* Left-photo rows: same column geometry as the Orangery reference. */
  .projecting-stage,
  .projecting-equipment{
    grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)!important;
  }

  /* Engineering has its photo on the right; reverse the same geometry
     so the photo itself keeps exactly the same width as the other two. */
  .projecting-engineering{
    grid-template-columns:minmax(390px,.92fr) minmax(0,1.08fr)!important;
  }

  .projecting-stage__visual,
  .projecting-engineering__photo,
  .projecting-equipment__visual{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }
  .projecting-stage__visual img,
  .projecting-engineering__photo img,
  .projecting-equipment__visual img{
    display:block!important;
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    object-fit:cover!important;
  }

  /* Compact only the copy inside these fixed-height rows.
     Content and wording remain unchanged. */
  .projecting-stage__copy,
  .projecting-engineering__copy,
  .projecting-equipment__copy{
    box-sizing:border-box!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    padding:18px 30px!important;
    overflow:hidden!important;
  }
  .projecting-stage__copy h2,
  .projecting-engineering__copy h2,
  .projecting-equipment__copy h2{
    font-size:36px!important;
    line-height:1.04!important;
  }
  .projecting-stage__copy>p,
  .projecting-engineering__copy>p,
  .projecting-equipment__copy>p{
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  .projecting-lines{
    margin-top:12px!important;
  }
  .projecting-lines span{
    padding:6px 0!important;
    line-height:1.35!important;
  }

  .projecting-engineering__points{
    margin-top:12px!important;
  }
  .projecting-engineering__points article{
    padding:5px 0!important;
  }
  .projecting-engineering__points span{
    line-height:1.3!important;
  }

  .projecting-equipment__list{
    margin-top:12px!important;
  }
  .projecting-equipment__list span{
    padding:6px 0!important;
    line-height:1.35!important;
  }
  .projecting-more{
    margin-top:13px!important;
  }

  /* Materials: every title owns a true two-line slot, so all body
     descriptions start at exactly the same vertical position. */
  .projecting-material-grid h3{
    display:block!important;
    box-sizing:border-box!important;
    height:2.2em!important;
    min-height:2.2em!important;
    max-height:2.2em!important;
    line-height:1.1!important;
    margin:0 0 11px!important;
    overflow:hidden!important;
  }
}

/* =========================================================
   v0.21.305 — “Проектирование”, desktop only.
   Correct photo width to the CURRENT Orangery
   “Микроклимат круглый год” geometry.
   Height remains 360px from v0.21.304.
   Mobile/tablet and all other pages remain unchanged.
   ========================================================= */
@media (min-width:981px){
  /* Photo left: same narrow-media / wide-copy proportion as
     .orangery-v2-feature--climate (.82fr / 1.18fr). */
  .projecting-stage,
  .projecting-equipment{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  }

  /* Photo right: exact mirrored geometry. */
  .projecting-engineering{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  }
}

/* =========================================================
   v0.21.306 — “Проектирование”, desktop only.
   1) Engineering copy switches from dark to the same light
      treatment as the first “Эскиз и визуализация” stage.
      The dark photo label remains unchanged.
   2) “Как идёт работа” becomes one compact horizontal row.
   Mobile/tablet and all other pages remain unchanged.
   ========================================================= */
@media (min-width:981px){
  /* Engineering: same light visual language as the first stage. */
  .projecting-engineering__copy{
    background:#f1f3ee!important;
    color:#1a1f1b!important;
  }
  .projecting-engineering__copy .projecting-eyebrow{
    color:#52624e!important;
  }
  .projecting-engineering__copy h2{
    color:#1a1f1b!important;
  }
  .projecting-engineering__copy>p{
    color:#687069!important;
  }
  .projecting-engineering__points{
    border-top:1px solid #d6dbd3!important;
  }
  .projecting-engineering__points article{
    border-bottom:1px solid #d6dbd3!important;
  }
  .projecting-engineering__points b{
    color:#aa8b56!important;
  }
  .projecting-engineering__points span{
    color:#4f5750!important;
  }

  /* Process: remove the oversized two-column/vertical layout. */
  .projecting-process{
    display:block!important;
    padding:42px 0 46px!important;
  }
  .projecting-process__head{
    display:grid!important;
    grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)!important;
    gap:48px!important;
    align-items:end!important;
    margin:0 0 22px!important;
  }
  .projecting-process__head .projecting-eyebrow{
    margin-bottom:8px!important;
  }
  .projecting-process__head h2{
    font-size:38px!important;
    line-height:1.04!important;
  }
  .projecting-process__steps{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    border-top:1px solid #d9ddd6!important;
    border-bottom:1px solid #d9ddd6!important;
  }
  .projecting-process__steps article{
    display:block!important;
    box-sizing:border-box!important;
    min-height:150px!important;
    padding:18px 18px 16px!important;
    border-bottom:0!important;
  }
  .projecting-process__steps article+article{
    border-left:1px solid #d9ddd6!important;
  }
  .projecting-process__steps b{
    display:block!important;
    margin:0 0 15px!important;
  }
  .projecting-process__steps strong{
    display:block!important;
    min-height:2.2em!important;
    margin:0 0 9px!important;
    font-size:17px!important;
    line-height:1.1!important;
  }
  .projecting-process__steps span{
    display:block!important;
    line-height:1.45!important;
  }
}



/* =========================================================
   LUMEN 0.21.308 — INSTALLATION PAGE
   Scope: /services/?service=installation only
   ========================================================= */
.installation-hero{
  min-height:430px;
  background-position:center 48%;
}
.installation-hero__actions{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:28px;
}
.installation-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  border:1px solid #667b59;
  color:#33422f;
  background:#fff;
  text-decoration:none;
  font-size:10px;
  font-weight:900;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.installation-btn--light{
  border-color:#f2f2ee;
  color:#1b201c;
  background:#f2f2ee;
}
.installation-btn--dark{
  min-width:205px;
  border-color:#171b18;
  color:#fff;
  background:#171b18;
}
.installation-inline{
  color:#f2f3ef;
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
  text-decoration:none;
  text-transform:uppercase;
}
.installation-inline span{margin-left:8px}
.installation-page{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
  padding:66px 0 82px;
}
.installation-eyebrow{
  display:block;
  margin-bottom:11px;
  color:#52624e;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.installation-eyebrow--light{color:#b7c3b2}
.installation-lead{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);
  gap:70px;
  align-items:end;
  padding-bottom:72px;
}
.installation-lead h2,
.installation-feature__copy h2,
.installation-section-head h2,
.installation-russia__copy h2,
.installation-final h2{
  margin:0;
  color:#1a1f1b;
  font:500 clamp(36px,4.1vw,54px)/1.04 Georgia,"Times New Roman",serif;
}
.installation-lead__copy p,
.installation-feature__copy>p,
.installation-section-head>p,
.installation-russia__copy p,
.installation-final p{
  margin:0 0 12px;
  color:#687069;
  font-size:13px;
  line-height:1.72;
}
.installation-feature{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(410px,.95fr);
  min-height:500px;
  border-top:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
}
.installation-feature__photo{
  position:relative;
  min-height:500px;
  overflow:hidden;
  background:#e8ebe5;
}
.installation-feature__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.installation-feature__photo>span{
  position:absolute;
  left:0;
  bottom:0;
  padding:10px 14px;
  background:rgba(16,20,17,.87);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}
.installation-feature__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:44px 46px;
  background:#f1f3ee;
}
.installation-feature__copy>p{margin-top:16px}
.installation-lines{
  margin-top:24px;
  border-top:1px solid #d6dbd3;
}
.installation-lines span{
  display:block;
  padding:10px 0;
  border-bottom:1px solid #d6dbd3;
  color:#4f5750;
  font-size:10px;
  line-height:1.45;
}
.installation-process,
.installation-prep,
.installation-quality,
.installation-gallery{
  padding:70px 0;
  border-bottom:1px solid #d9ddd6;
}
.installation-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(370px,.75fr);
  gap:66px;
  align-items:end;
  margin-bottom:30px;
}
.installation-section-head>p{margin:0}
.installation-process__grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#fff;
}
.installation-process__grid article{
  min-height:220px;
  padding:22px 10px;
}
.installation-process__grid article+article{border-left:1px solid #d9ddd6}
.installation-process__grid b{
  display:block;
  margin-bottom:30px;
  color:#aa8b56;
  font-size:9px;
  font-weight:900;
}
.installation-process__grid h3{
  min-height:42px;
  margin:0 0 10px;
  color:#202520;
  font:500 17px/1.08 Georgia,"Times New Roman",serif;
}
.installation-process__grid p{
  margin:0;
  color:#687069;
  font-size:10px;
  line-height:1.55;
}
.installation-prep__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#f5f6f3;
}
.installation-prep__grid article{
  min-height:205px;
  padding:25px 23px;
}
.installation-prep__grid article+article{border-left:1px solid #d9ddd6}
.installation-prep__grid article>span{
  display:block;
  margin-bottom:28px;
  color:#aa8b56;
  font-size:9px;
  font-weight:900;
}
.installation-prep__grid strong{
  display:block;
  margin-bottom:9px;
  color:#202520;
  font:500 22px/1.08 Georgia,"Times New Roman",serif;
}
.installation-prep__grid p{
  margin:0;
  color:#687069;
  font-size:11px;
  line-height:1.6;
}
.installation-russia{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  min-height:430px;
  margin-top:70px;
  background:#171c18;
}
.installation-russia__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
}
.installation-russia__copy h2{color:#fff}
.installation-russia__copy p{
  margin-top:16px;
  margin-bottom:0;
  color:#b9c1ba;
}
.installation-russia__photo{
  position:relative;
  min-height:430px;
  overflow:hidden;
}
.installation-russia__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.88;
}
.installation-russia__photo>div{
  position:absolute;
  left:0;
  bottom:0;
  padding:12px 15px;
  background:rgba(12,15,13,.88);
  color:#fff;
}
.installation-russia__photo span{
  display:block;
  margin-bottom:4px;
  color:#bcc7b9;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.installation-russia__photo strong{
  font-size:10px;
  font-weight:700;
}
.installation-quality__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #d9ddd6;
  border-left:1px solid #d9ddd6;
}
.installation-quality__grid article{
  min-height:98px;
  padding:22px 24px;
  border-right:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
  background:#fff;
}
.installation-quality__grid b{
  display:block;
  margin-bottom:13px;
  color:#aa8b56;
  font-size:9px;
}
.installation-quality__grid span{
  color:#414841;
  font-size:11px;
  line-height:1.45;
}
.installation-gallery__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.installation-gallery figure{
  margin:0;
  background:#fff;
  border:1px solid #d9ddd6;
}
.installation-gallery img{
  width:100%;
  aspect-ratio:16/11;
  object-fit:cover;
  display:block;
}
.installation-gallery figcaption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
}
.installation-gallery figcaption span{
  color:#aa8b56;
  font-size:9px;
  font-weight:900;
}
.installation-gallery figcaption strong{
  color:#353b36;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
}
.installation-final{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
  padding:56px 50px;
  margin-top:70px;
  background:#e9eee4;
  border:1px solid #d7dfd2;
}
.installation-final>div{max-width:760px}
.installation-final p{
  max-width:660px;
  margin-top:16px;
  margin-bottom:0;
}

@media (max-width:980px){
  .installation-lead,
  .installation-section-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .installation-feature,
  .installation-russia{
    grid-template-columns:1fr 1fr;
  }
  .installation-process__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .installation-process__grid article:nth-child(4){border-left:0}
  .installation-process__grid article:nth-child(n+4){border-top:1px solid #d9ddd6}
  .installation-prep__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .installation-prep__grid article:nth-child(3){border-left:0}
  .installation-prep__grid article:nth-child(n+3){border-top:1px solid #d9ddd6}
}

@media (max-width:720px){
  .installation-hero{min-height:390px}
  .installation-hero__actions{
    align-items:flex-start;
    flex-direction:column;
    gap:15px;
  }
  .installation-page{
    width:min(100% - 24px,1200px);
    padding:42px 0 60px;
  }
  .installation-lead{
    padding-bottom:46px;
  }
  .installation-lead h2,
  .installation-feature__copy h2,
  .installation-section-head h2,
  .installation-russia__copy h2,
  .installation-final h2{
    font-size:34px;
  }
  .installation-feature,
  .installation-russia{
    grid-template-columns:1fr;
    min-height:0;
  }
  .installation-feature__photo,
  .installation-russia__photo{
    min-height:310px;
  }
  .installation-feature__copy,
  .installation-russia__copy{
    padding:32px 24px;
  }
  .installation-process,
  .installation-prep,
  .installation-quality,
  .installation-gallery{
    padding:48px 0;
  }
  .installation-process__grid{
    grid-template-columns:1fr 1fr;
  }
  .installation-process__grid article{
    min-height:190px;
  }
  .installation-process__grid article:nth-child(odd){border-left:0}
  .installation-process__grid article:nth-child(even){border-left:1px solid #d9ddd6}
  .installation-process__grid article:nth-child(n+3){border-top:1px solid #d9ddd6}
  .installation-prep__grid{
    grid-template-columns:1fr;
  }
  .installation-prep__grid article+article{
    border-left:0;
    border-top:1px solid #d9ddd6;
  }
  .installation-quality__grid{
    grid-template-columns:1fr;
  }
  .installation-gallery__grid{
    grid-template-columns:1fr;
  }
  .installation-final{
    align-items:flex-start;
    flex-direction:column;
    padding:34px 24px;
    margin-top:48px;
  }
}

@media (max-width:430px){
  .installation-process__grid{grid-template-columns:1fr}
  .installation-process__grid article+article{
    border-left:0!important;
    border-top:1px solid #d9ddd6;
  }
  .installation-process__grid article{
    min-height:auto;
  }
}

/* =========================================================
   v0.21.309 — “Монтаж”, desktop only.
   1) “На объекте” matches the approved “Проектирование /
      Эскиз и визуализация” 1180px × 360px geometry.
   2) “География” uses the same outer/photo geometry mirrored,
      preserving its dark background.
   3) “Как проходит монтаж” reserves exactly two title lines
      so every description begins on one horizontal level.
   Mobile/tablet and all other pages remain unchanged.
   ========================================================= */
@media (min-width:981px){
  .installation-feature,
  .installation-russia{
    width:min(1180px,100%)!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  /* “На объекте”: photo left, exactly like “Эскиз и визуализация”. */
  .installation-feature{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  }

  /* “География”: the same geometry mirrored; dark background stays. */
  .installation-russia{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
  }

  .installation-feature__photo,
  .installation-russia__photo{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-self:stretch!important;
    overflow:hidden!important;
  }

  .installation-feature__photo img,
  .installation-russia__photo img{
    display:block!important;
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    object-fit:cover!important;
  }

  .installation-feature__copy,
  .installation-russia__copy{
    box-sizing:border-box!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    overflow:hidden!important;
  }

  /* Compact only the first row enough to fit its unchanged content. */
  .installation-feature__copy{
    padding:18px 30px!important;
  }
  .installation-feature__copy h2{
    font-size:36px!important;
    line-height:1.04!important;
  }
  .installation-feature__copy>p{
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
  .installation-lines{
    margin-top:12px!important;
  }
  .installation-lines span{
    padding:6px 0!important;
    line-height:1.35!important;
  }

  /* Keep the approved dark visual language in “География”. */
  .installation-russia__copy{
    padding:28px 32px!important;
    background:#171c18!important;
  }
  .installation-russia__copy h2{
    font-size:36px!important;
    line-height:1.04!important;
  }
  .installation-russia__copy p{
    margin-top:10px!important;
    font-size:12px!important;
    line-height:1.5!important;
  }

  /* True two-line title slot in all six process cards. */
  .installation-process__grid h3{
    display:block!important;
    box-sizing:border-box!important;
    height:2.16em!important;
    min-height:2.16em!important;
    max-height:2.16em!important;
    line-height:1.08!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
  }
}

/* =========================================================
   v0.21.310 — “Монтаж”, desktop rhythm + hero buttons.
   Only the requested installation-page spacing/button changes.
   ========================================================= */
@media (min-width:981px){
  /* Pull the first content block up to the banner, matching Projecting. */
  .installation-page{
    padding-top:24px!important;
  }

  /* Hero buttons: exactly the approved Projecting desktop treatment. */
  .installation-hero .installation-hero__actions{
    gap:10px!important;
    margin-top:27px!important;
  }
  .installation-hero .installation-hero__actions > a{
    min-height:40px!important;
    padding:0 16px!important;
    border:1px solid rgba(255,255,255,.48)!important;
    background:rgba(16,20,17,.22)!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    text-decoration:none!important;
    font-family:inherit!important;
    font-size:11px!important;
    font-weight:500!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
    letter-spacing:.05em!important;
    white-space:nowrap!important;
    -webkit-backdrop-filter:blur(4px)!important;
    backdrop-filter:blur(4px)!important;
  }
  .installation-hero .installation-hero__actions > a:hover{
    background:#fff!important;
    border-color:#fff!important;
    color:#1c211d!important;
  }

  /* Reduce the double whitespace between the requested consecutive sections. */
  .installation-process{
    padding-bottom:34px!important;
  }
  .installation-prep{
    padding-top:34px!important;
  }
  .installation-quality{
    padding-bottom:30px!important;
    border-bottom:0!important;
  }
  .installation-gallery{
    padding-top:30px!important;
  }

  /* Remove the last separator after “Объекты LUMEN” and pull the final block up. */
  .installation-gallery{
    padding-bottom:34px!important;
    border-bottom:0!important;
  }
  .installation-final{
    margin-top:34px!important;
  }
}

/* =========================================================
   v0.21.311 — “Монтаж”, desktop only.
   Pull the first content block as high as possible to the hero:
   remove the remaining 24px top padding from v0.21.310.
   No other page or section is changed.
   ========================================================= */
@media (min-width:981px){
  .installation-page{
    padding-top:0!important;
  }
}

/* =========================================================
   v0.21.312 — “Монтаж”, requested fine tuning.
   Desktop only for the lead alignment and the “На объекте” list.
   ========================================================= */
@media (min-width:981px){
  /* Left title closer to the hero; small text on the right sits lower. */
  .installation-lead > div:first-child{
    position:relative!important;
    top:-20px!important;
  }
  .installation-lead__copy{
    position:relative!important;
    top:16px!important;
  }

  /* Use the regular body-text scale and clear checkmarks in “На объекте”. */
  .installation-lines span{
    display:grid!important;
    grid-template-columns:14px minmax(0,1fr)!important;
    column-gap:8px!important;
    align-items:start!important;
    padding:5px 0!important;
    font-size:12px!important;
    line-height:1.42!important;
  }
  .installation-lines span::before{
    content:"\2713"!important;
    color:#667b59!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.42!important;
  }

  /* No empty editorial column after removing the public note. */
  .installation-gallery .installation-section-head{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   v0.21.313 — “Монтаж”
   - “Контроль качества”: larger numbers and body text matched
     to the “До начала монтажа” paragraph scale.
   - “Объекты LUMEN”: clear number → downward arrow → label flow.
   ========================================================= */
.installation-quality__grid b{
  font-size:12px!important;
  line-height:1.2!important;
  margin-bottom:12px!important;
}
.installation-quality__grid span{
  color:#687069!important;
  font-size:11px!important;
  line-height:1.6!important;
}

.installation-gallery figcaption{
  min-height:78px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  padding:11px 16px!important;
  text-align:center!important;
}
.installation-gallery figcaption span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  color:#aa8b56!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
}
.installation-gallery figcaption span::after{
  content:"↓"!important;
  display:block!important;
  margin-top:5px!important;
  color:#8b938c!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:1!important;
}
.installation-gallery figcaption strong{
  color:#353b36!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
}

/* =========================================================
   v0.21.314 — “Монтаж”
   - “Контроль качества”: smaller numbers; body text matches
     “До начала монтажа” exactly in type scale/weight/colour.
   - “Объекты LUMEN”: restore the original horizontal captions,
     no arrows.
   ========================================================= */
.installation-quality__grid b{
  font-size:10px!important;
  line-height:1.2!important;
  margin-bottom:13px!important;
}
.installation-quality__grid span{
  display:block!important;
  margin:0!important;
  color:#687069!important;
  font-family:inherit!important;
  font-weight:400!important;
  line-height:1.6!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

.installation-gallery figcaption{
  min-height:0!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px 16px!important;
  text-align:left!important;
}
.installation-gallery figcaption span{
  display:inline!important;
  color:#aa8b56!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:normal!important;
}
.installation-gallery figcaption span::after{
  content:none!important;
  display:none!important;
}
.installation-gallery figcaption strong{
  color:#353b36!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:normal!important;
  text-transform:uppercase!important;
}



/* v0.21.315 — “Монтаж”: quality-control text size now comes from the same admin “Обычный текст” setting as the “До начала монтажа” copy; no local font-size override. */

/* v0.21.316 — “Монтаж”: process step headings reduced from 20px to 19px so “Герметизация” fits; spacing unchanged. */

/* v0.21.317 — “Монтаж”: all six process-step headings reduced from 19px to 18px; first two stages reordered to 01 Delivery, 02 Site preparation. */

/* v0.21.318 — “Монтаж”: all six process-step titles reduced from 18px to 17px so “Герметизация” fits fully inside its card. */

/* v0.21.319 — “Монтаж”: process-card horizontal padding reduced from 18px to 14px so “Герметизация” fits without further shrinking the type. */

/* v0.21.320 — “Монтаж”: process-card horizontal padding reduced from 14px to 10px so “Герметизация” fully fits. */

/* =========================================================
   v0.21.321 — “Проектирование”, desktop only.
   1) “От исходных данных до готового проекта” sits directly
      below “Как идёт работа”, not in a right-hand column.
   2) Remove the separator below the process block and pull
      “Начать проект” closer to it.
   ========================================================= */
@media (min-width:981px){
  .projecting-process{
    border-bottom:0!important;
  }

  .projecting-process__head{
    display:block!important;
    margin:0 0 22px!important;
  }
  .projecting-process__head .projecting-eyebrow{
    display:block!important;
    margin:0 0 8px!important;
  }
  .projecting-process__head h2{
    margin:0!important;
  }

  .projecting-final{
    margin-top:30px!important;
  }
}

/* =========================================================
   v0.21.322 — “Сервис и обслуживание”.
   Separate maintenance page using the same 1200px content width,
   spacing language and editable site typography categories.
   No other service pages are restyled here.
   ========================================================= */
.maintenance-page{
  width:min(1200px,calc(100% - 40px));
  margin:0 auto;
  padding:0 0 82px;
}
.maintenance-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:27px;
}
.maintenance-btn{
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.48);
  background:rgba(16,20,17,.22);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  text-decoration:none;
  font-family:inherit;
  font-size:11px;
  font-weight:500;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.05em;
  cursor:pointer;
}
.maintenance-btn:hover{background:#fff;border-color:#fff;color:#1c211d}
.maintenance-btn--dark{
  border-color:#171b18;
  background:#171b18;
  color:#fff;
}
.maintenance-btn--dark:hover{background:#273129;border-color:#273129;color:#fff}
.maintenance-eyebrow{
  display:block;
  margin-bottom:11px;
  color:#52624e;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.maintenance-eyebrow--light{color:#b7c3b2}
.maintenance-lead{
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);
  gap:70px;
  align-items:end;
  padding:34px 0 66px;
}
.maintenance-lead h2,
.maintenance-section-head h2,
.maintenance-warranty h2,
.maintenance-final h2{
  margin:0;
  color:#1a1f1b;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:1.06;
}
.maintenance-lead__copy p,
.maintenance-section-head>p,
.maintenance-warranty__copy p,
.maintenance-final p{
  margin:0 0 12px;
  color:#687069;
  line-height:1.72;
}
.maintenance-services,
.maintenance-reasons,
.maintenance-process{
  padding:62px 0;
  border-top:1px solid #d9ddd6;
}
.maintenance-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(370px,.75fr);
  gap:66px;
  align-items:end;
  margin-bottom:30px;
}
.maintenance-section-head>p{margin:0}
.maintenance-section-head--stacked{display:block}
.maintenance-services__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  border-top:1px solid #d9ddd6;
  border-left:1px solid #d9ddd6;
}
.maintenance-services__grid article{
  min-height:220px;
  padding:25px 24px;
  border-right:1px solid #d9ddd6;
  border-bottom:1px solid #d9ddd6;
  background:#fff;
}
.maintenance-card-number,
.maintenance-process__grid b{
  display:block;
  margin-bottom:25px;
  color:#aa8b56;
  font-weight:900;
  letter-spacing:.06em;
}
.maintenance-services__grid h3,
.maintenance-reasons__grid h3,
.maintenance-process__grid h3,
.maintenance-warranty__cards h3{
  margin:0 0 10px;
  color:#202520;
  font-family:Georgia,"Times New Roman",serif;
  font-weight:500;
  line-height:1.08;
}
.maintenance-services__grid p,
.maintenance-reasons__grid p,
.maintenance-process__grid p,
.maintenance-warranty__cards p{
  margin:0;
  color:#687069;
  line-height:1.6;
}
.maintenance-warranty{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(400px,.82fr);
  min-height:390px;
  margin:8px 0 0;
  background:#171c18;
}
.maintenance-warranty__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px;
}
.maintenance-warranty__copy h2{color:#fff}
.maintenance-warranty__copy p{
  max-width:690px;
  margin-top:16px;
  margin-bottom:0;
  color:#b9c1ba;
}
.maintenance-warranty__cards{
  display:grid;
  grid-template-columns:1fr;
  border-left:1px solid rgba(255,255,255,.14);
}
.maintenance-warranty__cards article{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:32px 36px;
}
.maintenance-warranty__cards article+article{border-top:1px solid rgba(255,255,255,.14)}
.maintenance-warranty__cards .maintenance-card-number{margin-bottom:12px;color:#b9c1ba}
.maintenance-warranty__cards h3{color:#fff}
.maintenance-warranty__cards p{color:#b9c1ba}
.maintenance-reasons__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#f5f6f3;
}
.maintenance-reasons__grid article{
  min-height:210px;
  padding:25px 23px;
}
.maintenance-reasons__grid article+article{border-left:1px solid #d9ddd6}
.maintenance-process__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border:1px solid #d9ddd6;
  background:#fff;
}
.maintenance-process__grid article{
  min-height:215px;
  padding:25px 23px;
}
.maintenance-process__grid article+article{border-left:1px solid #d9ddd6}
.maintenance-final{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
  padding:52px 50px;
  margin-top:8px;
  background:#e9eee4;
  border:1px solid #d7dfd2;
}
.maintenance-final>div{max-width:760px}
.maintenance-final p{
  max-width:660px;
  margin-top:16px;
  margin-bottom:0;
}

@media (max-width:980px){
  .maintenance-lead,
  .maintenance-section-head{
    grid-template-columns:1fr;
    gap:24px;
  }
  .maintenance-services__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .maintenance-services__grid article:nth-child(odd){border-left:0}
  .maintenance-warranty{grid-template-columns:1fr 1fr}
  .maintenance-reasons__grid,
  .maintenance-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .maintenance-reasons__grid article:nth-child(3),
  .maintenance-process__grid article:nth-child(3){border-left:0}
  .maintenance-reasons__grid article:nth-child(n+3),
  .maintenance-process__grid article:nth-child(n+3){border-top:1px solid #d9ddd6}
}

@media (max-width:720px){
  .maintenance-hero__actions{
    align-items:flex-start;
    flex-direction:column;
    gap:12px;
  }
  .maintenance-page{
    width:min(100% - 24px,1200px);
    padding-bottom:60px;
  }
  .maintenance-lead{padding:28px 0 46px}
  .maintenance-services,
  .maintenance-reasons,
  .maintenance-process{padding:48px 0}
  .maintenance-services__grid,
  .maintenance-reasons__grid,
  .maintenance-process__grid{grid-template-columns:1fr}
  .maintenance-services__grid article,
  .maintenance-reasons__grid article,
  .maintenance-process__grid article{min-height:auto}
  .maintenance-services__grid article+article,
  .maintenance-reasons__grid article+article,
  .maintenance-process__grid article+article{
    border-left:0;
    border-top:1px solid #d9ddd6;
  }
  .maintenance-warranty{
    grid-template-columns:1fr;
    min-height:0;
  }
  .maintenance-warranty__copy{padding:34px 24px}
  .maintenance-warranty__cards{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .maintenance-warranty__cards article{padding:28px 24px}
  .maintenance-final{
    align-items:flex-start;
    flex-direction:column;
    padding:34px 24px;
  }
}

/* =========================================================
   v0.21.323 — “Сервис и обслуживание”, desktop only.
   Pull only the left lead block (“После монтажа” + H2)
   closer to the hero banner. The right-hand copy is unchanged.
   ========================================================= */
@media (min-width:981px){
  .maintenance-lead > div:first-child{
    position:relative!important;
    top:-34px!important;
  }
}


/* v0.21.325 — Service & Maintenance: left opening block moved the full 34px upward, removing the remaining gap to the hero; right copy unchanged. */

/* =========================================================
   v0.21.326 — unified first block after the hero.
   Desktop reference: current “Зимние сады” = 34px.
   Only the opening vertical offset is unified; internal content,
   typography, widths and all later sections remain unchanged.
   ========================================================= */
@media (min-width:981px){
  :root{
    --lumen-inner-first-block-top:34px;
  }

  /* Orangeries */
  .orangery-v2-intro{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }

  /* Equipment */
  .lumen-equipment-body{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }

  /* Contacts */
  .lumen-contact-body{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }

  /* About: cancel the generic outer top inset and use the same
     34px opening inset inside the page-specific body. */
  .lumen-about-main{
    padding-top:0!important;
  }
  .lumen-about-main > .lumen-about-body{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }

  /* Generic “Услуги” overview */
  .lumen-services-main{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }

  /* Projecting */
  .projecting-page{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }

  /* Installation: remove the older local negative lift so the
     left opening title begins exactly on the shared 34px line. */
  .installation-page{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }
  .installation-lead > div:first-child{
    top:0!important;
  }

  /* Service & Maintenance: replace the previous local -34px fix
     with the same normal 34px page inset used everywhere else. */
  .maintenance-page{
    padding-top:var(--lumen-inner-first-block-top)!important;
  }
  .maintenance-lead{
    padding-top:0!important;
  }
  .maintenance-lead > div:first-child{
    top:0!important;
  }
}

/* =========================================================
   v0.21.327 — first two-column blocks: align to the top.
   The outer 34px hero-to-content spacing from v0.21.326 stays
   unchanged. This prevents a taller right-hand paragraph from
   pushing the left title block lower.
   Reference behavior: “Зимние сады”.
   ========================================================= */
@media (min-width:981px){
  .orangery-v2-intro,
  .projecting-lead,
  .installation-lead,
  .maintenance-lead{
    align-items:start!important;
  }
}

/* =========================================================
   v0.21.328 — “Наши работы”.
   First block follows the same 34px hero-to-content rhythm
   and top alignment as the unified internal pages.
   ========================================================= */
@media (min-width:981px){
  .lumen-works-main{
    padding-top:34px!important;
  }
  .lumen-works-intro{
    align-items:start!important;
  }
}

/* =========================================================
   v0.21.330 — Equipment mobile index.
   Keep 3 columns × 3 rows, but give all nine tiles the same
   height and lock icon/text areas so larger service text does
   not move icons to different vertical positions.
   ========================================================= */
@media (max-width:600px){
  .lumen-equipment-index{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:120px!important;
    align-items:stretch!important;
  }
  .lumen-equipment-index a{
    min-height:120px!important;
    height:120px!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:34px 42px!important;
    align-content:center!important;
    justify-items:center!important;
    row-gap:8px!important;
    padding:12px 5px!important;
  }
  .lumen-equipment-index svg,
  .lumen-equipment-index img{
    width:32px!important;
    height:32px!important;
    min-width:32px!important;
    min-height:32px!important;
    max-width:32px!important;
    max-height:32px!important;
    object-fit:contain!important;
    align-self:center!important;
  }
  .lumen-equipment-index span{
    min-height:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1.2!important;
    overflow:visible!important;
  }
}



/* =========================================================
   v0.21.331 — Equipment mobile labels.
   1) Long icon labels stay inside their tile and wrap naturally.
   2) The small heating note remains controlled by the existing
      “Служебный текст — телефон” setting from LUMEN typography.
   Desktop is unchanged.
   ========================================================= */
@media (max-width:600px){
  .lumen-equipment-index a{
    min-width:0!important;
    overflow:hidden!important;
  }
  .lumen-equipment-index span{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0 2px!important;
    box-sizing:border-box!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    hyphens:auto!important;
  }
}

/* =========================================================
   v0.21.332 — Equipment mobile section rhythm.
   Mobile only: separate the major semantic sections with one
   subtle rule and a compact 28px total vertical pause.
   Detail cards 01–09 stay grouped without extra separators.
   Desktop/tablet and all other pages are unchanged.
   ========================================================= */
.lumen-equipment-mobile-divider{
  display:none;
}
@media (max-width:600px){
  .lumen-equipment-intro{
    margin-bottom:0!important;
  }
  .lumen-equipment-mobile-divider{
    display:block;
    width:100%;
    height:1px;
    margin:14px 0;
    background:#d9ddd6;
  }
  .lumen-equipment-mobile-divider + .lumen-equipment-packages,
  .lumen-equipment-mobile-divider + .lumen-equipment-bottom-cta{
    margin-top:0!important;
  }
}

/* =========================================================
   v0.21.335 — unified mobile first-block offset after the hero.
   Mobile only. Reference: Equipment page.
   Desktop rules are intentionally untouched.
   ========================================================= */
@media (max-width:760px){
  :root{
    --lumen-mobile-first-block-top:34px;
  }

  /* Generic internal pages: Projects, Prices and other multi-main pages. */
  .multi-main{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* About has a nested body, so avoid adding the outer + inner offsets. */
  .lumen-about-main{
    padding-top:0!important;
  }
  .lumen-about-main > .lumen-about-body{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Contacts and Equipment-style page bodies. */
  .lumen-contact-body,
  .lumen-equipment-body{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Portfolio / Works. */
  .lumen-works-main{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Greenhouses. */
  .greenhouse-page{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Orangeries: the first section itself carries the opening inset. */
  .orangery-v2-intro{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Winter Gardens: first visible content section after the hero. */
  .wintergarden-page .wg-layouts--visual{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Services and service detail pages. */
  .lumen-services-main,
  .projecting-page,
  .installation-page,
  .maintenance-page{
    padding-top:var(--lumen-mobile-first-block-top)!important;
  }

  /* Service detail sections should not add a second opening inset. */
  .projecting-lead,
  .installation-lead,
  .maintenance-lead{
    padding-top:0!important;
  }
}

@media (max-width:600px){
  :root{
    --lumen-mobile-first-block-top:30px;
  }
}

/* =========================================================
   v0.21.336 — service detail hero buttons, mobile only.
   Reference: Winter Gardens approved mobile CTA pair.
   Installation and Maintenance now use the same opaque green
   treatment and the same two-column placement.
   Desktop/tablet and all other page styling are unchanged.
   ========================================================= */
@media (max-width:640px){
  body.multi-page .installation-hero__actions,
  body.multi-page .maintenance-hero__actions{
    margin-top:16px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:stretch!important;
    gap:11px!important;
    width:100%!important;
  }

  body.multi-page .installation-hero__actions > a,
  body.multi-page .maintenance-hero__actions > .maintenance-btn{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:53px!important;
    height:auto!important;
    padding:9px 18px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(255,255,255,.82)!important;
    background:#243027!important;
    color:#fff!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.045em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    white-space:normal!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    opacity:1!important;
    text-shadow:none!important;
  }

  body.multi-page .installation-hero__actions > a span{
    margin-left:8px!important;
  }
}

/* =========================================================
   v0.21.339 — Projecting / Engineering calculation.
   Keep the dark caption rectangle and pin it flush to the
   bottom-left corner of the photo.
   No other layout, photo geometry or text is changed.
   ========================================================= */
.projecting-engineering__label{
  display:block!important;
  left:0!important;
  bottom:0!important;
}

/* =========================================================
   v0.21.341 — Orangeries / Engineering systems.
   Mobile only: remove bold weight from system names.
   Desktop remains unchanged.
   ========================================================= */
@media(max-width:640px){
  .orangery-v2-engineering__list span{
    font-weight:400!important;
  }
}


/* =========================================================
   v0.21.349 — Projecting page refinements.
   - “Эскиз и визуализация”: checklist-style rows with safe CSS checkmarks
     and slightly stronger text for readability.
   - “Оборудование в проекте”: add breathing room to the right column
     without moving the divider or the left column.
   ========================================================= */
.projecting-lines span{
  position:relative;
  padding-left:22px;
  font-weight:600;
}
.projecting-lines span::before{
  content:"\2713";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  color:#6f825f;
  font-weight:800;
}
.projecting-equipment__list span:nth-child(even){
  padding-left:26px;
}

@media(max-width:980px){
  .projecting-lines span{
    padding-left:22px!important;
  }
  .projecting-equipment__list span:nth-child(even){
    padding-left:26px!important;
  }
}

/* =========================================================
   v0.21.350 — Projecting page spacing refinement.
   - Give checklist checkmarks a clear gap from their text.
   - Move only the desktop right column of the equipment list
     farther away from the vertical divider.
   ========================================================= */
.projecting-lines span{
  padding-left:34px!important;
}
.projecting-lines span::before{
  left:4px!important;
}
@media(min-width:981px){
  .projecting-equipment__list span:nth-child(even){
    padding-left:44px!important;
  }
}

/* =========================================================
   v0.21.358 — Projecting / “Оборудование в проекте”.
   Mobile only: replace the staggered two-column legacy spacing with
   one clear vertical list, compact pictogram markers and stronger
   row separators. Desktop/tablet geometry remains unchanged.
   ========================================================= */
@media(max-width:640px){
  .projecting-equipment__list{
    display:flex!important;
    flex-direction:column!important;
    margin-top:22px!important;
    border-top:1px solid #cfd5cc!important;
  }
  .projecting-equipment__list>span,
  .projecting-equipment__list>span:nth-child(odd),
  .projecting-equipment__list>span:nth-child(even){
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:12px 0 12px 42px!important;
    border-right:0!important;
    border-bottom:1px solid #cfd5cc!important;
    color:#414a42!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:600!important;
    text-align:left!important;
  }
  .projecting-equipment__list>span::before{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border:1px solid #9eaa9a;
    border-radius:50%;
    color:#65775f;
    font-size:19px;
    line-height:1;
    font-weight:500;
  }
  .projecting-equipment__list>span:nth-child(1)::before{content:"♨";}
  .projecting-equipment__list>span:nth-child(2)::before{content:"↔";}
  .projecting-equipment__list>span:nth-child(3)::before{content:"☼";}
  .projecting-equipment__list>span:nth-child(4)::before{content:"≋";}
  .projecting-equipment__list>span:nth-child(5)::before{content:"⌁";}
  .projecting-equipment__list>span:nth-child(6)::before{content:"⚙";}
  .projecting-equipment__list>span:nth-child(n+7)::before{content:"•";}
}


/* =========================================================
   v0.21.361 — greenhouse engineering title alignment (desktop only)
   Reserve exactly two title lines so every description begins at the same level.
   ========================================================= */
@media (min-width:1001px){
  .greenhouse-tech-grid h3{
    min-height:2.2em;
  }
}
/* v0.21.364 — Equipment desktop: align “Рассчитать →” at the same bottom offset in package cards.
   This belongs in styles.css because page-equipment.php loads this stylesheet directly. */
@media (min-width:821px){
  .lumen-equipment-package-grid article{display:flex;flex-direction:column;}
  .lumen-equipment-package-grid article>a{margin-top:auto;align-self:flex-start;}
}

/* =========================================================
   v0.21.366 — Service & Maintenance, desktop only.
   1) Reserve exactly two title lines in “Сервисные работы” and
      “Когда нужен сервис”, so all descriptions start on one level.
   2) Reduce only the Warranty block's excess vertical height.
   Mobile/tablet remain unchanged.
   ========================================================= */
@media (min-width:981px){
  .maintenance-services__grid h3,
  .maintenance-reasons__grid h3{
    display:block!important;
    box-sizing:border-box!important;
    height:2.16em!important;
    min-height:2.16em!important;
    max-height:2.16em!important;
    line-height:1.08!important;
    margin:0 0 10px!important;
    overflow:hidden!important;
  }

  .maintenance-warranty{
    min-height:350px!important;
  }
}


/* =========================================================
   v0.21.373 — mobile КП reassurance text + centered total
   ========================================================= */
@media(max-width:820px){
  .calc-reference-page .mobile-calc-sticky>div{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    padding:0 8px !important;
  }
  .calc-reference-page .mobile-calc-sticky strong#mobileGrandTotal{
    width:100% !important;
    text-align:center !important;
  }
}
@media(max-width:760px){
  #requestModal .quote-email-note{
    display:block !important;
    margin:8px 0 0 !important;
    padding:0 4px !important;
    background:transparent !important;
    border:0 !important;
    color:#646a63 !important;
    font-size:10px !important;
    line-height:1.35 !important;
    text-align:center !important;
  }
}


/* =========================================================
   v0.21.374 — Desktop КП: same reassurance line as mobile.
   ========================================================= */
@media(min-width:761px){
  #requestModal .quote-email-note{
    display:block !important;
    margin:10px 0 0 !important;
    padding:0 4px !important;
    background:transparent !important;
    border:0 !important;
    color:#646a63 !important;
    font-size:11px !important;
    line-height:1.4 !important;
    text-align:center !important;
  }
}

/* v0.21.375 — Calculator/КП promotional totals: explicit before-discount and after-discount totals. */

/* v0.21.376 — Promo emphasis is scoped in page-calculator.php; no sitewide layout changes. */

/* =========================================================
   v0.21.394 — homepage hero follows the approved internal-banner rhythm.
   Desktop only: same lower zone as Winter Gardens and the same
   transparent CTA treatment on all three slides. Mobile stays on the
   already-approved unified mobile hero layout.
   ========================================================= */
@media(min-width:981px){
  body.home-premium .premium-hero-copy{
    top:auto !important;
    bottom:32px !important;
    transform:none !important;
  }
  body.home-premium .premium-hero-actions{
    margin-top:20px !important;
    gap:10px !important;
  }
  body.home-premium .premium-hero-actions > .premium-btn{
    min-height:40px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    background:rgba(16,20,17,.22) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
  }
  body.home-premium .premium-hero-actions > .premium-btn:hover{
    background:#fff !important;
    border-color:#fff !important;
    color:#1c211d !important;
  }
}



/* =========================================================
   v0.21.395 — homepage hero spacing exactly matches Winter Gardens.
   Keeps each slide's text/content intact; only vertical rhythm and CTA
   geometry are synchronized with the approved Winter Gardens banner.
   ========================================================= */
@media(min-width:981px){
  body.home-premium .premium-eyebrow{
    display:block !important;
    margin:0 !important;
    line-height:1.25 !important;
    letter-spacing:.16em !important;
  }
  body.home-premium .premium-hero-copy h1{
    margin:8px 0 12px !important;
    line-height:.98 !important;
    letter-spacing:-.02em !important;
  }
  body.home-premium .premium-hero-copy>p:not(.premium-eyebrow){
    margin:0 !important;
    line-height:1.45 !important;
    max-width:760px !important;
  }
  body.home-premium .premium-hero-actions{
    margin-top:20px !important;
    gap:10px !important;
  }
  body.home-premium .premium-hero-actions>.premium-btn{
    min-width:0 !important;
  }
}
@media(max-width:640px){
  body.home-premium .premium-eyebrow{
    display:block !important;
    margin:0 !important;
    line-height:1.25 !important;
  }
  body.home-premium .premium-hero-copy h1{
    margin:7px 0 10px !important;
    line-height:1 !important;
  }
  body.home-premium .premium-hero-copy>p:not(.premium-eyebrow){
    margin:0 !important;
    line-height:1.4 !important;
  }
  body.home-premium .premium-hero-actions{
    margin-top:16px !important;
  }
}


/* =========================================================
   v0.21.396 — homepage hero desktop grid + one-line headings.
   Desktop only. Aligns the whole copy block to the same centered
   1180px content grid used by Winter Gardens/internal pages.
   Existing vertical rhythm and mobile layout remain untouched.
   ========================================================= */
@media(min-width:981px){
  body.home-premium .premium-hero-copy{
    left:50% !important;
    right:auto !important;
    width:min(1180px,calc(100% - 40px)) !important;
    max-width:1180px !important;
    transform:translateX(-50%) !important;
    box-sizing:border-box !important;
  }
  body.home-premium .premium-hero-copy h1{
    max-width:none !important;
    font-size:clamp(52px,5vw,69px) !important;
    white-space:nowrap !important;
  }
  body.home-premium .premium-hero-copy h1 br{
    display:none !important;
  }
}


/* =========================================================
   v0.21.398 — homepage hero desktop bottom anchoring fix.
   The copy block is anchored directly to the bottom edge of the hero
   at the same 32px lower zone as Winter Gardens; slider dots are ignored.
   Internal spacing/grid and mobile layout remain untouched.
   ========================================================= */
@media(min-width:981px){
  body.home-premium .premium-hero-copy{
    top:auto !important;
    bottom:32px !important;
  }
}

/* =========================================================
   v0.21.399 — homepage advantage strip desktop compaction.
   Desktop/tablet only: reduces vertical air and icon-to-label gap,
   with only a very small icon reduction. Mobile remains untouched.
   ========================================================= */
@media(min-width:1181px){
  body.home-premium .home-advantage-item{
    min-height:118px;
    padding:12px 12px 10px;
    gap:8px;
  }
  body.home-premium .home-advantage-item svg{
    width:64px;
    height:64px;
  }
}
@media(min-width:761px) and (max-width:1180px){
  body.home-premium .home-advantage-item{
    min-height:112px;
    padding:10px 8px 9px;
    gap:8px;
  }
  body.home-premium .home-advantage-item svg{
    width:56px;
    height:56px;
  }
}

/* =========================================================
   v0.21.400 — homepage advantage strip desktop second compaction.
   Wide desktop only: keep icons at 64px, reduce vertical air further
   and tighten the icon-to-label gap. Tablet/mobile remain unchanged.
   ========================================================= */
@media(min-width:1181px){
  body.home-premium .home-advantage-item{
    min-height:106px;
    padding:6px 12px 5px;
    gap:4px;
  }
  body.home-premium .home-advantage-item svg{
    width:64px;
    height:64px;
  }
}
/* =========================================================
   v0.21.401 — homepage hero arrows + advantage strip refinement.
   Arrows are vertically centered against the actual hero banner at all
   breakpoints. Advantage icons/strip are slightly smaller and tighter
   on desktop, tablet and mobile; icon artwork itself is unchanged.
   ========================================================= */
body.home-premium .premium-hero > .premium-arrow{
  top:50% !important;
  transform:translateY(-50%) !important;
}
@media(min-width:1181px){
  body.home-premium .home-advantage-item{
    min-height:100px;
    padding:4px 12px 4px;
    gap:3px;
  }
  body.home-premium .home-advantage-item svg{
    width:60px;
    height:60px;
  }
}
@media(min-width:761px) and (max-width:1180px){
  body.home-premium .home-advantage-item{
    min-height:104px;
    padding:7px 8px 7px;
    gap:6px;
  }
  body.home-premium .home-advantage-item svg{
    width:52px;
    height:52px;
  }
}
@media(max-width:760px){
  body.home-premium .home-advantage-item{
    min-height:106px;
    padding:10px 9px 9px;
    gap:6px;
  }
  body.home-premium .home-advantage-item svg{
    width:44px;
    height:44px;
  }
}


/* =========================================================
   v0.21.402 — homepage advantage strip mobile height only.
   Mobile only: reduce the strip/card height by removing extra
   vertical air. Icon artwork/size and label typography are untouched.
   Desktop/tablet remain exactly as in v0.21.401.
   ========================================================= */
@media(max-width:760px){
  body.home-premium .home-advantage-item{
    min-height:92px;
    padding:3px 9px;
  }
}


/* =========================================================
   v0.21.403 — homepage advantage strip stronger mobile compaction.
   Mobile only: make the strip visibly shorter. Icon artwork/size,
   label typography and gap stay unchanged; desktop/tablet untouched.
   ========================================================= */
@media(max-width:760px){
  body.home-premium .home-advantage-item{
    min-height:80px;
    padding:0 9px;
  }
}

/* =========================================================
   v0.21.404 — Homepage “Что входит в теплицу ЛЮМЕН”.
   Only the feature cards are changed; the central image is untouched.
   Equal card geometry, aligned rows, larger card typography on desktop/mobile.
   ========================================================= */
.home-premium .refhome-cutaway .refhome-side{
  grid-template-rows:repeat(4,108px);
}
.home-premium .refhome-cutaway .refhome-feature,
.home-premium .refhome-cutaway .refhome-feature-vent{
  width:100%;
  height:108px;
  min-height:108px;
  margin:0;
  padding:13px 12px;
  box-sizing:border-box;
}
.home-premium .refhome-cutaway .refhome-feature strong{
  font-size:11px;
  line-height:1.2;
  margin:1px 0 6px;
}
.home-premium .refhome-cutaway .refhome-feature p{
  font-size:10px;
  line-height:1.42;
}
@media(max-width:1100px) and (min-width:761px){
  .home-premium .refhome-cutaway .refhome-side{grid-template-rows:repeat(4,112px)}
  .home-premium .refhome-cutaway .refhome-feature,
  .home-premium .refhome-cutaway .refhome-feature-vent{height:112px;min-height:112px;padding:11px 10px}
  .home-premium .refhome-cutaway .refhome-feature strong{font-size:10.5px}
  .home-premium .refhome-cutaway .refhome-feature p{font-size:9.2px;line-height:1.4}
}
@media(max-width:760px){
  .home-premium .refhome-cutaway .refhome-feature,
  .home-premium .refhome-cutaway .refhome-feature-vent{
    width:100%;
    height:118px;
    min-height:118px;
    margin:0;
    padding:12px 11px;
  }
  .home-premium .refhome-cutaway .refhome-feature strong{font-size:11.4px;line-height:1.2;margin-bottom:6px}
  .home-premium .refhome-cutaway .refhome-feature p{font-size:10.2px;line-height:1.42}
}


/* =========================================================
   v0.21.405 — Homepage “Что входит в теплицу ЛЮМЕН” typography/mobile alignment.
   Desktop: increase only feature description text.
   Mobile: two strictly equal columns; icon centered above title/description;
   equal card geometry and larger title/description typography.
   Central cutaway image remains untouched.
   ========================================================= */
@media(min-width:1101px){
  .home-premium .refhome-cutaway .refhome-feature p{
    font-size:11.2px;
    line-height:1.46;
  }
}
@media(max-width:760px){
  .home-premium .refhome-cutaway .refhome-cutaway-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .home-premium .refhome-cutaway .refhome-feature,
  .home-premium .refhome-cutaway .refhome-feature-vent{
    min-width:0;
    width:100%;
    height:152px;
    min-height:152px;
    padding:10px 8px 11px;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:7px;
    text-align:center;
  }
  .home-premium .refhome-cutaway .refhome-feature svg{
    display:block;
    margin:0 auto;
  }
  .home-premium .refhome-cutaway .refhome-feature>div{
    width:100%;
    min-width:0;
    text-align:center;
  }
  .home-premium .refhome-cutaway .refhome-feature strong{
    font-size:12.2px;
    line-height:1.22;
    margin:0 0 6px;
  }
  .home-premium .refhome-cutaway .refhome-feature p{
    font-size:12.2px;
    line-height:1.4;
  }
}

/* v0.21.406 — Mobile cutaway description text +1px; title/icon/card geometry unchanged. */

/* =========================================================
   v0.21.407 — Public CTA typography, desktop only.
   Reduce heavy 800/900 CTA labels to medium 500 across public pages.
   Mobile/tablet rules and calculator controls remain unchanged.
   ========================================================= */
@media(min-width:981px){
  body.home-premium .premium-btn,
  body.home-premium .refhome-btn,
  body.multi-page .wg-btn,
  body.multi-page .multi-btn,
  body.multi-page .greenhouse-action,
  body.multi-page .greenhouse-equipment-link,
  body.multi-page .orangery-premium-btn,
  body.multi-page .orangery-premium-link,
  body.multi-page .orangery-v2-equipment-link,
  body.multi-page .projecting-btn,
  body.multi-page .projecting-inline,
  body.multi-page .projecting-more,
  body.multi-page .installation-btn,
  body.multi-page .installation-inline,
  body.multi-page .maintenance-btn,
  body.multi-page .lumen-equipment-btn,
  body.multi-page .lumen-transition,
  body.multi-page .lumen-route-primary,
  body.multi-page .lumen-route-secondary,
  body.multi-page .lumen-work-card__body>a,
  body.multi-page .lumen-work-card__body>button,
  body:not(.calc-reference-page) .lumen-shared-footer__btn,
  body:not(.calc-reference-page) .lumen-callback-submit{
    font-weight:500!important;
  }
}

/* =========================================================
   v0.21.409 — Homepage readability in three approved sections.
   “Как мы работаем”: larger step titles and descriptions.
   “Гарантии и сервис”: larger card titles and descriptions.
   “Почему выбирают ЛЮМЕН”: larger fact labels/descriptions;
   primary numeric values stay unchanged.
   Applies to desktop and mobile only within these sections.
   ========================================================= */
.home-premium .refhome-facts-grid strong small{
  font-size:13px;
  line-height:1.18;
}
.home-premium .refhome-facts-grid p{
  font-size:12.5px;
  line-height:1.46;
}
.home-premium .refhome-process-line strong{
  font-size:18px;
  line-height:1.24;
}
.home-premium .refhome-process-line p{
  font-size:12.5px;
  line-height:1.48;
}
.home-premium .refhome-service-grid strong{
  font-size:14px;
  line-height:1.34;
}
.home-premium .refhome-service-grid p{
  font-size:12px;
  line-height:1.5;
}
@media(max-width:760px){
  .home-premium .refhome-facts-grid strong small{font-size:13.5px}
  .home-premium .refhome-facts-grid p{font-size:12.5px;line-height:1.46}
  .home-premium .refhome-process-line strong{font-size:18px;line-height:1.24}
  .home-premium .refhome-process-line p{font-size:12.5px;line-height:1.48}
  .home-premium .refhome-service-grid strong{font-size:14.5px;line-height:1.34}
  .home-premium .refhome-service-grid p{font-size:12.2px;line-height:1.5}
}



/* =========================================================
   v0.21.410 — Homepage readability follow-up.
   Desktop: FAQ questions and answers slightly larger.
   Mobile: stronger readability in service, facts and FAQ.
   Scoped to homepage sections only.
   ========================================================= */
.home-premium .refhome-faq summary{
  font-size:13.5px;
  line-height:1.38;
}
.home-premium .refhome-faq details p{
  font-size:11.8px;
  line-height:1.62;
}
@media(max-width:760px){
  .home-premium .refhome-service-grid strong{font-size:16px;line-height:1.34}
  .home-premium .refhome-service-grid p{font-size:13.2px;line-height:1.52}
  .home-premium .refhome-facts-grid strong small{font-size:15px;line-height:1.18}
  .home-premium .refhome-facts-grid p{font-size:13.4px;line-height:1.5}
  .home-premium .refhome-faq .refhome-heading>span{font-size:12.5px;line-height:1.2}
  .home-premium .refhome-faq summary{font-size:14.5px;line-height:1.4;padding-top:16px;padding-bottom:16px}
  .home-premium .refhome-faq details p{font-size:13px;line-height:1.6}
}

/* =========================================================
   v0.21.411 — Homepage mobile process slider affordance.
   Adds five tappable progress dots to “Как мы работаем”;
   desktop layout is unchanged.
   ========================================================= */
.refhome-process-dots{display:none}
@media(max-width:760px){
  .home-premium .refhome-process-line{scrollbar-width:none;-ms-overflow-style:none}
  .home-premium .refhome-process-line::-webkit-scrollbar{display:none}
  .home-premium .refhome-process-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;min-height:16px}
  .home-premium .refhome-process-dots button{width:9px;height:9px;padding:0;border:1px solid #7f897c;border-radius:50%;background:transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
  .home-premium .refhome-process-dots button.is-active{background:#52624E;border-color:#52624E;transform:scale(1.18)}
}



/* =========================================================
   v0.21.412 — Homepage mobile projects slider affordance.
   Adds tappable progress dots to “Реализованные проекты”;
   desktop layout and the hero advantage strip are unchanged.
   ========================================================= */
.refhome-project-dots{display:none}
@media(max-width:760px){
  .home-premium .refhome-project-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px;min-height:16px}
  .home-premium .refhome-project-dots button{width:9px;height:9px;padding:0;border:1px solid #7f897c;border-radius:50%;background:transparent;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
  .home-premium .refhome-project-dots button.is-active{background:#52624E;border-color:#52624E;transform:scale(1.18)}
}


/* =========================================================
   v0.21.421 — “Монтаж”, mobile only.
   1) “На объекте”: green checkmarks before each list item.
   2) Remove only the major section-divider rules.
   3) Tighten vertical rhythm between the installation blocks.
   Desktop/tablet and internal card borders remain unchanged.
   ========================================================= */
@media (max-width:720px){
  .installation-lines span{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr)!important;
    column-gap:8px!important;
    align-items:start!important;
  }
  .installation-lines span::before{
    content:"\2713"!important;
    color:#667b59!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.45!important;
  }

  .installation-feature{
    border-top:0!important;
    border-bottom:0!important;
  }
  .installation-process,
  .installation-prep,
  .installation-quality,
  .installation-gallery{
    border-bottom:0!important;
    padding-top:28px!important;
    padding-bottom:28px!important;
  }
  .installation-lead{
    padding-bottom:30px!important;
  }
  .installation-russia{
    margin-top:28px!important;
  }
  .installation-final{
    margin-top:28px!important;
  }
}

/* =========================================================
   v0.21.422 — Mobile structural lines, site-wide.
   Slightly strengthens only informational grids/cards on phones:
   1px -> 1.5px. Desktop, buttons, form fields, photo cards,
   header/footer and major section dividers remain unchanged.
   ========================================================= */
@media (max-width:720px){
  body.home-premium .home-advantage-bar,
  body.home-premium .home-advantage-item,
  body.home-premium .refhome-feature,
  body.home-premium .refhome-facts-grid article,
  body.home-premium .refhome-facts-band,
  body.home-premium .refhome-service-grid article,
  body.home-premium .premium-equipment-bar,
  body.home-premium .premium-equipment-bar a,
  body.home-premium .premium-benefit-strip>div,

  body.multi-page .multi-card,
  body.multi-page .service-steps article,
  body.multi-page .contact-page-grid section,

  body.multi-page .lumen-about-process-grid article,
  body.multi-page .lumen-about-resource-grid,
  body.multi-page .lumen-about-resource-grid article,

  body.multi-page .lumen-equipment-index,
  body.multi-page .lumen-equipment-index a,
  body.multi-page .lumen-equipment-packages,
  body.multi-page .lumen-equipment-package-grid article,

  body.multi-page .greenhouse-tech-grid,
  body.multi-page .greenhouse-tech-grid article,
  body.multi-page .greenhouse-standard-grid,
  body.multi-page .greenhouse-standard-grid article,
  body.multi-page .greenhouse-options__list span,
  body.multi-page .greenhouse-finish__columns,
  body.multi-page .greenhouse-finish__columns article,
  body.multi-page .greenhouse-warranty__items article,
  body.multi-page .greenhouse-not-included__items span,

  body.multi-page .wg-layout-grid,
  body.multi-page .wg-layout-grid article,
  body.multi-page .wg-engineering__points,
  body.multi-page .wg-engineering__points span,
  body.multi-page.wintergarden-page .wg-specs--cards,
  body.multi-page.wintergarden-page .wg-specs--cards article,

  body.multi-page .orangery-v2-lines,
  body.multi-page .orangery-v2-lines article,
  body.multi-page .orangery-v2-types,
  body.multi-page .orangery-v2-types>div,
  body.multi-page .orangery-v2-engineering__list,
  body.multi-page .orangery-v2-engineering__list span,
  body.multi-page .orangery-v2-design__grid,
  body.multi-page .orangery-v2-design__grid article,

  body.multi-page .projecting-lines,
  body.multi-page .projecting-lines span,
  body.multi-page .projecting-material-grid,
  body.multi-page .projecting-material-grid article,
  body.multi-page .projecting-engineering__points,
  body.multi-page .projecting-engineering__points article,
  body.multi-page .projecting-site-grid,
  body.multi-page .projecting-site-grid article,
  body.multi-page .projecting-docs__grid,
  body.multi-page .projecting-docs__grid article,
  body.multi-page .projecting-process__steps,
  body.multi-page .projecting-process__steps article,

  body.multi-page .installation-lines,
  body.multi-page .installation-lines span,
  body.multi-page .installation-process__grid,
  body.multi-page .installation-process__grid article,
  body.multi-page .installation-prep__grid,
  body.multi-page .installation-prep__grid article,
  body.multi-page .installation-quality__grid,
  body.multi-page .installation-quality__grid article{
    border-width:1.5px!important;
  }
}
/* =========================================================
   v0.21.423 — Winter garden “Зимний сад LUMEN” benefits.
   Mobile only: make the pictograms substantially larger.
   ========================================================= */
@media (max-width:640px){
  body.wintergarden-page .wg-visual-benefits__icon{
    flex:0 0 40px;
    width:40px;
    height:40px;
    font-size:30px;
  }
}


/* =========================================================
   v0.21.424 — Winter Gardens: tighter gap before “Как мы работаем”.
   Mobile only; desktop and all other sections remain unchanged.
   ========================================================= */
@media (max-width:640px){
  body.wintergarden-page .lumen-foundation--wintergarden{
    padding-bottom:22px;
  }
  body.wintergarden-page .lumen-foundation--wintergarden + .wg-process{
    padding-top:18px;
  }
}


/* =========================================================
   v0.21.431 — Greenhouses mobile only: slightly stronger
   divider lines in the 01/02 “Зимние / Сезонные” intro table.
   ========================================================= */
@media (max-width:640px){
  .greenhouse-page .greenhouse-intro__types{
    border-top-width:1.5px!important;
    border-bottom-width:1.5px!important;
  }
  .greenhouse-page .greenhouse-intro__types > a + a{
    border-left-width:1.5px!important;
  }
}


/* =========================================================
   v0.21.432 — Orangeries mobile only: remove the separator
   above “Фундамент и основания” and pull it closer to the
   preceding design block. Desktop and other pages unchanged.
   ========================================================= */
@media (max-width:640px){
  .orangery-v2-design + .lumen-foundation--orangery{
    margin-top:24px;
    padding-top:0;
    border-top:0;
  }
}


/* =========================================================
   v0.21.433 — Orangeries mobile only: remove the separator
   above the “Реализованные проекты” block.
   Desktop and all other sections remain unchanged.
   ========================================================= */
@media (max-width:640px){
  .orangery-v2 .lumen-foundation--orangery + .lumen-featured-works{
    border-top:0!important;
  }
}

/* =========================================================
   v0.21.434 — Mobile-only separator cleanup requested for:
   Projecting, Maintenance, Orangeries and Greenhouses.
   Removes only the specified top/separating rules and tightens
   the related vertical gaps. Desktop remains unchanged.
   ========================================================= */
@media (max-width:640px){
  /* Projecting: no separator before “Как идёт работа” or “Начать проект”. */
  .projecting-docs{
    border-bottom:0!important;
    padding-bottom:24px!important;
  }
  .projecting-process{
    padding-top:24px!important;
    padding-bottom:24px!important;
    border-bottom:0!important;
  }
  .projecting-final{
    margin-top:24px!important;
  }

  /* Maintenance: no separator before “Как проходит обслуживание”. */
  .maintenance-reasons{
    padding-bottom:24px!important;
  }
  .maintenance-process{
    border-top:0!important;
    padding-top:24px!important;
  }

  /* Orangeries: no separator before “Проектирование”; pull it upward. */
  .orangery-v2-design{
    margin-top:24px!important;
    padding-top:0!important;
    border-top:0!important;
  }

  /* Orangeries: the separator above realized projects was removed in 0.21.433;
     now also reduce the remaining top air so the block sits higher. */
  .orangery-v2 .lumen-foundation--orangery + .lumen-featured-works{
    margin-top:0!important;
    padding-top:24px!important;
    border-top:0!important;
  }

  /* Greenhouses: no separator before “Фундамент и основания”; pull it upward. */
  .greenhouse-page .lumen-foundation--greenhouse{
    border-top:0!important;
    padding-top:0!important;
  }
}

/* =========================================================
   v0.21.435 — Projecting / “Инженерный расчёт”.
   Desktop + mobile: make only the dark photo caption about 20%
   more compact, slightly reduce both lines, and keep it pinned
   flush to the bottom-left corner of the image.
   ========================================================= */
.projecting-page .projecting-engineering__label{
  padding:12px 14px!important;
  left:0!important;
  bottom:0!important;
}
body.multi-page main.projecting-page .projecting-engineering__label>span{
  margin-bottom:4px!important;
  font-size:9px!important;
  line-height:1.15!important;
}
@media (max-width:640px){
  body.multi-page main.projecting-page .projecting-engineering__label>span{
    font-size:8px!important;
  }
}

/* =========================================================
   v0.21.436 — Mobile separator cleanup: corrected selectors.
   Applies the previously agreed mobile-only changes directly
   to the actual adjacent sections and tightens the gaps.
   Desktop is unchanged.
   ========================================================= */
@media (max-width:767px){
  /* Проектирование: убрать разделитель перед «Как идёт работа»
     и поджать стык двух секций. */
  .projecting-page > .projecting-docs{
    border-bottom:0!important;
    padding-bottom:18px!important;
  }
  .projecting-page > .projecting-docs + .projecting-process{
    padding-top:18px!important;
  }

  /* Проектирование: убрать разделитель перед «Начать проект»
     и уменьшить воздух между секциями. */
  .projecting-page > .projecting-process{
    border-bottom:0!important;
    padding-bottom:18px!important;
  }
  .projecting-page > .projecting-process + .projecting-final{
    margin-top:18px!important;
  }

  /* Сервис и обслуживание: убрать верхнюю линию у
     «Как проходит обслуживание» и поднять блок. */
  .maintenance-page > .maintenance-reasons{
    padding-bottom:18px!important;
  }
  .maintenance-page > .maintenance-reasons + .maintenance-process{
    border-top:0!important;
    padding-top:18px!important;
  }

  /* Оранжереи: убрать верхнюю линию у «Проектирование»
     и приблизить его к инженерному блоку. */
  .orangery-v2 > .orangery-v2-engineering + .orangery-v2-design{
    border-top:0!important;
    margin-top:18px!important;
    padding-top:0!important;
  }

  /* Оранжереи: линия над реализованными проектами уже убрана;
     теперь убираем оставшийся избыточный воздух. */
  .orangery-v2 > .lumen-foundation--orangery{
    padding-bottom:20px!important;
  }
  .orangery-v2 > .lumen-foundation--orangery + .lumen-featured-works{
    border-top:0!important;
    margin-top:0!important;
    padding-top:18px!important;
  }

  /* Теплицы: убрать линию над «Фундамент и основания»
     и поднять блок к предыдущему разделу. */
  .greenhouse-page > .greenhouse-section{
    padding-bottom:18px!important;
  }
  .greenhouse-page > .greenhouse-section + .lumen-foundation--greenhouse{
    border-top:0!important;
    padding-top:0!important;
  }
}

/* =========================================================
   v0.21.437 — Desktop separator cleanup requested on 2026-10-02.
   PC only: remove the specified section dividers and tighten the
   vertical gaps immediately around those sections. Mobile/tablet
   and all unlisted pages/blocks remain unchanged.
   ========================================================= */
@media (min-width:981px){
  /* Winter Gardens: remove the line immediately before the final
     “Индивидуальный проект” block and pull that block upward. */
  body.wintergarden-page .lumen-featured-works{
    border-bottom:0!important;
    margin-bottom:0!important;
  }
  body.wintergarden-page .lumen-featured-works + .wg-final{
    margin-top:0!important;
  }

  /* Orangeries: remove the divider before “Проектирование” and
     reduce the former double top spacing. */
  body.orangery-v2-page .orangery-v2 > .orangery-v2-engineering + .orangery-v2-design,
  body.multi-page .orangery-v2 > .orangery-v2-engineering + .orangery-v2-design{
    border-top:0!important;
    margin-top:30px!important;
    padding-top:0!important;
  }

  /* Orangeries: remove the divider before “Фундамент и основания”
     and bring the foundation block closer to design. */
  body.orangery-v2-page .orangery-v2 > .orangery-v2-design + .lumen-foundation--orangery,
  body.multi-page .orangery-v2 > .orangery-v2-design + .lumen-foundation--orangery{
    border-top:0!important;
    margin-top:30px!important;
    padding-top:0!important;
  }

  /* Greenhouses: remove the divider before “Фундамент и основания”
     and lift the block slightly. */
  body.multi-page .greenhouse-page > .greenhouse-section + .lumen-foundation--greenhouse{
    border-top:0!important;
    padding-top:30px!important;
  }

  /* Projecting: remove the line before “Как идёт работа” and
     tighten the join between documentation and process. */
  body.multi-page .projecting-page > .projecting-docs{
    border-bottom:0!important;
    padding-bottom:34px!important;
  }
  body.multi-page .projecting-page > .projecting-docs + .projecting-process{
    padding-top:34px!important;
  }

  /* Installation: remove the line before “До начала монтажа” and
     pull the preparation section upward. */
  body.multi-page .installation-page > .installation-process{
    border-bottom:0!important;
    padding-bottom:26px!important;
  }
  body.multi-page .installation-page > .installation-process + .installation-prep{
    padding-top:26px!important;
  }

  /* Installation: remove the line before “География” and reduce
     the old gap between preparation and the geography block. */
  body.multi-page .installation-page > .installation-prep{
    border-bottom:0!important;
    padding-bottom:26px!important;
  }
  body.multi-page .installation-page > .installation-prep + .installation-russia{
    margin-top:26px!important;
  }

  /* Service & maintenance: remove the line before
     “Как проходит обслуживание” and pull the block upward. */
  body.multi-page .maintenance-page > .maintenance-reasons{
    padding-bottom:32px!important;
  }
  body.multi-page .maintenance-page > .maintenance-reasons + .maintenance-process{
    border-top:0!important;
    padding-top:32px!important;
  }
}


/* ============================================================
   v0.21.439 — About page mobile only: each “Как мы работаем”
   carousel card now uses the track width, so its right border
   stays fully inside the visible content area.
   ============================================================ */

/* ============================================================
   v0.21.438 — About page: larger resource titles, aligned desktop
   copy, and mobile horizontal “Как мы работаем” carousel.
   ============================================================ */
.lumen-about-process-dots{display:none}
.lumen-about-resource-grid strong{font-size:16px;line-height:1.28}
@media(min-width:761px){
  .lumen-about-resource-grid strong{
    height:2.56em;
    margin-bottom:9px;
  }
}
@media(max-width:760px){
  .lumen-about-resource-grid strong{
    min-height:0;
    margin-bottom:8px;
    font-size:16px;
    line-height:1.28;
  }
  .lumen-about-process-grid{
    position:relative;
    display:flex;
    grid-template-columns:none;
    gap:12px;
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .lumen-about-process-grid::-webkit-scrollbar{display:none}
  .lumen-about-process-grid article,
  .lumen-about-process-grid article:last-child{
    flex:0 0 100%;
    width:100%;
    max-width:none;
    min-width:0;
    min-height:210px;
    grid-column:auto;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
  .lumen-about-process-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:17px;
    min-height:16px;
  }
  .lumen-about-process-dots button{
    width:9px;
    height:9px;
    padding:0;
    border:1px solid #7f897c;
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
  }
  .lumen-about-process-dots button.is-active{
    background:#52624E;
    border-color:#52624E;
    transform:scale(1.18);
  }
}


/* ============================================================
   v0.21.440 — About / “Максимум работ выполняем сами”
   Larger titles on desktop and mobile. On desktop each title
   occupies exactly two text lines so every description starts
   from the same horizontal level. No other About blocks changed.
   ============================================================ */
.lumen-about-resource-grid strong{
  font-size:18px;
  line-height:1.25;
}
@media(min-width:761px){
  .lumen-about-resource-grid article>div{
    min-width:0;
  }
  .lumen-about-resource-grid strong{
    display:block;
    box-sizing:border-box;
    height:45px;
    min-height:45px;
    margin-bottom:10px;
  }
}
@media(max-width:760px){
  .lumen-about-resource-grid strong{
    height:auto;
    min-height:0;
    margin-bottom:8px;
    font-size:18px;
    line-height:1.25;
  }
}

/* ============================================================
   v0.21.441 — About page typography/alignment correction.
   Only two requested blocks are changed:
   1) “Максимум работ выполняем сами”: larger titles on desktop/mobile;
      desktop keeps a compact two-line title slot aligned to the bottom,
      so body copy starts on one level without a large gap under short titles.
   2) “Как мы работаем”: larger step titles on desktop/mobile and a compact
      two-line title slot so descriptions start from the same level.
   ============================================================ */
.lumen-about-resource-grid strong{
  font-size:20px;
  line-height:1.12;
  margin-bottom:4px;
}
@media(min-width:761px){
  .lumen-about-resource-grid strong{
    display:flex;
    align-items:flex-end;
    height:45px;
    min-height:45px;
    margin-bottom:4px;
  }
}
@media(max-width:760px){
  .lumen-about-resource-grid strong{
    display:block;
    height:auto;
    min-height:0;
    margin-bottom:4px;
    font-size:20px;
    line-height:1.12;
  }
}

.lumen-about-process-grid span{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width:100%;
  height:40px;
  min-height:40px;
  margin:7px 0 5px;
  color:#232823;
  font-size:17px;
  line-height:1.15;
  font-weight:700;
  text-align:center;
}
@media(max-width:760px){
  .lumen-about-process-grid span{
    height:42px;
    min-height:42px;
    margin:7px 0 5px;
    font-size:18px;
    line-height:1.15;
  }
}


/* ============================================================
   v0.21.442 — About page: corrected requested title alignment.
   In both “Как мы работаем” and “Максимум работ выполняем сами”,
   titles are larger on desktop/mobile and occupy a two-line slot
   aligned from the TOP (not the bottom), so descriptions start level.
   ============================================================ */
.lumen-about-process-grid span{
  display:block;
  width:100%;
  box-sizing:border-box;
  height:50px;
  min-height:50px;
  margin:7px 0 5px;
  color:#232823;
  font-size:22px;
  line-height:1.14;
  font-weight:700;
  text-align:center;
}
.lumen-about-resource-grid strong{
  display:block;
  box-sizing:border-box;
  height:50px;
  min-height:50px;
  margin:0 0 5px;
  color:#262b26;
  font-size:22px;
  line-height:1.14;
  font-weight:700;
}
@media(max-width:760px){
  .lumen-about-process-grid span{
    display:block;
    height:50px;
    min-height:50px;
    margin:7px 0 5px;
    font-size:22px;
    line-height:1.14;
  }
  .lumen-about-resource-grid strong{
    display:block;
    height:50px;
    min-height:50px;
    margin:0 0 5px;
    font-size:22px;
    line-height:1.14;
  }
}

/* ============================================================
   v0.21.443 — About page: slightly larger titles and tighter
   title/description spacing in both “Как мы работаем” and
   “Максимум работ выполняем сами”. Desktop + mobile only.
   ============================================================ */
.lumen-about-process-grid span,
.lumen-about-resource-grid strong{
  font-size:23px;
  line-height:1.05;
  height:49px;
  min-height:49px;
}
.lumen-about-process-grid span{
  margin:6px 0 1px;
}
.lumen-about-resource-grid strong{
  margin:0 0 1px;
}
.lumen-about-process-grid article{
  min-height:196px;
  padding-top:16px;
  padding-bottom:14px;
}
.lumen-about-resource-grid article{
  padding-top:18px;
  padding-bottom:6px;
}
@media(max-width:760px){
  .lumen-about-process-grid span,
  .lumen-about-resource-grid strong{
    font-size:23px;
    line-height:1.05;
    height:49px;
    min-height:49px;
  }
  .lumen-about-process-grid span{
    margin:6px 0 1px;
  }
  .lumen-about-resource-grid strong{
    margin:0 0 1px;
  }
  .lumen-about-process-grid article,
  .lumen-about-process-grid article:last-child{
    min-height:178px;
    padding-top:13px;
    padding-bottom:12px;
  }
  .lumen-about-resource-grid article,
  .lumen-about-resource-grid article+article{
    padding-top:12px;
    padding-bottom:12px;
  }
}

/* ============================================================
   v0.21.444 — About page: larger card titles and a tighter
   two-line title slot in “Как мы работаем” and
   “Максимум работ выполняем сами”. Desktop + mobile.
   ============================================================ */
.lumen-about-process-grid span,
.lumen-about-resource-grid strong{
  font-size:24px;
  line-height:.95;
  height:46px;
  min-height:46px;
}
.lumen-about-process-grid span{
  margin:5px 0 0;
}
.lumen-about-resource-grid strong{
  margin:0;
}
.lumen-about-process-grid article{
  min-height:190px;
  padding-top:15px;
  padding-bottom:12px;
}
.lumen-about-resource-grid article{
  padding-top:16px;
  padding-bottom:4px;
}
@media(max-width:760px){
  .lumen-about-process-grid span,
  .lumen-about-resource-grid strong{
    font-size:24px;
    line-height:.95;
    height:46px;
    min-height:46px;
  }
  .lumen-about-process-grid span{
    margin:5px 0 0;
  }
  .lumen-about-resource-grid strong{
    margin:0;
  }
  .lumen-about-process-grid article,
  .lumen-about-process-grid article:last-child{
    min-height:172px;
    padding-top:12px;
    padding-bottom:10px;
  }
  .lumen-about-resource-grid article,
  .lumen-about-resource-grid article+article{
    padding-top:10px;
    padding-bottom:10px;
  }
}

/* ============================================================
   v0.21.445 — About page: description text sits closer to the
   fixed two-line title area in both requested blocks. Resource
   card titles are also visibly larger. Desktop + mobile.
   ============================================================ */
.lumen-about-process-grid span{
  height:42px;
  min-height:42px;
  margin:5px 0 -2px;
  font-size:24px;
  line-height:.88;
}
.lumen-about-resource-grid strong{
  height:44px;
  min-height:44px;
  margin:0 0 -4px;
  font-size:26px;
  line-height:.84;
}
.lumen-about-process-grid article{
  min-height:184px;
}
@media(max-width:760px){
  .lumen-about-process-grid span{
    height:42px;
    min-height:42px;
    margin:5px 0 -2px;
    font-size:24px;
    line-height:.88;
  }
  .lumen-about-resource-grid strong{
    height:44px;
    min-height:44px;
    margin:0 0 -4px;
    font-size:26px;
    line-height:.84;
  }
  .lumen-about-process-grid article,
  .lumen-about-process-grid article:last-child{
    min-height:166px;
  }
}

/* ============================================================
   v0.21.446 — About page / “Как мы работаем” only.
   Keep the two-line title slot and current 24px title size, but
   tighten its line-height/height so descriptions start closer.
   Desktop + mobile. Other About blocks are unchanged.
   ============================================================ */
.lumen-about-process-grid span{
  height:36px;
  min-height:36px;
  margin:5px 0 -2px;
  font-size:24px;
  line-height:.75;
}
@media(max-width:760px){
  .lumen-about-process-grid span{
    height:36px;
    min-height:36px;
    margin:5px 0 -2px;
    font-size:24px;
    line-height:.75;
  }
}


/* ============================================================
   v0.21.447 — About page / “Как мы работаем” only.
   Increase spacing between the two title lines and make the
   title text slightly larger. Desktop + mobile.
   ============================================================ */
.lumen-about-process-grid span{
  height:53px;
  min-height:53px;
  margin:5px 0 -2px;
  font-size:25px;
  line-height:1.05;
}
@media(max-width:760px){
  .lumen-about-process-grid span{
    height:53px;
    min-height:53px;
    margin:5px 0 -2px;
    font-size:25px;
    line-height:1.05;
  }
}
/* ============================================================
   v0.21.448 — About page / “Как мы работаем” only.
   Keep the v0.21.447 two-line title size/line spacing unchanged,
   but raise all five descriptions closer to the titles.
   Desktop + mobile.
   ============================================================ */
.lumen-about-process-grid p{
  margin-top:-7px!important;
}
@media(max-width:760px){
  .lumen-about-process-grid p{
    margin-top:-7px!important;
  }
}
/* ============================================================
   v0.21.449 — About page / “Как мы работаем” only.
   Tighten the current title-to-description gap by about 30%
   versus v0.21.448. Title size, line-height and slot unchanged.
   Desktop + mobile.
   ============================================================ */
.lumen-about-process-grid p{
  margin-top:-9px!important;
}
@media(max-width:760px){
  .lumen-about-process-grid p{
    margin-top:-9px!important;
  }
}


/* ============================================================
   v0.21.450 — About page / “Как мы работаем” only.
   Make the title-to-description distance visibly tighter than
   v0.21.449: raise all five descriptions by a further 6px.
   Desktop + mobile. Title typography remains unchanged.
   ============================================================ */
.lumen-about-process-grid p{
  margin-top:-15px!important;
}
@media(max-width:760px){
  .lumen-about-process-grid p{
    margin-top:-15px!important;
  }
}


/* =========================================================
   v0.21.452 — About page, mobile only.
   1) Short mobile label for the fourth “Максимум работ выполняем сами” item.
   2) Remove the extra outer multi-main bottom padding so the gap
      before the footer matches the Equipment page (44px inner padding).
   Desktop is unchanged.
   ========================================================= */
.lumen-about-resource-label-mobile{display:none;}
@media(max-width:760px){
  .lumen-about-resource-label-desktop{display:none!important;}
  .lumen-about-resource-label-mobile{display:inline!important;}
  .lumen-about-main{padding-bottom:0!important;}
}


/* =========================================================
   v0.21.453 — About page, desktop only.
   Match the bottom gap before the footer to the Equipment page:
   remove the extra 72px outer multi-main bottom padding, leaving
   the existing 70px bottom padding of .lumen-about-body.
   Mobile remains as configured in v0.21.452.
   ========================================================= */
@media(min-width:761px){
  .lumen-about-main{padding-bottom:0!important;}
}


/* =========================================================
   v0.21.454 — About page, desktop only.
   1) Fourth “Максимум работ выполняем сами” title is one direct
      label: “Оборудование” (no desktop/mobile substitute spans).
   2) Match the About-to-footer gap exactly to Equipment desktop:
      70px bottom padding inside the page body and no extra outer
      multi-main bottom padding. Mobile layout is unchanged.
   ========================================================= */
@media(min-width:761px){
  .lumen-about-main{padding-bottom:0!important;}
  .lumen-about-main > .lumen-about-body{padding-bottom:70px!important;}
}


/* =========================================================
   v0.21.455 — About page width aligned to Winter Gardens.
   Width only: do not alter card padding, typography or layout.
   Desktop: remove the nested second 40px shrink by letting the
   About body fill its already-1180px outer multi-main grid.
   Mobile: remove only the extra 16px body side inset so the
   visible page grid matches the standard 14px mobile gutters.
   ========================================================= */
@media (min-width:761px){
  .lumen-about-main > .lumen-about-body{
    width:100% !important;
    max-width:1180px !important;
  }
}
@media (max-width:760px){
  .lumen-about-main > .lumen-about-body{
    width:100% !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
}

/* =========================================================
   v0.21.456 — Foundation section divider parity.
   Winter Gardens + Greenhouses: after “Фундамент и основание”
   use the same full-width divider and vertical rhythm as the
   Orangeries reference. Mobile stays unchanged because the
   Orangeries mobile divider is intentionally removed there.
   ========================================================= */
@media (min-width:901px){
  body.wintergarden-page .lumen-foundation--wintergarden,
  body.multi-page .greenhouse-page > .lumen-foundation--greenhouse{
    padding-bottom:34px!important;
  }
  body.wintergarden-page .lumen-foundation--wintergarden + .wg-process,
  body.multi-page .greenhouse-page > .lumen-foundation--greenhouse + .greenhouse-tech{
    border-top:1px solid rgba(35,48,39,.08)!important;
    padding-top:40px!important;
  }
}
@media (min-width:768px) and (max-width:900px){
  body.wintergarden-page .lumen-foundation--wintergarden,
  body.multi-page .greenhouse-page > .lumen-foundation--greenhouse{
    padding-bottom:46px!important;
  }
  body.wintergarden-page .lumen-foundation--wintergarden + .wg-process,
  body.multi-page .greenhouse-page > .lumen-foundation--greenhouse + .greenhouse-tech{
    border-top:1px solid rgba(35,48,39,.08)!important;
    padding-top:68px!important;
  }
}


/* =========================================================
   v0.21.457 — Orangeries hero CTA parity only.
   The first CTA is a <button>, while the shared desktop hero
   rule targeted only <a>; make both controls identical on
   desktop and mobile, including hover/tap feedback.
   ========================================================= */
@media (min-width:981px){
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-btn,
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-link{
    min-height:40px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    background:rgba(16,20,17,.22) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    cursor:pointer !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease !important;
  }
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-btn:hover,
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-link:hover,
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-btn:focus-visible,
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-link:focus-visible{
    background:#fff !important;
    border-color:#fff !important;
    color:#1c211d !important;
  }
}
@media (max-width:640px){
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-btn,
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-link{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:53px !important;
    height:auto !important;
    padding:9px 18px !important;
    border:1px solid rgba(255,255,255,.82) !important;
    background:#243027 !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-align:center !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    cursor:pointer !important;
    transition:background-color .16s ease,border-color .16s ease,color .16s ease !important;
  }
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-btn:active,
  body.multi-page .orangery-v2-hero .orangery-premium-hero__actions > .orangery-premium-link:active{
    background:#52624e !important;
    border-color:#52624e !important;
    color:#fff !important;
  }
}

/* v0.21.461 — Event orangeries internal page */
.event-orangery-hero{min-height:490px;background-size:cover;background-position:center 52%;display:flex;align-items:flex-end}
.event-orangery-hero .multi-hero-copy{padding-bottom:58px}
.event-orangery-hero .multi-hero-copy h1{max-width:900px}
.event-orangery-hero .multi-hero-copy p{max-width:820px}
.event-orangery-hero__actions{display:flex;gap:12px;align-items:center;margin-top:26px}
.event-orangery-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:62px 0 76px}
.event-orangery-kicker{display:block;margin-bottom:12px;color:#a78145;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.event-orangery-page h2{margin:0;font:500 clamp(34px,4.2vw,58px)/1.02 Georgia,"Times New Roman",serif;color:#202520}
.event-orangery-page h3{margin:0 0 10px;font:500 24px/1.08 Georgia,"Times New Roman",serif;color:#222722}
.event-orangery-page p{color:#606760;line-height:1.62}
.event-orangery-intro{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start;padding:8px 0 66px;border-bottom:1px solid #d9d5cc}
.event-orangery-intro__copy p{margin:0 0 17px;font-size:16px}
.event-orangery-feature,.event-orangery-architecture{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;margin:66px 0;background:#ebe9e2}
.event-orangery-feature__media,.event-orangery-architecture__media{min-height:520px;overflow:hidden}
.event-orangery-feature__media img,.event-orangery-architecture__media img{width:100%;height:100%;object-fit:cover;display:block}
.event-orangery-feature__copy,.event-orangery-architecture__copy{padding:58px 56px;align-self:center}
.event-orangery-feature__copy p,.event-orangery-architecture__copy p{margin:22px 0 0;line-height:1.72}
.event-orangery-checks{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:13px}
.event-orangery-checks li{position:relative;padding-left:26px;color:#303630;line-height:1.45}
.event-orangery-checks li:before{content:"✓";position:absolute;left:0;top:0;color:#6f8758;font-weight:800}
.event-orangery-scenarios,.event-orangery-planning,.event-orangery-gallery{padding:66px 0;border-top:1px solid #d9d5cc}
.event-orangery-scenarios>header,.event-orangery-planning>header,.event-orangery-gallery>header{max-width:860px;margin-bottom:36px}
.event-orangery-scenarios__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.event-orangery-scenarios__grid article,.event-orangery-planning__grid article{background:#fff;border:1px solid #ddd8cf;padding:30px}
.event-orangery-scenarios__grid article>span,.event-orangery-planning__grid article>span{display:block;margin-bottom:28px;color:#aa8a57;font-size:12px;font-weight:800;letter-spacing:.12em}
.event-orangery-scenarios__grid p,.event-orangery-planning__grid p{margin:0;font-size:14px}
.event-orangery-architecture{grid-template-columns:.95fr 1.05fr}
.event-orangery-architecture__types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.event-orangery-architecture__types div{border-top:1px solid #c9c5bb;padding-top:16px}
.event-orangery-architecture__types strong{display:block;margin-bottom:7px}
.event-orangery-architecture__types span{color:#687068;line-height:1.55}
.event-orangery-planning__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.event-orangery-gallery{padding-bottom:0}
.event-orangery-gallery>header p{margin:18px 0 0;max-width:760px}
.event-orangery-gallery__grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:12px}
.event-orangery-gallery__grid figure{margin:0;min-height:330px;overflow:hidden;background:#ddd}
.event-orangery-gallery__grid img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:980px){
  .event-orangery-feature,.event-orangery-architecture{grid-template-columns:1fr}
  .event-orangery-feature__media,.event-orangery-architecture__media{min-height:420px}
  .event-orangery-architecture__media{order:-1}
  .event-orangery-planning__grid{grid-template-columns:repeat(2,1fr)}
  .event-orangery-gallery__grid{grid-template-columns:1fr 1fr}.event-orangery-gallery__grid figure:first-child{grid-column:1/-1}
}
@media(max-width:720px){
  .event-orangery-hero{min-height:430px;background-position:center center}
  .event-orangery-hero .multi-hero-copy{padding:78px 0 34px}
  .event-orangery-hero .multi-hero-copy h1{font-size:41px;line-height:1.01}
  .event-orangery-hero .multi-hero-copy p{font-size:14px}
  .event-orangery-hero__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:21px}
  .event-orangery-hero__actions>*{width:100%;min-width:0;text-align:center}
  .event-orangery-page{width:calc(100% - 28px);padding:42px 0 54px}
  .event-orangery-page h2{font-size:36px}
  .event-orangery-intro{grid-template-columns:1fr;gap:22px;padding-bottom:46px}
  .event-orangery-intro__copy p{font-size:14px}
  .event-orangery-feature,.event-orangery-architecture{margin:46px 0;min-height:0}
  .event-orangery-feature__media,.event-orangery-architecture__media{min-height:300px}
  .event-orangery-feature__copy,.event-orangery-architecture__copy{padding:34px 24px 38px}
  .event-orangery-scenarios,.event-orangery-planning,.event-orangery-gallery{padding:46px 0}
  .event-orangery-scenarios__grid,.event-orangery-planning__grid{grid-template-columns:1fr;gap:10px}
  .event-orangery-scenarios__grid article,.event-orangery-planning__grid article{padding:24px}
  .event-orangery-architecture__types{grid-template-columns:1fr}
  .event-orangery-gallery__grid{grid-template-columns:1fr;gap:8px}
  .event-orangery-gallery__grid figure,.event-orangery-gallery__grid figure:first-child{grid-column:auto;min-height:245px}
}


/* =========================================================
   v0.21.465 — Homepage only: event-orangeries direction block.
   Inserted between the greenhouse cutaway and projects.
   Desktop photo geometry matches the current Orangery
   “Микроклимат круглый год” row: .82fr / 1.18fr, 360px high.
   No calculator, header, footer or existing section logic changed.
   ========================================================= */
.refhome-event-orangery{
  padding:34px 0;
  background:#f7f4ee;
  border-bottom:1px solid #e5dfd5;
}
.refhome-event-orangery__grid{
  display:grid;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  min-height:360px;
  height:360px;
  max-height:360px;
  overflow:hidden;
  background:#eef0ea;
}
.refhome-event-orangery__media{
  margin:0;
  min-height:360px;
  height:360px;
  max-height:360px;
  overflow:hidden;
  background:#d8ddd4;
}
.refhome-event-orangery__media img{
  display:block;
  width:100%;
  min-height:360px;
  height:360px;
  max-height:360px;
  object-fit:cover;
  object-position:center;
}
.refhome-event-orangery__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  min-width:0;
  padding:36px 46px;
  box-sizing:border-box;
}
.refhome-event-orangery__copy .refhome-intro{
  max-width:690px;
  margin:18px 0 22px;
}
@media(max-width:980px){
  .refhome-event-orangery__grid{
    grid-template-columns:1fr 1fr;
    min-height:360px;
    height:360px;
    max-height:360px;
  }
  .refhome-event-orangery__copy{padding:30px 34px}
}
@media(max-width:760px){
  .refhome-event-orangery{padding:28px 0}
  .refhome-event-orangery__grid{
    grid-template-columns:1fr;
    min-height:0;
    height:auto;
    max-height:none;
  }
  .refhome-event-orangery__media{
    min-height:250px;
    height:250px;
    max-height:250px;
  }
  .refhome-event-orangery__media img{
    min-height:250px;
    height:250px;
    max-height:250px;
  }
  .refhome-event-orangery__copy{padding:27px 20px 30px}
  .refhome-event-orangery__copy .refhome-intro{margin:14px 0 20px}
}


/* =========================================================
   v0.21.467 — Homepage event-orangeries block only.
   Desktop/tablet geometry now uses the exact 1180px content width and
   .82fr / 1.18fr split of Orangeries “Микроклимат круглый год”.
   Height remains 360px. Body copy uses the same 14px / 1.72 rhythm as
   the Orangeries page; compact editable advantages fill the copy column
   without increasing the agreed row height. Other homepage sections,
   header/footer and calculator remain unchanged.
   ========================================================= */
@media (min-width:761px){
  .refhome-event-orangery > .refhome-wrap{
    width:min(1180px,calc(100% - 40px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box;
  }
  .refhome-event-orangery__grid{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  }
}
@media (min-width:981px){
  .refhome-event-orangery__grid,
  .refhome-event-orangery__media,
  .refhome-event-orangery__media img{
    min-height:360px;
    height:360px;
    max-height:360px;
  }
  .refhome-event-orangery__copy{
    padding:24px 34px;
  }
}
.refhome-event-orangery__copy .refhome-intro{
  max-width:100%;
  margin:12px 0 11px;
  color:#636a63;
  font-size:14px;
  line-height:1.72;
}
.refhome-event-orangery__advantages{
  width:100%;
  list-style:none;
  margin:0 0 14px;
  padding:0;
  border-top:1px solid #cfd5ca;
}
.refhome-event-orangery__advantages li{
  position:relative;
  margin:0;
  padding:6px 0 6px 23px;
  border-bottom:1px solid #cfd5ca;
  color:#465047;
  font-size:14px;
  line-height:1.45;
}
.refhome-event-orangery__advantages li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:6px;
  color:#69755f;
  font-weight:700;
}
@media (max-width:980px) and (min-width:761px){
  .refhome-event-orangery__copy{
    padding:22px 26px;
  }
  .refhome-event-orangery__copy .refhome-intro,
  .refhome-event-orangery__advantages li{
    font-size:13px;
  }
  .refhome-event-orangery__advantages li{
    padding-top:5px;
    padding-bottom:5px;
  }
  .refhome-event-orangery__advantages li::before{top:5px}
}
@media (max-width:760px){
  .refhome-event-orangery__copy .refhome-intro{
    font-size:14px;
    line-height:1.65;
    margin:14px 0 12px;
  }
  .refhome-event-orangery__advantages{
    margin-bottom:18px;
  }
  .refhome-event-orangery__advantages li{
    font-size:14px;
    line-height:1.45;
    padding-top:7px;
    padding-bottom:7px;
  }
  .refhome-event-orangery__advantages li::before{top:7px}
}


/* =========================================================
   v0.21.468 — Homepage “Оранжереи для мероприятий”.
   The content row itself is no longer recreated with separate
   homepage geometry: it reuses the real Orangery climate block
   classes, so photo width/height, grid, copy spacing and mobile
   behavior are inherited from “Микроклимат круглый год”.
   Only the surrounding homepage spacing and CTA gap are local.
   ========================================================= */
.refhome-event-orangery{padding:34px 0;background:transparent;border-bottom:0}
.refhome-event-orangery .orangery-v2{padding-bottom:0}
.refhome-event-orangery .orangery-v2-feature--climate{margin:0}
.refhome-event-orangery .refhome-event-orangery__button{margin-top:14px;align-self:flex-start}
@media(max-width:640px){
  .refhome-event-orangery{padding:28px 0}
  .refhome-event-orangery .orangery-v2{padding-bottom:0}
  .refhome-event-orangery .orangery-v2-feature--climate{margin:0}
  .refhome-event-orangery .refhome-event-orangery__button{margin-top:18px}
}


/* =========================================================
   v0.21.469 — Homepage event-orangeries block only.
   Stretch the outer row to the shared homepage content grid while
   preserving the approved Orangery photo size/height and inner styling.
   Desktop only; mobile/tablet and all other sections remain unchanged.
   ========================================================= */
@media (min-width:981px){
  .refhome-event-orangery .orangery-v2{
    width:min(1390px,100%);
    padding-left:34px;
    padding-right:34px;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
  }
  .refhome-event-orangery .orangery-v2-feature--climate{
    grid-template-columns:minmax(0,min(484px,41%)) minmax(0,1fr);
  }
}


/* =========================================================
   v0.21.470 — “Оранжереи для мероприятий”.
   1) Hero CTAs use the same visual system as the approved
      “Оранжереи” hero without changing this hero's image/height/text.
   2) Page opening, major-section rhythm and footer gap are aligned
      to the established internal-page spacing: 34/70 desktop,
      30/44 mobile. No content or component geometry is changed.
   ========================================================= */
body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:20px !important;
}
@media (min-width:981px){
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-btn,
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-link{
    min-height:40px !important;
    padding:0 16px !important;
    border:1px solid rgba(255,255,255,.48) !important;
    background:rgba(16,20,17,.22) !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:11px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    text-transform:uppercase !important;
    letter-spacing:.05em !important;
    white-space:nowrap !important;
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    cursor:pointer !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease !important;
  }
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-btn:hover,
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-link:hover,
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-btn:focus-visible,
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-link:focus-visible{
    background:#fff !important;
    border-color:#fff !important;
    color:#1c211d !important;
  }

  body.event-orangery-body .event-orangery-page{
    padding-top:34px !important;
    padding-bottom:70px !important;
  }
  body.event-orangery-body .event-orangery-intro{
    padding-top:0 !important;
    padding-bottom:34px !important;
  }
  body.event-orangery-body .event-orangery-feature,
  body.event-orangery-body .event-orangery-architecture{
    margin-top:34px !important;
    margin-bottom:34px !important;
  }
  body.event-orangery-body .event-orangery-scenarios,
  body.event-orangery-body .event-orangery-planning,
  body.event-orangery-body .event-orangery-gallery{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
  body.event-orangery-body .event-orangery-gallery{
    padding-bottom:0 !important;
  }
}
@media (max-width:980px){
  body.event-orangery-body .event-orangery-page{
    padding-top:34px !important;
    padding-bottom:70px !important;
  }
  body.event-orangery-body .event-orangery-intro{
    padding-top:0 !important;
    padding-bottom:34px !important;
  }
  body.event-orangery-body .event-orangery-feature,
  body.event-orangery-body .event-orangery-architecture{
    margin-top:34px !important;
    margin-bottom:34px !important;
  }
  body.event-orangery-body .event-orangery-scenarios,
  body.event-orangery-body .event-orangery-planning,
  body.event-orangery-body .event-orangery-gallery{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }
  body.event-orangery-body .event-orangery-gallery{
    padding-bottom:0 !important;
  }
}
@media (max-width:640px){
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions{
    margin-top:16px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    align-items:stretch !important;
    gap:11px !important;
    width:100% !important;
  }
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-btn,
  body.event-orangery-body .event-orangery-hero .orangery-premium-hero__actions > .orangery-premium-link{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:53px !important;
    height:auto !important;
    padding:9px 18px !important;
    border:1px solid rgba(255,255,255,.82) !important;
    background:#243027 !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    text-align:center !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    white-space:normal !important;
    -webkit-appearance:none !important;
    appearance:none !important;
    cursor:pointer !important;
  }
  body.event-orangery-body .event-orangery-page{
    padding-top:30px !important;
    padding-bottom:44px !important;
  }
  body.event-orangery-body .event-orangery-intro{
    padding-bottom:30px !important;
  }
  body.event-orangery-body .event-orangery-feature,
  body.event-orangery-body .event-orangery-architecture{
    margin-top:30px !important;
    margin-bottom:30px !important;
  }
  body.event-orangery-body .event-orangery-scenarios,
  body.event-orangery-body .event-orangery-planning,
  body.event-orangery-body .event-orangery-gallery{
    padding-top:30px !important;
    padding-bottom:30px !important;
  }
  body.event-orangery-body .event-orangery-gallery{
    padding-bottom:0 !important;
  }
}


/* =========================================================
   v0.21.471 — “Оранжерея для мероприятий”.
   Only “Масштаб и планировка” + “Архитектура” are aligned
   to the current Orangery “Микроклимат круглый год” / architecture
   media geometry. Existing copy is preserved in full.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-feature{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    align-items:start!important;
    background:#eef0ea!important;
  }
  body.event-orangery-body .event-orangery-architecture{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    align-items:start!important;
    background:#f3f1eb!important;
  }
  body.event-orangery-body .event-orangery-feature__media,
  body.event-orangery-body .event-orangery-architecture__media{
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-self:start!important;
    overflow:hidden!important;
  }
  body.event-orangery-body .event-orangery-feature__media img,
  body.event-orangery-body .event-orangery-architecture__media img{
    display:block!important;
    width:100%!important;
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    object-fit:cover!important;
  }
  body.event-orangery-body .event-orangery-feature__copy,
  body.event-orangery-body .event-orangery-architecture__copy{
    padding:26px 34px!important;
    align-self:start!important;
  }
}

/* Same breakpoint behaviour as the Orangery reference page. */
@media (min-width:901px) and (max-width:980px){
  body.event-orangery-body .event-orangery-feature{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    min-height:0!important;
    background:#eef0ea!important;
  }
  body.event-orangery-body .event-orangery-architecture{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    min-height:0!important;
    background:#f3f1eb!important;
  }
  body.event-orangery-body .event-orangery-architecture__media{order:initial!important}
  body.event-orangery-body .event-orangery-feature__media,
  body.event-orangery-body .event-orangery-architecture__media{
    min-height:437px!important;
    height:437px!important;
    max-height:437px!important;
    overflow:hidden!important;
  }
  body.event-orangery-body .event-orangery-feature__media img,
  body.event-orangery-body .event-orangery-architecture__media img{
    width:100%!important;
    min-height:437px!important;
    height:437px!important;
    max-height:437px!important;
    object-fit:cover!important;
  }
  body.event-orangery-body .event-orangery-feature__copy,
  body.event-orangery-body .event-orangery-architecture__copy{
    padding:26px 34px!important;
  }
}

@media (min-width:641px) and (max-width:900px){
  body.event-orangery-body .event-orangery-feature,
  body.event-orangery-body .event-orangery-architecture{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.event-orangery-body .event-orangery-feature{background:#eef0ea!important}
  body.event-orangery-body .event-orangery-architecture{background:#f3f1eb!important}
  body.event-orangery-body .event-orangery-architecture__media{order:-1!important}
  body.event-orangery-body .event-orangery-feature__media,
  body.event-orangery-body .event-orangery-architecture__media{
    min-height:510px!important;
    height:510px!important;
    max-height:510px!important;
    overflow:hidden!important;
  }
  body.event-orangery-body .event-orangery-feature__media img,
  body.event-orangery-body .event-orangery-architecture__media img{
    width:100%!important;
    min-height:510px!important;
    height:510px!important;
    max-height:510px!important;
    object-fit:cover!important;
  }
  body.event-orangery-body .event-orangery-feature__copy,
  body.event-orangery-body .event-orangery-architecture__copy{
    padding:50px 46px!important;
  }
}

@media (max-width:640px){
  body.event-orangery-body .event-orangery-feature,
  body.event-orangery-body .event-orangery-architecture{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  body.event-orangery-body .event-orangery-feature{background:#eef0ea!important}
  body.event-orangery-body .event-orangery-architecture{background:#f3f1eb!important}
  body.event-orangery-body .event-orangery-architecture__media{order:-1!important}
  body.event-orangery-body .event-orangery-feature__media,
  body.event-orangery-body .event-orangery-architecture__media{
    min-height:285px!important;
    height:285px!important;
    max-height:285px!important;
    overflow:hidden!important;
  }
  body.event-orangery-body .event-orangery-feature__media img,
  body.event-orangery-body .event-orangery-architecture__media img{
    width:100%!important;
    min-height:285px!important;
    height:285px!important;
    max-height:285px!important;
    object-fit:cover!important;
  }
  body.event-orangery-body .event-orangery-feature__copy,
  body.event-orangery-body .event-orangery-architecture__copy{
    padding:31px 22px 34px!important;
  }
}


/* =========================================================
   v0.21.472 — “Оранжерея для мероприятий”.
   Corrects v0.21.471: the two requested rows now reuse the same
   orangery-v2 feature structure instead of only imitating its photo
   dimensions. Desktop outer geometry is locked to the current
   Orangery reference: 1180px content area, .82/1.18 split, 360px row.
   All existing event-page copy is retained; only its internal rhythm
   is compacted enough to fit the agreed reference height.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-feature.orangery-v2-feature--climate,
  body.event-orangery-body .event-orangery-architecture.orangery-v2-feature--architecture{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    align-items:stretch!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.event-orangery-body .event-orangery-feature.orangery-v2-feature--climate{
    grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
    background:#eef0ea!important;
  }
  body.event-orangery-body .event-orangery-architecture.orangery-v2-feature--architecture{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important;
    background:#f3f1eb!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__media,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__media,
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__media img,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__media img{
    min-height:360px!important;
    height:360px!important;
    max-height:360px!important;
    width:100%!important;
    align-self:stretch!important;
    object-fit:cover!important;
    overflow:hidden!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy{
    height:360px!important;
    min-height:360px!important;
    max-height:360px!important;
    padding:16px 30px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    overflow:hidden!important;
    align-self:stretch!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-kicker,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-kicker{
    margin:0 0 7px!important;
    color:#69755f!important;
    line-height:1.25!important;
    font-weight:900!important;
    font-family:inherit!important;
    letter-spacing:.14em!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy h2,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy h2{
    margin:0!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-weight:500!important;
    font-style:normal!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
    color:#202520!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy>p,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy>p{
    margin:8px 0 0!important;
    color:#636a63!important;
    font-family:inherit!important;
    font-weight:400!important;
    line-height:1.72!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-checks{
    margin:9px 0 0!important;
    border-top:1px solid #cfd5ca!important;
    display:block!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-checks li{
    margin:0!important;
    padding:4px 0 4px 20px!important;
    border-bottom:1px solid #cfd5ca!important;
    color:#465047!important;
    font-family:inherit!important;
    font-weight:400!important;
    line-height:1.45!important;
  }
  body.event-orangery-body .event-orangery-feature .orangery-v2-checks li:before{
    left:0!important;
    top:3px!important;
    font-size:12px!important;
  }
  body.event-orangery-body .event-orangery-architecture .orangery-v2-types{
    margin-top:10px!important;
    border-top:1px solid #d8d9d1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 18px!important;
  }
  body.event-orangery-body .event-orangery-architecture .orangery-v2-types>div{
    padding:7px 0!important;
    border-bottom:1px solid #d8d9d1!important;
    border-top:0!important;
  }
  body.event-orangery-body .event-orangery-architecture .orangery-v2-types strong{
    margin-bottom:3px!important;
    font-family:inherit!important;
    font-weight:700!important;
    font-style:normal!important;
    line-height:normal!important;
    color:#263026!important;
  }
  body.event-orangery-body .event-orangery-architecture .orangery-v2-types span{
    color:#6a716a!important;
    font-family:inherit!important;
    font-weight:400!important;
    line-height:1.55!important;
  }
}

/* Tablet/mobile use the same stacking behaviour as the Orangery reference.
   Keep normal readable copy sizing there; only the media frame is matched. */
@media (max-width:980px){
  body.event-orangery-body .event-orangery-feature.orangery-v2-feature,
  body.event-orangery-body .event-orangery-architecture.orangery-v2-feature{
    grid-template-columns:1fr!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }
  body.event-orangery-body .event-orangery-architecture.orangery-v2-feature--architecture .orangery-v2-feature__media{
    order:-1!important;
  }
}
@media (max-width:640px){
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy>p,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy>p{
    line-height:1.6!important;
  }
}

@media (max-width:640px){
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__media,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__media,
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__media img,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__media img{
    min-height:285px!important;
    height:285px!important;
    max-height:285px!important;
  }
}

/* =========================================================
   v0.21.474 — “Оранжерея для мероприятий”.
   Typography parity only for the two approved feature blocks.
   Font families, weights, line-heights, tracking and text colors now
   follow the real Orangery “Микроклимат круглый год” / “Архитектура”
   styles. Font sizes remain supplied by the same shared admin controls.
   The approved 360px desktop geometry and compact spacing are untouched.
   ========================================================= */
body.event-orangery-body .event-orangery-feature .orangery-v2-kicker,
body.event-orangery-body .event-orangery-architecture .orangery-v2-kicker{
  color:#69755f!important;
  font-family:inherit!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:1.25!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}
body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy h2,
body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy h2{
  color:#202520!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-weight:500!important;
  font-style:normal!important;
  line-height:1.04!important;
  letter-spacing:-.025em!important;
}
body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy>p,
body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy>p{
  color:#636a63!important;
  font-family:inherit!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.72!important;
}
body.event-orangery-body .event-orangery-feature .orangery-v2-checks li{
  color:#465047!important;
  font-family:inherit!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.45!important;
}
body.event-orangery-body .event-orangery-architecture .orangery-v2-types strong{
  color:#263026!important;
  font-family:inherit!important;
  font-weight:700!important;
  font-style:normal!important;
  line-height:normal!important;
}
body.event-orangery-body .event-orangery-architecture .orangery-v2-types span{
  color:#687068!important;
  font-family:inherit!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1.55!important;
}
@media (max-width:640px){
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy>p,
  body.event-orangery-body .event-orangery-architecture .orangery-v2-feature__copy>p{
    line-height:1.6!important;
  }
}


/* =========================================================
   v0.21.475 — “Оранжерея для мероприятий”.
   Approved micro-adjustment in “Масштаб и планировка” only:
   remaining checked items are semibold; size/spacing/geometry unchanged.
   ========================================================= */
body.event-orangery-body .event-orangery-feature .orangery-v2-checks li{
  font-weight:600!important;
}


/* =========================================================
   v0.21.476 — “Оранжерея для мероприятий”.
   Desktop only: in both 01/02/03 scenario grids every card title
   reserves exactly two lines, so the descriptions below align.
   Mobile/tablet presentation is unchanged.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-scenarios__grid article h3{
    height:2.16em;
    min-height:2.16em;
    max-height:2.16em;
    overflow:hidden;
  }
}


/* =========================================================
   v0.21.477 — “Оранжерея для мероприятий”.
   Desktop only: prevent the “МАСШТАБ И ПЛАНИРОВКА” kicker from
   being clipped inside the fixed 360px reference block. The outer
   block/photo height is unchanged; only the feature copy is aligned
   from the top with tighter vertical padding.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-feature .orangery-v2-feature__copy{
    justify-content:flex-start!important;
    padding:10px 30px!important;
  }
}


/* =========================================================
   v0.21.478 — Event-orangery: realized project is presented
   as one editorial case instead of three equal gallery tiles.
   Desktop: dominant main image + quiet copy/details + two
   secondary views. Mobile: title → main image → details → views.
   ========================================================= */
body.event-orangery-body .event-orangery-case{
  padding-bottom:0!important;
}
body.event-orangery-body .event-orangery-case>header,
body.event-orangery-body .event-orangery-case>.event-orangery-gallery__grid{
  display:none!important;
}
body.event-orangery-body .event-orangery-case__layout{
  display:grid;
  grid-template-columns:minmax(0,1.82fr) minmax(300px,.88fr);
  grid-template-areas:
    "main header"
    "main details"
    "main secondary";
  column-gap:28px;
  row-gap:24px;
  align-items:start;
}
body.event-orangery-body .event-orangery-case__header{
  grid-area:header;
  max-width:none;
  margin:0;
  padding:3px 0 0;
}
body.event-orangery-body .event-orangery-case__header p{
  margin:18px 0 0;
  max-width:520px;
}
body.event-orangery-body .event-orangery-case__main{
  grid-area:main;
  margin:0;
  min-height:560px;
  height:100%;
  overflow:hidden;
  background:#ddd;
}
body.event-orangery-body .event-orangery-case__main img{
  display:block;
  width:100%;
  height:100%;
  min-height:560px;
  object-fit:cover;
}
body.event-orangery-body .event-orangery-case__details{
  grid-area:details;
  border-top:1px solid #d4d0c7;
}
body.event-orangery-body .event-orangery-case__details>div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:12px;
  align-items:baseline;
  padding:13px 0;
  border-bottom:1px solid #d4d0c7;
}
body.event-orangery-body .event-orangery-case__details span{
  color:#a78145;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
body.event-orangery-body .event-orangery-case__details strong{
  color:#303630;
  font-size:13px;
  font-weight:600;
  line-height:1.35;
}
body.event-orangery-body .event-orangery-case__secondary{
  grid-area:secondary;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
body.event-orangery-body .event-orangery-case__secondary figure{
  margin:0;
  aspect-ratio:1.32/1;
  min-height:0;
  overflow:hidden;
  background:#ddd;
}
body.event-orangery-body .event-orangery-case__secondary img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
@media (max-width:980px){
  body.event-orangery-body .event-orangery-case__layout{
    grid-template-columns:minmax(0,1.35fr) minmax(260px,.85fr);
    column-gap:20px;
    row-gap:20px;
  }
  body.event-orangery-body .event-orangery-case__main,
  body.event-orangery-body .event-orangery-case__main img{
    min-height:480px;
  }
}
@media (max-width:720px){
  body.event-orangery-body .event-orangery-case__layout{
    display:flex;
    flex-direction:column;
    gap:0;
  }
  body.event-orangery-body .event-orangery-case__header{
    order:1;
    padding:0;
    margin:0 0 22px;
  }
  body.event-orangery-body .event-orangery-case__header p{
    margin-top:14px;
  }
  body.event-orangery-body .event-orangery-case__main{
    order:2;
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:1.18/1;
  }
  body.event-orangery-body .event-orangery-case__main img{
    min-height:0;
    height:100%;
  }
  body.event-orangery-body .event-orangery-case__details{
    order:3;
    width:100%;
    margin-top:20px;
  }
  body.event-orangery-body .event-orangery-case__details>div{
    padding:12px 0;
  }
  body.event-orangery-body .event-orangery-case__secondary{
    order:4;
    width:100%;
    margin-top:18px;
    gap:8px;
  }
  body.event-orangery-body .event-orangery-case__secondary figure{
    aspect-ratio:1/1;
  }
}


/* =========================================================
   v0.21.479 — Event-orangery realized case: compact main image
   + two interactive thumbnails that swap into the main view.
   ========================================================= */
body.event-orangery-body .event-orangery-case__main{
  height:440px;
  min-height:0;
}
body.event-orangery-body .event-orangery-case__main img{
  height:100%;
  min-height:0;
}
body.event-orangery-body .event-orangery-case__thumb{
  display:block;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  aspect-ratio:1.32/1;
  overflow:hidden;
  background:#ddd;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
body.event-orangery-body .event-orangery-case__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .22s ease, opacity .22s ease;
}
body.event-orangery-body .event-orangery-case__thumb:hover img,
body.event-orangery-body .event-orangery-case__thumb:focus-visible img{
  transform:scale(1.025);
  opacity:.9;
}
body.event-orangery-body .event-orangery-case__thumb:focus-visible{
  outline:2px solid #a78145;
  outline-offset:2px;
}
@media (max-width:980px){
  body.event-orangery-body .event-orangery-case__main{
    height:410px;
    min-height:0;
  }
  body.event-orangery-body .event-orangery-case__main img{
    min-height:0;
  }
}
@media (max-width:720px){
  body.event-orangery-body .event-orangery-case__main{
    height:auto;
    min-height:0;
    aspect-ratio:1.45/1;
  }
  body.event-orangery-body .event-orangery-case__thumb{
    aspect-ratio:1.18/1;
  }
}


/* =========================================================
   v0.21.480 — Event-orangery realized case:
   on two-column layouts the main photo fills the complete grid
   height, ending exactly on the same lower line as the right side.
   Mobile keeps the approved compact aspect ratio.
   ========================================================= */
@media (min-width:721px){
  body.event-orangery-body .event-orangery-case__main{
    height:auto;
    min-height:0;
    align-self:stretch;
  }
  body.event-orangery-body .event-orangery-case__main img{
    height:100%;
    min-height:0;
  }
}


/* =========================================================
   v0.21.481 — Event-orangery realized case, desktop/tablet only:
   keep the approved compact main-photo height from v0.21.479,
   but anchor it to the bottom of the full left grid area so its
   lower edge finishes on the same line as the thumbnail row.
   Do not stretch the whole case vertically. Mobile unchanged.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-case__main{
    height:440px;
    min-height:0;
    align-self:end;
  }
  body.event-orangery-body .event-orangery-case__main img{
    height:100%;
    min-height:0;
  }
}
@media (min-width:721px) and (max-width:980px){
  body.event-orangery-body .event-orangery-case__main{
    height:410px;
    min-height:0;
    align-self:end;
  }
  body.event-orangery-body .event-orangery-case__main img{
    height:100%;
    min-height:0;
  }
}


/* =========================================================
   v0.21.482 — Event-orangery realized case, desktop only:
   keep the v0.21.481 lower edge exactly where it is, but let
   the main photo grow upward by 44px so its top sits slightly
   above the “РЕАЛИЗОВАННЫЙ ОБЪЕКТ” label. The figure itself
   remains 440px tall in the grid, so section/block height and
   the approved bottom alignment do not change. Mobile/tablet
   remain as in v0.21.481.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-case__main{
    position:relative;
    overflow:visible;
    height:440px;
    min-height:0;
    align-self:end;
  }
  body.event-orangery-body .event-orangery-case__main img{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:484px;
    min-height:0;
    object-fit:cover;
  }
}


/* =========================================================
   v0.21.483 — Event-orangery realized case, desktop only:
   preserve the approved lower edge from v0.21.481 exactly,
   but extend only the visible main photo upward by 120px.
   This places its top slightly above the “РЕАЛИЗОВАННЫЙ ОБЪЕКТ”
   kicker, matching the visual rhythm of the Architecture block.
   The figure/grid/section height is NOT increased.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-case__main{
    position:relative;
    overflow:visible;
    height:440px;
    min-height:0;
    align-self:end;
    z-index:1;
  }
  body.event-orangery-body .event-orangery-case__main img{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    width:100%;
    height:560px;
    min-height:0;
    object-fit:cover;
  }
}


/* =========================================================
   v0.21.484 — Event-orangery realized case, desktop only:
   exact requested geometry. Keep the approved bottom edge on
   the thumbnail baseline, and place the top of the main photo
   exactly 10px above the top of “РЕАЛИЗОВАННЫЙ ОБЪЕКТ”.
   The header has 3px top padding, so the photo starts 7px above
   the grid top. Section height and mobile/tablet remain unchanged.
   ========================================================= */
@media (min-width:981px){
  body.event-orangery-body .event-orangery-case__main{
    position:relative;
    overflow:visible;
    height:auto;
    min-height:0;
    align-self:stretch;
    z-index:1;
  }
  body.event-orangery-body .event-orangery-case__main img{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:auto;
    width:100%;
    height:calc(100% + 7px);
    min-height:0;
    object-fit:cover;
  }
}


/* =========================================================
   v0.21.485 — Event-orangery planning cards only.
   Replace 01–06 labels with restrained line icons and keep
   the existing card geometry/spacing across desktop/mobile.
   ========================================================= */
body.event-orangery-body .event-orangery-planning__grid article > .event-orangery-planning__icon{
  display:block;
  width:30px;
  height:30px;
  margin-bottom:28px;
  color:#8f7346;
  line-height:0;
  letter-spacing:0;
  font-size:0;
  font-weight:400;
}
body.event-orangery-body .event-orangery-planning__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.55;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   v0.21.493 — “Наши работы”, desktop only.
   1) Final CTA buttons match the approved Winter Gardens button
      typography/height so both labels are equal in scale.
   2) Bottom gap from the final CTA to the footer matches the
      Winter Gardens final-section rhythm. Mobile is untouched.
   ========================================================= */
@media (min-width:981px){
  body.works-preview-page .lumen-works-bottom-cta .works-hero-actions > .multi-btn{
    min-height:44px !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    font-family:inherit !important;
    font-size:10px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
    letter-spacing:normal !important;
    text-transform:uppercase !important;
  }
  body.works-preview-page .lumen-works-main{
    padding-bottom:80px !important;
  }
  body.works-preview-page .lumen-works-bottom-cta{
    margin-bottom:0 !important;
  }
}


/* v0.21.496 — Homepage event-orangery CTA: mobile centering only. */
@media (max-width:640px){
  .refhome-event-orangery .refhome-event-orangery__button{
    align-self:center;
    margin-left:auto;
    margin-right:auto;
  }
}


/* =========================================================
   v0.21.497 — “Наши работы”, mobile only.
   Center both buttons in the final “Ваш проект может быть следующим” CTA.
   Desktop and all other page elements remain unchanged.
   ========================================================= */
@media (max-width:640px){
  body.works-preview-page .lumen-works-bottom-cta .works-hero-actions{
    justify-content:center !important;
  }
}

/* =========================================================
   v0.21.498 — “Монтаж” + “Сервис и обслуживание”, mobile only.
   Final CTA buttons now match the approved “Наши работы” mobile
   button scale (53px / 12px) and are centered in their blocks.
   Desktop/tablet and all other elements remain unchanged.
   ========================================================= */
@media (max-width:640px){
  body.multi-page .installation-final > .installation-btn,
  body.multi-page .maintenance-final > .maintenance-btn{
    align-self:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
    min-height:53px !important;
    height:auto !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(255,255,255,.82) !important;
    background:#243027 !important;
    color:#fff !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    font-family:inherit !important;
    font-size:12px !important;
    font-weight:800 !important;
    line-height:1.2 !important;
    letter-spacing:.045em !important;
    text-transform:uppercase !important;
    text-decoration:none !important;
    white-space:normal !important;
  }
}

/* v0.21.501 — Works mobile only: remove the extra inner horizontal
   inset from the portfolio content. The shared 14px outer page margin
   remains; hero, footer, image ratios, card styling and desktop unchanged. */
@media (max-width:760px){
  body.works-preview-page .lumen-works-main > .lumen-works-intro,
  body.works-preview-page .lumen-works-main > .lumen-works-filters,
  body.works-preview-page .lumen-works-main > .lumen-works-grid{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  body.works-preview-page .lumen-works-main > .lumen-works-bottom-cta{
    margin-left:0 !important;
    margin-right:0 !important;
  }
}


/* v0.21.505 — Orangeries / "Проектирование": replace numbers 01–05
   with large category-specific SVG icons. Scoped to this grid only. */
.orangery-v2-design__grid article > .orangery-v2-design__icon{
  display:block;
  width:36px;
  height:36px;
  margin-bottom:12px;
  color:#8f7346;
  line-height:0;
  font-size:0;
  font-weight:400;
  letter-spacing:0;
}
.orangery-v2-design__grid .orangery-v2-design__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (max-width:640px){
  .orangery-v2-design__grid article > .orangery-v2-design__icon{
    width:38px;
    height:38px;
    margin-bottom:15px;
  }
}


/* v0.21.507 — Event orangery / "Сценарии использования" only:
   three numerical labels become thin category SVG icons; other scenario grid intact. */
body.event-orangery-body .event-orangery-scenarios__grid article > .event-orangery-use__icon{
  display:block;
  width:36px;
  height:36px;
  margin-bottom:28px;
  color:#8f7346;
  line-height:0;
  font-size:0;
  font-weight:400;
  letter-spacing:0;
}
body.event-orangery-body .event-orangery-use__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (max-width:640px){
  body.event-orangery-body .event-orangery-scenarios__grid article > .event-orangery-use__icon{
    width:38px;
    height:38px;
  }
}


/* v0.21.508 — Greenhouses / "Базовая комплектация": five thin, bronze
   pictograms in place of the numbers; all card content and layout remain editable. */
.greenhouse-page .greenhouse-standard-grid article > .greenhouse-standard__icon{
  display:block;
  width:36px;
  height:36px;
  margin-bottom:14px;
  color:#8f7346;
  line-height:0;
  font-size:0;
  font-weight:400;
  letter-spacing:0;
}
.greenhouse-page .greenhouse-standard-grid .greenhouse-standard__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:640px){
  .greenhouse-page .greenhouse-standard-grid article > .greenhouse-standard__icon{
    width:38px;
    height:38px;
    margin-bottom:12px;
  }
}


/* v0.21.509 — only /services/?service=projecting: "Привязка к объекту"
   and "Как идёт работа" numeric labels become bronze thin-line icons.
   Card content, geometry and all other project sections remain intact. */
.projecting-page .projecting-site-grid article > .projecting-site__icon,
.projecting-page .projecting-process__steps article > .projecting-process__icon{
  display:block;
  width:36px;
  height:36px;
  color:#8f7346;
  line-height:0;
  font-size:0;
  font-weight:400;
  letter-spacing:0;
}
.projecting-page .projecting-site-grid .projecting-site__icon svg,
.projecting-page .projecting-process__steps .projecting-process__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:640px){
  .projecting-page .projecting-site-grid article > .projecting-site__icon,
  .projecting-page .projecting-process__steps article > .projecting-process__icon{
    width:38px;
    height:38px;
  }
  /* Keep mobile work-stage icons fully within their own left column. */
  .projecting-page .projecting-process__steps article{
    grid-template-columns:44px minmax(0,1fr);
  }
}


/* v0.21.510 — Projecting only. Site-binding card titles closer to the
   thematic icons (30px -> 14px), without changing icon geometry.
   Project equipment names get a medium/semibold weight; the mobile
   list already uses 600, so its original layout remains untouched. */
.projecting-page .projecting-site-grid article > .projecting-site__icon{
  margin-bottom:14px;
}
.projecting-page .projecting-equipment__list > span{
  font-weight:600;
}


/* v0.21.511 — Installation only: thin bronze pictograms replace 01–06
   in "Последовательность работ" and 01–04 in "До начала монтажа".
   Retain grid geometry, typography, copy and admin-editable content. */
.installation-page .installation-process__grid article > .installation-process__icon,
.installation-page .installation-prep__grid article > .installation-prep__icon{
  display:block;
  width:36px;
  height:36px;
  margin-bottom:12px;
  color:#8f7346;
  line-height:0;
  font-size:0;
  font-weight:400;
  letter-spacing:0;
}
.installation-page .installation-process__grid .installation-process__icon svg,
.installation-page .installation-prep__grid .installation-prep__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:640px){
  .installation-page .installation-process__grid article > .installation-process__icon,
  .installation-page .installation-prep__grid article > .installation-prep__icon{
    width:38px;
    height:38px;
  }
}


/* v0.21.512 — Maintenance only: 6 service cards and 4 reasons show
   bronze, thin-line SVG icons instead of numeric labels. Existing admin
   numerals remain editable and display as fallback for custom values. */
.maintenance-page .maintenance-services__grid .maintenance-services__icon,
.maintenance-page .maintenance-reasons__grid .maintenance-reasons__icon{
  display:block;
  width:36px;
  height:36px;
  margin-bottom:12px;
  color:#8f7346;
  line-height:0;
  font-size:0;
  font-weight:400;
  letter-spacing:0;
}
.maintenance-page .maintenance-services__grid .maintenance-services__icon svg,
.maintenance-page .maintenance-reasons__grid .maintenance-reasons__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:640px){
  .maintenance-page .maintenance-services__grid .maintenance-services__icon,
  .maintenance-page .maintenance-reasons__grid .maintenance-reasons__icon{
    width:38px;
    height:38px;
  }
}


/* v0.21.513 — Projecting / formerly “Материалы”: only the five
   “Продумываем каждую деталь” cards. Shared grids and pages unchanged. */
.projecting-page .projecting-material-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.projecting-page .projecting-material-grid article{
  min-height:295px;
  min-width:0;
  padding:27px 18px;
}
.projecting-page .projecting-material-grid article>h3{
  font-size:clamp(19px,1.7vw,23px);
  line-height:1.17;
  overflow-wrap:normal;
}
.projecting-page .projecting-material-grid article>p{
  font-size:11px;
  line-height:1.62;
}
.projecting-page .projecting-material-grid article>.projecting-material__icon{
  display:block;
  width:36px;
  height:36px;
  margin-bottom:14px;
  color:#8f7346;
  font-size:0;
  line-height:0;
  font-weight:400;
}
.projecting-page .projecting-material-grid .projecting-material__icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:980px){
  .projecting-page .projecting-material-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .projecting-page .projecting-material-grid article{
    min-height:225px;
    border-left:0;
    border-top:0;
  }
  .projecting-page .projecting-material-grid article:nth-child(even){
    border-left:1px solid #d9ddd6;
  }
  .projecting-page .projecting-material-grid article:nth-child(n+3){
    border-top:1px solid #d9ddd6;
  }
}
@media(max-width:640px){
  .projecting-page .projecting-material-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .projecting-page .projecting-material-grid article,
  .projecting-page .projecting-material-grid article:nth-child(even),
  .projecting-page .projecting-material-grid article:nth-child(n+3){
    min-height:0;
    padding:23px 20px;
    border-left:0;
    border-top:0;
    border-bottom:1px solid #d9ddd6;
  }
  .projecting-page .projecting-material-grid article:last-child{
    border-bottom:0;
  }
  .projecting-page .projecting-material-grid article>.projecting-material__icon{
    width:38px;
    height:38px;
    margin-bottom:12px;
  }
  /* Override the old materials-only fixed two-line title slot, which
     would otherwise crop longer titles on narrow phone screens. */
  .projecting-page .projecting-material-grid h3{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* v0.21.514 — Only the Projecting / Materials thermal-efficiency title:
   allow a syllable-safe soft-hyphen break without affecting any other card. */
.projecting-page .projecting-material-grid article>h3.projecting-material__title--thermal{
  overflow-wrap:anywhere;
  hyphens:manual;
}

/* v0.21.519 — contacts only: three taller exhibition photos, no visible photo captions.
   The legal block's type scales with the central LUMEN body typography in functions.php. */
.lumen-contact-samples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lumen-contact-sample-photo{height:290px}
@media (min-width:761px) and (max-width:980px){
  .lumen-contact-sample-photo{height:247px}
}
@media (max-width:760px){
  .lumen-contact-samples-grid{grid-template-columns:1fr}
  .lumen-contact-sample-photo{height:auto;aspect-ratio:1.38}
}

/* v0.21.521 — Contacts only, mobile: one logical line per legal requisite.
   Keep desktop grid and globally managed LUMEN text sizes unchanged. */
@media (max-width:760px){
  .lumen-contact-legal-grid{
    grid-template-columns:minmax(0,1fr);
    row-gap:0;
  }
  .lumen-contact-legal-grid>div,
  .lumen-contact-legal-grid>div:nth-child(3),
  .lumen-contact-legal-grid>div:nth-child(even){
    display:block;
    min-width:0;
    padding:12px 0;
    border-left:0;
    border-bottom:1px solid #e5ded4;
  }
  .lumen-contact-legal-grid>div:last-child{border-bottom:0}
  .lumen-contact-legal-grid dt,
  .lumen-contact-legal-grid dd{
    display:inline;
    vertical-align:baseline;
    margin:0;
    line-height:1.55;
    overflow-wrap:anywhere;
  }
  .lumen-contact-legal-grid dt:after{content:": ";white-space:pre}
  .lumen-contact-row>div{min-width:0;overflow-wrap:anywhere}
}

/* v0.21.522 — About: production, exactly the Winter Gardens visual sizing */
.lumen-about-main .lumen-about-production{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:stretch;background:#eef0ea;overflow:hidden;margin:28px 0 34px}
.lumen-about-main .lumen-about-production .wg-visual__media{min-height:0;height:auto;max-height:none;padding:0;align-self:stretch;overflow:hidden}
.lumen-about-main .lumen-about-production .wg-visual__media img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.lumen-about-main .lumen-about-production .wg-visual__copy{padding:22px 30px 23px}
.lumen-about-main .lumen-about-production .wg-visual__copy h2{font-size:clamp(32px,3vw,41px);margin:12px 0 0}
.lumen-about-main .lumen-about-production .wg-visual__copy p{margin:10px 0;line-height:1.46}
@media(max-width:980px){.lumen-about-main .lumen-about-production{grid-template-columns:1fr}.lumen-about-main .lumen-about-production .wg-visual__media{height:230px;min-height:230px;max-height:230px}}
@media(max-width:640px){.lumen-about-main .lumen-about-production .wg-visual__media{height:210px;min-height:210px;max-height:210px}.lumen-about-main .lumen-about-production .wg-visual__copy{padding:22px 20px 23px}}


/* v0.21.524 — Only “О компании” production: four line icons and the EXACT
   background of Orangeries / “Микроклимат круглый год” (#eef0ea).
   Inherit all existing block grid, photo dimensions and general typography. */
.lumen-about-main .lumen-about-production .wg-visual__copy .lumen-production-perks{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 16px;
  list-style:none;
  margin:15px 0 0;
  padding:13px 0 0;
  border:0;
  border-top:1px solid #cfd5ca;
}
.lumen-about-main .lumen-about-production .lumen-production-perks li{
  display:flex;
  align-items:flex-start;
  gap:9px;
  min-width:0;
  padding:0;
  margin:0;
  border:0;
  background:transparent;
}
.lumen-about-main .lumen-about-production .lumen-production-perks__icon{
  display:block;
  flex:0 0 29px;
  width:29px;
  height:29px;
  color:#687d64;
}
.lumen-about-main .lumen-about-production .lumen-production-perks__icon svg{
  display:block;
  width:100%;
  height:100%;
}
.lumen-about-main .lumen-about-production .lumen-production-perks li>span:last-child{
  display:block;
  min-width:0;
}
.lumen-about-main .lumen-about-production .lumen-production-perks strong{
  display:block;
  font-weight:650;
  line-height:1.28;
  color:#303b32;
}
.lumen-about-main .lumen-about-production .lumen-production-perks em{
  display:block;
  margin-top:3px;
  font-style:normal;
  line-height:1.4;
  color:#58645a;
}
@media(max-width:640px){
  .lumen-about-main .lumen-about-production .wg-visual__copy .lumen-production-perks{
    grid-template-columns:1fr;
    gap:12px;
    margin-top:17px;
    padding-top:15px;
  }
  .lumen-about-main .lumen-about-production .lumen-production-perks__icon{
    flex-basis:32px;
    width:32px;
    height:32px;
  }
}

/* v0.21.528: only the illustration within the About page geography rectangle.
   A single file under assets/ can later be replaced by an About-page admin image field. */
.lumen-about-russia-map{display:block;padding:0;overflow:hidden;min-height:245px;background:#0b1e25}
.lumen-about-russia-map .lumen-about-russia-image{display:block;width:100%;height:245px;object-fit:cover;object-position:center}
@media(max-width:760px){.lumen-about-russia-map{min-height:200px}.lumen-about-russia-map .lumen-about-russia-image{height:220px}}