@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b1220;--panel:#111c2e;--panel2:#162338;--text:#f4f7fb;--muted:#9baac0;--line:rgba(255,255,255,.1);--accent:#6ee7b7;--accent2:#60a5fa;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 80% -10%,rgba(37,99,235,.2),transparent 40%),var(--bg);color:var(--text);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.8}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.topbar{max-width:1180px;margin:auto;padding:22px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#34d399);color:#0b1220;font-weight:900;font-size:24px}.brand strong,.brand small{display:block;line-height:1.2}.brand strong{font-size:17px;letter-spacing:.2px}.brand small{font-size:10px;letter-spacing:3px;color:var(--muted);margin-top:5px}.topbar-tag{color:var(--muted);font-size:13px}.container{max-width:1180px;margin:auto;padding:0 22px}.hero{margin:34px 0 55px;padding:42px 46px;min-height:320px;border:1px solid var(--line);border-radius:30px;background:linear-gradient(115deg,rgba(17,28,46,.97),rgba(20,43,63,.9));display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;color:var(--accent);font-weight:700;letter-spacing:.3px}.hero h1{font-size:clamp(30px,4vw,48px);line-height:1.35;margin:12px 0}.hero h1 span{color:var(--accent)}.hero p{color:#b7c4d7;max-width:530px;font-size:15px;margin:0 0 24px}.hero-link{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:#092019;padding:10px 18px;border-radius:12px;font-weight:800;font-size:13px}.hero-link span{font-size:20px}.hero-art{height:245px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:210px;height:210px;background:radial-gradient(circle at 35% 30%,rgba(110,231,183,.3),rgba(96,165,250,.07) 65%,transparent 70%);border:1px solid rgba(110,231,183,.22)}.orb-two{width:270px;height:270px;border:1px dashed rgba(96,165,250,.25)}.hero-tile{position:absolute;width:85px;height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid rgba(255,255,255,.18);background:rgba(12,25,42,.8);box-shadow:0 18px 50px rgba(0,0,0,.2);border-radius:20px;color:var(--accent);font-size:30px;transform:rotate(-8deg)}.hero-tile small{font-size:11px;color:#dbe7f6}.tile-one{top:20px;right:20%}.tile-two{bottom:20px;left:15%;transform:rotate(8deg);color:var(--accent2)}.tile-three{top:90px;left:12%;transform:rotate(-2deg);color:#c4b5fd}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-head h2{font-size:27px;margin:3px 0 0}.search-wrap{display:flex;align-items:center;gap:9px;width:min(330px,100%);padding:8px 13px;border:1px solid var(--line);background:var(--panel);border-radius:13px;color:var(--muted)}.search-wrap span{font-size:24px}.search-wrap input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font-size:13px}.categories{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.category{border:1px solid var(--line);background:transparent;color:#b5c2d5;padding:8px 14px;border-radius:999px;cursor:pointer;font-size:12px}.category.active,.category:hover{background:var(--accent);border-color:var(--accent);color:#092019;font-weight:800}.status{color:var(--muted);font-size:13px;padding:12px 0}.status.error{color:#fca5a5}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);background:linear-gradient(160deg,rgba(20,33,53,.95),rgba(14,24,40,.96));border-radius:21px;overflow:hidden;transition:transform .2s,border-color .2s;min-width:0}.product-card:hover{transform:translateY(-4px);border-color:rgba(110,231,183,.35)}.product-media{aspect-ratio:4/3;background:linear-gradient(135deg,#17263a,#1d3550);display:grid;place-items:center;position:relative;overflow:hidden}.product-media img,.detail-media img,.detail-media video{width:100%;height:100%;object-fit:cover;display:block}.media-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#90a8c2;background:radial-gradient(circle at 50% 30%,rgba(110,231,183,.12),transparent 45%),linear-gradient(135deg,#16263b,#101a2a)}.media-placeholder .placeholder-icon{font-size:37px;color:var(--accent)}.media-placeholder small{font-size:11px}.product-body{padding:17px}.product-category{font-size:11px;color:var(--accent);font-weight:700}.product-body h3{font-size:17px;margin:7px 0 5px}.product-description{font-size:12px;color:var(--muted);min-height:43px;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0 15px}.price-label{color:var(--muted);font-size:11px}.price{font-size:17px;font-weight:800;white-space:nowrap}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:12px;padding:10px 13px;font-weight:800;font-size:12px;transition:filter .2s,transform .2s}.button:hover{filter:brightness(1.08)}.button:disabled{opacity:.55;cursor:wait}.button-primary{background:var(--accent);color:#092019}.button-secondary{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#d8e3f1}.website-button{margin-bottom:9px}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:55px 0 38px}.trust-strip>div{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(17,28,46,.55)}.trust-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:rgba(110,231,183,.12);color:var(--accent);font-size:20px;flex-shrink:0}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:12px}.trust-strip small{font-size:10px;color:var(--muted);margin-top:3px}.footer{border-top:1px solid var(--line);padding:23px max(22px,calc((100% - 1136px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(2,7,15,.78);backdrop-filter:blur(6px)}.modal-panel{position:relative;z-index:1;width:min(820px,100%);max-height:90vh;overflow:auto;background:#101b2c;border:1px solid var(--line);border-radius:23px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 25px 100px rgba(0,0,0,.45)}.close-button{position:absolute;z-index:2;top:12px;left:12px;width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:rgba(5,12,23,.8);color:white;font-size:24px;cursor:pointer}.detail-media{min-height:300px;background:#17263a;overflow:hidden}.detail-content{padding:30px;display:flex;flex-direction:column;align-items:stretch}.detail-content h2,.order-heading h2{margin:8px 0;font-size:24px}.detail-content p,.order-heading p{color:var(--muted);font-size:13px}.detail-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:13px 0 16px;font-size:12px;color:var(--muted)}.detail-price-row strong{font-size:20px;color:var(--text)}.order-panel{display:block;width:min(560px,100%);padding:28px}.order-heading{padding-left:24px}.order-panel form{display:grid;gap:14px}.order-panel label:not(.radio-option){display:grid;gap:6px;font-size:12px;color:#d9e3f1}.order-panel input:not([type=radio]),.order-panel textarea{width:100%;background:#0b1422;border:1px solid var(--line);border-radius:11px;color:var(--text);padding:11px 12px;outline:none;font-size:13px}.order-panel input:focus,.order-panel textarea:focus{border-color:rgba(110,231,183,.6)}.order-panel fieldset{border:1px solid var(--line);border-radius:13px;padding:10px 13px;display:flex;gap:20px;flex-wrap:wrap}.order-panel legend{font-size:12px;color:var(--muted);padding:0 6px}.radio-option{display:flex;align-items:center;gap:7px;font-size:12px;color:#d9e3f1}.radio-option input{accent-color:#6ee7b7}.payment-note{font-size:11px;color:#fcd34d;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:11px;padding:10px 12px;margin:0}.full-button{width:100%;min-height:44px}.form-status{font-size:12px;margin:0;color:var(--accent)}.form-status.error{color:#fca5a5}.empty-state{grid-column:1/-1;padding:35px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:18px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding:30px 25px}.hero-art{height:180px;grid-row:1}.hero-copy{grid-row:2}.orb-one{width:160px;height:160px}.orb-two{width:205px;height:205px}.hero-tile{width:67px;height:67px;font-size:25px}.tile-one{top:3px}.tile-two{bottom:5px}.tile-three{top:55px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal-panel{grid-template-columns:1fr}.detail-media{min-height:200px;max-height:270px}.detail-content{padding:23px}.trust-strip{grid-template-columns:1fr}.section-head{align-items:stretch;flex-direction:column}.search-wrap{width:100%}}
@media(max-width:500px){.topbar{padding:15px 17px}.container{padding:0 15px}.topbar-tag{font-size:11px}.hero{margin-top:20px;margin-bottom:38px;border-radius:22px;padding:20px}.hero h1{font-size:29px}.hero p{font-size:13px}.product-grid{grid-template-columns:1fr;gap:13px}.product-card{display:grid;grid-template-columns:115px 1fr}.product-media{height:100%;min-height:180px;aspect-ratio:auto}.product-body{padding:12px}.product-body h3{font-size:14px}.product-description{font-size:11px;min-height:0}.price{font-size:14px}.card-actions{grid-template-columns:1fr}.button{font-size:11px;padding:9px 8px}.trust-strip{margin-top:35px}.footer{padding:18px 15px}.order-panel{padding:22px 17px}.order-heading h2{font-size:21px}}