:root{--bg:#0e1a22;--bg2:#111f28;--card:#172330;--card2:#1d2d3a;--gold:#c4a96d;--gold-dim:#a8904e;--gold-glow:rgba(196,169,109,.12);--gold-border:rgba(196,169,109,.28);--green:#3db88a;--text:#e8dfc8;--text2:#93aab8;--muted:#567080;--border:rgba(255,255,255,.06);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.65;}
html[dir="rtl"] body{font-family:'Cairo',sans-serif;}
.en{display:block;}.ar{display:none;}
html[dir="rtl"] .en{display:none;}html[dir="rtl"] .ar{display:block;}
.en-i{display:inline;}.ar-i{display:none;}
html[dir="rtl"] .en-i{display:none;}html[dir="rtl"] .ar-i{display:inline;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:100;height:68px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(14,26,34,.9);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:.3s;}
nav.scrolled{background:rgba(14,26,34,.98);border-bottom-color:var(--gold-border);}
.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;}
.nav-logo-text{font-size:.88rem;font-weight:700;color:var(--text);line-height:1.2;}
.nav-actions{display:flex;align-items:center;gap:.75rem;}
.back-btn{display:flex;align-items:center;gap:.3rem;color:var(--text2);font-size:.82rem;text-decoration:none;transition:color .2s;}
.back-btn:hover{color:var(--gold);}
.lang-btn{display:flex;align-items:center;gap:.3rem;background:var(--card);border:1px solid var(--border);color:var(--text2);padding:.38rem .8rem;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .2s;}
.lang-btn:hover{border-color:var(--gold);color:var(--gold);}
.nav-cta{background:var(--gold);color:var(--bg);padding:.45rem 1.1rem;border-radius:6px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;}
.nav-cta:hover{background:var(--gold-dim);}

/* CONTAINER */
.container{max-width:1160px;margin:0 auto;padding:0 2rem;}
section{padding:5rem 0;}
.section-tag{display:inline-flex;align-items:center;gap:.5rem;color:var(--gold);font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;}
.section-tag::before{content:'';display:block;width:20px;height:2px;background:var(--gold);}
html[dir="rtl"] .section-tag{flex-direction:row-reverse;}
h2{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.15;margin-bottom:2rem;}

/* HERO */
.product-hero{padding-top:calc(68px + 3rem);padding-bottom:3rem;}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;}
@media(max-width:768px){.hero-grid{grid-template-columns:1fr;}}
.hero-img-wrap{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--card);}
.hero-img-wrap img{width:100%;display:block;transition:transform .4s;}
.hero-img-2{border-top:1px solid var(--border);}
.nidec-badge{display:inline-flex;align-items:center;gap:.6rem;background:var(--gold-glow);border:1px solid var(--gold-border);padding:.4rem .9rem;border-radius:100px;font-size:.75rem;font-weight:600;color:var(--gold);margin-bottom:1.25rem;}
.nidec-logo{height:28px;filter:none;opacity:1;}
h1{font-size:clamp(1.6rem,3.5vw,2.5rem);font-weight:800;line-height:1.1;margin-bottom:.9rem;}
.hero-subtitle{color:var(--text2);font-size:.95rem;line-height:1.75;margin-bottom:1.75rem;}
.quick-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.75rem;}
.qs-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1rem;}
.qs-val{font-size:1.05rem;font-weight:800;color:var(--gold);line-height:1;margin-bottom:.25rem;}
.qs-label{font-size:.75rem;color:var(--muted);}
.cta-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--gold);color:var(--bg);padding:.78rem 2rem;border-radius:8px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .25s;}
.cta-btn:hover{background:var(--gold-dim);transform:translateY(-2px);box-shadow:0 10px 30px rgba(196,169,109,.3);}

/* SPECS TABLE */
.specs-section{background:var(--bg2);}
.specs-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;}
.specs-table thead{background:var(--card2);}
.specs-table th{padding:.9rem 1.25rem;text-align:left;font-size:.78rem;font-weight:700;color:var(--gold);letter-spacing:.06em;text-transform:uppercase;}
html[dir="rtl"] .specs-table th{text-align:right;}
.specs-table td{padding:.85rem 1.25rem;font-size:.875rem;border-bottom:1px solid var(--border);color:var(--text2);}
html[dir="rtl"] .specs-table td{text-align:right;}
.specs-table td:last-child{color:var(--text);font-weight:500;}
.specs-table tr:last-child td{border-bottom:none;}
.specs-table tr:hover td{background:rgba(196,169,109,.04);}
.specs-grid{background:var(--card);border:1px solid var(--border);border-radius:14px;overflow:hidden;}

/* FEATURES */
.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;}
.feature-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;transition:all .3s;}
.feature-card:hover{border-color:var(--gold-border);box-shadow:0 8px 32px rgba(0,0,0,.25);}
.feat-icon{width:48px;height:48px;border-radius:10px;background:var(--gold-glow);border:1px solid var(--gold-border);display:flex;align-items:center;justify-content:center;color:var(--gold);margin-bottom:1rem;}
.feature-card h3{font-size:.95rem;font-weight:700;margin-bottom:.5rem;}
.feature-card p{font-size:.82rem;color:var(--text2);line-height:1.65;}

/* APPLICATIONS */
.apps-section{background:var(--bg2);}
.apps-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem;}
.app-tag{background:var(--card);border:1px solid var(--border);border-radius:100px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:500;color:var(--text2);transition:all .2s;}
.app-tag:hover{border-color:var(--gold-border);color:var(--gold);}

/* CTA */
.cta-section{background:linear-gradient(135deg,var(--card),var(--card2));}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.cta-inner h2{margin-bottom:.4rem;font-size:1.5rem;}
.cta-inner p{color:var(--text2);font-size:.9rem;max-width:500px;}

/* FOOTER */
.prod-footer{background:var(--bg2);border-top:1px solid var(--border);padding:1.5rem 2rem;}
.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-size:.78rem;color:var(--muted);}

@media(max-width:600px){section{padding:3.5rem 0;}.container{padding:0 1.25rem;}.cta-inner{flex-direction:column;text-align:center;}.quick-specs{grid-template-columns:1fr 1fr;}}

/* language classes must keep table-cell display inside tables */
.specs-table th.en,.specs-table td.en{display:table-cell;}
.specs-table th.ar,.specs-table td.ar{display:none;}
html[dir="rtl"] .specs-table th.en,html[dir="rtl"] .specs-table td.en{display:none;}
html[dir="rtl"] .specs-table th.ar,html[dir="rtl"] .specs-table td.ar{display:table-cell;}

/* AVR model row: photo beside specs table */
.avr-row{display:grid;grid-template-columns:240px 1fr;gap:1.25rem;align-items:stretch;}
.avr-photo{background:#fff;border-radius:14px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;padding:1rem;min-height:160px;}
.avr-photo img{max-width:100%;max-height:200px;object-fit:contain;}
@media(max-width:700px){.avr-row{grid-template-columns:1fr;}}

/* ============================================================
   NEW DESIGN LAYER — matches the homepage (Geist type, premium
   buttons/cards, scroll-reveal motion). Added 2026.
   ============================================================ */
h1,h2,h3,.qs-val{font-family:'Geist','DM Sans',sans-serif;letter-spacing:-.02em;}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{font-family:'Cairo',sans-serif;letter-spacing:0;}

/* high-end CTA */
.cta-btn{background:linear-gradient(135deg,#e6cd92,#c4a96d);box-shadow:0 8px 30px rgba(196,169,109,.22),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .15s cubic-bezier(.23,1,.32,1),box-shadow .25s ease,background-color .25s ease;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px rgba(196,169,109,.38);}
.cta-btn:active,.nav-cta:active{transform:scale(.97);}
a:focus-visible,button:focus-visible{outline:2px solid #e6cd92;outline-offset:3px;border-radius:6px;}

/* card + image polish */
.feature-card{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease,border-color .25s ease;}
.feature-card:hover{transform:translateY(-4px);border-color:var(--gold-border);box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 30px var(--gold-glow);}
.hero-img-wrap{overflow:hidden;}
.hero-img-wrap:hover img{transform:scale(1.03);}
.qs-item{transition:border-color .25s ease,transform .25s ease;}
.qs-item:hover{border-color:var(--gold-border);transform:translateY(-2px);}

/* scroll reveal — enhances an already-visible default; only hides under .js */
@media (prefers-reduced-motion: no-preference){
  .js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}
}
.js [data-reveal].is-visible{opacity:1;transform:none;will-change:auto;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} }