
:root{--green:#07502f;--gold:#eeb20a;--ink:#171717;--muted:#69717a;--line:#e8ebe8;--soft:#f6f8f6;--shadow:0 18px 55px rgba(19,34,29,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.7}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,92%);margin:auto}
.topbar{background:#0b2017;color:#fff;font-size:13px}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0}.top-links{display:flex;gap:15px;flex-wrap:wrap}.top-links a:hover{color:#ffd55a}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:62px;height:62px;border-radius:50%;object-fit:cover}.brand strong{font-size:21px;color:var(--green)}.brand small{display:block;color:#777;font-size:12px}
.navlinks{display:flex;align-items:center;gap:18px;font-size:14px;font-weight:800}.navlinks a{padding:9px 2px;position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--gold);transform:scaleX(0);transition:.2s}.navlinks a:hover:after,.navlinks a.active:after{transform:scaleX(1)}.lang{border:1px solid #dfe4df!important;padding:8px 12px!important;border-radius:12px}.mobile-toggle{display:none;border:0;background:var(--green);color:#fff;border-radius:12px;padding:8px 11px;font-size:20px}
.hero{background:linear-gradient(135deg,#fbf8ed,#fff 50%,#f4f7ff);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{display:inline-flex;background:#eaf5ee;color:var(--green);padding:7px 14px;border-radius:999px;font-size:13px;font-weight:800}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.15;margin:18px 0 14px;letter-spacing:-1.5px}.hero h1 span{color:var(--green)}.hero p{font-size:18px;color:#5c646c;max-width:650px;margin:0 0 26px}.actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:14px;font-weight:800;border:1px solid #dfe4df}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.whatsapp{background:#1a9b58;color:#fff;border-color:#1a9b58}.hero-art{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px;box-shadow:var(--shadow)}.hero-art img{width:100%;height:410px;object-fit:contain}
.strip{background:var(--green);color:#fff;padding:15px 0}.strip .container{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.strip a{border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 12px;font-size:12px}
.section{padding:72px 0}.section-head{margin-bottom:28px}.section-head h2{font-size:34px;margin:0 0 5px}.section-head p{color:var(--muted);margin:0}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.category{border:1px solid var(--line);border-radius:24px;padding:20px;background:#fff;box-shadow:0 7px 28px rgba(0,0,0,.05);transition:.2s}.category:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-img{height:190px;display:grid;place-items:center;background:#fafbfa;border-radius:18px}.category-img img{width:170px;height:170px;object-fit:contain}.category h3{margin:16px 0 3px;font-size:19px}.category p{margin:0;color:var(--muted);font-size:13px}
.products{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 7px 28px rgba(0,0,0,.045);transition:.2s}.product:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-img{height:280px;display:grid;place-items:center;background:#fff;padding:18px}.product-img img{width:250px;height:250px;object-fit:contain}.product-info{padding:16px 18px 20px;border-top:1px solid #f0f2f0}.product-info h3{margin:0 0 3px;font-size:19px}.product-info p{margin:0;color:var(--muted);font-size:13px}.tag{display:inline-block;margin-top:10px;padding:4px 9px;border-radius:999px;background:#edf6f0;color:var(--green);font-size:11px;font-weight:800}
.features{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px}.feature-icon{font-size:24px;margin-bottom:7px}.feature h3{margin:0 0 5px}.feature p{margin:0;color:var(--muted);font-size:13px}
.contact{background:linear-gradient(135deg,var(--green),#082d1d);color:#fff;border-radius:30px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.contact h2{margin:0 0 4px;font-size:30px}.contact p{margin:0;color:#d7e7dd}.contact-actions{display:flex;gap:9px;flex-wrap:wrap}.contact-actions .btn{background:#fff;color:var(--green);border-color:#fff}.social-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.social{padding:9px 13px;border-radius:12px;background:#fff;color:var(--green);font-weight:800;font-size:13px}
footer{background:#0e2118;color:#fff;padding:44px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:35px}footer h3{margin:0 0 10px}footer p,footer li{color:#c4d0c9;font-size:13px}footer ul{list-style:none;margin:0;padding:0}footer li{margin:6px 0}.footer-social{display:flex;gap:8px;flex-wrap:wrap}.footer-social a{border:1px solid rgba(255,255,255,.16);padding:8px 10px;border-radius:10px;font-size:12px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:14px;text-align:center;color:#8fa299;font-size:12px}
.en{display:none!important}body.lang-en{direction:ltr}body.lang-en .ar{display:none!important}body.lang-en .en{display:inline!important}body.lang-en .hero{text-align:left}body.lang-en .navlinks{direction:ltr}body.lang-en .topbar .container{direction:ltr}
@media(max-width:1000px){.category-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.products{grid-template-columns:repeat(2,1fr)}.feature-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.navlinks{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:16px 4%;flex-direction:column;align-items:stretch;box-shadow:0 15px 30px rgba(0,0,0,.08)}.navlinks.open{display:flex}.mobile-toggle{display:block}}
@media(max-width:600px){.topbar .container{flex-direction:column;gap:2px;text-align:center}.nav{min-height:72px}.brand img{width:52px;height:52px}.brand strong{font-size:17px}.hero{padding:48px 0}.hero h1{font-size:40px}.hero p{font-size:16px}.hero-art img{height:300px}.category-grid,.products{grid-template-columns:1fr}.section{padding:52px 0}.section-head h2{font-size:28px}.product-img{height:260px}.product-img img{width:225px;height:225px}.footer-grid{grid-template-columns:1fr}.contact{display:block;padding:28px}.contact-actions{margin-top:18px}}


/* ===== Premium Homepage V3 ===== */
:root{
  --lux-dark:#071d18;
  --lux-dark-2:#0c2b24;
  --lux-gold:#c7a45a;
  --lux-gold-light:#e5cc8d;
  --lux-cream:#f5f1e8;
  --lux-muted:#8f9b96;
  --lux-white:#fffdf8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.home-page{margin:0;background:var(--lux-cream);color:var(--lux-dark);font-family:"Cairo",sans-serif}
body.home-page .container{width:min(1180px,92%);margin:auto}
.premium-header{position:absolute;top:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,rgba(4,17,14,.9),transparent);border:0}
.premium-header .nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.premium-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.premium-header .brand img{width:55px;height:55px;object-fit:contain;filter:brightness(0) invert(1)}
.premium-header .brand-text{display:flex;flex-direction:column;line-height:1}
.premium-header .brand-text strong{font-size:24px;font-weight:900}
.premium-header .brand-text span{font-size:10px;letter-spacing:2px;color:var(--lux-gold-light);margin-top:6px;direction:ltr}
.main-nav{display:flex;gap:34px}
.main-nav a{color:#fff;text-decoration:none;font-size:14px;position:relative;transition:.25s}
.main-nav a:after{content:"";position:absolute;bottom:-9px;right:0;width:0;height:1px;background:var(--lux-gold);transition:.25s}
.main-nav a:hover{color:var(--lux-gold-light)}
.main-nav a:hover:after{width:100%}
.nav-actions{display:flex;align-items:center;gap:10px}
.lang-btn,.menu-btn{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50px;padding:8px 13px;cursor:pointer}
.nav-whatsapp{border:1px solid var(--lux-gold);color:var(--lux-gold-light);text-decoration:none;padding:8px 16px;border-radius:50px;font-size:12px}
.menu-btn{display:none;font-size:20px}
.premium-hero{position:relative;min-height:760px;background:radial-gradient(circle at 76% 35%,rgba(199,164,90,.14),transparent 24%),linear-gradient(125deg,#041611,#0a2922 55%,#071c18);color:#fff;overflow:hidden;padding-top:92px}
.premium-hero:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(120deg,transparent 40%,#fff 41%,transparent 42%),linear-gradient(60deg,transparent 40%,#fff 41%,transparent 42%);background-size:90px 90px}
.hero-grid{min-height:610px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;z-index:2}
.hero-copy{max-width:670px}
.eyebrow,.section-kicker{letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:800;color:var(--lux-gold);display:flex;align-items:center;gap:10px}
.eyebrow span:first-child{display:inline-block;width:38px;height:1px;background:var(--lux-gold)}
.hero-copy h1{font-size:clamp(48px,6vw,82px);line-height:1.06;margin:22px 0 25px;font-weight:900;letter-spacing:-2px}
.hero-copy h1 em{font-family:"Playfair Display",serif;color:var(--lux-gold-light);font-style:normal;font-weight:700}
.hero-copy p{font-size:16px;line-height:2;color:#c9d2ce;max-width:620px;margin:0}
.hero-buttons{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:3px;text-decoration:none;font-weight:800;font-size:13px;transition:.25s}
.btn-gold{background:var(--lux-gold);color:#10221d;box-shadow:0 12px 30px rgba(199,164,90,.18)}
.btn-gold:hover{transform:translateY(-2px);background:var(--lux-gold-light)}
.btn-outline{border:1px solid rgba(255,255,255,.35);color:#fff}
.btn-outline:hover{border-color:var(--lux-gold);color:var(--lux-gold-light)}
.hero-contact-line{display:flex;align-items:center;gap:12px;color:#9fada7;font-size:12px;margin-top:30px;direction:ltr;justify-content:flex-start}
.hero-contact-line .dot{width:4px;height:4px;border-radius:50%;background:var(--lux-gold)}
.hero-art{height:500px;position:relative;display:flex;align-items:center;justify-content:center}
.art-ring{position:absolute;border:1px solid rgba(199,164,90,.3);border-radius:50%}
.ring-back{width:460px;height:460px}
.ring-front{width:340px;height:340px;border-color:rgba(255,255,255,.13)}
.art-card{width:270px;height:365px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#f7f1df,#cdb77e);color:#0a221c;box-shadow:35px 40px 80px rgba(0,0,0,.35);transform:rotate(7deg)}
.card-shine{position:absolute;inset:12px;border:1px solid rgba(10,34,28,.25)}
.mini-label{letter-spacing:5px;font-size:11px;margin-bottom:12px}
.card-main strong{font-size:48px;letter-spacing:5px}
.card-main small{font-size:10px;margin-top:14px;letter-spacing:2px}
.floating-card{position:absolute;background:rgba(5,23,18,.86);border:1px solid rgba(199,164,90,.45);padding:14px 18px;min-width:110px;backdrop-filter:blur(8px);box-shadow:0 15px 30px rgba(0,0,0,.2)}
.floating-card span{display:block;color:var(--lux-gold);font-size:9px;letter-spacing:2px}
.floating-card strong{font-size:14px}
.fc-one{top:70px;right:40px}
.fc-two{bottom:85px;left:35px}
.fc-three{bottom:45px;right:55px}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.12);z-index:4}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr)}
.hero-stats div{padding:20px 24px;border-left:1px solid rgba(255,255,255,.1);display:flex;gap:12px;align-items:center}
.hero-stats div:last-child{border-right:1px solid rgba(255,255,255,.1)}
.hero-stats strong{color:var(--lux-gold);font-family:"Playfair Display",serif;font-size:21px}
.hero-stats span{font-size:11px;color:#c6d0cb}
.section{padding:105px 0}
.intro-section{background:var(--lux-white)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}
.section h2{font-size:clamp(30px,4vw,52px);line-height:1.25;margin:14px 0 0;font-weight:900;letter-spacing:-1px}
.section h2 span{font-family:"Playfair Display",serif;color:#92743b}
.intro-text{border-right:1px solid #ddd4c2;padding-right:40px}
.intro-text p{margin:0;color:#5f6965;line-height:2.1;font-size:15px}
.categories-section{background:#eee9df}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}
.section-head p{color:#69736e;font-size:13px;margin:0}
.luxury-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.lux-card{height:360px;position:relative;overflow:hidden;text-decoration:none;color:#fff;background:#0a211c}
.lux-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.lux-card:hover img{transform:scale(1.06)}
.lux-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(3,19,15,.12) 45%,rgba(3,19,15,.9) 100%)}
.lux-number{position:absolute;top:20px;right:22px;z-index:2;color:rgba(255,255,255,.8);font-family:"Playfair Display",serif;font-size:28px}
.lux-content{position:absolute;right:28px;left:28px;bottom:25px;z-index:3}
.lux-content span{font-size:9px;letter-spacing:1.8px;color:var(--lux-gold-light)}
.lux-content h3{font-size:25px;margin:7px 0 0}
.lux-content b{position:absolute;left:0;bottom:3px;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:400}
.statement-section{background:var(--lux-dark);color:#fff;padding:95px 0}
.statement{text-align:center;position:relative}
.statement-mark{font-family:"Playfair Display",serif;color:var(--lux-gold);font-size:90px;line-height:.5}
.statement p{font-family:"Playfair Display",serif;font-size:clamp(28px,4vw,48px);margin:25px auto 18px;max-width:800px}
.statement span{font-size:10px;letter-spacing:5px;color:#9aa8a2;direction:ltr;display:block}
.quick-section{background:var(--lux-white)}
.quick-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.quick-copy p{color:#65706b;line-height:2;margin-top:25px;max-width:470px}
.contact-mini{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px}
.contact-mini a{color:var(--lux-dark);font-weight:800;text-decoration:none;border-bottom:1px solid #d6c49a;padding-bottom:5px;direction:ltr}
.quick-form{background:#f0ece3;padding:38px;border-top:3px solid var(--lux-gold);box-shadow:0 20px 50px rgba(20,30,26,.07)}
.quick-form label{display:block;font-size:12px;font-weight:800;margin:0 0 7px;color:#26332e}
.quick-form input,.quick-form select,.quick-form textarea{width:100%;border:1px solid #d6d0c5;background:#fffdf8;padding:13px 14px;margin-bottom:18px;font-family:inherit;font-size:13px;outline:none;transition:.2s}
.quick-form input:focus,.quick-form select:focus,.quick-form textarea:focus{border-color:var(--lux-gold)}
.quick-form textarea{resize:vertical}
.quick-form .full{width:100%;border:0;cursor:pointer;font-family:inherit}
.quick-form small{display:block;text-align:center;color:#7d837f;font-size:10px;margin-top:12px}
.premium-footer{background:#061914;color:#c9d2ce;border:0}
.premium-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:65px 0}
.premium-footer .footer-brand img{width:65px;height:65px;object-fit:contain;filter:brightness(0) invert(1)}
.premium-footer h3{color:#fff;letter-spacing:3px;font-size:17px}
.premium-footer p{font-size:12px;line-height:1.9;max-width:300px}
.premium-footer h4{color:var(--lux-gold-light);font-size:12px;margin-top:10px}
.premium-footer a{display:block;color:#b4c0bb;text-decoration:none;font-size:12px;margin:12px 0;direction:ltr}
.premium-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:10px;color:#7e8d87}
body.home-page.en .main-nav a:after{left:0;right:auto}
body.home-page.en .intro-text{border-right:0;border-left:1px solid #ddd4c2;padding-right:0;padding-left:40px}
body.home-page.en .lux-number{right:auto;left:22px}
body.home-page.en .lux-content{right:auto;left:28px}
body.home-page.en .lux-content b{left:auto;right:0}
body.home-page.en .hero-contact-line{direction:ltr}
@media(max-width:900px){
  .main-nav{gap:17px}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding:80px 0 130px}
  .hero-copy{padding-top:35px}
  .hero-art{height:420px}
  .premium-hero{min-height:1050px}
  .two-col,.quick-wrap{grid-template-columns:1fr;gap:35px}
  .intro-text{border-right:0;padding-right:0;border-top:1px solid #ddd4c2;padding-top:25px}
  body.home-page.en .intro-text{border-left:0;padding-left:0}
}
@media(max-width:680px){
  .premium-header .nav-wrap{height:75px}
  .main-nav{display:none;position:absolute;top:75px;right:4%;left:4%;background:#071d18;padding:18px;border:1px solid rgba(255,255,255,.1);flex-direction:column;gap:15px}
  .main-nav.open{display:flex}
  .menu-btn{display:block}
  .nav-whatsapp{display:none}
  .hero-copy h1{font-size:47px}
  .hero-copy p{font-size:14px}
  .hero-art{transform:scale(.8);margin:-15px}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .hero-stats div{padding:15px}
  .hero-stats div:nth-child(2){border-left:0}
  .luxury-categories{grid-template-columns:1fr}
  .lux-card{height:310px}
  .section{padding:75px 0}
  .section-head{display:block}
  .section-head p{margin-top:12px}
  .quick-form{padding:25px}
  .premium-footer .footer-grid{grid-template-columns:1fr;gap:30px;padding:50px 0}
}
