/* ===================== VARIABLES ===================== */
:root {
  --green:#1b6b2a; --green-dk:#164d22; --green-dkk:#0e3516;
  --yellow:#f5c400; --yellow-dk:#c8a000;
  --red:#c01e1e;
  --bg:#122e18;
  --white:#fff; --gray:rgba(255,255,255,0.65); --gray2:rgba(255,255,255,0.35);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--white);font-family:'PT Sans',sans-serif;overflow-x:hidden;}

/* ===================== ANIMATIONS ===================== */
.fu{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.fu.vis{opacity:1;transform:translateY(0);}

/* ===================== TOPO ===================== */
.topo{position:absolute;inset:0;pointer-events:none;overflow:hidden;
  background-image:
    repeating-radial-gradient(ellipse at 20% 40%,transparent 0,transparent 58px,rgba(255,255,255,0.022) 59px,rgba(255,255,255,0.022) 60px),
    repeating-radial-gradient(ellipse at 75% 60%,transparent 0,transparent 88px,rgba(255,255,255,0.018) 89px,rgba(255,255,255,0.018) 90px);
}

/* ===================== HEADER ===================== */
header{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(7,37,13,0.97);backdrop-filter:blur(12px);border-bottom:2px solid var(--yellow);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;}
header.hdr-hidden{transform:translateY(-100%);}
.hdr-top{display:flex;align-items:center;justify-content:space-between;padding:6px 36px;gap:16px;}
.hdr-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 36px;height:34px;border-top:1px solid rgba(255,255,255,.06);}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;}
.logo-txt{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;color:var(--yellow);letter-spacing:3px;text-transform:uppercase;}
.hdr-contacts{display:flex;align-items:center;gap:24px;flex:1;justify-content:center;}
.hdr-phone{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--yellow);text-decoration:none;letter-spacing:.5px;transition:color .2s;white-space:nowrap;display:block;}
.hdr-phone:hover{color:#fff;}
.hdr-phone-sub{font-family:'Oswald',sans-serif;font-size:18px;font-weight:600;color:rgba(255,255,255,.75);text-decoration:none;letter-spacing:.3px;transition:color .2s;white-space:nowrap;display:block;}
.hdr-phone-sub:hover{color:var(--yellow);}
.hdr-city{font-family:'Montserrat',sans-serif;font-size:10px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;margin-top:1px;text-align:center;}
.hdr-right-btns{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.hdr-btn{background:var(--yellow);color:var(--green-dk);font-family:'Montserrat',sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;text-decoration:none;white-space:nowrap;transition:all .2s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));}
.hdr-btn:hover{background:#fff;}
nav{display:flex;gap:28px;align-items:center;}
nav a{color:rgba(255,255,255,.8);text-decoration:none;font-family:'Montserrat',sans-serif;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;transition:all .2s;white-space:nowrap;padding-bottom:2px;border-bottom:2px solid transparent;}
nav a:hover,nav a.active{color:var(--yellow);border-bottom-color:var(--yellow);}
.hdr-meta{font-family:'Montserrat',sans-serif;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.8px;}
.hdr-map-link{color:var(--yellow);text-decoration:none;font-weight:700;margin-left:6px;padding:2px 8px;border:1px solid rgba(245,196,0,.3);border-radius:3px;transition:all .2s;white-space:nowrap;}
.hdr-map-link:hover{background:var(--yellow);color:#07250d;}
.burger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;}
.burger span{width:24px;height:2px;background:var(--yellow);display:block;transition:all .3s;border-radius:2px;}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.burger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;background:rgba(7,37,13,0.99);border-bottom:2px solid var(--yellow);z-index:198;max-height:0;overflow:hidden;transition:max-height .35s ease;}
.mobile-nav.open{max-height:500px;}
.mobile-nav a{display:block;color:var(--white);text-decoration:none;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:14px 24px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .2s;}
.mobile-nav a:hover,.mobile-nav a.active{background:rgba(245,196,0,.1);color:var(--yellow);}
.mobile-nav .mn-phone{color:var(--yellow);font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;padding:16px 24px;border-bottom:none;}

/* ===================== MARQUEE ===================== */
.marquee{background:var(--yellow);padding:13px 0;overflow:hidden;position:relative;z-index:5;}
.mq-inner{display:flex;animation:mq 30s linear infinite;white-space:nowrap;}
.mq-item{font-family:'Oswald',sans-serif;font-size:14.5px;font-weight:600;color:#07250d;text-transform:uppercase;letter-spacing:2px;padding:0 32px;display:flex;align-items:center;gap:16px;flex-shrink:0;}
.mq-dot{width:7px;height:7px;background:#07250d;border-radius:50%;flex-shrink:0;}
@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ===================== SECTION UTILS ===================== */
.sec{position:relative;padding:56px 48px;overflow:hidden;}
.sec-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.sec-head{text-align:center;margin-bottom:36px;}
.sec-tag{display:inline-block;background:var(--red);color:#fff;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;padding:5px 14px;border-radius:3px;margin-bottom:14px;}
.sec-title{font-family:'Oswald',sans-serif;font-size:clamp(28px,3.5vw,52px);font-weight:700;text-transform:uppercase;line-height:1.02;}
.sec-title .y{color:var(--yellow);}
.sec-desc{margin-top:14px;font-size:15px;color:var(--gray);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6;}
.ybanner{background:var(--yellow);color:#07250d;font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(20px,2.5vw,38px);text-transform:uppercase;letter-spacing:3px;text-align:center;padding:18px 40px;position:relative;z-index:2;margin-bottom:56px;}

/* Buttons */
.btn-main{background:var(--yellow);color:#07250d;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:15px 30px;text-decoration:none;display:inline-block;transition:all .2s;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));}
.btn-main:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,196,0,.35);}
.btn-out{background:transparent;color:#fff;font-family:'Montserrat',sans-serif;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:13px 28px;border:2px solid rgba(255,255,255,.35);text-decoration:none;display:inline-block;transition:all .2s;}
.btn-out:hover{border-color:var(--yellow);color:var(--yellow);}

/* ===================== PRODUCT CARDS ===================== */
.products{background:linear-gradient(180deg,#104a1a 0%,#1b6b2a 100%);}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.prod-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:4px;overflow:hidden;transition:all .3s;cursor:pointer;}
.prod-card:hover{transform:translateY(-6px);background:rgba(255,255,255,.1);border-color:var(--yellow);box-shadow:0 16px 40px rgba(0,0,0,.4);}
.prod-img{background:#000;height:220px;display:flex;align-items:center;justify-content:center;border-bottom:3px solid var(--yellow);position:relative;overflow:hidden;}
.prod-ring{width:182px;height:182px;border-radius:50%;background:#1a2e1f;border:4px solid var(--yellow-dk);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.prod-ring img,.prod-ring svg{width:100%;height:100%;object-fit:cover;display:block;}
.prod-body{padding:20px 22px;}
.prod-cat{display:inline-block;background:var(--red);color:#fff;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:3px 9px;border-radius:3px;margin-bottom:9px;}
.prod-name{font-family:'Oswald',sans-serif;font-size:21px;font-weight:600;text-transform:uppercase;margin-bottom:8px;line-height:1.2;}
.prod-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:14px;}
.prod-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;}
.ptag{background:rgba(245,196,0,.13);color:var(--yellow);font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid rgba(245,196,0,.3);}
.prod-sizes{margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;}
.prod-sizes-title{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--gray);margin-bottom:8px;}
.sizes-grid{display:flex;flex-wrap:wrap;gap:5px;}
.size-chip{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.8);font-family:'Montserrat',sans-serif;font-size:10px;padding:3px 8px;border-radius:3px;}
.prod-price{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);}
.price-val{font-family:'Oswald',sans-serif;font-size:20px;font-weight:700;color:var(--yellow);}
.price-unit{font-size:11px;color:var(--gray);font-family:'Montserrat',sans-serif;}
.price-btn{background:var(--yellow);color:#07250d;font-family:'Montserrat',sans-serif;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:7px 14px;text-decoration:none;border:none;cursor:pointer;transition:all .2s;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px));}
.price-btn:hover{background:#fff;}

/* ===================== CALCULATOR ===================== */
.calc-sec{background:var(--green-dk);}
.calc-tabs{display:flex;gap:4px;margin-bottom:32px;flex-wrap:wrap;}
.calc-tab{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--gray);font-family:'Montserrat',sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:11px 22px;cursor:pointer;transition:all .2s;border-radius:3px;}
.calc-tab.active,.calc-tab:hover{background:var(--yellow);color:#07250d;border-color:var(--yellow);}
.calc-panel{display:none;}
.calc-panel.active{display:block;}
.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;}
.calc-form{background:rgba(255,255,255,.05);border:1px solid rgba(245,196,0,.2);padding:32px;}
.calc-form h3{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;color:var(--yellow);margin-bottom:20px;}
.fg{margin-bottom:16px;}
.fg label{display:block;font-family:'Montserrat',sans-serif;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gray);margin-bottom:7px;}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.15);color:#fff;font-family:'PT Sans',sans-serif;font-size:15px;padding:11px 14px;outline:none;transition:border-color .2s;-webkit-appearance:none;border-radius:0;}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:var(--yellow);background:rgba(0,0,0,.4);}
.fg select option{background:#0a2d10;}
.fg textarea{resize:vertical;min-height:80px;}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.calc-btn{width:100%;background:var(--yellow);color:#07250d;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:15px;border:none;cursor:pointer;margin-top:8px;transition:all .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.calc-btn:hover{background:#fff;transform:translateY(-2px);}
.calc-result{background:rgba(0,0,0,.3);border:1px solid rgba(245,196,0,.25);padding:32px;min-height:300px;display:flex;flex-direction:column;justify-content:center;}
.calc-result .placeholder{text-align:center;color:var(--gray);font-size:14px;line-height:1.8;}
.calc-result .placeholder .ico{font-size:48px;margin-bottom:16px;opacity:.4;}
.result-rows{display:flex;flex-direction:column;gap:1px;}
.rr{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.rr:last-child{border-bottom:none;}
.rr-label{font-family:'Montserrat',sans-serif;font-size:12px;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;}
.rr-val{font-family:'Oswald',sans-serif;font-size:22px;font-weight:700;color:var(--yellow);}
.rr-val small{font-size:13px;font-weight:400;color:var(--gray);margin-left:4px;}
.rr.total{background:rgba(245,196,0,.08);padding:16px 12px;margin-top:8px;border-bottom:none;border:1px solid rgba(245,196,0,.3);}
.rr.total .rr-label{color:#fff;font-size:13px;}
.rr.total .rr-val{font-size:28px;color:var(--yellow);}
.calc-note{margin-top:14px;font-size:12px;color:var(--gray);font-family:'Montserrat',sans-serif;line-height:1.6;padding:12px;background:rgba(245,196,0,.06);border-left:3px solid var(--yellow);}

/* ===================== SPECIES ===================== */
.species-sec{background:var(--green-dkk);}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
.sp-card{background:rgba(255,255,255,.05);padding:28px 24px;position:relative;overflow:hidden;transition:background .3s;border-left:3px solid transparent;border-bottom:1px solid rgba(255,255,255,.06);}
.sp-card:hover{background:rgba(255,255,255,.09);border-left-color:var(--yellow);}
.sp-num{font-family:'Oswald',sans-serif;font-size:80px;font-weight:700;color:rgba(245,196,0,.07);line-height:1;margin-bottom:-16px;}
.sp-name{font-family:'Oswald',sans-serif;font-size:25px;font-weight:700;text-transform:uppercase;color:var(--yellow);margin-bottom:12px;}
.sp-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px;}
.sp-list{list-style:none;display:flex;flex-direction:column;gap:7px;}
.sp-list li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--gray);font-family:'Montserrat',sans-serif;}
.sp-list li::before{content:'';width:6px;height:6px;background:var(--yellow);border-radius:50%;flex-shrink:0;}

/* ===================== WHY ===================== */
.why-sec{background:linear-gradient(180deg,#1b6b2a 0%,#104a1a 100%);}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.feats{display:flex;flex-direction:column;gap:20px;margin-top:36px;}
.feat{display:flex;gap:18px;align-items:flex-start;}
.feat-ico{width:50px;height:50px;background:var(--yellow);color:#07250d;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));}
.feat-txt h4{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;color:var(--yellow);margin-bottom:5px;}
.feat-txt p{font-size:13px;color:var(--gray);line-height:1.65;}
.iboxes{display:flex;flex-direction:column;gap:14px;}
.ibox{background:rgba(0,0,0,.25);border:1px solid rgba(245,196,0,.18);padding:22px 26px;position:relative;}
.ibox::after{content:'';position:absolute;bottom:-1px;left:0;width:48px;height:3px;background:var(--yellow);}
.ibox h3{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;color:var(--yellow);margin-bottom:7px;}
.ibox p{font-size:13px;color:var(--gray);line-height:1.7;}

/* ===================== FAQ ===================== */
.faq-sec{background:var(--green-dk);}
.faq-list{display:flex;flex-direction:column;gap:2px;max-width:860px;margin:0 auto;}
.faq-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);overflow:hidden;}
.faq-q{padding:18px 24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;transition:background .2s;user-select:none;}
.faq-q:hover{background:rgba(255,255,255,.07);}
.faq-q.open{color:var(--yellow);}
.faq-arrow{font-size:18px;transition:transform .3s;flex-shrink:0;}
.faq-q.open .faq-arrow{transform:rotate(45deg);}
.faq-a{font-size:13.5px;color:var(--gray);line-height:1.7;padding:0 24px;max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;}
.faq-a.open{max-height:300px;padding:0 24px 18px;}

/* ===================== DELIVERY ===================== */
.delivery-sec{background:linear-gradient(135deg,#07250d 0%,#1b6b2a 100%);}
.del-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;}
.del-card{background:rgba(255,255,255,.06);padding:28px 22px;text-align:center;border-bottom:3px solid transparent;transition:all .3s;border-right:1px solid rgba(255,255,255,.06);}
.del-card:last-child{border-right:none;}
.del-card{background:rgba(255,255,255,.06);padding:32px 26px;text-align:center;border-bottom:3px solid transparent;transition:all .3s;}
.del-card:hover{background:rgba(255,255,255,.1);border-bottom-color:var(--yellow);}
.del-ico{font-size:40px;margin-bottom:14px;display:block;}
.del-title{font-family:'Oswald',sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;color:var(--yellow);margin-bottom:8px;}
.del-text{font-size:13px;color:var(--gray);line-height:1.6;}

/* ===================== CONTACT FORM ===================== */
.contact-sec{background:var(--green-dkk);}
.ct-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start;}
.ct-city-block{margin-bottom:32px;}
.ct-city{font-family:'Oswald',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:2px;color:var(--yellow);margin-bottom:6px;display:flex;align-items:center;gap:10px;}
.ct-phone{font-family:'Oswald',sans-serif;font-size:36px;font-weight:700;color:var(--yellow);text-decoration:none;letter-spacing:1px;display:block;line-height:1;margin-bottom:10px;transition:color .2s;}
.ct-phone:hover{color:#fff;}
.ct-det{display:flex;flex-direction:column;gap:7px;margin-top:10px;}
.ct-row{display:flex;align-items:flex-start;gap:12px;font-size:13.5px;color:var(--gray);line-height:1.5;}
.ct-form-wrap{background:rgba(255,255,255,.05);border:1px solid rgba(245,196,0,.2);padding:36px;}
.ct-form-wrap h3{font-family:'Oswald',sans-serif;font-size:26px;font-weight:700;text-transform:uppercase;color:var(--yellow);margin-bottom:8px;}
.ct-form-wrap p{font-size:13px;color:var(--gray);margin-bottom:24px;line-height:1.6;}
.sub-btn{width:100%;background:var(--yellow);color:#07250d;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;padding:16px;border:none;cursor:pointer;margin-top:8px;transition:all .2s;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));}
.sub-btn:hover{background:#fff;}
.sub-btn:disabled{background:rgba(255,255,255,.2);color:rgba(255,255,255,.5);cursor:not-allowed;}
.form-success{display:none;background:rgba(29,166,79,.15);border:1px solid #2da64f;padding:20px 24px;margin-top:16px;border-radius:3px;}
.form-success.show{display:block;}
.form-success p{color:#2da64f;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:700;}
.order-badge{display:inline-block;background:rgba(245,196,0,.15);border:1px solid rgba(245,196,0,.4);padding:8px 14px;font-family:'Montserrat',sans-serif;font-size:12px;color:var(--yellow);margin-bottom:16px;border-radius:3px;}

/* ===================== MAP ===================== */
.map-sec{height:280px;background:linear-gradient(135deg,var(--green-dkk),var(--green));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.map-placeholder{text-align:center;z-index:2;}
.map-cta h3{font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;text-transform:uppercase;color:var(--yellow);margin-bottom:8px;}
.map-cta p{font-size:14px;color:var(--gray);margin-bottom:20px;}
.map-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.map-btn{background:var(--yellow);color:#07250d;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:1px;padding:12px 24px;text-decoration:none;transition:all .2s;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));}
.map-btn:hover{background:#fff;}
.map-btn.out{background:transparent;color:var(--yellow);border:2px solid rgba(245,196,0,.4);}
.map-btn.out:hover{background:rgba(245,196,0,.1);}

/* ===================== FOOTER ===================== */
footer{background:var(--green-dkk);border-top:2px solid var(--yellow);padding:0;}
.footer-inner{max-width:1200px;margin:0 auto;padding:48px 48px 28px;}
.ft-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:40px;margin-bottom:36px;}
.ft-logo-txt{font-family:'Oswald',sans-serif;font-size:28px;font-weight:700;color:var(--yellow);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;}
.ft-tagline{font-size:13px;color:var(--gray);line-height:1.6;max-width:260px;}
.ft-col h4{font-family:'Montserrat',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgba(255,255,255,.4);margin-bottom:14px;}
.ft-col a,.ft-col p{display:block;font-size:13px;color:var(--gray);text-decoration:none;margin-bottom:7px;transition:color .2s;}
.ft-col a:hover{color:var(--yellow);}
.ft-legal{font-size:12px;margin-top:12px;}
.ft-legal a{color:var(--gray);text-decoration:none;transition:color .2s;}
.ft-legal a:hover{color:var(--yellow);}
footer a{color:var(--gray);text-decoration:none;}
footer a:hover{color:var(--yellow);}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.07);padding-top:20px;gap:20px;}
.ft-copy{font-size:12px;color:rgba(255,255,255,.3);font-family:'Montserrat',sans-serif;}
.ft-nds{font-size:12px;color:rgba(245,196,0,.5);font-family:'Montserrat',sans-serif;font-weight:700;}

/* ===================== PAGE HERO (not main hero) ===================== */
.page-hero{padding:130px 48px 60px;background:linear-gradient(140deg,#07250d 0%,#1b6b2a 55%,#104a1a 100%);position:relative;overflow:hidden;}
.page-hero .topo{position:absolute;inset:0;}
.page-hero-inner{max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.breadcrumbs{font-family:'Montserrat',sans-serif;font-size:11px;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;}
.breadcrumbs a{color:rgba(255,255,255,.4);text-decoration:none;}
.breadcrumbs a:hover{color:var(--yellow);}
.breadcrumbs span{margin:0 6px;}
.page-title{font-family:'Oswald',sans-serif;font-size:clamp(36px,5vw,68px);font-weight:700;text-transform:uppercase;line-height:.98;margin-bottom:14px;}
.page-title .y{color:var(--yellow);}
.page-sub{font-family:'Montserrat',sans-serif;font-size:15px;color:var(--gray);max-width:560px;line-height:1.6;}

/* ===================== 1C STATUS INDICATOR ===================== */
.onec-status{display:flex;align-items:center;gap:8px;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;padding:6px 12px;border-radius:3px;margin-bottom:12px;}
.onec-status.connected{background:rgba(29,166,79,.15);color:#2da64f;border:1px solid rgba(29,166,79,.3);}
.onec-status.disconnected{background:rgba(255,255,255,.06);color:var(--gray);border:1px solid rgba(255,255,255,.1);}
.onec-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.onec-status.connected .onec-dot{background:#2da64f;animation:pulse 2s infinite;}
.onec-status.disconnected .onec-dot{background:rgba(255,255,255,.3);}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* Hide mobile-only elements on desktop */
.mobile-tabs{display:none;}
.a11y-toggle{display:none;}

/* ===================== RESPONSIVE ===================== */
@media(max-width:1024px){
  .prod-grid{grid-template-columns:repeat(2,1fr);}
  .ft-top{grid-template-columns:1fr 1fr;}
  .del-grid{grid-template-columns:repeat(2,1fr);}
  .sp-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
  .hdr-top{padding:4px 12px;flex-wrap:nowrap;}
  .hdr-bottom{display:none;}
  .hdr-contacts{gap:1px;flex:1;justify-content:center;}
  .hdr-phone{font-size:15px;}
  .hdr-phone-sub{font-size:13px;}
  .hdr-city{font-size:8px;}
  .hdr-btn{padding:6px 12px;font-size:9px;letter-spacing:.5px;}
  .hdr-map-link{display:none;}
  .logo-img{height:22px !important;}
  nav{display:none;}
  .burger{display:flex;padding:4px;}
  .burger span{width:20px;}
  /* Mobile tab nav */
  .mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:rgba(7,37,13,.97);border-top:2px solid var(--yellow);z-index:200;backdrop-filter:blur(12px);}
  .mobile-tabs a{flex:1;text-align:center;padding:8px 2px 6px;text-decoration:none;color:rgba(255,255,255,.5);font-family:'Montserrat',sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;transition:color .2s;display:flex;flex-direction:column;align-items:center;gap:2px;}
  .mobile-tabs a .mt-ico{font-size:18px;line-height:1;}
  .mobile-tabs a.active,.mobile-tabs a:hover{color:var(--yellow);}
  body{padding-bottom:56px;}
  /* ---- Accessibility toggle button ---- */
  .a11y-toggle{display:block;position:fixed;top:48px;right:8px;z-index:199;background:rgba(7,37,13,.95);border:1.5px solid var(--yellow);color:var(--yellow);font-family:'Montserrat',sans-serif;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:5px 10px;cursor:pointer;border-radius:3px;backdrop-filter:blur(8px);transition:all .2s;}
  .a11y-toggle:hover,.a11y-toggle.active{background:var(--yellow);color:#07250d;}
  .mobile-nav{display:block;top:0;}
  .mobile-nav a{font-size:12px;padding:11px 20px;}
  .mobile-nav .mn-phone{font-size:18px;padding:12px 20px;}
  .sec{padding:32px 14px;}
  .sec-head{margin-bottom:20px;}
  .sec-title{font-size:clamp(20px,5vw,32px);}
  .sec-desc{font-size:12px;}
  .page-hero{padding:64px 14px 28px;}
  .page-title{font-size:clamp(24px,6vw,38px);}
  .page-sub{font-size:12px;}
  .prod-grid{grid-template-columns:1fr 1fr;gap:10px;}
  .prod-ring{width:80px;height:80px;border-width:3px;}
  .prod-img{height:110px;border-bottom-width:2px;}
  .prod-name{font-size:14px;margin-bottom:4px;}
  .prod-desc{font-size:11px;margin-bottom:6px;line-height:1.4;}
  .prod-body{padding:10px 10px;}
  .prod-cat{font-size:8px;padding:2px 6px;margin-bottom:5px;}
  .ptag{font-size:8px;padding:2px 5px;}
  .prod-tags{gap:3px;margin-bottom:8px;}
  .prod-price{flex-direction:column;align-items:flex-start;gap:6px;padding-top:8px;}
  .price-val{font-size:16px;}
  .price-unit{font-size:10px;}
  .price-btn{font-size:9px;padding:5px 10px;width:100%;text-align:center;display:block;}
  .prod-sizes{display:none;}
  .calc-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .ct-grid{grid-template-columns:1fr;}
  .ct-phone{font-size:22px;}
  .ft-top{grid-template-columns:1fr 1fr;}
  .footer-inner{padding:24px 14px 16px;}
  .ft-top{gap:16px;}
  .ft-col h4{font-size:9px;margin-bottom:10px;}
  .ft-col a,.ft-col p{font-size:12px;margin-bottom:5px;}
  .del-grid{grid-template-columns:1fr 1fr;}
  .del-card{padding:16px 10px;}
  .del-ico{font-size:24px;margin-bottom:6px;}
  .del-title{font-size:14px;}
  .del-text{font-size:11px;}
  .sp-grid{grid-template-columns:1fr;}
  .sp-card{padding:18px 14px;}
  .sp-num{font-size:40px;}
  .sp-name{font-size:18px;}
  .ybanner{font-size:clamp(14px,4vw,24px);padding:10px 16px;margin-bottom:24px;}
  .marquee{padding:6px 0;}
  .mq-item{font-size:11px;letter-spacing:.5px;padding:0 16px;}
  .mq-dot{width:5px;height:5px;}
}

/* ===================== ACCESSIBILITY MODE ===================== */
body.a11y-mode{
  --bg:#fff;--white:#000;--gray:rgba(0,0,0,.75);--gray2:rgba(0,0,0,.5);
  --green-dk:#000;--green-dkk:#fff;--yellow:#000;--yellow-dk:#333;
  background:#fff;color:#000;font-size:18px;line-height:1.8;letter-spacing:.3px;
}
body.a11y-mode *{border-color:rgba(0,0,0,.2) !important;}
body.a11y-mode header{background:#fff;border-bottom:3px solid #000;}
body.a11y-mode .hdr-phone,body.a11y-mode .hdr-phone-sub,body.a11y-mode .logo-txt{color:#000;}
body.a11y-mode .hdr-btn{background:#000;color:#fff;}
body.a11y-mode .burger span{background:#000;}
body.a11y-mode .mobile-tabs{background:#fff;border-top:3px solid #000;}
body.a11y-mode .mobile-tabs a{color:#000;}
body.a11y-mode .mobile-tabs a.active{color:#000;font-weight:900;text-decoration:underline;}
body.a11y-mode .sec-title,body.a11y-mode .sec-title .y{color:#000;font-size:clamp(24px,6vw,40px);}
body.a11y-mode .sec-desc{color:#000;font-size:16px;}
body.a11y-mode .sec{background:#fff;}
body.a11y-mode .hero{background:#f5f5f5;}
body.a11y-mode .hero-title,body.a11y-mode .hero-title .y{color:#000;}
body.a11y-mode .hero-sub{color:#333;font-size:16px;}
body.a11y-mode .badge{background:#000;color:#fff;}
body.a11y-mode .btn-main{background:#000;color:#fff;font-size:14px;}
body.a11y-mode .btn-out{color:#000;border-color:#000 !important;font-size:14px;}
body.a11y-mode .prod-card{background:#f8f8f8;border:2px solid #000 !important;}
body.a11y-mode .prod-name{color:#000;font-size:18px;}
body.a11y-mode .prod-desc{color:#333;font-size:14px;}
body.a11y-mode .price-val{color:#000;font-size:20px;}
body.a11y-mode .price-unit{color:#333;font-size:13px;}
body.a11y-mode .price-btn{background:#000;color:#fff;font-size:12px;}
body.a11y-mode .ptag{background:#e0e0e0;color:#000;font-size:11px;}
body.a11y-mode .prod-cat{background:#000;color:#fff;}
body.a11y-mode .marquee{background:#000;}
body.a11y-mode .mq-item{color:#fff;}
body.a11y-mode .mq-dot{background:#fff;}
body.a11y-mode .species-sec,body.a11y-mode .why-sec,body.a11y-mode .faq-sec,body.a11y-mode .delivery-sec,body.a11y-mode .contact-sec{background:#f5f5f5;}
body.a11y-mode .sp-name{color:#000;}
body.a11y-mode .sp-desc,body.a11y-mode .sp-list li{color:#333;font-size:15px;}
body.a11y-mode .feat-ico{background:#000;color:#fff;}
body.a11y-mode .feat-txt h4{color:#000;}
body.a11y-mode .feat-txt p{color:#333;font-size:14px;}
body.a11y-mode .ibox{background:#fff;border-color:#000 !important;}
body.a11y-mode .ibox h3{color:#000;}
body.a11y-mode .ibox p{color:#333;font-size:14px;}
body.a11y-mode .faq-q{color:#000;font-size:16px;}
body.a11y-mode .faq-q.open{color:#000;font-weight:900;}
body.a11y-mode .faq-a{color:#333;font-size:15px;}
body.a11y-mode .faq-item{background:#fff;}
body.a11y-mode .del-card{background:#fff;}
body.a11y-mode .del-title{color:#000;}
body.a11y-mode .del-text{color:#333;font-size:14px;}
body.a11y-mode .ct-phone{color:#000;}
body.a11y-mode .ct-row{color:#333;font-size:15px;}
body.a11y-mode .ct-form-wrap{background:#fff;border-color:#000 !important;}
body.a11y-mode .ct-form-wrap h3{color:#000;}
body.a11y-mode .ct-form-wrap p{color:#333;font-size:14px;}
body.a11y-mode .sub-btn{background:#000;color:#fff;font-size:16px;}
body.a11y-mode footer{background:#f5f5f5;border-top:3px solid #000;}
body.a11y-mode .ft-logo-txt{color:#000;}
body.a11y-mode .ft-tagline{color:#333;}
body.a11y-mode .ft-col h4{color:#000;}
body.a11y-mode .ft-col a,body.a11y-mode .ft-col p{color:#333;font-size:14px;}
body.a11y-mode footer a{color:#333;}
body.a11y-mode .ft-legal a{color:#333;}
body.a11y-mode .ybanner{background:#000;color:#fff;}
body.a11y-mode .a11y-toggle{background:#000;color:#fff;border-color:#000;}
body.a11y-mode .quick-inner{gap:8px;}
body.a11y-mode .circ{background:#e0e0e0;}
body.a11y-mode .page-hero{background:#f5f5f5;}
body.a11y-mode .page-title{color:#000;}
body.a11y-mode .page-sub{color:#333;font-size:15px;}
body.a11y-mode .breadcrumbs,.body.a11y-mode .breadcrumbs a{color:#333;}
body.a11y-mode input,body.a11y-mode select,body.a11y-mode textarea{background:#fff !important;color:#000 !important;border:2px solid #000 !important;font-size:16px !important;}
body.a11y-mode label{color:#000;font-size:14px;}
body.a11y-mode .mobile-nav{background:#fff;}
body.a11y-mode .mobile-nav a{color:#000;border-bottom-color:rgba(0,0,0,.1) !important;}
body.a11y-mode .mobile-nav a.active{color:#000;font-weight:900;}
body.a11y-mode .mobile-nav .mn-phone{color:#000;}
body.a11y-mode .hdr-city{color:rgba(0,0,0,.5);}
body.a11y-mode .prod-ring{background:#e0e0e0 !important;}