:root{
--red:#d71920;--black:#111;--gray:#666;--light:#f7f7f5;--line:#e6e6e6;--green:#14834a;
--shadow:0 12px 40px rgba(0,0,0,.08);--radius:16px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--black);font-family:Arial,Helvetica,sans-serif;background:#fff}
a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{max-width:1180px;margin:auto;padding:0 22px}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.nav{min-height:78px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.brand img{width:55px;height:55px;object-fit:contain}.desktop-nav{display:flex;gap:22px;margin-left:auto;font-size:14px;font-weight:700}.desktop-nav a:hover{color:var(--red)}
.nav-actions{display:flex;align-items:center;gap:10px}.lang-toggle{border:1px solid var(--line);background:#fff;color:var(--black);border-radius:8px;padding:10px 12px;font-weight:850;cursor:pointer;white-space:nowrap}.header-wa{background:var(--black);color:#fff;border-radius:8px;padding:11px 16px;font-weight:800;font-size:14px}.menu-btn{display:none;border:0;background:none;font-size:25px}.mobile-nav{padding:12px 22px 18px;display:grid;gap:12px;border-top:1px solid var(--line);font-weight:700}
.hero{padding:75px 0 65px;background:linear-gradient(135deg,#fff 0%,#fafafa 58%,#eee 100%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px}
.eyebrow{margin:0 0 10px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,78px);line-height:.95;letter-spacing:-2.5px;margin:12px 0 20px}
.lead{font-size:19px;line-height:1.7;color:#555;max-width:700px}.hero-logo{text-align:center}.hero-logo img{width:min(400px,80%);filter:drop-shadow(0 22px 28px rgba(0,0,0,.13))}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 17px;border-radius:8px;border:1px solid var(--black);font-weight:850;cursor:pointer}.btn-red{background:var(--red);color:#fff;border-color:var(--red)}.btn-outline{background:#fff;color:var(--black)}.btn.full{width:100%;margin-top:10px}
.trust-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.trust-row span{padding:7px 10px;border:1px solid #ddd;border-radius:999px;font-size:12px;font-weight:800;background:#fff}
.section{padding:75px 0}.soft-section{background:var(--light)}.dark-section{background:#101010;color:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.section-heading h2{font-size:38px;margin:0}.section-heading>p{max-width:570px;color:#777;line-height:1.6}.dark-heading>p{color:#bbb}.dark-heading .eyebrow{color:#ff3a40}
.department-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.department{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:var(--shadow)}.department-art{height:180px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eee,#fff,#ddd);font-size:50px;font-weight:900;color:#1114;position:relative}.tag{position:absolute;top:13px;left:13px;background:var(--red);color:#fff;border-radius:999px;padding:6px 9px;font-size:11px}.department-body{padding:20px}.department-body h3{margin:0 0 7px;font-size:21px}.department-body p{color:#666;line-height:1.55;min-height:48px}.department-body button{width:100%;margin-top:10px}
.tour-shell{display:grid;grid-template-columns:1.35fr .65fr;gap:20px;background:#191919;padding:20px;border-radius:20px}.panorama{height:500px;border-radius:14px;position:relative;overflow:hidden;background:#333;outline:none}.panorama-bg{position:absolute;inset:-10%;background:linear-gradient(90deg,#222,#666 22%,#ccc 50%,#777 78%,#222);transition:transform .08s linear}.shelf-lines{position:absolute;left:7%;right:7%;top:23%;height:2px;background:#222;box-shadow:0 85px #222,0 170px #222,0 255px #222}.panorama-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:rgba(0,0,0,.15);pointer-events:none}.panorama-placeholder strong{font-size:34px}.panorama-placeholder span{max-width:450px;margin-top:8px;color:#ddd}.hotspot{position:absolute;width:24px;height:24px;border-radius:50%;border:3px solid #fff;background:var(--red);color:#fff;font-weight:900;box-shadow:0 0 0 8px rgba(215,25,32,.25);z-index:4}.hs1{left:22%;top:35%}.hs2{left:53%;top:48%}.hs3{left:75%;top:61%}.viewer-hint{position:absolute;bottom:14px;left:14px;padding:8px 11px;background:rgba(0,0,0,.68);border-radius:7px;color:#ddd;font-size:12px;z-index:3}
.tour-info{padding:22px}.tour-info h3{font-size:38px;margin:0 0 8px}.tour-info p{color:#ccc}.tour-info label{display:block;margin-top:25px;font-weight:800;font-size:13px}.tour-info select{width:100%;padding:12px;border-radius:8px;border:1px solid #444;background:#222;color:#fff;margin-top:8px}.tour-list{margin-top:25px;border-top:1px solid #333}.tour-list div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #333}.tour-list span{color:#aaa;font-size:13px}
.catalog-tools{display:flex;gap:10px;flex-wrap:wrap}.catalog-tools input,.catalog-tools select{min-width:210px;padding:11px 13px;border:1px solid #ccc;border-radius:8px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.product{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.05)}.product-image{height:205px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#3336;font-size:30px;font-weight:900}.product-body{padding:18px}.product-body h3{margin:0 0 5px}.product-meta{color:#777;font-size:13px}.product-price{font-size:19px;font-weight:900;margin:12px 0 3px}.stock{font-size:12px;font-weight:900;color:var(--green)}.stock.out{color:var(--red)}.product-body button{width:100%;margin-top:13px}.catalog-note{margin-top:22px;color:#777;font-size:13px}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.about-grid h2{font-size:42px}.about-grid>div>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#666}.architecture{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.architecture div:not(.arrow){padding:15px;border:1px solid var(--line);border-radius:12px}.architecture span{display:inline-block;margin-right:10px;color:var(--red);font-weight:900}.architecture small{display:block;margin-left:39px;color:#777;margin-top:5px}.architecture .arrow{text-align:center;padding:8px;color:var(--red);font-weight:900}
.contact-card{border-radius:20px;background:#f3f3f1;padding:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-card h2{font-size:38px;margin:0}.contact-card p{margin:6px 0;color:#555}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.footer{background:#111;color:#fff;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer-logo{width:90px;height:90px;object-fit:contain;background:#fff;border-radius:10px}.footer p{color:#aaa;margin:7px 0;line-height:1.6}.footer a:hover{color:#fff}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7)}.modal-card{position:relative;z-index:1;max-width:760px;width:100%;background:#fff;border-radius:18px;overflow:auto;max-height:92vh;display:grid;grid-template-columns:260px 1fr}.modal-close{position:absolute;right:12px;top:10px;border:0;background:#fff;width:34px;height:34px;border-radius:50%;font-size:24px;z-index:2}.modal-product-image{min-height:360px;background:#f2f2f2;display:flex;align-items:center;justify-content:center;font-size:35px;font-weight:900;color:#2225}.modal-content{padding:30px}.modal-content h2{font-size:30px}.modal-content>p{color:#666;line-height:1.65}.modal-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.modal-facts div{padding:12px;border:1px solid var(--line);border-radius:9px}.modal-facts span{display:block;font-size:11px;color:#888;text-transform:uppercase;margin-bottom:4px}.modal-facts b{font-size:13px}
code{background:#222;color:#fff;padding:2px 5px;border-radius:4px}
@media(max-width:900px){.desktop-nav{display:none}.menu-btn{display:block}.hero-grid,.tour-shell,.about-grid{grid-template-columns:1fr}.department-grid,.product-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.catalog-tools{width:100%}.catalog-tools input,.catalog-tools select{flex:1}}
@media(max-width:600px){.container{padding:0 16px}.hero{padding:50px 0}.hero h1{font-size:45px}.department-grid,.product-grid{grid-template-columns:1fr}.panorama{height:380px}.contact-card{padding:25px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.modal-card{grid-template-columns:1fr}.modal-product-image{min-height:190px}.modal-facts{grid-template-columns:1fr}}

/* Keep the mobile navigation hidden until the menu is opened */
.mobile-nav[hidden] {
  display: none !important;
}


/* Bilingual Arabic/English support */
html[dir="rtl"] body{direction:rtl;text-align:right}html[dir="rtl"] .desktop-nav{margin-left:0;margin-right:auto}html[dir="rtl"] .hero h1{letter-spacing:0;line-height:1.2}html[dir="rtl"] .eyebrow{letter-spacing:0}html[dir="rtl"] .trust-row,html[dir="rtl"] .hero-actions,html[dir="rtl"] .contact-actions{direction:rtl}html[dir="rtl"] .section-heading{direction:rtl}html[dir="rtl"] .catalog-tools{direction:rtl}html[dir="rtl"] .architecture>div:not(.arrow){text-align:right}html[dir="rtl"] .footer-grid{direction:rtl}html[dir="rtl"] input,html[dir="rtl"] select,html[dir="rtl"] textarea{direction:rtl;text-align:right}html[dir="rtl"] .modal-content{text-align:right}html[dir="rtl"] .modal-close{left:12px;right:auto}
@media(max-width:900px){.nav-actions{margin-left:auto}html[dir="rtl"] .nav-actions{margin-left:0;margin-right:auto}}