@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/fonts/vazirmatn-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#14332e;--forest:#123c35;--lime:#c7f56b;--cream:#f3f1e9;--paper:#fffdf8;--muted:#66756f;--line:#dce3dd;--orange:#ef6c3f;--shadow:0 22px 55px rgba(17,55,48,.12)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.7}button,input{font:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:88px;padding:0 clamp(22px,6vw,88px);display:flex;align-items:center;justify-content:space-between;background:rgba(243,241,233,.9);border-bottom:1px solid rgba(20,51,46,.1);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:12px}.brand img{border-radius:14px}.brand span{display:grid;line-height:1.35}.brand strong{font-size:1.05rem}.brand small{color:var(--muted);font-size:.72rem}.catalog-link{font-size:.9rem;font-weight:700;border-bottom:1px solid var(--ink);padding-block:6px}
.hero{min-height:570px;background:var(--forest);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);overflow:hidden}.hero-copy{padding:clamp(64px,10vw,130px) clamp(26px,9vw,140px) 70px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{margin:0 0 15px;color:#52736c;font-size:.78rem;font-weight:700;letter-spacing:.08em}.hero .eyebrow{color:var(--lime)}.hero h1{font-size:clamp(3rem,6.5vw,6.7rem);line-height:1.08;letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:var(--lime)}.hero-copy>p:not(.eyebrow){max-width:560px;color:#d4e2dd;font-size:clamp(1rem,1.5vw,1.2rem);margin:28px 0 36px}.primary-action{background:var(--lime);color:var(--ink);font-weight:700;padding:14px 24px;border-radius:14px;display:inline-flex;gap:28px;align-items:center;transition:.2s}.primary-action:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(199,245,107,.18)}
.hero-art{position:relative;min-height:480px;background:linear-gradient(145deg,#184b42,#0e302b);isolation:isolate;overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 35%,rgba(199,245,107,.2),transparent 42%),repeating-linear-gradient(45deg,transparent 0 48px,rgba(255,255,255,.025) 49px 50px)}.orbit{position:absolute;border:1px solid rgba(199,245,107,.35);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.orbit-one{width:430px;height:430px}.orbit-two{width:560px;height:560px}.ball{position:absolute;width:250px;height:250px;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%) rotate(-14deg);background:var(--lime);box-shadow:0 30px 80px rgba(0,0,0,.28)}.ball:before,.ball:after,.ball span:before{content:"";position:absolute;border:13px solid var(--forest);border-radius:50%}.ball:before{inset:52px}.ball:after{width:180px;height:110px;right:-30px;top:53px}.ball span:before{width:180px;height:110px;left:-30px;bottom:47px}.hero-label{position:absolute;bottom:42px;right:40px;background:var(--paper);color:var(--ink);padding:15px 18px;border-radius:14px;display:grid;box-shadow:var(--shadow)}.hero-label small{color:var(--muted)}
.catalog{max-width:1500px;margin:auto;padding:90px clamp(20px,6vw,82px) 120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-heading h2{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1;margin:0}.result-count{color:var(--muted);font-size:.9rem}.filters{display:grid;grid-template-columns:minmax(250px,370px) 1fr auto;gap:18px;align-items:center;padding:18px 0 36px;border-bottom:1px solid var(--line)}.search{height:52px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 15px}.search:focus-within{border-color:#4f7b72;box-shadow:0 0 0 3px rgba(79,123,114,.12)}.search input{border:0;outline:0;background:transparent;width:100%;color:var(--ink)}.categories{display:flex;gap:8px;overflow:auto;padding:3px}.categories button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 17px;border-radius:999px;white-space:nowrap;cursor:pointer}.categories button.active{background:var(--forest);color:#fff;border-color:var(--forest)}.available-filter{white-space:nowrap;display:flex;gap:8px;align-items:center;font-size:.9rem}.available-filter input{accent-color:var(--forest);width:18px;height:18px}
.status{min-height:300px;display:grid;place-content:center;justify-items:center;color:var(--muted);text-align:center}.loader{width:36px;height:36px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--forest);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:38px}.product-card{background:var(--paper);border:1px solid rgba(20,51,46,.1);border-radius:24px;overflow:hidden;min-width:0;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-visual{height:200px;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--tone,#dcefe9)}.product-visual:before,.product-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(20,51,46,.15)}.product-visual:before{width:190px;height:190px}.product-visual:after{width:120px;height:120px}.product-glyph{font-size:3.4rem;font-weight:700;z-index:1;color:var(--forest)}.stock-badge{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:999px;background:#fff;color:var(--forest);font-size:.72rem;font-weight:700;z-index:2}.stock-badge.out{color:#9a3e25;background:#fff0eb}.product-body{padding:24px}.product-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.76rem;margin-bottom:8px}.product-body h3{font-size:1.25rem;margin:0 0 20px;line-height:1.45}.prices{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--line)}.price{display:grid}.price small{color:var(--muted);font-size:.72rem}.price strong{font-size:1.12rem}.wholesale{text-align:left}.options{display:grid;gap:12px;margin-top:18px}.option-row{display:flex;align-items:flex-start;gap:12px}.option-label{color:var(--muted);font-size:.76rem;min-width:38px;padding-top:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.72rem;border:1px solid var(--line);border-radius:8px;padding:3px 8px;background:#fff}.color-chip{display:inline-flex;align-items:center;gap:5px}.color-dot{width:10px;height:10px;border-radius:50%;background:var(--swatch,#7f8c8d);border:1px solid rgba(0,0,0,.14)}.no-options{color:#88948f;font-size:.76rem}.empty{grid-column:1/-1;padding:80px 20px;text-align:center;color:var(--muted)}
footer{background:#0e2d28;color:#dceae6;padding:42px clamp(22px,6vw,88px);display:flex;justify-content:space-between;align-items:center;gap:25px}footer p{font-size:.82rem;color:#a9beb8}footer>a{color:var(--lime);font-size:.85rem}.footer-brand strong{color:#fff}.footer-brand small{color:#a9beb8}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-art{min-height:390px}.filters{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.site-header{height:76px;padding-inline:18px}.brand small{display:none}.catalog-link{font-size:.78rem}.hero-copy{padding:66px 22px}.hero h1{font-size:3.45rem}.hero-art{min-height:340px}.ball{width:190px;height:190px}.ball:before{inset:40px}.orbit-one{width:310px;height:310px}.orbit-two{width:410px;height:410px}.hero-label{right:20px;bottom:22px}.catalog{padding:68px 16px 80px}.section-heading{align-items:flex-start;gap:20px}.section-heading h2{font-size:2.8rem}.product-grid{grid-template-columns:1fr}.filters{padding-top:4px}.product-visual{height:180px}footer{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.loader{animation:none}.primary-action,.product-card{transition:none}}