@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Tajawal:wght@700;800;900&display=swap");
:root{
  --bg:#07060a;--card:#120c14;--gold:#d4af37;--wine:#8b1e3f;--ink:#f6efe2;--muted:#c9bba6;--wa:#25d366;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Cairo,Tahoma,sans-serif;line-height:1.8;max-width:100%}
body{padding-bottom:92px;overflow-x:clip}
img{max-width:100%;display:block;border:0}
a{color:inherit;text-decoration:none}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,.t{font-family:Tajawal,Cairo,sans-serif}
.td-wrap{width:min(1120px,calc(100% - 32px));margin:0 auto}
.td-bar{background:linear-gradient(90deg,#3b1020,#7a1c33 50%,#c9a227);padding:10px 0;font-weight:800}
.td-bar-in{display:flex;justify-content:space-between;align-items:center;gap:12px}
.td-live{font-size:13px}
.td-bar-cta{background:#fff;color:#7a1c33;border-radius:999px;padding:8px 14px;font-weight:900;white-space:nowrap}
.td-head{background:#0b0810;border-bottom:1px solid rgba(212,175,55,.25);position:sticky;top:0;z-index:40}
.td-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.td-brand{min-width:0}
.td-brand b{display:block;font-size:18px;color:var(--gold)}
.td-brand span{display:block;font-size:11px;color:var(--muted)}
.td-nav-links{display:none;gap:10px;font-weight:700;flex-wrap:wrap;font-size:13px}
.td-nav-wa{background:var(--wa);color:#062;border-radius:12px;padding:10px 14px;font-weight:900}
.td-burger{display:block;background:transparent;color:#fff;border:1px solid var(--gold);border-radius:10px;width:42px;height:42px;flex:0 0 auto}
.td-menu{display:none;flex-direction:column;padding:8px 16px 16px;background:#0b0810}
.td-menu.open{display:flex}
.td-menu a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06);font-weight:700}
.td-hero{padding:48px 0 56px;background:radial-gradient(ellipse at 80% 10%,rgba(212,175,55,.18),transparent 45%),linear-gradient(180deg,#000,#140c12 60%,#07060a)}
.td-hero-g{display:grid;gap:28px;align-items:center}
.td-hero h1{margin:0;font-size:clamp(30px,6vw,56px);line-height:1.25;color:#fff}
.td-hero h1 em{color:var(--gold);font-style:normal}
.td-hero p{color:var(--muted);font-size:18px}
.td-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.td-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:14px 20px;font-weight:900}
.td-btn-wa{background:var(--wa);color:#062}
.td-btn-gold{background:linear-gradient(180deg,#f1d17a,#b08d3e);color:#1a1200}
.td-btn-line{border:1px solid rgba(255,255,255,.3);color:#fff}
.td-photo{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(212,175,55,.4);aspect-ratio:4/5;background:#111}
.td-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.td-hero-media{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.td-video-box{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(212,175,55,.55);aspect-ratio:9/16;max-height:58vh;background:#000;box-shadow:0 0 28px rgba(212,175,55,.35);cursor:pointer}
.td-hero-video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.td-sound-btn{position:absolute;z-index:3;inset-inline-end:12px;bottom:12px;border:0;border-radius:999px;padding:10px 14px;font-weight:900;font-family:Cairo,Tahoma,sans-serif;background:rgba(0,0,0,.78);color:#fff;cursor:pointer;box-shadow:0 0 16px rgba(212,175,55,.45)}
.td-sound-btn.is-on{background:rgba(37,211,102,.92);color:#062}
.td-btn-glow{width:100%;background:linear-gradient(180deg,#4ae07a,#1ea853);color:#fff!important;animation:tdGlow 1.6s ease-in-out infinite}
.td-reviews{height:560px;overflow:hidden;border-radius:22px;border:1px solid rgba(212,175,55,.55);background:linear-gradient(180deg,#160c12,#0b0810);box-shadow:0 0 28px rgba(212,175,55,.28);margin-top:22px;position:relative}
.td-reviews:before,.td-reviews:after{content:"";position:absolute;left:0;right:0;height:48px;z-index:2;pointer-events:none}
.td-reviews:before{top:0;background:linear-gradient(#0b0810,transparent)}
.td-reviews:after{bottom:0;background:linear-gradient(transparent,#0b0810)}
.td-reviews-track{padding:16px;animation:tdScrollUp 90s linear infinite}
.td-reviews:hover .td-reviews-track{animation-play-state:paused}
.td-rev{background:rgba(20,10,16,.86);border:1px solid rgba(212,175,55,.28);border-radius:16px;padding:14px 16px;margin:0 0 12px;box-shadow:0 0 16px rgba(212,175,55,.12)}
.td-rev-top{display:flex;justify-content:space-between;gap:10px;font-weight:800}
.td-rev-top span{color:var(--gold);letter-spacing:1px}
.td-rev-meta{margin:4px 0 8px;color:#f0d78c;font-size:13px;font-weight:700}
.td-rev p{margin:0;color:#efe7d8}
@keyframes tdGlow{0%,100%{box-shadow:0 0 10px rgba(37,211,102,.4),0 0 0 0 rgba(212,175,55,.2);filter:brightness(1)}50%{box-shadow:0 0 28px rgba(37,211,102,.95),0 0 36px rgba(212,175,55,.45);filter:brightness(1.18)}}
@keyframes tdScrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.td-sec{padding:56px 0}
.td-sec h2{margin:0 0 8px;font-size:clamp(26px,4vw,40px)}
.td-sub{color:var(--muted);max-width:720px}
.td-grid{display:grid;gap:16px;margin-top:28px;width:100%}
.td-card{background:var(--card);border:1px solid rgba(212,175,55,.28);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.td-card .pic{aspect-ratio:16/10;overflow:hidden;background:#111}
.td-card .pic img{width:100%;height:100%;object-fit:cover}
.td-card .body{padding:18px;flex:1;display:flex;flex-direction:column}
.td-card h3{margin:0 0 8px;color:#fff}
.td-card p{margin:0 0 14px;color:var(--muted);flex:1}
.td-chip{display:inline-block;border:1px solid var(--gold);color:var(--gold);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:800;margin-bottom:8px}
.td-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.td-stat{text-align:center;padding:18px;background:var(--card);border:1px solid rgba(212,175,55,.25);border-radius:16px}
.td-stat b{display:block;color:var(--gold);font-size:28px}
.td-prods{display:grid;gap:16px}
.td-prods .pic{aspect-ratio:1/1}
.td-pics{display:grid;grid-template-columns:1fr 1fr;gap:0}
.td-pics img{width:100%;height:100%;object-fit:cover}
.td-price{color:var(--gold);font-weight:900;margin:8px 0}
.td-faq details{background:var(--card);border:1px solid rgba(212,175,55,.25);border-radius:14px;padding:14px 16px;margin:10px 0}
.td-faq summary{cursor:pointer;font-weight:800}
.td-form{background:#100c12;border:1px solid var(--gold);border-radius:22px;padding:24px;max-width:720px;margin:0 auto}
.td-field{margin:0 0 14px}
.td-field label{display:block;color:var(--gold);font-weight:800;margin-bottom:6px}
.td-field input,.td-field select,.td-field textarea{width:100%;background:#1a1024;border:1px solid #8a6bb5;border-radius:12px;color:#fff;font-family:Cairo,Tahoma,sans-serif;font-size:15px;padding:13px 14px}
.td-field textarea{min-height:120px}
.td-locs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.td-loc{background:var(--card);border:1px solid rgba(212,175,55,.22);border-radius:16px;padding:16px}
.td-loc b{color:var(--gold)}
.td-article{max-width:820px;margin-inline:auto}
.td-article p{color:#efe7d8;font-size:17px}
.td-article h2{margin:32px 0 10px}
.td-article h3{color:var(--gold)}
.td-related{display:grid;gap:10px;margin-top:20px}
.td-related a{background:var(--card);border:1px solid rgba(212,175,55,.22);border-radius:12px;padding:12px 14px;font-weight:800}
.td-guides{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.td-guide{display:grid;gap:0;background:var(--card);border:1px solid rgba(212,175,55,.32);border-radius:20px;overflow:hidden}
.td-guide .pic{aspect-ratio:16/9;overflow:hidden;background:#111}
.td-guide .pic img{width:100%;height:100%;object-fit:cover}
.td-guide .body{padding:20px 22px}
.td-guide h3{margin:0 0 8px;color:#fff;font-size:clamp(20px,3vw,28px)}
.td-guide p{margin:0 0 16px;color:var(--muted)}
.td-toc{display:flex;flex-direction:column;gap:8px;margin:20px 0 8px}
.td-toc-a{background:var(--card);border:1px solid rgba(212,175,55,.28);border-radius:12px;padding:12px 14px;font-weight:800}
.td-guides-full{display:flex;flex-direction:column;gap:28px;margin-top:12px}
.td-full-article{background:#0d0a10;border:1px solid rgba(212,175,55,.32);border-radius:22px;overflow:hidden;padding:18px 0 28px}
.td-full-article .tda-inner{width:min(900px,calc(100% - 32px));margin:0 auto}
.td-full-article .tda-hero{padding:8px 0 4px}
.td-full-article h2{margin:28px 0 12px;color:#fff;font-size:clamp(22px,3.4vw,32px)}
.td-full-article h3{margin:18px 0 8px;color:#e8d5a3}
.td-full-article p{margin:0 0 14px;font-size:17px;color:#eee}
.td-full-article a{color:var(--gold);font-weight:800}
.td-full-article img{max-width:100%;height:auto;border-radius:16px}
.td-full-article figure{margin:16px 0}
.td-full-article figcaption{font-size:13px;color:var(--muted);margin-top:8px}
.td-full-article ul{margin:0 0 16px;padding:0;list-style:none}
.td-full-article li{position:relative;padding:6px 22px 6px 0}
.td-full-article li:before{content:"✓";position:absolute;right:0;color:var(--gold);font-weight:900}
.td-full-article table{width:100%;border-collapse:collapse;margin:12px 0 18px;font-size:15px}
.td-full-article th,.td-full-article td{border:1px solid rgba(212,175,55,.25);padding:10px 8px;text-align:right}
.td-full-article th{background:#1a1218;color:var(--gold)}
.td-full-article .tda-ans,.td-full-article .tda-quote,.td-full-article .tda-story,.td-full-article .tda-box{border:1px solid rgba(212,175,55,.35);background:#120c14;border-radius:16px;padding:16px;margin:0 0 18px}
.td-full-article .tda-kicker{display:inline-block;border:1px solid var(--gold);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;color:var(--gold);margin:10px 0}
.td-full-article .tda-lead{font-size:18px;font-weight:700}
.td-full-article .tda-meta{color:var(--muted);font-size:13px;font-weight:700}
.td-full-article .tda-btn{display:inline-flex;background:var(--wa);color:#062;text-decoration:none;font-weight:900;padding:13px 20px;border-radius:14px}
.td-full-article .tda-faq details{border:1px solid rgba(212,175,55,.25);border-radius:12px;padding:10px 12px;margin:0 0 8px;background:#120c14}
.td-full-article .tda-faq summary{cursor:pointer;font-weight:800}
.td-foot{background:#050308;border-top:1px solid rgba(212,175,55,.25);padding:48px 0 24px}
.td-foot-g{display:grid;gap:28px}
.td-foot h2{color:var(--gold);font-size:20px}
.td-cols{columns:2;gap:18px}
.td-cols li{padding:4px 0}
.td-copy{text-align:center;color:#9a8b74;padding-top:18px}
.td-phone{color:var(--wa);font-weight:900}
.td-dock{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#000 28%)}
.td-dock a{flex:1;display:flex;align-items:center;justify-content:center;border-radius:16px;padding:14px 8px;font-weight:900}
.td-dock-wa{background:linear-gradient(180deg,#2ecc71,#1e8e58);color:#fff}
.td-dock-gold{background:linear-gradient(180deg,#f1d17a,#c9a227);color:#2a1a00}
.td-wa-float{position:fixed;bottom:92px;left:14px;z-index:10000;width:58px;height:58px;border-radius:50%;background:var(--wa);color:#062;display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 8px 24px rgba(37,211,102,.55);animation:tdPulse 2s infinite}
.td-top{position:fixed;bottom:162px;left:14px;z-index:10000;width:42px;height:42px;border-radius:10px;border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;background:#0b0810}
@keyframes tdPulse{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 12px transparent}}
@media(min-width:800px){
  .td-hero-g{grid-template-columns:1.05fr .95fr}
  .td-grid{grid-template-columns:repeat(3,1fr)}
  .td-prods{grid-template-columns:repeat(3,1fr)}
  .td-stats{grid-template-columns:repeat(4,1fr)}
  .td-locs{grid-template-columns:repeat(4,1fr)}
  .td-foot-g{grid-template-columns:1fr 1fr}
  .td-guide{grid-template-columns:280px 1fr;align-items:stretch}
  .td-guide .pic{aspect-ratio:auto;min-height:180px}
}
@media(min-width:1100px){
  .td-nav-links{display:flex}
  .td-burger{display:none}
  .td-foot-g{grid-template-columns:1.15fr .9fr .85fr .8fr}
}
@media(max-width:799px){
  .td-bar-in{flex-direction:column;align-items:stretch}
  .td-cta .td-btn{width:100%}
  .td-grid,.td-prods{grid-template-columns:1fr}
}