:root{--black:#0a0a0a;--near:#141414;--green:#699C7E;--gl:#7ab38f;--w:#fff;--border:rgba(255,255,255,0.08);}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--black);color:var(--w);font-family:'Outfit',sans-serif;}
nav{position:fixed;top:0;left:0;right:0;z-index:10000;display:flex;align-items:center;justify-content:space-between;padding:0 48px;height:76px;background:rgba(10,10,10,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.nav-logo img{height:36px;}
.nav-links{display:flex;list-style:none;gap:28px;align-items:center;}
.nav-links a{color:rgba(255,255,255,.65);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s;}
.nav-links a:hover,.nav-links a.act{color:var(--green);}
.nav-right{display:flex;align-items:center;gap:14px;}
.nav-cta{background:var(--green);color:var(--black);border-radius:2px;padding:9px 18px;font-size:13px;font-weight:600;text-decoration:none;}
.hbtn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:10001;}
.hbtn span{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s;}
.hero{padding:140px 60px 70px;text-align:center;border-bottom:1px solid var(--border);}
.hero h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(52px,7vw,96px);line-height:.92;margin-bottom:18px;}
.hero h1 em{font-style:normal;color:var(--green);}
.hero p{font-size:16px;color:rgba(255,255,255,.5);max-width:500px;margin:0 auto 10px;line-height:1.7;}
.hero-sub{font-size:12px;color:rgba(255,255,255,.22);letter-spacing:.05em;}
.filters{display:flex;gap:8px;justify-content:center;padding:24px 40px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.fbtn{background:none;border:1px solid var(--border);color:rgba(255,255,255,.5);padding:7px 16px;border-radius:2px;cursor:pointer;font-family:'Outfit',sans-serif;font-size:12px;letter-spacing:.04em;transition:all .2s;}
.fbtn:hover,.fbtn.act{background:var(--green);border-color:var(--green);color:var(--black);}
.shop{max-width:1200px;margin:0 auto;padding:48px;}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.card{background:var(--near);border:1px solid var(--border);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:border-color .2s,transform .2s;}
.card:hover{border-color:rgba(105,156,126,.45);transform:translateY(-3px);}
.cimg{height:170px;position:relative;overflow:hidden;}
.cimg svg{width:100%;height:100%;}
.bdg{position:absolute;top:10px;right:10px;font-size:10px;font-weight:700;padding:3px 8px;border-radius:2px;letter-spacing:.05em;}
.bg{background:var(--green);color:var(--black);}
.br{background:#e05c3a;color:#fff;}
.cbody{padding:16px;flex:1;display:flex;flex-direction:column;gap:5px;}
.ccat{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);}
.cname{font-size:15px;font-weight:600;line-height:1.3;}
.cdesc{font-size:12px;color:rgba(255,255,255,.38);line-height:1.6;flex:1;}
.cmeta{font-size:11px;color:rgba(255,255,255,.22);margin-top:2px;}
.cfoot{padding:12px 16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.cprice{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--green);}
.cprice small{font-family:'Outfit',sans-serif;font-size:11px;color:rgba(255,255,255,.3);margin-left:1px;}
.bbuy{background:var(--green);color:var(--black);border:none;padding:8px 16px;font-family:'Outfit',sans-serif;font-size:12px;font-weight:700;cursor:pointer;border-radius:2px;transition:background .2s;}
.bbuy:hover{background:var(--gl);}
.partner{background:rgba(105,156,126,.04);border:1px solid rgba(105,156,126,.12);border-radius:3px;padding:18px 20px;margin-top:44px;display:flex;gap:14px;align-items:flex-start;}
.partner p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.7;}
.partner a{color:var(--green);}
.ovl{display:none;position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:99999;align-items:flex-start;justify-content:center;padding:30px 16px;overflow-y:auto;}
.ovl.show{display:flex;}
.modal{background:#161616;border:1px solid rgba(255,255,255,.1);border-radius:4px;width:100%;max-width:520px;margin:auto;position:relative;}
.modal-x{position:absolute;top:12px;right:14px;background:none;border:none;color:rgba(255,255,255,.35);font-size:22px;cursor:pointer;z-index:2;line-height:1;}
.modal-x:hover{color:#fff;}
.mhead{padding:26px 26px 16px;border-bottom:1px solid var(--border);}
.mcat{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:5px;}
.mtitle{font-size:19px;font-weight:600;margin-bottom:8px;line-height:1.3;}
.mprice{font-family:'Bebas Neue',sans-serif;font-size:34px;color:var(--green);}
.mbody{padding:18px 26px 26px;}
.mdesc{font-size:13px;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:14px;}
.minc-lbl{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.22);margin-bottom:7px;}
.minc{list-style:none;margin-bottom:18px;}
.minc li{font-size:12px;color:rgba(255,255,255,.5);padding:5px 0 5px 18px;position:relative;border-bottom:1px solid rgba(255,255,255,.03);}
.minc li::before{content:'\2713';position:absolute;left:0;color:var(--green);}
.sep{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.2);padding:12px 0 8px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px;}
.form{display:flex;flex-direction:column;gap:10px;}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.r3{display:grid;grid-template-columns:1fr 70px 62px;gap:10px;}
.fg{display:flex;flex-direction:column;gap:4px;}
.fg label{font-size:10px;letter-spacing:.07em;color:rgba(255,255,255,.28);}
.fg input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:2px;padding:9px 10px;color:#fff;font-family:'Outfit',sans-serif;font-size:13px;outline:none;transition:border-color .2s;width:100%;}
.fg input:focus{border-color:var(--green);}
.fg input::placeholder{color:rgba(255,255,255,.17);}
.snote{font-size:11px;color:rgba(255,255,255,.18);display:flex;align-items:center;gap:5px;margin-top:2px;}
.bpay{background:var(--green);color:var(--black);border:none;padding:13px;font-family:'Outfit',sans-serif;font-size:14px;font-weight:700;cursor:pointer;border-radius:2px;width:100%;margin-top:8px;transition:background .2s;}
.bpay:hover{background:var(--gl);}
.bpay:disabled{background:#252525;color:#555;cursor:not-allowed;}
.suc{display:none;text-align:center;padding:36px 20px;}
.suc.show{display:block;}
.sico{width:58px;height:58px;background:rgba(105,156,126,.1);border:2px solid var(--green);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto 16px;}
.suc h3{font-size:19px;margin-bottom:10px;}
.suc p{font-size:13px;color:rgba(255,255,255,.42);line-height:1.8;}
footer{padding:32px 48px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
footer p{font-size:12px;color:rgba(255,255,255,.22);}
footer a{font-size:11px;color:rgba(255,255,255,.22);text-decoration:none;}
@media(max-width:900px){nav{padding:0 20px;height:64px;}.nav-links{display:none;position:fixed;top:64px;left:0;right:0;background:rgba(14,14,14,.99);flex-direction:column;align-items:flex-start;padding:16px 0;gap:0;border-bottom:1px solid var(--border);z-index:9999;}.nav-links.open{display:flex!important;}.nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,.05);}.nav-links a{display:block;padding:13px 20px;font-size:16px;}.hbtn{display:flex!important;}.hero{padding:110px 24px 48px;}.grid{grid-template-columns:repeat(2,1fr);}.shop{padding:32px 20px 60px;}footer{padding:24px 20px;flex-direction:column;text-align:center;}}
@media(max-width:560px){.grid{grid-template-columns:1fr;}.r2,.r3{grid-template-columns:1fr;}.mhead,.mbody{padding:18px;}}