
:root{--dark:#0a291d;--pine:#153f2e;--forest:#255b42;--orange:#f47710;--orange2:#fa6c08;--off:#f6f8f5;--ink:#142a20;--muted:#697b72;--border:#e1e8e0;--shadow:0 14px 42px rgba(12,35,24,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.57 'Segoe UI',Arial,sans-serif;color:var(--ink);background:#fff}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.wrap{max-width:1320px;padding:0 26px;margin:auto}.topbar{background:white;border-bottom:1px solid #edf1ed}.topbar-inner{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:85px}.logo{display:flex;gap:12px;align-items:center;flex:0 0 auto}.logo strong{display:block;font-weight:900;font-size:26px;line-height:1.05;letter-spacing:.4px}.logo small{font-size:10px;color:#6d8074}.contact-item{font-size:14px;line-height:1.35;font-weight:750}.contact-item small{display:block;color:#8c9a91;font-weight:400;font-size:12px;margin-top:4px}.nav{border-bottom:1px solid #e8ede8;background:white;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px rgba(10,35,21,.04)}.nav .wrap{display:flex;align-items:center;gap:28px;min-height:60px;flex-wrap:wrap}.nav a{font-weight:750;font-size:14px;white-space:nowrap}.nav a:hover,.textlink:hover{color:#f47710}.nav .active{color:#eb6908}.nav .spacer{flex:1}.nav-toggle{display:none;border:1px solid var(--border);padding:8px 12px;border-radius:9px;background:#fff}.cartbtn{display:inline-flex;gap:9px;align-items:center;border:1px solid #dbe5dc;padding:10px 14px;border-radius:12px;background:#fff;font-weight:800;white-space:nowrap}.count{display:inline-flex;justify-content:center;align-items:center;min-width:24px;height:24px;border-radius:50%;background:var(--orange2);color:#fff;font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;min-height:46px;padding:12px 19px;font-weight:800;white-space:nowrap;transition:transform .16s,opacity .16s}.btn:hover{transform:translateY(-1px)}.btn-orange{color:#fff;background:var(--orange2);box-shadow:0 8px 22px rgba(244,113,13,.16)}.btn-dark{color:white;background:var(--pine)}.btn-outline{color:var(--pine);border:1px solid #cbdccf;background:white}.btn-quiet{color:var(--pine);background:#e9f2ea}.pagehero{background:radial-gradient(circle at 5% 5%,#1d5138 0,#0c3023 52%,#08241a 100%);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .88fr;gap:42px;align-items:center;min-height:350px;padding-top:48px;padding-bottom:48px}.hero-photo{height:290px;border:8px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden}.hero-photo img{height:100%;filter:saturate(.94)}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:850;letter-spacing:1.6px;color:#9bc9a7;margin-bottom:13px}.pagehero h1{font-size:clamp(33px,4vw,54px);letter-spacing:-1.8px;line-height:1.13;margin:0 0 18px}.pagehero h1 em{color:var(--orange);font-style:normal}.pagehero p{color:#c5d5cc;max-width:660px;margin:0 0 24px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.chip{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 12px;font-size:13px}.crumb{font-size:13px;color:#86978b;padding:22px 0}.crumb span{color:var(--pine);font-weight:800}.crumb a:hover{text-decoration:underline}.section{padding:68px 0}.section.softer{background:#f5f8f4}.kicker{color:#e66c0a;font-size:12px;font-weight:850;letter-spacing:1.7px;text-transform:uppercase}.sec-head{display:flex;gap:25px;align-items:end;justify-content:space-between;margin-bottom:29px}.sec-head h2{font-size:clamp(25px,3vw,39px);line-height:1.16;letter-spacing:-1.1px;margin:8px 0 8px}.sec-head p{max-width:720px;margin:0;color:#66766c}.textlink{font-weight:800;color:var(--pine);white-space:nowrap}.cols4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.card{background:#fff;border:1px solid #e2eae2;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.pcard{display:flex;flex-direction:column;min-height:100%}.pcard img{aspect-ratio:1.55}.pcard .details{padding:19px;display:flex;flex-direction:column;flex:1}.tag{font-size:11px;font-weight:800;color:#48785b;background:#eaf3eb;border-radius:6px;padding:6px 9px;display:inline-block;align-self:start;margin:0 0 12px}.pcard h3{font-size:19px;margin:0 0 9px;letter-spacing:-.3px;line-height:1.26}.pcard h3 a:hover{color:var(--orange)}.pcard p{color:#77867a;font-size:13px;margin:0 0 15px}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0 0 14px}.metric{background:#f7f9f6;border-radius:10px;padding:10px;font-size:12px;color:#738479}.metric strong{display:block;color:var(--ink);font-size:14px;margin-top:4px}.price{font-size:24px;font-weight:900;color:var(--pine);letter-spacing:-.4px}.price small{font-size:12px;font-weight:500;color:#819187}.pcard .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.pcard .actions .btn{font-size:13px;min-height:40px;padding:9px 11px;flex:1}.filterbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:19px;background:#fff;border:1px solid var(--border);border-radius:15px;margin:0 0 22px}.field{display:flex;flex-direction:column;gap:7px}.field label{font-weight:750;font-size:13px}.field input,.field select,.field textarea{border:1px solid #d8e3d9;background:#fff;border-radius:9px;padding:11px 12px;color:var(--ink);outline-offset:2px}.filterbar .field{flex:1;min-width:155px}.empty{padding:40px 20px;text-align:center;color:var(--muted);border:1px dashed #cbd7ce;border-radius:13px}.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:start}.pro-photo{border-radius:20px;overflow:hidden;border:1px solid var(--border);background:#f2f5ef}.pro-photo img{aspect-ratio:1.2}.gallery-thumbs{display:flex;gap:12px;margin-top:12px}.gallery-thumbs img{border-radius:12px;width:calc(33.333% - 8px);height:110px;object-fit:cover;cursor:pointer;border:3px solid transparent}.gallery-thumbs img.sel{border-color:#f47710}.proinfo .main-title{font-size:clamp(29px,3.3vw,47px);line-height:1.15;margin:8px 0 15px;letter-spacing:-1.1px}.proinfo p{color:#63766b}.pills{display:flex;flex-wrap:wrap;gap:8px}.pills span{background:#ebf1ea;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:750;color:#27583e}.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.specbox{padding:13px;border:1px solid #e3e9e1;border-radius:12px;background:#f6f8f5}.specbox small{font-size:12px;color:#74867a;display:block}.specbox strong{display:block;font-size:17px;margin-top:5px}.costpanel{border-top:1px solid var(--border);padding-top:20px}.bigprice{font-size:clamp(30px,3.2vw,42px);font-weight:900;color:var(--pine)}.calc{background:#f4f8f3;border:1px solid #e0e8de;padding:22px;border-radius:16px;margin:22px 0}.calc h3{font-size:18px;margin:0 0 15px}.counter{display:flex;align-items:center;gap:0}.counter input{width:86px;text-align:center;border:1px solid #cfdbd1;min-height:45px;border-radius:0}.counter button{width:45px;min-height:45px;border:1px solid #cfdbd1;background:white;font-size:22px}.counter button:first-child{border-radius:8px 0 0 8px}.counter button:last-child{border-radius:0 8px 8px 0}.calcgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.calc-result{border:1px solid #d8e3d8;background:#fff;border-radius:10px;padding:11px}.calc-result small{display:block;color:#78897e;font-size:12px}.calc-result strong{display:block;margin-top:4px;font-size:19px}.calc .rowactions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.calc .rowactions .btn{flex:1}.txtgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.txtgrid h3{margin-top:0}.txtgrid p,.txtgrid li{color:#66776a}.note{font-size:12px;color:#869388;margin:10px 0}.info-card{padding:26px;border-radius:16px;background:#fff;border:1px solid #e2eae2}.info-card h3{margin:0 0 10px}.info-card p{color:#677b6e;margin:0}.info-card .subtag{display:inline-block;color:#dd660c;font-weight:850;font-size:12px;margin-bottom:11px}.tablebox{overflow:auto;border:1px solid var(--border);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:680px}th{background:#103426;color:#fff;text-align:left;font-size:13px;padding:14px 16px}td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:14px}tr:nth-child(even) td{background:#f8faf7}td .btn{min-height:35px;padding:7px 12px;font-size:12px}.faqlist details{border:1px solid #e1e8e0;border-radius:13px;padding:17px 20px;margin-bottom:10px;background:#fff}.faqlist summary{font-weight:850;cursor:pointer}.faqlist p{margin-bottom:0;color:#67786b}.cta{background:var(--dark);color:white;border-radius:18px;padding:38px 44px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cta h2{font-size:28px;line-height:1.2;margin:0 0 10px}.cta p{margin:0;color:#c1d2c7;max-width:760px}.footer{background:#071f17;color:#b8cbc0;padding:54px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.1fr;gap:40px}.footer h4{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:1px;margin:0 0 24px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:10px;font-size:14px}.footer li a:hover{color:#f47710}.footer-brand{display:flex;gap:11px;align-items:center;color:#fff;font-size:22px}.footer .about-copy{font-size:14px;color:#9bad9f;line-height:1.8}.footer-btns{display:flex;flex-direction:column;gap:7px;margin-top:20px}.footer-btns a{display:inline-block;padding:9px 12px;border:1px solid #2a4c3c;border-radius:7px;max-width:205px;font-size:13px}.footer-address{display:flex;gap:12px;font-size:13px;margin-bottom:17px}.footer-address b{color:#f47710}.foot-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:48px;border-top:1px solid #1c3c2d;padding:24px 0;font-size:12px;color:#708e7c}.foot-links{display:flex;gap:23px;flex-wrap:wrap}.foot-links a:hover{color:#fff}.toast{position:fixed;right:18px;bottom:20px;z-index:100;border-radius:10px;padding:13px 20px;color:#fff;background:#173a28;box-shadow:0 14px 32px #0003;display:none}.toast.show{display:block}.dialogback{position:fixed;inset:0;background:#071b13b9;z-index:70;display:none;align-items:center;justify-content:center;padding:20px}.dialogback.show{display:flex}.dialog{background:#fff;border-radius:17px;max-width:530px;width:100%;max-height:90vh;overflow:auto;padding:26px}.dialog .hrow{display:flex;align-items:start;justify-content:space-between;gap:15px}.close{border:0;background:#f3f5f2;width:32px;height:32px;border-radius:50%;font-size:22px}.dialog h2{margin:0 0 8px}.dialog .field{margin-top:14px}.dialog .btn{margin-top:20px}.order-item{border:1px solid #e2e9e2;border-radius:12px;padding:18px;margin:0 0 12px;display:grid;grid-template-columns:1fr auto;gap:16px}.order-item small{color:#74887b}.order-total{background:#eff5ef;border-radius:12px;padding:20px;display:flex;justify-content:space-between;gap:14px;align-items:center}.stat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat div{background:#f5f8f5;border:1px solid #dce8de;border-radius:10px;padding:17px}.stat strong{font-size:26px;color:#153f2e;display:block}.stat small{color:#75887a}.back{display:inline-block;margin-bottom:20px;color:#28573e;font-weight:850}
@media(max-width:1100px){.contact-item:nth-of-type(3){display:none}.cols4{grid-template-columns:repeat(3,1fr)}.footer-grid{gap:22px}.nav .wrap{gap:16px}.nav a{font-size:13px}}@media(max-width:850px){.topbar-inner{min-height:70px}.contact-item{display:none}.nav-toggle{display:block}.nav .wrap{min-height:48px}.nav .desktop{display:none}.nav .mobile-open{display:flex!important;flex-basis:100%}.nav a{padding:6px 0}.hero-grid{grid-template-columns:1fr}.hero-photo{height:230px}.cols4{grid-template-columns:repeat(2,1fr)}.cols3{grid-template-columns:repeat(2,1fr)}.pro-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.sec-head{align-items:start;flex-direction:column}.section{padding:46px 0}}@media(max-width:560px){.wrap{padding:0 16px}.topbar-inner{gap:12px}.logo strong{font-size:21px}.logo small{font-size:9px}.topbar .btn-orange{display:none}.cartbtn{font-size:13px;padding:8px}.hero-grid{padding:35px 16px;gap:22px}.pagehero h1{font-size:37px}.pagehero p{font-size:14px}.hero-photo{height:200px}.cols4,.cols3,.txtgrid,.footer-grid,.stat{grid-template-columns:1fr}.footer-grid{gap:30px}.calcgrid{grid-template-columns:1fr}.specgrid{grid-template-columns:repeat(2,1fr)}.cta{padding:25px;align-items:start;flex-direction:column}.foot-bottom{align-items:start;flex-direction:column}.gallery-thumbs img{height:80px}.sec-head h2{font-size:29px}.order-item{grid-template-columns:1fr}}

.cart-grid{grid-template-columns:1.2fr .8fr}@media(max-width:850px){.cart-grid{grid-template-columns:1fr}}


/* PILORU: единицы заказа — штатные цвета фирменного дизайна */
.unit-switch{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 14px}
.unit-switch button{appearance:none;border:1px solid #d3ded4;background:#fff;color:#183e2d;border-radius:9px;padding:9px 15px;font-size:14px;font-weight:750;cursor:pointer;transition:background .15s}
.unit-switch button.is-active{background:#143d2a;color:#fff;border-color:#143d2a}
.unit-switch button:focus-visible,.mini-unit select:focus-visible,.mini-unit input:focus-visible,.cart-quantity-input:focus-visible{outline:2px solid #f57612;outline-offset:2px}
.unit-explain{color:#667b6c;font-size:12px;margin:-4px 0 14px;line-height:1.5}
.batchmeta{display:flex;flex-wrap:wrap;gap:9px 17px;color:#244b36;margin-top:11px;font-size:13px}
.batchmeta b{font-weight:800}
.unit-note{font-size:12px;color:#617669;line-height:1.6;margin:10px 0 0}
.mini-unit{display:flex;gap:7px;margin:12px 0 10px;align-items:center}
.mini-unit select,.mini-unit input,.cart-unit-select,.cart-quantity-input{min-height:39px;border-radius:8px;border:1px solid #ccd8ce;background:#fff;padding:8px 9px;color:#173b29;min-width:0}
.mini-unit select{flex:1;max-width:130px}.mini-unit input{width:90px;flex:1}
.mini-unit-hint{display:block;font-size:11px;color:#6b7c70;min-height:19px;margin-bottom:10px}
.cart-amount-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.cart-unit-select{width:99px}.cart-quantity-input{width:112px}
.cart-quantity-note{font-size:12px;color:#657c6c;line-height:1.5}
@media(max-width:560px){.unit-switch button{flex:1;padding:9px 8px}.mini-unit select{width:102px}.calcgrid .counter input{width:90px}}

@media(max-width:560px){.unit-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.unit-switch button{min-width:0;width:100%;font-size:12px;padding:8px 3px;line-height:1.35;white-space:normal}}
/* Коррекция минимального размера колонок на мобильных экранах */
@media(max-width:850px){.pro-grid{grid-template-columns:minmax(0,1fr)}.pro-grid>*{min-width:0}.pro-photo img,.gallery-thumbs{max-width:100%}.calcgrid{min-width:0}}
