:root{color-scheme:light;--bg:#FFFBF6;--ink:#1B1630;--muted:#5E5873;--line:#EEE6DA;--brand:#FF6B4A;--deep:#1F3B57;--sun:#FFC845;--pink:#FF8FB1;--mint:#7ED9C3;--wa:#25D366;
--t-wall:#FFE2C2;--t-hang:#FFD9E5;--t-table:#D3F3EA;--t-scent:#E8E0FF;--t-sand:#FFF0B8;--t-towel:#DCEEFF;
--display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--body:"DM Sans","Helvetica Neue",Arial,sans-serif}
:root[lang="ar"]{--display:"Readex Pro","Tajawal","Segoe UI",Tahoma,sans-serif;--body:"Tajawal","Segoe UI",Tahoma,sans-serif}
*{box-sizing:border-box}html,body{margin:0}img{max-width:100%;display:block}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6}
a{color:inherit}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--deep);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding-inline:20px}
h1,h2,h3{font-family:var(--display);margin:0;line-height:1.15;text-wrap:balance}
.ltr{direction:ltr;unicode-bidi:isolate}
.bar{background:var(--deep);color:#fff;font-size:13px;font-weight:700;text-align:center;padding:9px 16px}
header.top{position:sticky;top:0;z-index:20;background:rgba(255,251,246,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:24px;letter-spacing:-.02em;direction:ltr}
.logo i{width:34px;height:34px;border-radius:10px;background:conic-gradient(from 200deg,var(--brand),var(--sun),var(--mint),#8CC8FF,var(--pink),var(--brand))}
.logo span{color:var(--brand)}
nav.main{display:flex;gap:16px;flex:1;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-weight:700;font-size:14.5px}
nav.main a{text-decoration:none;padding:6px 2px}nav.main a:hover,nav.main a[aria-current]{color:var(--brand)}
.hbtn{border:1.5px solid var(--ink);border-radius:999px;padding:7px 14px;font-weight:700;text-decoration:none;font-size:14px;background:#fff;white-space:nowrap}
.hbtn.cart{background:var(--brand);border-color:var(--brand);color:#fff}
.hbtn.cart b{background:#fff;color:var(--brand);border-radius:999px;padding:0 7px;margin-inline-start:6px;font-size:12px}
@media (max-width:760px){nav.main{display:none}header.top .wrap{justify-content:space-between}}
.crumbs{font-size:13.5px;color:var(--muted);padding:16px 0 4px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-inline-end:6px;color:#b6aec4}
.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--brand)}
.prod{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;padding:14px 0 40px}
@media (max-width:860px){.prod{grid-template-columns:1fr;gap:22px}}
.gal .main{background:#fff;border:1px solid var(--line);border-radius:24px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden}
.gal .main img{width:100%;height:100%;object-fit:contain;padding:6%}
.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.thumbs button{flex:0 0 74px;height:74px;border-radius:14px;border:2px solid var(--line);background:#fff;padding:4px}
.thumbs button[aria-pressed="true"]{border-color:var(--brand)}
.thumbs img{width:100%;height:100%;object-fit:contain}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 14px;font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;text-decoration:none}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand)}
.info h1{font-size:clamp(26px,3.4vw,40px);font-weight:800;letter-spacing:-.02em;margin:14px 0 8px}
[lang="ar"] .info h1{letter-spacing:0;line-height:1.35}
.full{color:var(--muted);font-size:14px;margin:0 0 12px}
.price{font-family:var(--display);font-weight:800;font-size:32px;color:var(--brand)}
.stock{display:inline-block;margin-inline-start:10px;font-size:13px;font-weight:700;color:#137a4b;background:#DDF6EA;padding:3px 10px;border-radius:999px;vertical-align:middle}
.buy{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 12px}
.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:999px;background:#fff}
.qty button{border:0;background:none;width:42px;height:46px;font-size:20px}.qty span{min-width:28px;text-align:center;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:13px 24px;font-weight:700;text-decoration:none;border:0;font-size:15.5px}
.btn.coral{background:var(--brand);color:#fff}.btn.dark{background:var(--ink);color:#fff}
.btn.wa{background:var(--wa);color:#fff}.btn.wa svg{width:20px;height:20px;fill:#fff}
.btn.big{width:100%;padding:16px 24px;font-size:17px}
.ask-box{background:#E9FBF1;border:1.5px solid #BDEFD3;border-radius:20px;padding:18px;margin:16px 0}
.ask-box p{margin:0 0 12px;font-weight:600}
.ask-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:480px){.ask-row{grid-template-columns:1fr}}
.ask-row .btn{padding:12px 14px;font-size:14.5px}
.btn.wa.ghost{background:#fff;color:#128C4A;border:1.5px solid var(--wa)}.btn.wa.ghost svg{fill:#128C4A}
.perks{list-style:none;padding:0;margin:14px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:14px}
.perks li{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.perks li b{display:block;font-size:13.5px}
.info h2{font-size:20px;margin:24px 0 8px}
.bul{padding-inline-start:20px;margin:0}.bul li{margin:6px 0}
.code{color:var(--muted);font-size:13.5px}
.sec{padding:30px 0}.sec h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;margin-bottom:6px}
.sec .sub{color:var(--muted);margin:0 0 18px}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
.card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.card .pic{aspect-ratio:1;background:#fff;display:grid;place-items:center;border-bottom:1px solid var(--line)}
.card .pic img{width:100%;height:100%;object-fit:contain;padding:8%}
.card .body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.card h3{font-family:var(--body);font-size:14.5px;font-weight:700;line-height:1.35}
.card .p{font-family:var(--display);font-weight:800;color:var(--brand);margin-top:auto}
.card:hover{box-shadow:0 10px 30px -14px rgba(27,22,48,.35)}
.hero{border-radius:28px;padding:34px;margin:12px 0 10px}
.hero h1{font-size:clamp(30px,4.4vw,52px);font-weight:800;letter-spacing:-.03em}
[lang="ar"] .hero h1{letter-spacing:0;line-height:1.3}
.hero p{max-width:70ch;margin:12px 0 0;color:#3A3350;font-size:17px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.chips a{background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:7px 14px;font-weight:700;font-size:14px;text-decoration:none}
.chips a[aria-current]{background:var(--ink);color:#fff;border-color:var(--ink)}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin:10px 0}
.faq summary{font-weight:700;cursor:pointer}.faq p{margin:10px 0 0;color:#3A3350}
.seotext{color:#3A3350;max-width:80ch}
footer{background:var(--ink);color:#E8E4F2;margin-top:40px;padding:40px 0 0}
footer .cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}@media (max-width:760px){footer .cols{grid-template-columns:1fr}}
footer h4{margin:0 0 10px;font-family:var(--display);font-size:16px;color:#fff}
footer ul{list-style:none;margin:0;padding:0}footer li{margin:6px 0}footer a{text-decoration:none}footer a:hover{color:var(--sun)}
.flogo{font-family:var(--display);font-weight:800;font-size:24px;color:#fff;direction:ltr;display:inline-block}.flogo span{color:var(--brand)}
.fbottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding:16px 0;font-size:13px;color:#B7B0C9}
.fbottom .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wafloat{position:fixed;inset-inline-end:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--wa);color:#fff;border-radius:999px;padding:12px 18px;font-weight:700;text-decoration:none;box-shadow:0 10px 26px -8px rgba(18,140,74,.6)}
.wafloat svg{width:22px;height:22px;fill:#fff}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-weight:700;z-index:40}
[hidden]{display:none!important}