@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--navy:#0a1929;--green:#153b36;--gold:#d5ad70;--off:#eff0ee;--muted:#b1c1c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:#fff;font-family:Vazirmatn,'Segoe UI',Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:82px;padding:0 5%;position:fixed;z-index:40;top:0;width:100%;display:flex;gap:28px;align-items:center;background:linear-gradient(#061424ee,#06142490);backdrop-filter:blur(14px);border-bottom:1px solid #ffffff22}.brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.logo{border:1px solid var(--gold);color:var(--gold);padding:9px;font-family:Georgia,serif;font-size:25px;letter-spacing:1px;display:inline-flex;align-items:center;justify-content:center;min-width:68px;min-height:54px;background:#ffffff08;border-radius:8px}.logo img{display:block;max-width:140px;max-height:58px;object-fit:contain}.brand-caption{display:flex;flex-direction:column;gap:5px;font-size:12px}.brand-caption small{font-size:9px;color:#afc4ca}nav{display:flex;align-items:center;gap:17px;margin:auto;font-size:12px}nav a:hover{color:var(--gold)}.outline{border:1px solid #b8c7c7;color:#fff;background:transparent;padding:11px 15px;border-radius:4px;white-space:nowrap}.menuBtn{display:none;background:none;color:white;border:0;font-size:26px}.hero{height:100svh;min-height:540px;position:relative;overflow:hidden;display:flex;align-items:center;padding:115px 9% 80px;isolation:isolate}.media-layer{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;background-image:linear-gradient(125deg,#122e44,#294e4c)}.media-layer video{position:absolute;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,#07142260,#071422d6 65%,#071422a8);z-index:-1}.hero-body{max-width:760px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold);font-weight:bold}.hero h1{font-size:clamp(36px,5.3vw,75px);line-height:1.4;max-width:850px;margin:20px 0}.hero p{line-height:2;font-size:clamp(14px,1.5vw,20px);color:#dce5e8}.goldbtn{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);border:0;color:#0e2530;padding:15px 24px;border-radius:3px;font-weight:bold;margin-top:24px}.hero-bottom{position:absolute;bottom:26px;font:11px Georgia,serif;letter-spacing:2px;color:#c5d5db}.slide-controls{display:flex;gap:12px;align-items:center;margin-top:35px}.slide-controls button{width:40px;height:40px;border:1px solid #ffffff55;border-radius:50%;background:#09192888;color:white}.slide-count{font:13px Georgia,serif;letter-spacing:2px}.products{padding:110px 7%;background:#f2f1eb;color:#193039}.section-heading{text-align:center;margin:auto auto 45px;max-width:780px}.section-heading h2,.about h2,.contact h2{font-size:clamp(30px,3.6vw,52px)}.section-heading p{line-height:2;color:#5f7379}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;box-shadow:0 10px 30px #00000010;cursor:pointer;overflow:hidden;transition:transform .2s}.product-card:hover{transform:translateY(-6px)}.product-card-image{height:230px;background-size:cover;background-position:center;background-color:#d4d7ce}.product-card h3{padding:0 20px}.product-card p{padding:0 20px 20px;color:#72858a;font-size:12px}.about{padding:145px 10%;background:linear-gradient(120deg,#0f3836,#0a1b2c)}.about-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.about p{max-width:850px;line-height:2.3;font-size:18px;color:#cadbdb}.about-media{background:#ffffff0b;border:1px solid #ffffff12;padding:16px;border-radius:12px;box-shadow:0 10px 30px #00000022}.about-media video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;background:#061729}.about-media small{display:block;color:#afc1c7;margin-top:10px;line-height:1.9}.contact{padding:110px 9%;background:#102333}.contact>p{color:#b4c7cf}.contact-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;margin-top:40px}.contact form{display:grid;gap:17px}.contact label{display:grid;gap:8px;font-size:13px;color:#d8e1e5}.contact input,.contact select,.contact textarea{width:100%;border:1px solid #68808a66;padding:12px;background:#152f41;color:white;border-radius:4px}.contact-side{display:grid;gap:18px}.contact-details{background:#ffffff0d;padding:25px;line-height:2.6;overflow-wrap:anywhere;border-radius:12px;border:1px solid #ffffff12}.contact-details a{color:var(--gold)}.map-card{background:#ffffff0d;padding:18px;border-radius:12px;border:1px solid #ffffff12}.map-card h3{margin-top:0}.map-card iframe{width:100%;height:280px;border:0;border-radius:10px;display:block}.map-card small{display:block;margin-top:10px;color:#bad0d5}.map-link{display:inline-flex;align-items:center;gap:8px}footer{padding:45px 8%;background:#071320;display:flex;align-items:start;justify-content:space-between;gap:30px;color:#becbd1}footer>div{max-width:400px}footer p{line-height:2}.footer-links{display:grid;gap:12px}footer small{font-size:11px}.product-view{position:fixed;z-index:80;inset:0;overflow:auto;background:#f3f2ed;color:#19323b;padding:80px min(7vw,100px)}.hidden{display:none!important}.modal-close{position:fixed;top:20px;left:25px;background:#123c3c;color:white;padding:12px;border:0;z-index:90}.product-banner{height:45vh;min-height:300px;background-position:center;background-size:cover}.product-body{max-width:1060px;margin:auto}.product-body h1{font-size:44px}.specs{width:100%;border-collapse:collapse}.specs td{border-bottom:1px solid #ddd;padding:15px}.specs td:first-child{color:#73848a;width:36%}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img,.gallery video{width:100%;aspect-ratio:16/9;object-fit:cover}.admin{position:fixed;inset:0;z-index:100;background:#e9edf0;color:#162a38;direction:rtl}.adminbar{background:#0b1d2d;color:#fff;height:75px;padding:15px 30px;display:flex;justify-content:space-between;align-items:center}.adminbar div{display:grid;gap:8px}.adminbar small{font-size:11px;color:#a8c1c7}.adminbar button{background:transparent;color:white;border:0;font-size:20px}.admin-work{height:calc(100vh - 75px);display:grid;grid-template-columns:235px 1fr}.admin-side{background:#132d3d;padding:18px;display:flex;flex-direction:column;gap:9px}.admin-side button{background:#ffffff0e;border:1px solid #ffffff12;color:#fff;padding:15px;text-align:right;border-radius:5px}.admin-side button:hover{background:#24504c}.admin-content{padding:30px;overflow:auto}.admin-content h2{margin-top:0}.admin-content label{display:grid;gap:8px;margin:14px 0;font-size:13px;font-weight:bold}.admin-content input,.admin-content select,.admin-content textarea{padding:12px;border:1px solid #bed0d7;border-radius:5px;background:white;color:#123;width:100%}.admin-content button{border:0;background:#154942;color:white;padding:12px 18px;margin:8px 5px;border-radius:5px}.admin-content .danger{background:#9e3d3d}.admin-card{background:white;padding:20px;border-radius:10px;margin-bottom:20px;border:1px solid #d5e0e3}.admin-card small{color:#687a80}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-note{background:#fff5dd;padding:15px;border:1px solid #dcc8a3;border-radius:6px}.form-status{color:var(--gold)}@media(max-width:1050px){nav{display:none;position:fixed;top:80px;right:0;left:0;background:#0d2635;padding:25px;flex-direction:column}nav.open{display:flex}.menuBtn{display:block;margin-right:auto}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){header{height:70px;padding:0 16px;gap:12px}.brand-caption{display:none}.outline{padding:8px;font-size:10px}.hero{min-height:620px;padding:95px 7% 70px}.hero h1{font-size:35px}.overlay{background:#071422a8}.product-grid{grid-template-columns:1fr}.contact-layout,.about-layout{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.admin-work{grid-template-columns:1fr}.admin-side{display:flex;flex-direction:row;overflow:auto;padding:8px}.admin-side button{white-space:nowrap;padding:11px}.admin-content{padding:15px}.admin-grid{grid-template-columns:1fr}footer{flex-direction:column}.product-view{padding:70px 5%}}

.hero h1,.section-heading h2,.product-body h1{font-weight:800;letter-spacing:-.035em}.hero p,.about p{font-weight:400}.product-card h3{font-weight:700}.media-layer{transition:opacity .4s ease}

/* HSV v6 – Cinematic public experience / bright commerce catalog */
:root{--navy:#071628;--gold:#c9a66a;--paper:#f8f8f5;--ink:#193145}
body{font-feature-settings:'ss01' on;overflow-x:hidden}
header{height:86px;gap:clamp(12px,1.5vw,24px);padding-inline:clamp(16px,3vw,50px);background:linear-gradient(180deg,rgba(4,17,32,.9),rgba(6,25,41,.72));border-color:rgba(255,255,255,.12);box-shadow:0 8px 45px rgba(0,0,0,.1)}
.logo{background:#fff;padding:4px 7px;border-radius:7px;border:1px solid rgba(201,166,106,.8);min-height:58px;min-width:98px;overflow:hidden}
.logo img{max-width:145px!important;max-height:50px!important;object-fit:contain}
.brand-caption{font-size:11px}.brand-caption small{font-size:8px;letter-spacing:.08em}
nav{gap:clamp(8px,1.1vw,21px)} nav a{transition:color .2s} nav a:focus-visible,.goldbtn:focus-visible{outline:2px solid #ffde99;outline-offset:4px}
.hero{min-height:650px;height:100svh;padding-top:126px;background:#061729}
.hero:after{content:'';position:absolute;z-index:-1;inset:auto 0 0;height:24vh;background:linear-gradient(transparent,rgba(4,14,26,.72))}
.overlay{background:linear-gradient(270deg,rgba(4,15,30,.85) 0%,rgba(4,15,30,.45) 58%,rgba(4,15,30,.16) 100%)}
.hero-body{position:relative;z-index:1;border-right:3px solid var(--gold);padding-right:24px}
.eyebrow{font-size:11px;letter-spacing:.2em;color:#f1cb8e}
.hero h1{font-size:clamp(36px,5vw,74px);line-height:1.35;text-shadow:0 5px 28px rgba(0,0,0,.3)}
.hero p{max-width:610px;color:#e1e9ec}
.goldbtn{border-radius:7px;background:linear-gradient(135deg,#edd39d,#c39c5f);box-shadow:0 8px 25px rgba(0,0,0,.16);transition:transform .2s,filter .2s}
.goldbtn:hover{transform:translateY(-3px);filter:brightness(1.07)}
.slide-controls button:hover{background:rgba(201,166,106,.8);color:#061525}
.section-kicker{font:600 11px Arial,sans-serif;letter-spacing:.25em;color:#a78c5b}
.products{background:var(--paper);color:var(--ink);padding:110px 6.5% 135px}
.section-heading h2{color:#14283d;line-height:1.4}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.product-card{background:#fff;border:1px solid #e1e6e7;border-radius:15px;box-shadow:0 14px 38px rgba(7,30,50,.07);transition:transform .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(7,30,50,.15)}
.product-card-image{height:260px;background-color:#d9e1df}
.product-card h3{margin:23px 0 8px;font-size:20px}
.product-card p{line-height:1.8}
.products-note{max-width:740px;margin:30px auto 0;text-align:center;color:#70828b;line-height:2;font-size:13px}
.about{background:linear-gradient(130deg,#0a1e30,#123e3b 90%)}
.about-media{border:1px solid rgba(201,166,106,.33);background:rgba(255,255,255,.06)}
.product-view{background:#f8f9f6;color:#1b3342;box-shadow:inset 0 14px 60px rgba(10,26,40,.06)}
.product-body{max-width:1080px;background:#fff;padding:26px clamp(16px,4vw,42px) 50px;border:1px solid #e7ecea;border-radius:17px;box-shadow:0 20px 80px rgba(21,50,66,.1)}
.product-banner{height:min(46vh,470px);border-radius:12px;margin-bottom:35px}
.product-body h1{font-size:clamp(32px,4vw,52px);color:#152b3a}
.product-body h2{margin-top:42px;padding-bottom:12px;border-bottom:1px solid #e1e8e8;font-size:23px;color:#183c43}
.specs{margin-bottom:24px}.specs tr:nth-child(odd){background:#f6f8f6}.specs td{line-height:1.85}
.gallery img,.gallery video{border-radius:8px}
.contact-details,.map-card{box-shadow:0 14px 40px rgba(0,0,0,.09)}
footer{border-top:1px solid rgba(201,166,106,.2)}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand img{width:115px;max-height:66px;object-fit:contain;background:white;border-radius:7px;padding:5px}
.footer-brand strong{color:#fff;font-size:19px}
@media(max-width:1150px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}header{gap:15px}}
@media(max-width:650px){header{height:70px}.logo{min-height:48px;min-width:80px}.logo img{max-width:112px!important;max-height:42px!important}.hero{min-height:570px}.hero-body{padding-right:14px}.products{padding:80px 20px}.product-grid{grid-template-columns:1fr}.product-card-image{height:240px}.product-view{padding:70px 12px 28px}.product-body{padding:18px 15px 30px}.product-banner{height:240px;min-height:240px}.footer-brand img{width:88px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* V8: independent scalable catalog + rotating home highlights */
[hidden]{display:none!important}
.product-carousel-shell{position:relative;display:flex;align-items:center;gap:14px;direction:rtl}
.product-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding:10px 3px 20px;width:100%}
.product-carousel::-webkit-scrollbar{display:none}
.product-carousel .product-card{flex:0 0 clamp(240px,25vw,345px);scroll-snap-align:start}
.product-card{display:block;text-decoration:none;color:#193039;transition:transform .25s,box-shadow .25s;border-radius:12px}
.product-card:hover{box-shadow:0 24px 42px #102b2e2b}
.product-card-copy small{display:block;color:#88979a;padding:14px 20px 0;font-size:10px;letter-spacing:.08em;direction:ltr;text-align:right}
.product-card-copy h3{margin:7px 0}
.carousel-arrow{flex:0 0 40px;height:46px;border-radius:50%;border:1px solid #aab9ba;background:#fff;color:#18363f;font-size:18px}
.all-products-link{text-align:center;margin-top:20px}
.catalog-page{min-height:70vh;background:#f7f8f6;color:#183039;padding-top:82px}
.catalog-head,.detail-head{padding:90px 8% 66px;background:linear-gradient(115deg,#092739,#12544d);color:#fff}
.catalog-head h1,.detail-head h1{font-size:clamp(32px,4vw,58px);line-height:1.5;margin:12px 0}
.catalog-head p{color:#dae5e5;line-height:2}
.catalog-back{display:inline-block;color:#e6c78c;margin:12px 0 24px}
.catalog-body{max-width:1440px;margin:auto;padding:65px 7% 100px}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:35px}
.catalog-toolbar input{background:#fff;padding:14px 18px;border:1px solid #cad6d6;border-radius:9px;width:min(380px,65%);color:#1d353d}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px}
.catalog-grid .product-card{box-shadow:0 10px 24px #122c3012}
.catalog-grid .product-card-image{height:230px}
.detail-head{padding-top:52px;padding-bottom:55px}
.detail-head .eyebrow{display:block}
.detail-head p{color:#bdcfd2}
.detail-body{display:grid;grid-template-columns:1fr 1fr;gap:38px 52px}
.detail-cover{min-height:450px;border-radius:16px;background-size:cover;background-position:center}
.detail-summary h2,.detail-gallery h2,.analysis-box h2{color:#143e3b;margin:0 0 20px;font-size:24px}
.detail-summary p{line-height:2;color:#45575c}
.detail-summary .goldbtn{margin-top:28px}
.detail-gallery,.analysis-box{grid-column:1/-1}
.detail-gallery{margin-top:30px}
.detail-gallery .gallery img,.detail-gallery .gallery video{border-radius:12px}
.analysis-box{padding:32px;background:white;border-radius:12px}
.catalog-route .footer-links a{color:#cbd7dc}
@media(max-width:750px){.detail-body{grid-template-columns:1fr}.detail-cover{min-height:300px}.catalog-head,.detail-head{padding:60px 7% 40px}.catalog-body{padding:35px 5% 65px}.product-carousel .product-card{flex-basis:80%}.carousel-arrow{flex-basis:32px;height:38px}}

/* HSV 8.3: cohesive visual polish — no backend or login changes */
:root{--gold:#d9b775;--navy:#091a2b}
header#header{height:86px;padding:0 clamp(18px,4vw,68px);gap:22px;background:linear-gradient(115deg,rgba(5,22,37,.97),rgba(13,39,55,.94));border-bottom:1px solid rgba(217,183,117,.25);box-shadow:0 12px 36px #04132226}
header .brand{gap:13px}
header .logo{padding:3px;min-width:116px;min-height:65px;border-color:#d4af6855;background:rgba(255,255,255,.95);border-radius:10px;box-shadow:0 6px 20px #010c1836;overflow:hidden}
header .logo img{max-width:138px;max-height:64px;object-fit:contain}
header .brand-caption{gap:4px}
header nav{gap:clamp(10px,1.6vw,24px);font-size:13px;font-weight:600}
header nav a{position:relative;padding:9px 0;transition:color .2s}
header nav a::after{content:'';position:absolute;right:0;left:100%;bottom:2px;height:2px;background:var(--gold);transition:left .2s}
header nav a:hover::after,header nav a:focus-visible::after{left:0}
.hero-first .hero-body{max-width:730px}
.hero-first h1{font-size:clamp(34px,4.65vw,68px);line-height:1.4;letter-spacing:-.04em;text-wrap:balance}
.hero-first .overlay{background:linear-gradient(90deg,rgba(5,19,30,.16) 0%,rgba(5,19,30,.3) 38%,rgba(5,19,30,.8) 100%)}
.hero .goldbtn{border-radius:9px;box-shadow:0 9px 26px rgba(11,23,35,.22);transition:transform .2s,background .2s,box-shadow .2s}
.hero .goldbtn:hover{background:#eed09a;transform:translateY(-3px);box-shadow:0 16px 35px rgba(0,0,0,.26)}
.contact{background:radial-gradient(ellipse at 14% 24%,#19485a 0%,transparent 48%),linear-gradient(125deg,#091e30,#102e3c 58%,#0a1c2c);padding:110px clamp(20px,6.5vw,115px) 115px}
.contact>h2{font-size:clamp(32px,3.7vw,51px);margin:12px 0 14px}
.contact>p{color:#c5d4d8;line-height:1.9}
.contact-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:26px;align-items:start;margin-top:40px}
.request-form,.contact-details,.map-card{background:rgba(255,255,255,.055);border:1px solid rgba(219,229,228,.18);border-radius:18px;box-shadow:0 20px 60px #00000021;backdrop-filter:blur(8px)}
.request-form{padding:clamp(20px,2.4vw,36px);gap:16px!important}
.request-form .form-heading{font-size:22px;margin:0;color:#fff}
.request-form .form-intro{font-size:13px;color:#b5cbd0;margin:-7px 0 7px;line-height:1.8}
.request-form label{font-size:13px;font-weight:600;gap:9px!important}
.request-form input,.request-form textarea,.request-form select{background:rgba(5,24,39,.58);border:1px solid rgba(195,212,216,.28);border-radius:10px;color:#fff;min-height:47px;padding:10px 14px;outline:none;transition:border-color .2s,background .2s}
.request-form textarea{min-height:105px;resize:vertical}
.request-form input:focus,.request-form textarea:focus,.request-form select:focus{border-color:var(--gold);background:rgba(5,24,39,.85)}
.request-form .goldbtn{width:100%;margin-top:4px;border-radius:10px;min-height:52px;background:linear-gradient(120deg,#e9cd93,#d6aa62);transition:filter .2s,transform .2s}
.request-form .goldbtn:hover{filter:brightness(1.06);transform:translateY(-2px)}
.contact-side{gap:22px}
.contact-details{padding:clamp(22px,2.1vw,34px);line-height:1.8}
.contact-details h3{font-size:24px;margin:10px 0 22px;color:#fff}
.contact-line{display:flex;align-items:flex-start;gap:15px;padding:15px 0;border-top:1px solid rgba(255,255,255,.1)}
.contact-line small{font-size:12px;color:#a9c2ca}
.contact-line p{margin:5px 0 0;line-height:2;font-size:14px;color:#f3f6f4;overflow-wrap:anywhere}
.contact-line a{color:#f3f6f4}
.contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:10px;color:#f0d49f;background:#d6b57717;font-size:20px}
.contact-details .map-link{display:inline-block;margin-top:18px;color:#e4c387;font-weight:700}
.map-card{padding:22px}
.map-card h3{font-size:19px;margin:0 0 18px;color:#fff}
.map-card iframe{height:315px;border-radius:12px;background:#d9e3df}
.map-card small{margin-top:12px;line-height:1.8}
@media(max-width:1100px){header#header{height:76px}header nav{gap:10px}header nav a{font-size:12px}}
@media(max-width:880px){.contact-layout{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr 1fr}.contact-side .map-card iframe{height:260px}header .brand-caption{display:none}}
@media(max-width:650px){header#header{height:70px;padding:0 14px}header .logo{min-width:92px;min-height:49px}header .logo img{max-width:110px;max-height:46px}.contact{padding:80px 18px}.contact-side{grid-template-columns:1fr}.contact-layout{gap:20px}.hero-first .hero-body{max-width:100%}.hero-first h1{font-size:clamp(30px,8.5vw,43px)}.request-form{padding:22px}.contact-details,.map-card{padding:22px}}
