@font-face{font-family:'Alexandria';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/alexandria-arabic.fbc8a2cf.woff2) format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'Alexandria';font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/alexandria-latin.a5d4f37a.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Quicksand';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/quicksand-latin.0c24c621.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--g:#3E4A3F;--c:#F4ECDD;--ink:#2E3A2F;--tan:#C9A27E;--gold:#85643a;--bg:#FBF7F0;--line:#E6DCC9;--mut:#5f675b}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font-size:15px;line-height:1.75;font-weight:300}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
picture{display:contents}
h1, h2, h3{font-weight:600;line-height:1.3;text-wrap:balance}
p{text-wrap:pretty}
.wrap{max-width:1240px;margin:0 auto;padding:0 22px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--gold);font-size:13px;font-weight:500;margin-bottom:10px}
.eyebrow:before{content:"";width:26px;height:1px;background:var(--tan)}
.h2{font-size:clamp(26px,3.4vw,40px);color:var(--g)}
.sec{padding:84px 0}
.sec-h{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px;flex-wrap:wrap}
.lnk{font-weight:500;color:var(--g);border-bottom:1px solid var(--tan);padding-bottom:2px;font-size:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 26px;font-weight:500;font-size:15px;border:1px solid transparent;cursor:pointer;font-family:inherit;transition:.2s}
.btn-g{background:var(--g);color:var(--c)}
.btn-g:hover{background:var(--ink)}
.btn-c{background:var(--c);color:var(--g)}
.btn-o{border-color:currentColor;background:transparent}
.btn-wa{background:#1f7a4d;color:#fff}
.ann{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--ink);color:var(--c);font-size:12.5px;text-align:center;padding:8px 12px}
.ann b{color:var(--tan);font-weight:500}
header{position:sticky;top:0;z-index:50}
.hd{display:flex;align-items:center;justify-content:space-between;gap:18px}
.nav{display:none;font-weight:400}
.nav a{position:relative;padding:6px 0}
.nav a.on:after{content:"";position:absolute;inset-inline:0;bottom:0;height:1.5px;background:var(--tan)}
.hd-i{display:flex;align-items:center;gap:6px}
.ib{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:0;background:none;color:var(--g);cursor:pointer;position:relative}
.ib:hover{background:var(--c)}
.ib .ct{position:absolute;top:4px;inset-inline-end:3px;background:var(--gold);color:#fff;font-size:10px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-weight:500}
.ib.hide-m{display:none}
#mbtn{display:grid}
@media (min-width:1000px){
  .nav{display:flex}
  #mbtn{display:none}
  .ib.hide-m{display:grid}
}
.mm{position:fixed;inset:0;z-index:80;background:rgba(46,58,47,.45);opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s,visibility 0s .3s}
.mm.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s,visibility 0s}
.mm-p{position:absolute;top:0;bottom:0;inset-inline-start:0;width:min(86vw,360px);background:var(--bg);padding:22px;transform:translateX(100%);transition:.3s;display:flex;flex-direction:column;overflow:auto}
.mm.open .mm-p{transform:none}
.mm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mm-p nav a{display:flex;justify-content:space-between;padding:15px 2px;border-bottom:1px solid var(--line);font-size:17px;font-family:Alexandria,Changa,sans-serif;font-weight:500;color:var(--g)}
.mm-p .btn{margin-top:24px}
body.lock{overflow:hidden}
.trust{background:var(--bg);border-bottom:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding-top:20px;padding-bottom:20px}
.trust div{display:flex;gap:11px;align-items:center;font-size:13.5px;font-weight:400}
.trust svg{flex:none;color:var(--gold)}
@media (min-width:900px){
  .trust .wrap{grid-template-columns:repeat(4,1fr)}
}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px}
@media (min-width:900px){
  .pg{grid-template-columns:repeat(4,1fr);gap:34px 22px}
}
.p .im{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/5;background:var(--c)}
.p .im img{width:100%;height:100%;object-fit:cover;transition:.5s}
.p:hover .im img{transform:scale(1.04)}
.tag{position:absolute;top:12px;inset-inline-start:12px;background:var(--c);color:var(--g);font-size:11.5px;font-weight:500;border-radius:99px;padding:4px 11px}
.tag.s{background:var(--gold);color:#fff}
.fav{position:absolute;top:10px;inset-inline-end:10px;width:36px;height:36px;border-radius:50%;background:rgba(251,247,240,.9);display:grid;place-items:center;color:var(--g)}
.qa{position:absolute;bottom:12px;inset-inline:12px;background:var(--g);color:var(--c);border-radius:99px;text-align:center;padding:10px;font-size:13px;font-weight:500;opacity:0;transform:translateY(8px);transition:.25s}
.p:hover .qa{opacity:1;transform:none}
.p .meta{padding:12px 2px 0}
.p .k{font-size:12px;color:var(--gold)}
.p h3{font-family:Alexandria;font-weight:400;font-size:15px;margin:2px 0 4px}
.price{font-weight:500;color:var(--g)}
.price s{color:#6f6757;font-weight:300;margin-inline-start:8px;font-size:13px}
.sw{display:flex;gap:6px;margin-top:8px}
.sw i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.band{background:var(--c)}
.ws{background:var(--g);color:var(--c);border-radius:26px;overflow:hidden;display:grid;position:relative}
.ws .t{padding:46px 34px}
.ws h2{font-size:clamp(24px,2.6vw,34px);color:var(--c);margin:8px 0 14px}
.ws p{color:rgba(244,236,221,.8);max-width:520px}
.ws ul{list-style:none;display:grid;gap:10px;margin:22px 0 28px}
.ws li{display:flex;gap:10px;align-items:center}
.ws li:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--tan);flex:none}
.ws .im{min-height:280px;position:relative}
.ws .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ws .eyebrow{color:#dcbd9c}
@media (min-width:900px){
  .ws{grid-template-columns:1.3fr 1fr}
  .ws .t{padding:64px}
}
.nlb .h2{font-size:30px}
.h2m{margin-bottom:16px}
.nlb{display:grid;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px}
.nlf{display:flex;gap:8px;flex-wrap:wrap}
.nlf input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:99px;padding:13px 20px;font-family:inherit;font-size:14px;background:var(--bg)}
@media (min-width:900px){
  .nlb{grid-template-columns:1.2fr 1fr;padding:44px 50px}
}
.ft{background:var(--ink);color:#c9c6b8;padding:72px 0 28px;font-size:13px;margin-top:0}
.ft-grid{display:grid;gap:40px}
.ft-brand, .ft-news{grid-column:1/-1}
.ft-brand img{margin-bottom:12px}
.ft-brand p{max-width:300px;color:#a9ae9f}
.ft .fh{font-family:Alexandria,Changa,sans-serif;color:var(--c);font-size:16px;font-weight:600;margin-bottom:16px}
.ft ul{list-style:none;display:grid;gap:10px}
.ft ul a:hover, .ft-soc a:hover{color:var(--tan)}
.ft .nlf input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:var(--c)}
.ft .nlf button{width:48px;height:48px;border-radius:50%;border:0;background:var(--tan);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.ft-soc{display:flex;gap:16px;margin-top:24px}
.pay{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.pay span{border:1px solid rgba(255,255,255,.16);border-radius:6px;padding:3px 10px;font-size:11.5px;color:#d9d5c6}
.ft-bottom{margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;color:#b3b8aa;font-size:12px}
@media (min-width:1000px){
  .ft-brand, .ft-news{grid-column:auto}
  .ft-bottom{flex-direction:row;justify-content:space-between}
}
.wa-f{position:fixed;bottom:20px;inset-inline-end:20px;z-index:40;width:56px;height:56px;border-radius:50%;background:#1f7a4d;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.crumb{font-size:13px;color:var(--mut);padding:22px 0 0}
.crumb a:hover{color:var(--gold)}
.ph{background:var(--c);padding:44px 0 36px;border-bottom:1px solid var(--line)}
.ph h1{font-size:clamp(30px,4vw,46px);color:var(--g)}
.ph p{color:var(--mut);max-width:560px}
.subc{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.subc a{background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 18px;font-size:14px}
.subc a.on{background:var(--g);color:var(--c);border-color:var(--g)}
.shop{display:grid;gap:30px}
@media (min-width:1000px){
  .shop{gap:44px}
}
.fl{display:none}
@media (min-width:1000px){
  .fl{display:block}
}
.fg{border-bottom:1px solid var(--line);padding:18px 0}
.fg .fh{font-family:Alexandria,Changa,sans-serif;font-size:16px;color:var(--g);margin-bottom:12px;display:flex;justify-content:space-between}
.ck{position:relative;display:flex;align-items:center;gap:10px;font-size:14px;margin:7px 0;cursor:pointer}
.ck i{width:18px;height:18px;border:1.5px solid #bdb3a0;border-radius:5px;display:grid;place-items:center}
.ck input,.szs input,.cls input,.chk input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
.ck input:checked+i{background:var(--g);border-color:var(--g)}
.ck input:checked+i:after{content:"";width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translate(1px,-1px)}
.ck small{margin-inline-start:auto;color:#6f6757}
.szs{display:flex;flex-wrap:wrap;gap:7px}
.szs label{position:relative;cursor:pointer}
.szs span{display:block;min-width:44px;text-align:center;border:1px solid var(--line);border-radius:10px;padding:6px 8px;font-size:13px;background:#fff}
.szs input:checked+span{border-color:var(--g);background:var(--g);color:var(--c)}
.cls{display:flex;gap:10px;flex-wrap:wrap}
.cls label{position:relative;cursor:pointer;display:block}
.cls i{display:block;width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.12);outline:2px solid transparent;outline-offset:2px}
.cls input:checked+i{outline-color:var(--g)}
.range{height:4px;background:var(--line);border-radius:4px;position:relative;margin:16px 4px 10px}
.range:before{content:"";position:absolute;inset-inline:15% 30%;top:0;bottom:0;background:var(--g)}
.tb{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px;flex-wrap:wrap}
.tb .n{color:var(--mut);font-size:14px}
.sel{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 18px;font-size:14px;display:inline-flex;gap:10px;align-items:center}
.mf{display:inline-flex}
@media (min-width:1000px){
  .mf{display:none}
}
.pd{display:grid;gap:34px;padding:24px 0 70px}
@media (min-width:1000px){
  .pd{grid-template-columns:1.15fr 1fr;gap:60px}
}
.gal{display:grid;gap:10px;grid-template-columns:1fr}
.gal .main{border-radius:18px;overflow:hidden;aspect-ratio:4/5}
.gal .main .gi{width:100%;height:100%}
.gal .main img{width:100%;height:100%;object-fit:cover}
.th{display:flex;gap:10px}
.th .thb{width:78px;height:96px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;cursor:pointer;flex:none}
.th .thb.on{border-color:var(--g)}
.th img{width:100%;height:100%;object-fit:cover}
@media (min-width:1000px){
  .gal{grid-template-columns:86px 1fr}
  .th{flex-direction:column}
}
.info h1{font-size:clamp(26px,3vw,36px);color:var(--g);margin:4px 0 8px}
.info .price{font-size:24px}
.info .lbl{display:flex;justify-content:space-between;font-weight:500;font-size:14px;margin:24px 0 10px}
.info .lbl a{color:var(--gold);border-bottom:1px solid var(--tan);font-weight:400}
.cl2{display:flex;gap:12px}
.cl2 button{cursor:pointer;padding:0;width:36px;height:36px;border-radius:50%;outline:2px solid transparent;outline-offset:3px;border:1px solid rgba(0,0,0,.1)}
.cl2 button.on{outline-color:var(--g)}
.sz2{display:flex;gap:9px;flex-wrap:wrap}
.sz2 button{font-family:inherit;cursor:pointer;color:inherit;min-width:58px;text-align:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 6px;font-size:14px}
.sz2 button.on{background:var(--g);color:var(--c);border-color:var(--g)}
.sz2 button:disabled{color:#767676;text-decoration:line-through;cursor:not-allowed}
.buy{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:99px;background:#fff}
.qty b{width:44px;text-align:center;font-weight:400}
.qty button{width:40px;height:44px;border:0;background:none;color:inherit;font-family:inherit;text-align:center;cursor:pointer;font-size:18px;border-radius:99px}
.buy .btn-g{flex:1;min-width:180px}
.buy .btn-wa{width:100%}
.perks{display:grid;gap:12px;margin-top:24px;background:var(--c);border-radius:16px;padding:18px 20px;font-size:14px}
.perks div{display:flex;gap:10px;align-items:center}
.perks svg{color:var(--gold);flex:none}
.acc{margin-top:22px;border-top:1px solid var(--line)}
.acc details{border-bottom:1px solid var(--line);padding:16px 0}
.acc summary{cursor:pointer;font-weight:500;list-style:none;display:flex;justify-content:space-between}
.acc summary:after{content:"+";color:var(--gold);font-size:20px;line-height:1}
.acc details[open] summary:after{content:"–"}
.acc p, .acc table{margin-top:12px;color:var(--mut);font-size:14px}
table.sg{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff;border-radius:12px;overflow:hidden}
table.sg th{background:var(--g);color:var(--c);font-weight:500}
table.sg td, table.sg th{padding:10px;text-align:center;border-bottom:1px solid var(--line)}
.modal{position:fixed;inset:0;background:rgba(46,58,47,.5);display:none;place-items:center;z-index:90;padding:18px}
.modal.open{display:grid}
.modal .bx{background:var(--bg);border-radius:20px;max-width:620px;width:100%;padding:28px;max-height:90vh;overflow:auto}
.modal h3{color:var(--g);font-size:24px;display:flex;justify-content:space-between}
.wh-hero{background:var(--c);color:var(--ink);padding:70px 0}
.wh-hero h1{font-size:clamp(32px,4.6vw,56px);color:var(--g);margin:10px 0 14px}
.wh-hero p{color:var(--mut);max-width:600px}
.wh-hero .eyebrow{color:var(--gold)}
.steps{display:grid;gap:18px}
@media (min-width:900px){
  .steps{grid-template-columns:repeat(4,1fr)}
}
.st{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.st b{font-family:Alexandria,Changa,sans-serif;font-size:34px;color:var(--gold);font-weight:600}
.st h3{color:var(--g);font-size:19px;margin:6px 0}
.st p{font-size:14px;color:var(--mut)}
.form-w{display:grid;gap:30px}
@media (min-width:1000px){
  .form-w{grid-template-columns:1fr 1.3fr;gap:60px}
}
.form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;display:grid;gap:16px;grid-template-columns:1fr 1fr}
.form .full{grid-column:1/-1}
fieldset{border:0;min-width:0}
legend{padding:0;font-size:13.5px;font-weight:500;margin-bottom:6px}
.form label{display:grid;gap:6px;font-size:13.5px;font-weight:500}
.form input, .form select, .form textarea{font-family:inherit;font-size:14px;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg);color:var(--ink);font-weight:300}
.form textarea{min-height:110px;resize:vertical}
.chk{display:flex;gap:8px;flex-wrap:wrap}
.chk label{position:relative;cursor:pointer;display:block}
.chk span{display:block;border:1px solid var(--line);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:400;background:var(--bg)}
.chk input:checked+span{background:var(--g);color:var(--c);border-color:var(--g)}
@media (max-width:600px){
  .form{grid-template-columns:1fr;padding:22px}
}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq summary{cursor:pointer;font-weight:500;font-size:16px;color:var(--g);list-style:none;display:flex;justify-content:space-between}
.faq summary:after{content:"+";color:var(--gold)}
.faq p{margin-top:10px;color:var(--mut)}
@media (max-width:600px){
  .sec{padding:60px 0}
  .hd{height:68px}
  .hd .logo img{height:50px}
  .p h3{font-size:13.5px}
}
.pg3{grid-template-columns:1fr 1fr}
@media (min-width:900px){
  .pg3{grid-template-columns:repeat(3,1fr)}
}
.ft-brand img{height:auto;width:150px}
@media (max-width:600px){
  .hide-s{display:none}
  .tb .n{width:100%}
  .sel{padding:8px 14px;font-size:13px}
}
header{border-bottom:1px solid rgba(244,236,221,.12)}
.hd{height:auto;padding:12px 22px}
.hd .logo img{width:auto}
.nav a{color:var(--c)}
.nav a:hover{color:var(--tan)}
.hd .ib{color:var(--c)}
.hd .ib:hover{background:rgba(244,236,221,.1)}
.ann{border-bottom:1px solid rgba(244,236,221,.08)}
.mm-top{background:var(--g);margin:-22px -22px 18px;padding:16px 22px}
.mm-top img{height:104px}
.mm-top .ib{color:var(--c)}
.lang:hover{border-color:var(--c)}
html[dir=ltr] .mm-p nav a svg, html[dir=ltr] .pager svg{transform:scaleX(-1)}
@media (max-width:999px){
  .hd-s{justify-self:start}
}
@media (min-width:1000px){
  .hd-s{order:3}
}
body{font-family:Alexandria,"Geeza Pro","SF Arabic",Tahoma,system-ui,sans-serif}
h1, h2, h3{font-family:Alexandria,Changa,"Geeza Pro",Tahoma,sans-serif}
html[lang=en] body{font-family:-apple-system,"Helvetica Neue",Arial,sans-serif}
.slogan{font-family:Quicksand,"Avenir Next",Avenir,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.32em;font-size:11.5px;color:var(--tan);direction:ltr;display:inline-block}
.ft-bottom .slogan{color:var(--tan)}
.hd-s{display:flex;align-items:center;gap:8px}
.hd .logo img{height:116px}
.nav{gap:22px;font-size:14px;align-items:center}
.nav>a, .dd>a{white-space:nowrap}
.dd{position:relative}
.dd>a{display:inline-flex;align-items:center;gap:6px;padding:6px 0;color:var(--c)}
.car{width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-2px);display:inline-block}
.ddm{position:absolute;top:100%;inset-inline-start:-18px;min-width:190px;background:var(--bg);border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.18);padding:10px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:60}
.dd:hover .ddm, .dd:focus-within .ddm{opacity:1;visibility:visible;transform:none}
.ddm a{display:block;color:var(--ink);padding:9px 14px;border-radius:9px;font-size:14px}
.ddm a:hover{background:var(--c);color:var(--gold)}
.dd:before{content:"";position:absolute;inset:100% -10px auto;height:14px}
.offer{display:inline-flex;align-items:center;gap:7px}
.bdg{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:99px;background:var(--tan);color:var(--ink);font-size:11px;font-weight:700;font-family:Quicksand,Arial,sans-serif;position:relative}
.nav .bdg:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(201,162,126,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(201,162,126,.65)}70%{box-shadow:0 0 0 9px rgba(201,162,126,0)}100%{box-shadow:0 0 0 0 rgba(201,162,126,0)}}
@media (prefers-reduced-motion:reduce){
  .nav .bdg:after{animation-iteration-count:3}
}
.lang{display:inline-flex;align-items:center;height:36px;border:1px solid rgba(244,236,221,.4);color:var(--c);border-radius:99px;padding:0 14px;font-size:12.5px;font-weight:500;font-family:Alexandria,sans-serif;margin-inline-start:6px}
.lang-m{display:none}
@media (max-width:999px){
  .hd{display:grid;padding:10px 16px}
  .hd .logo{justify-self:center}
  .hd-i{justify-self:end}
  .hd .logo img{height:92px}
  .lang-d{display:none}
  .lang-m{display:inline-flex;margin:0}
}
@media (max-width:420px){
  .lang{padding:0 10px;font-size:11.5px;height:34px}
  .hd .ib{width:38px;height:38px}
  .hd-i{gap:0}
}
@media (min-width:1000px) and (max-width:1250px){
  .nav{gap:12px;font-size:13px}
  .vd{margin:0}
  .hd .logo{margin-inline-end:20px}
  .lang-d{margin-inline-start:8px}
  .hd .logo img{height:100px}
}
html[dir=ltr] .mm-p{transform:translateX(-100%)}
html[dir=ltr] .mm.open .mm-p{transform:none}
html[dir=ltr] .mm-p nav a svg{transform:scaleX(-1)}
.acc-m{border-bottom:1px solid var(--line)}
.acc-m summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:15px 2px;font-size:17px;font-family:Alexandria,Changa,sans-serif;font-weight:500;color:var(--g)}
.acc-m summary::-webkit-details-marker{display:none}
.mm-p nav .acc-m a.s{font-size:15px;padding:11px 16px;border:0;border-top:1px solid var(--line);color:var(--ink)}
.mm-p nav hr{border:0;border-top:2px solid var(--tan);opacity:.5;margin:14px 0 4px}
.mm-p nav a.lt{font-family:inherit;font-size:15px;justify-content:flex-start;gap:10px;align-items:center;border:0;padding:11px 2px;color:var(--ink)}
.mm-p .bdg{margin-inline-start:auto;margin-inline-end:8px}
.hs{position:relative;height:min(82vh,720px);min-height:520px;overflow:hidden;background:var(--ink);touch-action:pan-y;user-select:none;cursor:grab}
.hs.drag{cursor:grabbing}
.hs-track{position:absolute;inset:0}
.hs-s{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 6s ease}
.hs-s.on{opacity:1;transform:scale(1)}
.hs-sh{position:absolute;inset:0;background:linear-gradient(to left,rgba(46,58,47,.82) 0%,rgba(46,58,47,.55) 38%,rgba(46,58,47,.05) 75%)}
html[dir=ltr] .hs-sh{background:linear-gradient(to right,rgba(46,58,47,.82) 0%,rgba(46,58,47,.55) 38%,rgba(46,58,47,.05) 75%)}
.hs-c{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hs-panel{max-width:540px;color:var(--c)}
.hs h1{font-size:clamp(38px,5.4vw,68px);color:var(--c);margin:14px 0 16px;text-shadow:0 2px 20px rgba(0,0,0,.25)}
.hs h1 em{font-style:normal;color:var(--tan)}
.hs .slogan{color:var(--c)}
.hs p{color:rgba(244,236,221,.9);font-size:16.5px;max-width:470px}
.hs .ctas{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.hs .btn-o{color:var(--c)}
.hs-dots{position:absolute;z-index:3;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.hs-dots{align-items:center}
.hs-dots button:not(.hs-pp){position:relative;width:9px;height:9px;border-radius:99px;border:0;background:rgba(244,236,221,.7);cursor:pointer;transition:.3s}
.hs-dots button:not(.hs-pp):before{content:"";position:absolute;inset:-14px -4px}
.hs-dots button.on{width:28px;background:var(--c)}
.hs-pp{width:30px;height:30px;border-radius:50%;border:1px solid rgba(244,236,221,.7);background:rgba(46,58,47,.45);color:var(--c);display:grid;place-items:center;cursor:pointer;margin-inline-start:6px;padding:0}
.hs-pp svg{width:14px;height:14px}
.hs-pp .pl{display:none}
.hs.paused .hs-pp .pa{display:none}
.hs.paused .hs-pp .pl{display:block}
@media (max-width:700px){
  .hs{height:auto;min-height:600px}
  .hs-sh, html[dir=ltr] .hs-sh{background:linear-gradient(to top,rgba(46,58,47,.92) 0%,rgba(46,58,47,.7) 50%,rgba(46,58,47,.15) 100%)}
  .hs-c{align-items:flex-end;padding-bottom:70px;min-height:600px}
  .hs p{font-size:15px}
}
.ed{display:grid;grid-template-columns:1fr}
@media (min-width:760px){
  .ed{grid-template-columns:1fr 1fr}
}
.edi{display:block;overflow:hidden;aspect-ratio:4/5;background:var(--c)}
.edi img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.edc:hover .edi img{transform:scale(1.035)}
.fq-w{display:grid;gap:30px}
@media (min-width:1000px){
  .fq-w{grid-template-columns:1fr 1.6fr;gap:70px}
}
.mut{color:var(--mut);margin-top:10px}
.faq details{background:transparent}
.ft-grid{grid-template-columns:1fr 1fr}
@media (min-width:1000px){
  .ft-grid{grid-template-columns:1.4fr 1fr 1fr 1fr 1.5fr}
}
.hs-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%;-webkit-user-drag:none}
.mm-p nav .acc-m a.s{font-family:Alexandria,sans-serif;font-weight:400}
@media (min-width:1000px){
  .hd{height:80px;padding-top:0;padding-bottom:0;max-width:1400px;gap:0}
  .hd .logo{margin-inline-end:34px;flex:none}
  .nav{gap:22px;flex:1}
  .vd{width:1px;height:18px;background:rgba(244,236,221,.35);margin:0 4px}
  .hd-i{gap:0;margin-inline-start:auto}
  .hd-i .ib{width:36px;height:36px}
  .lang-d{margin-inline-start:14px}
  .ov{align-self:flex-start;padding:14px 18px 16px;border-radius:0 0 18px 18px;position:relative;z-index:5;border-top:0}
  .hd .ov img{height:118px}
}
#products, #why, #faq{padding-top:28px;padding-bottom:34px}
#wholesale, #news{padding-top:34px;padding-bottom:34px}
#news{padding-top:0}
#faq .faq details:last-child{border-bottom:1px solid var(--line)}
#products .sec-h{margin-bottom:34px}
.ed{gap:30px 28px}
.edi{position:relative}
.edg{position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(to top,rgba(46,58,47,.62),transparent)}
.chips2{position:absolute;bottom:20px;inset-inline-start:20px;display:flex;gap:8px;z-index:2}
.edn{font-size:24px;color:var(--g);padding-top:12px;line-height:1.2}
header{background:rgba(62,74,63,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.ov{background:rgba(62,74,63,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.chips2 a{border-radius:99px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:.2s;background:rgba(251,247,240,.2);color:#fff;border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);text-shadow:0 1px 6px rgba(0,0,0,.35)}
.chips2 a:hover{background:rgba(251,247,240,.92);color:var(--g);text-shadow:none}
@media (min-width:1000px){
  .ov{background:transparent;box-shadow:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .ov::before{content:"";position:absolute;inset:0;background:rgba(62,74,63,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 18px 18px;box-shadow:0 14px 30px rgba(0,0,0,.28);border:1px solid rgba(244,236,221,.12);border-top:0;transform-origin:top center;transition:opacity .35s ease,transform .35s ease;z-index:-1}
  .ov .full{position:relative;transition:opacity .3s ease,transform .35s ease;transform-origin:top center}
  .ov .mini{opacity:0;transition:opacity .3s ease .05s,transform .35s ease}
  body.scrolled .ov::before{opacity:0;transform:scaleY(.45)}
  body.scrolled .ov .full{opacity:0;transform:scale(.55) translateY(-30px);pointer-events:none}
  body.scrolled .ov .mini{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .ov::before, .ov .full, .ov .mini{transition:none}
}
@media (max-width:999px){
  .hd .ov .full{display:none}
  .hd{min-height:76px}
  .chips2{bottom:14px;inset-inline-start:14px}
  .chips2 a{padding:7px 13px;font-size:13px}
}
.edw{position:relative}
.pg4{grid-template-columns:1fr 1fr}
@media (min-width:900px){
  .pg4{grid-template-columns:repeat(4,1fr)}
}
.ov .mini{direction:ltr;display:none;align-items:center;gap:10px}
.ov .mini img{height:54px;width:auto;display:block}
.mt{display:flex;flex-direction:column;line-height:1}
.mt b{font:600 21px/1.1 Alexandria,Changa,"Geeza Pro",sans-serif;color:var(--c);direction:rtl}
.mt .slogan{font-size:8px;letter-spacing:.22em;white-space:nowrap}
@media (min-width:1000px){
  .ov .mini{display:flex;position:absolute;top:13px;left:auto;right:auto;inset-inline-start:18px;transform:scale(.9);transform-origin:top right;height:auto}
  html[dir=ltr] .ov .mini{transform-origin:top left}
  html[dir=ltr] .ov .mini{inset-inline-start:auto;left:18px}
  html[dir=rtl] .ov .mini{right:18px}
  body.scrolled .ov .mini{transform:none}
  .ov .mini .mt{opacity:0;transition:opacity .3s ease .1s,transform .35s ease}
  body.scrolled .ov .mini .mt{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .ov .mini .mt{transition:none}
}
@media (max-width:999px){
  .hd .ov .mini{display:flex;gap:7px}
  .hd .ov .mini img{height:44px}
  .mt b{font-size:16px}
  .mt .slogan{font-size:6.5px;letter-spacing:.16em}
}
@media (max-width:375px){
  .hd .ov .mini img{height:40px}
  .mt b{font-size:15px}
  .mt .slogan{font-size:6px;letter-spacing:.12em}
}
@media (min-width:1000px){
  body.inner .pd{padding-top:24px}
    html[lang=en] .hs h1{font-size:clamp(34px,4.4vw,56px)}
}
@media (max-width:999px){
  .hd .ov{background:none;box-shadow:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (min-width:1000px){
  .hd .logo.ov{margin-inline-end:90px}
}
@media (min-width:1000px) and (max-width:1250px){
  .hd .logo.ov{margin-inline-end:70px}
}
@media (min-width:1000px){
  .ov .mini{width:max-content}
}
.ov .mini img{order:-1}
@media (min-width:1000px){
  .ov .mini .mt{transform:translateX(-12px)}
  body.scrolled .ov .mini .mt{transform:none}
  .nav{justify-content:flex-end;margin-inline-end:26px}
}
.shop{padding:40px 0 40px}
@media (min-width:1000px){
  .shop{grid-template-columns:250px minmax(0,1fr);align-items:start}
  .fl{position:sticky;top:100px}
}
.shop.nofl{display:block;padding:40px 0}
.fl-top{display:none}
button.sel{font-family:inherit;color:inherit;cursor:pointer}
@media (max-width:999px){
  .fl{display:block;position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(86vw,340px);background:var(--bg);z-index:85;padding:18px 20px 30px;overflow:auto;transform:translateX(100%);transition:transform .3s ease;box-shadow:0 0 40px rgba(0,0,0,.2);visibility:hidden}
  html[dir=ltr] .fl{transform:translateX(-100%)}
  body.flopen .fl{transform:none;visibility:visible}
  body.flopen::after{content:"";position:fixed;inset:0;background:rgba(46,58,47,.45);z-index:84}
  .fl-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
  .fl-top b{font-family:Alexandria,Changa,sans-serif;font-size:20px;color:var(--g)}
}
.wrap.shop, .wrap.shop.nofl{padding:40px clamp(20px,4vw,48px)}
body.inner .wrap:not(.hd){padding-inline:clamp(20px,4vw,48px)}
.mt{align-items:center;text-align:center}
.mt .slogan{margin-top:9px}
@media (max-width:999px){
  .mt .slogan{margin-top:6px}
  .hd .ov .mini{width:max-content;height:auto}
  .hd .ov .mini .mt b{white-space:nowrap}
}
@media (max-width:999px) and (prefers-reduced-motion:reduce){
  .hd .ov .mini img{transition:none}
}
#why.wyC{background:var(--bg);border-block:1px solid var(--line)}
.wyC .hdg{text-align:center;margin-bottom:30px}
.wyC .hdg .eyebrow{justify-content:center}
.wyC .hdg .eyebrow:after{content:"";width:26px;height:1px;background:var(--tan)}
.wyC .h2{font-size:clamp(24px,2.8vw,34px)}
.wyC .gr{display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:center}
.wyC .col{display:grid;gap:26px}
.wyC .it{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.wyC .col:first-child .it{text-align:end;grid-template-columns:1fr auto}
.wyC .col:first-child .ic{order:2}
.wyC .ic{width:44px;height:44px;border-radius:12px;background:var(--g);color:var(--tan);display:grid;place-items:center}
.wyC .ic svg{width:20px;height:20px}
.wyC h3{font-size:17px;color:var(--g);margin-bottom:2px}
.wyC p{font-size:13.5px;color:var(--mut);line-height:1.6}
.wyC .em{width:230px;height:230px;border-radius:50%;background:var(--g);display:grid;place-items:center;position:relative;box-shadow:0 0 0 8px var(--bg),0 0 0 9px var(--tan)}
.wyC .em svg.ring{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
.wyC .em img{width:96px;border-radius:6px}
@media (max-width:899px){
  .wyC .gr{grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
  .wyC .emw{grid-column:1/-1;order:-1;justify-self:center;margin-bottom:10px}
  .wyC .col{display:contents}
  .wyC .it, .wyC .col:first-child .it{grid-template-columns:auto 1fr;text-align:start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;gap:8px 9px;align-items:center;align-content:start}
  .wyC .col:first-child .ic{order:0}
  .wyC .tx{display:contents}
  .wyC .it p{grid-column:1/-1}
}
@media (max-width:699px){
  .wyC .hdg{margin-bottom:18px}
  .wyC .em{width:128px;height:128px;box-shadow:0 0 0 5px var(--bg),0 0 0 6px var(--tan)}
  .wyC .em svg.ring{inset:6px;width:calc(100% - 12px);height:calc(100% - 12px)}
  .wyC .em img{width:50px}
  .wyC h3{line-height:1.25;margin:0}
  .wyC p{font-size:12px;line-height:1.55}
}
@media (min-width:1000px) and (max-width:1279px){
  .ov .mini img{height:46px}
  .ov .mini .mt b{font-size:18px}
  .ov .mini .mt .slogan{font-size:7px;letter-spacing:.18em;margin-top:7px}
  html[dir=rtl] .ov .mini{right:4px}
  html[dir=ltr] .ov .mini{left:4px}
  .hd-i .ib{width:34px;height:34px}
  .lang-d{margin-inline-start:10px}
}
@media (min-width:1000px) and (max-width:1099px){
  .nav{gap:13px;font-size:12.5px;margin-inline-end:22px}
  .hd .logo.ov{margin-inline-end:30px}
}
@media (min-width:1100px) and (max-width:1279px){
  .nav{gap:17px;font-size:13px;margin-inline-end:28px}
}
@media (min-width:1280px){
  .nav{gap:24px;margin-inline-end:34px}
}
@media (min-width:1000px) and (max-width:1099px){
  .ov .mini img{height:42px}
  .ov .mini .mt b{font-size:16.5px}
  .ov .mini .mt .slogan{font-size:6.5px;letter-spacing:.16em;margin-top:6px}
  .hd-i .ib{width:32px;height:32px}
  .lang-d{padding:0 12px;margin-inline-start:8px}
  .ov .mini{gap:8px}
}
@media (min-width:1000px) and (max-width:1023px){
  .nav{gap:11px}
}
@media (max-width:999px){
  .hd .ov .mini{padding:8px 14px;margin:-8px -14px;border-radius:16px;transform-origin:50% 0;transition:transform .4s ease,background-color .3s ease,box-shadow .3s ease,border-radius .3s ease}
  body:not(.scrolled) .hd .ov .mini{background:rgba(62,74,63,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 16px 30px -14px rgba(0,0,0,.5)}
}
@media (max-width:999px) and (prefers-reduced-motion:reduce){
  .hd .ov .mini{transition:none}
}
@media (max-width:375px){
  .hd .ov .mini{--hang:66px}
}
@media (max-width:699px){
  .wyC .gr{gap:8px}
  .wyC .it, .wyC .col:first-child .it{padding:11px 10px;gap:7px 7px}
  .wyC .ic{width:26px;height:26px;border-radius:8px}
  .wyC .ic svg{width:14px;height:14px}
  .wyC h3{font-size:14px;white-space:nowrap}
}
@media (max-width:375px){
  .wyC h3{font-size:13px}
  .wyC .it, .wyC .col:first-child .it{padding:10px 9px}
}
@media (max-width:999px){
  .hd{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  body:not(.scrolled) .hd .ov .mini{border-radius:16px;transform:translateY(var(--hang2,38px)) scale(var(--ps,1.04))}
}
@media (max-width:420px){
  .hd .ov .mini{padding:8px 11px;margin:-8px -11px}
  .hd{padding-left:12px;padding-right:12px}
}
@media (max-width:375px){
  .lang-m{padding:0 8px;font-size:10.5px;height:30px}
  .hd{padding-left:8px;padding-right:8px}
  .hd .ov .mini{--ps:1}
}
@media (max-width:420px){
  .lang-m{padding:0 6px;font-size:10.5px;height:30px;letter-spacing:0}
  .hd-s{gap:4px}
  .hd .ov .mini{--ps:1}
}
@media (max-width:375px){
  #mbtn{width:34px}
}
@media (min-width:1000px) and (max-width:1099px){
  .ov .mini{top:20px}
}
@media (min-width:1100px) and (max-width:1279px){
  .ov .mini{top:18px}
}
@media (min-width:1280px){
  .ov .mini{top:14px}
}
.lang-m.flag{display:none}
@media (max-width:999px){
  .lang-m.flag{display:grid;place-items:center;width:38px;height:38px;padding:0;margin:0;border:0;border-radius:10px;background:none;font-size:0;letter-spacing:0}
  .lang-m.flag .flg{width:24px;height:16px;border-radius:3px;box-shadow:0 0 0 1px rgba(244,236,221,.45);display:block}
  .hd-s{gap:0}
  .hd-s, .hd-i{display:flex;align-items:center}
  .hd-s #mbtn, .hd-i .ib{width:38px;height:38px}
  .hd .ov .mini{--ps:1.15;--hang2:34px}
}
@media (min-width:1000px){
  html{--q:min(1,calc(var(--p,0)/.8))}
  html body .hd .ov::before{transition:none;transform-origin:top right;transform:scale(calc(var(--S,1.5) - (var(--S,1.5) - 1)*var(--q)),calc(var(--S,1.5) - (var(--S,1.5) - .45)*var(--q)));opacity:clamp(0,calc((1 - var(--p,0))/.4),1);will-change:transform,opacity}
  html[dir=ltr] body .hd .ov::before{transform-origin:top left}
  html body .hd .ov .full{transition:none;transform-origin:0 0;transform:translate(calc((var(--tx0,0) + (var(--tx1,0) - var(--tx0,0))*var(--q))*1px),calc((var(--ty0,0) + (var(--ty1,0) - var(--ty0,0))*var(--q))*1px)) scale(calc(var(--S,1.5) + (var(--e,.5) - var(--S,1.5))*var(--q)));opacity:clamp(0,calc((1 - var(--p,0))/.2),1);pointer-events:auto;will-change:transform,opacity;--ta:clamp(0,calc(1 - var(--q)*1.3),1);-webkit-mask-image:linear-gradient(#000 0 67%,rgba(0,0,0,var(--ta)) 67%);mask-image:linear-gradient(#000 0 67%,rgba(0,0,0,var(--ta)) 67%)}
  html body .hd .ov .mini{transition:none;transform:none;opacity:clamp(0,calc((var(--p,0) - .75)/.2),1)}
  html body .hd .ov .mini .mt{transition:none;opacity:clamp(0,calc((var(--p,0) - .72)/.23),1);transform:translateX(calc(-10px*(1 - clamp(0,calc((var(--p,0) - .72)/.23),1))))}
  html.lpm body .hd .ov .full, html.lpm body .hd .ov .mini{transform:none}
  body.inner .ph{padding-top:156px}
  body.inner .crumb:not(.ph .crumb){padding-top:156px}
  body.inner .wh-hero{padding-top:152px}
  .hs-c{padding-top:var(--lc,170px);padding-bottom:44px}
  .hs{min-height:max(520px,calc(var(--lc,170px) + var(--ph,360px) + 64px))}
}
.mm-s{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 4px 4px 14px;margin-bottom:14px}
html[dir=rtl] .mm-s{padding:4px 14px 4px 4px}
.mm-s input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);padding:8px 0;outline:none}
.mm-s button{width:38px;height:38px;border-radius:50%;border:0;background:var(--g);color:var(--c);display:grid;place-items:center;cursor:pointer;flex:none}
.mm-s button svg{width:18px;height:18px}
@media (min-width:1000px){
  .mm-s{display:none}
}
@media (max-width:999px){
  html body:is(.home, .inner) .hd{display:flex;align-items:center;height:64px;min-height:0;padding:0 12px;gap:0}
  html body:is(.home, .inner) .hd-s, html body:is(.home, .inner) .hd-i{display:contents}
  html body:is(.home, .inner) .hd .nav, html body:is(.home, .inner) .hd .hd-search, html body:is(.home, .inner) .hd .hide-m, html body:is(.home, .inner) .hd .lang-d{display:none}
  html body:is(.home, .inner) .hd .ov{order:0}
  html body:is(.home, .inner) .hd .lang-m.flag{order:1;margin-inline-start:auto}
  html body:is(.home, .inner) .hd .hd-cart{order:2}
  html body:is(.home, .inner) .hd #mbtn{order:3}
  html body:is(.home, .inner) .hd .ib, html body:is(.home, .inner) .hd .lang-m.flag{width:40px;height:40px}
  html body:is(.home, .inner) .hd .ov{align-self:flex-start;position:relative;z-index:5;padding:10px 12px 12px;flex:none}
  html body:is(.home, .inner) .hd .ov::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(62,74,63,.95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:0 0 16px 16px;box-shadow:0 12px 26px rgba(0,0,0,.26);border:1px solid rgba(244,236,221,.12);border-top:0;transform-origin:top right;transition:none;transform:scaleY(calc(1 - .55*var(--q)));opacity:clamp(0,calc((1 - var(--p,0))/.4),1)}
  html[dir=ltr] body:is(.home, .inner) .hd .ov::before{transform-origin:top left}
  html body:is(.home, .inner) .hd .ov .full{display:block;height:var(--fh,92px);width:auto;position:relative;transition:none;transform-origin:0 0;transform:translate(calc(var(--tx1,0)*var(--q)*1px),calc(var(--ty1,0)*var(--q)*1px)) scale(calc(1 + (var(--e,.5) - 1)*var(--q)));opacity:clamp(0,calc((1 - var(--p,0))/.2),1);--ta:clamp(0,calc(1 - var(--q)*1.3),1);-webkit-mask-image:linear-gradient(#000 0 67%,rgba(0,0,0,var(--ta)) 67%);mask-image:linear-gradient(#000 0 67%,rgba(0,0,0,var(--ta)) 67%)}
  html body:is(.home, .inner) .hd .ov .mini{display:flex;position:absolute;top:calc((64px - var(--mh,40px))/2);inset-inline-start:12px;left:auto;right:auto;width:max-content;height:auto;gap:7px;padding:0;margin:0;background:none;box-shadow:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;transition:none;transform:none;opacity:clamp(0,calc((var(--p,0) - .75)/.2),1);pointer-events:none}
  html[dir=rtl] body:is(.home, .inner) .hd .ov .mini{right:12px;left:auto}
  html[dir=ltr] body:is(.home, .inner) .hd .ov .mini{left:12px;right:auto}
  html body:is(.home, .inner) .hd .ov .mini img{height:var(--mh,40px);position:static;top:auto;filter:none;transition:none}
  html body:is(.home, .inner) .hd .ov .mini .mt{transition:none;opacity:clamp(0,calc((var(--p,0) - .72)/.23),1);transform:translateX(calc(-8px*(1 - clamp(0,calc((var(--p,0) - .72)/.23),1))))}
  html body:is(.home, .inner) .hd .ov .mini .mt b{font-size:var(--mb,16px)}
  html body:is(.home, .inner) .hd .ov .mini .mt .slogan{font-size:calc(var(--mb,16px)*.41);letter-spacing:.16em;margin-top:calc(var(--mb,16px)*.36)}
  html{--q:min(1,calc(var(--p,0)/.8));--fh:clamp(84px,calc(16vw + 30px),118px)}
  html.lpm body:is(.home, .inner) .hd .ov .full, html.lpm body:is(.home, .inner) .hd .ov .mini{transform:none}
  html body .mm-p{inset-inline-start:auto;inset-inline-end:0;transform:translateX(-100%)}
  html[dir=ltr] body .mm-p{transform:translateX(100%)}
  html body .mm.open .mm-p{transform:none}
  body.inner main > .ph:first-child{padding-top:calc(var(--hang,60px) + 22px)}
  body.inner main > .wrap:first-child{padding-top:calc(var(--hang,60px) + 10px)}
  body.inner main > .wh-hero:first-child{padding-top:calc(var(--hang,60px) + 30px)}
  .hs-c{padding-top:var(--lc,120px)}
}
/* mobile logo shrink: don't crop the stacked wordmark, keep the plate hugging the logo, longer crossfade */
@media (max-width:999px){
  html body:is(.home, .inner) .hd .ov .full{
    -webkit-mask-image:none;mask-image:none;
    opacity:clamp(0,calc((1 - var(--p,0))/.3),1);
  }
  html body:is(.home, .inner) .hd .ov::before{
    transform:scaleY(calc(1 + (var(--e,.5) - 1)*var(--q)));
    opacity:clamp(0,calc((1 - var(--p,0))/.3),1);
  }
  html body:is(.home, .inner) .hd .ov .mini{
    opacity:clamp(0,calc((var(--p,0) - .55)/.35),1);
  }
  html body:is(.home, .inner) .hd .ov .mini .mt{
    opacity:clamp(0,calc((var(--p,0) - .55)/.35),1);
    transform:translateX(calc(-8px*(1 - clamp(0,calc((var(--p,0) - .55)/.35),1))));
  }
}
@media (max-width:999px) and (prefers-reduced-motion:reduce){
  html body:is(.home, .inner) .hd .ov .full{opacity:calc(1 - var(--p,0));-webkit-mask-image:none;mask-image:none}
  html body:is(.home, .inner) .hd .ov .mini,
  html body:is(.home, .inner) .hd .ov .mini .mt{opacity:var(--p,0);transform:none}
  html body:is(.home, .inner) .hd .ov::before{opacity:calc(1 - var(--p,0));transform:scaleY(calc(1 - var(--p,0)*.55))}
}
@media (max-width:380px){
  html{--mh:36px;--mb:14.5px}
  html body:is(.home, .inner) .hd{padding:0 8px}
  html body:is(.home, .inner) .hd .ib, html body:is(.home, .inner) .hd .lang-m.flag{width:36px;height:36px}
}
@media (max-width:999px){
  .gr>.col>.it, .gr .it{min-width:0}
  .gr .it .tx{min-width:0;overflow-wrap:anywhere}
  .th{min-width:0;overflow-x:auto;scrollbar-width:none}
  .th .thb{flex:0 0 auto}
  .gal, .pd>*{min-width:0}
  .acc details{min-width:0;overflow-x:auto}
  table.sg{font-size:12.5px}
  table.sg td, table.sg th{padding:8px 5px}
  html body.home{--fh:clamp(126px,calc(24vw + 45px),177px)}
}

/* skip link, screen-reader text, focus */
.skip{position:absolute;inset-inline-start:12px;top:-60px;z-index:200;background:var(--c);color:var(--g);padding:10px 18px;border-radius:99px;font-weight:500;transition:top .15s}
.skip:focus{top:10px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
main{display:block}
:focus-visible{outline:2px solid var(--g);outline-offset:3px;border-radius:4px}
header :focus-visible,.ann :focus-visible,.ft :focus-visible,.ws :focus-visible,.hs :focus-visible,.mm-p .mm-top :focus-visible,.pick :focus-visible{outline-color:var(--c)}
.mm-p :focus-visible,.fl :focus-visible,.modal :focus-visible{outline-color:var(--g)}
.ck input:focus-visible+i,.szs input:focus-visible+span,.chk input:focus-visible+span,.cls input:focus-visible+i{outline:2px solid var(--g);outline-offset:3px}
.cls input:focus-visible+i{outline-color:var(--g)}
.ck input:focus-visible+i{border-radius:5px}
/* language chooser and 404 */
.pick{min-height:100vh;background:var(--g);color:var(--c);text-align:center}
.pick main{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:40px 22px}
.pk-logo{width:min(220px,56vw);height:auto;border-radius:22px}
.pk-h{color:var(--c);font-size:clamp(24px,4vw,34px);display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
.pk-b{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.pick .btn-g{background:var(--c);color:var(--g)}
.pick .btn-o{color:var(--c);border-color:rgba(244,236,221,.6)}
.nf main{gap:14px}
.nf section{display:flex;flex-direction:column;align-items:center;gap:12px}
.nf .pk-h{display:block}
.nf p{max-width:420px}
.nf-n{font-family:Alexandria,Changa,sans-serif;font-size:72px;line-height:1;color:var(--tan);font-weight:700}
@media (prefers-reduced-motion:reduce){.hs-s{transform:none;transition:opacity .9s ease}}
.nw{display:inline-block}
@media (min-width:1000px) and (max-width:1250px){
  .hd .nav{gap:12px;font-size:13px;margin-inline-end:10px}
  .hd .logo.ov{margin-inline-end:44px}
}
@media (min-width:1000px) and (max-width:1099px){
  .hd .nav{gap:8px;font-size:12.5px;margin-inline-end:0}
  .hd .logo.ov{margin-inline-end:24px}
  .lang-d{padding:0 10px;margin-inline-start:4px}
}
@media (min-width:701px) and (max-width:999px){
  .hs-sh, html[dir=ltr] .hs-sh{background:linear-gradient(to top,rgba(46,58,47,.9) 0%,rgba(46,58,47,.72) 55%,rgba(46,58,47,.2) 100%)}
  .hs-c{align-items:flex-end;padding-bottom:72px}
}

/* ===== restore-v2 (Nov 10): agreed batch on top of the pre-Nov-9 site ===== */
html[lang=en] body{font-family:Alexandria,Changa,-apple-system,"Helvetica Neue",Arial,sans-serif}
h1, h2, h3{font-family:Alexandria,Changa,"Geeza Pro",Tahoma,sans-serif;font-weight:500}
.h2{font-size:clamp(22px,2.4vw,30px)}
.hs h1, html[lang=en] .hs h1{font-size:clamp(30px,3.6vw,46px);font-weight:500}
.hs p{font-size:15.5px}
.sec{padding:44px 0}
#why{padding-top:44px;padding-bottom:44px}
.sec-h{margin-bottom:22px}
@media (max-width:999px){.sec, #why{padding:34px 0}}
/* sharp corners on cards and content blocks */
.p .im, .ws, .nlb, .ddm, .modal .bx, .perks, .st, .form, .wyC .ic, .wyC .it, .edi, .gal .main, .th .thb, .fl{border-radius:0}
/* header: two rows next to the logo, divider before the icons */
@media (min-width:1000px){
  .hd .nav.nv2{flex:0 1 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;margin-inline-end:0;font-size:13px;line-height:1.5}
  .nv2 .nr{display:flex;align-items:center;white-space:nowrap}
  .nv2 .nr1{justify-content:space-between;padding-bottom:4px;border-bottom:1px solid rgba(244,236,221,.2)}
  .nv2 .nr1>a{padding:3px 0}
  .nv2 .nr1>a+a{margin-inline-start:25px}
  .nv2 .nr1>a+a:before{content:"";position:absolute;inset-inline-start:-13px;top:50%;width:1px;height:11px;margin-top:-5px;background:rgba(244,236,221,.38)}
  .nv2 .nr2{justify-content:space-between;gap:16px;padding-top:4px}
  .nv2 .nr2:before, .nv2 .nr2:after{content:"";width:1px;height:13px;background:rgba(244,236,221,.38);flex:none}
  .nv2 .dept-a{display:inline-flex;align-items:center;gap:6px;padding:3px 0;color:var(--c)}
  .nv2 .dept-a .car{width:5px;height:5px;opacity:.75}
  .nv2 .dept-a[aria-expanded=true]{color:var(--tan)}
  .hd .hd-i{margin-inline-start:auto}
  .hd .hd-i:before{content:"";width:1px;height:50px;background:rgba(244,236,221,.26);margin-inline-end:14px;flex:none}
  .hd .nav.nv2 .bdg{display:none}
}
@media (min-width:1000px) and (max-width:1199px){
  .hd .nav.nv2{font-size:12px}
  .nv2 .nr1>a+a{margin-inline-start:19px}
  .nv2 .nr1>a+a:before{inset-inline-start:-10px}
  .hd .hd-i:before{margin-inline-end:6px}
}
/* mega menu: cream glass card that drops from just after the logo */
.mega{position:absolute;top:100%;inset-inline-start:var(--logo-clear,230px);width:max-content;min-width:360px;max-width:calc(100% - var(--logo-clear,230px) - 24px);z-index:45;background:rgba(244,236,221,.88);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(62,74,63,.12);border-top:0;box-shadow:0 24px 44px -22px rgba(0,0,0,.4);border-radius:0;padding:20px 26px 16px;color:var(--ink);white-space:normal;line-height:1.5}
.mega[hidden]{display:none}
.mega-cols{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(130px,auto);gap:44px}
.mega .mg h3{font-size:12.5px;font-weight:600;color:var(--gold);margin-bottom:8px}
.hd .mega a{display:block;color:var(--ink);padding:4px 0;font-size:13px;position:static}
.hd .mega a:hover{color:var(--gold)}
.hd .mega .mega-all{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid rgba(62,74,63,.14);color:var(--g);font-weight:500;width:100%}
.mega-all svg{width:16px;height:16px}
html[dir=ltr] .mega-all svg, html[dir=ltr] .catc svg, html[dir=ltr] .arr svg{transform:scaleX(-1)}
@media (max-width:999px){.mega{display:none!important}}
/* mobile menu groups and social icons */
.mm-p .mg-lab{display:block;font-size:12px;color:var(--gold);padding:10px 16px 2px;border-top:1px solid var(--line)}
.mm-p nav .acc-m a.sa{font-weight:500;color:var(--g)}
.mm-p nav button.lt{display:flex;width:100%;background:none;border:0;font:inherit;font-size:15px;color:var(--ink);padding:11px 2px;cursor:pointer;text-align:start}
.mm-soc{display:flex;gap:16px;margin-top:18px;color:var(--g)}
.mm-soc a, .mm-soc span, .ft-soc a, .ft-soc span{display:inline-grid;place-items:center}
/* categories: 3 + 3 grid of small tiles, 2 columns on phones */
.cats{display:grid;grid-template-columns:repeat(3,minmax(0,300px));gap:10px;justify-content:center}
.catc{position:relative;display:block;aspect-ratio:300/350;overflow:hidden;background:var(--c)}
.catc .fp, .pim .fp{display:block;width:100%;height:100%}
.catc img, .pim img{width:100%;height:100%;object-fit:cover;object-position:var(--fp,center)}
.catc img{transition:transform .7s ease}
.catc:hover img{transform:scale(1.04)}
.catb{position:absolute;inset-inline:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:rgba(251,247,240,.94);color:var(--g);font-size:13.5px;font-weight:500;padding:9px 14px;border-radius:999px}
.catb svg{width:16px;height:16px;flex:none}
.cat-all{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--g);color:var(--c);font-size:17px;font-weight:500;text-align:center;padding:20px}
.cat-all svg{width:22px;height:22px;color:var(--tan)}
@media (max-width:759px){
  .cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .catb{inset-inline:8px;bottom:8px;font-size:12px;padding:7px 10px}
  .cat-all{font-size:15px}
}
/* product strips with department tabs */
.st-h{display:flex;align-items:center;gap:14px 24px;flex-wrap:wrap;margin-bottom:16px}
.st-h .lnk{margin-inline-start:auto}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tab{font:inherit;font-size:13px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:5px 14px;border-radius:999px;cursor:pointer}
.tab[aria-selected=true]{background:var(--g);border-color:var(--g);color:var(--c)}
.strip{position:relative}
.lane{overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}
.lane::-webkit-scrollbar{display:none}
.set{display:flex;gap:12px}
.set[hidden]{display:none}
.pcard{flex:0 0 188px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}
.pim{display:block;aspect-ratio:1/1.05;overflow:hidden;background:var(--c)}
.pin{display:flex;flex-direction:column;gap:2px;padding:9px 10px 11px;line-height:1.45}
.pin b{font-weight:500;font-size:13px;color:var(--g)}
.pin small{font-size:12px;color:var(--mut)}
.pin .pr{font-size:13px;font-weight:500;color:var(--ink);margin-top:3px}
.pin .sw{display:flex;gap:5px;margin-top:5px}
.pin .sw i{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.14)}
.arr{position:absolute;top:calc(188px*.525 - 18px);z-index:2;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(251,247,240,.95);color:var(--g);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -8px rgba(0,0,0,.3)}
.arr-start{inset-inline-start:-14px;transform:scaleX(-1)}
html[dir=ltr] .arr-start{transform:none}
.arr-end{inset-inline-end:-14px}
.arr:disabled{opacity:0;pointer-events:none}
@media (max-width:759px){
  .pcard{flex-basis:150px}
  .arr{display:none}
  .st-h .lnk{margin-inline-start:0}
  .tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .tab{white-space:nowrap}
}
/* why: headings sit right beside their icons */
.wyC .it{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;align-items:center}
.wyC .tx{display:contents}
.wyC .it h3{margin:0}
.wyC .it p{grid-column:2}
.wyC .col:first-child .it{grid-template-columns:1fr auto;text-align:end}
.wyC .col:first-child .ic{order:0;grid-column:2;grid-row:1}
.wyC .col:first-child .it h3{grid-column:1;grid-row:1}
.wyC .col:first-child .it p{grid-column:1}
@media (max-width:899px){
  .wyC .it, .wyC .col:first-child .it{grid-template-columns:auto 1fr;text-align:start}
  .wyC .col:first-child .ic{grid-column:1}
  .wyC .col:first-child .it h3{grid-column:2}
  .wyC .it p, .wyC .col:first-child .it p{grid-column:1/-1}
}
/* footer: newsletter row, storefront, glass card */
.ft.ft2{background:var(--bg);color:#d9d6c8;padding:0;font-size:13px}
.ft-nl{background:#FBF7F0;border-top:1px solid var(--line)}
.ft-nl .wrap{display:flex;align-items:center;gap:12px 28px;padding-top:14px;padding-bottom:14px;flex-wrap:wrap}
.ft2 .ft-nl .fh{color:var(--ink);font-size:16px;margin:0}
.ft-nl p{color:var(--mut);font-size:13px}
.ft-nl .nlf{margin-inline-start:auto;flex:0 1 340px;flex-wrap:nowrap}
.ft2 .ft-nl .nlf input{background:#fff;border-color:var(--line);color:var(--ink);padding:9px 16px;min-width:0}
.ft2 .ft-nl .nlf button{width:40px;height:40px;background:var(--ink);color:var(--c)}
.ft-stage{position:relative;overflow:hidden;background:#2E3A2F}
.ft-shop{height:clamp(300px,40vw,560px);overflow:hidden}
.ft-shop img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.ft-glass{position:relative;margin-top:calc(-1*clamp(110px,15vw,220px));background:rgba(46,58,47,.8);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);border-top:1px solid rgba(244,236,221,.22);padding:34px 0 18px}
html.rv .ft-glass{transform:translateY(44px);opacity:.0;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s ease}
html.rv .ft-glass.in{transform:none;opacity:1}
@media (prefers-reduced-motion:reduce){html.rv .ft-glass{transform:none;opacity:1;transition:none}}
.ft2 .ft-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr 1.2fr;gap:28px}
.ft2 .ft-brand, .ft2 .ft-news{grid-column:auto}
.ft-logo{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:12px}
.ft2 .ft-logo img{width:66px;height:auto}
.ft-logo b{font-size:19px;font-weight:600;color:var(--c);line-height:1.1}
.ft2 .ft-logo .slogan{font-size:8.5px;letter-spacing:.24em}
.ft2 .ft-brand p{color:#d9d6c8;max-width:240px}
.ft2 .fh{color:var(--tan);font-size:15px;font-weight:500;margin-bottom:12px}
.ft2 ul{gap:7px}
.ft2 ul a:hover{color:var(--tan)}
.ft2 .na{cursor:default}
.ft-ct p{margin-bottom:12px}
.ft-faq{font:inherit;font-size:13px;font-weight:500;color:var(--c);background:none;border:1px solid var(--tan);border-radius:999px;padding:8px 22px;cursor:pointer}
.ft-faq:hover{background:rgba(201,162,126,.15)}
.ft2 .ft-soc{display:flex;gap:14px;margin-top:16px;color:var(--c)}
.ft2 .ft-soc svg{width:20px;height:20px}
.ft2 .ft-bottom{margin-top:26px;padding-top:14px;border-top:1px solid rgba(244,236,221,.16);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px 20px;flex-wrap:wrap;color:#c4c9bb;font-size:12px}
.ft2 .ft-bottom .slogan{font-size:10px}
.ft2 .cr a{color:var(--c);border-bottom:1px solid rgba(201,162,126,.6)}
@media (max-width:999px){
  .ft2 .ft-grid{grid-template-columns:1fr 1fr;gap:22px 18px}
  .ft2 .ft-brand{grid-column:1/-1;display:flex;align-items:center;gap:14px}
  .ft2 .ft-logo{margin:0;flex:none;align-items:center}
  .ft2 .ft-logo img{width:50px}
  .ft-logo b{font-size:16px}
  .ft-shop{height:clamp(220px,62vw,420px)}
  .ft-glass{margin-top:-48px;padding-top:24px}
  .ft2 .ft-bottom{justify-content:center;text-align:center}
}
@media (max-width:599px){
  .ft-nl .nlf{flex-basis:100%;margin-inline-start:0}
}
/* FAQ popup */
#faqdlg .bx{max-width:640px}
#faqdlg .faq details{padding:14px 0}
#faqdlg .faq summary{font-size:15px}
#faqdlg .faq p{font-size:14px}
html[dir=ltr] .arr-start svg{transform:none}

@media (max-width:899px){html body .wyC .it, html body .wyC .col:first-child .it{border-radius:0}}
@media (max-width:599px){
  .ft2 .ft-grid{gap:16px 14px;line-height:1.5}
  .ft2 ul{gap:3px}
  .ft2 .fh{margin-bottom:6px;font-size:14px}
  .ft-glass{padding:18px 0 12px}
  .ft2 .ft-bottom{margin-top:16px;padding-top:10px;gap:4px 14px}
  .ft-ct p{font-size:12.5px;margin-bottom:8px}
  .ft-faq{padding:7px 16px}
  .ft2 .ft-soc{gap:12px;margin-top:12px}
}
@media (min-width:1000px){html body .hd .logo.ov{margin-inline-end:86px}}
#categories .sec-h{max-width:920px;margin-inline:auto}

/* ===== restore-v2 round 2 (Nov 10) ===== */
/* header: nav group centred between the logo and the icons, roomier rows, larger text */
@media (min-width:1000px){
  .hd{height:86px}
  .hd .nav.nv2{flex:1 1 auto;display:grid;grid-template-columns:max-content;justify-content:center;align-content:center;font-size:15px;line-height:1.5;margin-inline:0 18px}
  .nv2 .nr1{padding-bottom:8px}
  .nv2 .nr2{padding-top:8px;gap:24px}
  .nv2 .nr1>a{padding:2px 0}
  .nv2 .nr1>a+a{margin-inline-start:32px}
  .nv2 .nr1>a+a:before{inset-inline-start:-16px;height:13px;margin-top:-6px}
  .nv2 .nr2:before, .nv2 .nr2:after{height:15px}
  .nv2 .dept-a{padding:2px 0;gap:7px}
  .nv2 .dept-a .car{width:6px;height:6px}
  .hd .hd-i .ib{width:40px;height:40px}
  .hd .hd-i .ib svg{width:22px;height:22px}
  .hd .lang{height:38px;font-size:13.5px;padding:0 16px}
  .hd .hd-i:before{height:56px}
  .nv2 .dept{position:static}
  .mega::before{content:"";position:absolute;inset-inline:0;bottom:100%;height:12px}
}
@media (min-width:1000px) and (max-width:1199px){
  .hd .nav.nv2{font-size:13.5px;margin-inline:0 8px}
  .nv2 .nr1>a+a{margin-inline-start:22px}
  .nv2 .nr1>a+a:before{inset-inline-start:-11px}
  .nv2 .nr2{gap:16px}
  .hd .hd-i .ib{width:36px;height:36px}
  .hd .lang{padding:0 12px}
}
/* category tiles: name on a soft dark gradient, thin line and arrow that grows on hover */
.catl{position:absolute;inset:auto 0 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:56px 18px 16px;background:linear-gradient(to top,rgba(30,38,31,.78) 0%,rgba(30,38,31,.38) 55%,rgba(30,38,31,0) 100%);color:var(--c)}
.catn{font-size:17px;font-weight:500;line-height:1.3;letter-spacing:.005em}
.catr{display:flex;align-items:center;color:var(--tan);flex:none;padding-bottom:3px}
.catr i{display:block;width:18px;height:1px;background:currentColor;transition:width .4s ease}
.catr svg{width:16px;height:16px;margin-inline-start:-5px}
.catc:hover .catr i, .catc:focus-visible .catr i{width:38px}
.cat-all{gap:14px}
.cat-all .catn{font-size:18px}
@media (prefers-reduced-motion:reduce){.catr i{transition:none}}
@media (max-width:759px){
  .catl{padding:36px 10px 10px;gap:6px}
  .catn{font-size:13.5px}
  .catr i{width:12px}
  .catc:hover .catr i{width:20px}
  .cat-all .catn{font-size:15px}
}
/* footer: Ambra reveal (sticky storefront under the header, glass card scrolls up over it) */
.endcap{position:relative;background:#2E3A2F}
.end-media{position:-webkit-sticky;position:sticky;top:var(--hh,86px);height:calc(100vh - var(--hh,86px));height:calc(100svh - var(--hh,86px));min-height:380px;overflow:hidden;background:#d9d4cb}
.end-media img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.ft.ft2{position:relative;z-index:2;background:rgba(46,58,47,.7);-webkit-backdrop-filter:blur(26px) saturate(1.3);backdrop-filter:blur(26px) saturate(1.3);border-top:1px solid rgba(244,236,221,.38);border-radius:0;padding:clamp(28px,3.4vw,48px) 0 20px;color:#e6e2d4}
@media (max-width:599px){
  .ft.ft2{padding:20px 0 14px}
}
/* round 2 QA: symmetric gaps so the nav sits exactly centred between logo card and divider */
@media (min-width:1200px){html body .hd .logo.ov{margin-inline-end:18px}}
@media (min-width:1000px) and (max-width:1199px){html body .hd .logo.ov{margin-inline-end:86px}}
/* round 2 QA: phones — storefront image sized so the sign stays visible above the risen card */
@media (max-width:599px){
  .end-media{background:#2E3A2F}
  .end-media img{height:380px}
  .end-media::after{content:"";position:absolute;inset-inline:0;top:290px;height:90px;background:linear-gradient(rgba(46,58,47,0),#2E3A2F);pointer-events:none}
}

/* ===== restore-v2 round 3 (Nov 10) ===== */
/* laptop header: full-width sharp bar, 7px above the top nav row and below the bottom row (~100px) */
@media (min-width:1000px){
  html body .hd{height:100px;padding-top:7px;padding-bottom:7px;border-radius:0}
  header{border-radius:0}
  /* bottom-row dividers sit closer to رجالي and حديثي الولادة, not stretched to the top-row edges */
  html body .nv2 .nr2{justify-content:center;gap:0}
  html body .nv2 .nr2 .dept + .dept{margin-inline-start:24px}
  html body .nv2 .nr2:before{margin-inline-end:10px}
  html body .nv2 .nr2:after{margin-inline-start:10px}
  /* mega: positioned from the header (top:100% = header bottom), centered on the nav group via --nav-center */
  html body .mega{inset-inline-start:auto;left:var(--nav-center,50%);right:auto;top:calc(100% + 1px);transform:translateX(-50%);max-width:min(100%,calc(100vw - 64px))}
}
@media (min-width:1000px) and (max-width:1199px){
  html body .nv2 .nr2 .dept + .dept{margin-inline-start:16px}
}
/* laptop footer: inset on the sides and top, flush with the bottom edge; 14px on the top corners only */
@media (min-width:1000px){
  .ft.ft2{width:calc(100% - 72px);max-width:1368px;margin:0 auto;border-radius:14px 14px 0 0;border:1px solid rgba(244,236,221,.3);border-bottom:0;box-shadow:0 24px 50px -18px rgba(0,0,0,.45);padding:56px 8px 32px}
  .ft2 .ft-bottom{margin-top:32px;padding-top:16px}
  .endcap{display:flow-root}
}
/* mobile menu option B: sharp tinted band for the group label, items indented below */
.acc-m[open]{padding-bottom:14px}
.acc-m[open] summary{font-weight:600;color:var(--ink)}
.acc-m[open] summary .car{transform:rotate(-135deg) translateY(-2px)}
.acc-m.is-closing{overflow:hidden;transition:height .28s ease}
@media (prefers-reduced-motion:reduce){.acc-m.is-closing{transition:none}}
.mm-p nav .acc-m a.sa{margin-inline-start:0;padding:8px 2px 12px;border:0;border-top:0;font-size:14px;font-weight:500;color:var(--g)}
.mm-p nav .acc-m a.s:not(.sa){margin-inline-start:28px;padding:6px 2px;border:0;border-top:0;font-size:14px;line-height:1.5;font-weight:400;color:#5a6455;border-radius:0}
.mm-p .acc-m .mg-lab{display:block;margin:10px 0 4px;padding:6px 10px;border:0;border-radius:0;font-size:11px;font-weight:600;line-height:1.3;color:var(--g);background:rgba(62,74,63,.08)}

/* mobile only: language pill in the open-menu top bar; account icon replaces the header flag */
@media (max-width:999px){
  html body:is(.home, .inner) .hd .lang-m.flag{display:none}
  html body:is(.home, .inner) .hd .hide-m{display:grid;place-items:center;order:1;margin-inline-start:auto}
  .mm-top .lang-mm{margin-inline-start:0;margin-inline-end:8px;height:32px;padding:0 12px;font-size:12.5px;flex:none}
  .mm-top .ib:hover, .mm-top .ib:focus-visible{background:rgba(244,236,221,.12)}
  .mm-top img{margin-inline-end:auto}
}
@media (max-width:380px){
  html body:is(.home, .inner) .hd .hide-m{width:36px;height:36px}
}

/* ===== text containment (Nov 10) ===== */
/* Defensive wrap for every text box and card, AR and EN. Does not change the look when copy already fits. */
.wrap, .hd, main, section, .sec, .col, .gr, .it, .tx,
.pcard, .pin, .pim, .catc, .catl, .catn, .catr, .p, .p .meta,
.nlb, .nlf, .nlf input, .nlf button,
.ws, .ws .t, .ws li, .ws p, .ws h2,
.ft, .ft-glass, .ft-grid, .ft-brand, .ft-brand p, .ft-nl, .ft-nl .wrap, .ft-nl .nlf, .ft-ct, .ft-logo,
.mega, .mega-cols, .mega .mg, .mega .mg h3, .mega a, .mega-all,
.mm-p, .mm-p nav, .acc-m, .acc-m summary, .mg-lab, .mm-p nav a, .mm-p nav .acc-m a.s,
.btn, .lang, .chips2, .chips2 a, .ft-faq, .ctas, .pk-b,
.info, .ph, .hs-c, .hs-panel, .trust, .trust div, .trust .wrap,
.form, .form input, .form textarea, .form select, fieldset, .fld,
.buy, .lbl, .pd, .gal, .ed, .edn, .wh-hero, .st, .st-h, .perks, .perks div,
.h2, .fh, .tab, .set, .modal, .modal .bx, .faq, .faq details, .faq summary, .faq p,
.acc, .acc details, .acc summary, .acc p {
  min-width:0;
}
.pin, .pin b, .pin small, .pin .pr,
.catn, .catr, .p h3, .p .k, .p .meta,
.wyC, .wyC .it, .wyC .it h3, .wyC .it p, .wyC h3, .wyC p, .wyC .hdg, .wyC .h2,
.nlb, .nlb .h2, .nlb p, .nlb .eyebrow,
.ws, .ws h2, .ws p, .ws li, .ws .t, .ws .eyebrow,
.ft-brand p, .ft-logo b, .fh, .ft2 .fh, .ft2 ul a, .ft-ct p, .ft-nl p, .ft2 .ft-nl .fh, .ft2 .ft-bottom,
.mega, .mega .mg, .mega .mg h3, .mega a, .mega-all,
.mm-p nav a, .acc-m summary, .mg-lab, .mm-p nav .acc-m a.s, .mm-p nav .acc-m a.sa,
.btn, .lang, .chips2 a, .ft-faq,
.info h1, .info p, .info .price, .info .lbl, .ph h1, .hs h1, .hs-c, .hs-panel, .hs-panel p,
.trust div, .edn, .wh-hero h1, .wh-hero p, .st h3, .st p, .perks,
.h2, .eyebrow, .faq summary, .faq p, .form label, .form legend, .form p,
.acc summary, .acc p, .pk-h, .pk-b,
input, textarea, select, button, label {
  overflow-wrap:anywhere;
  word-wrap:break-word;
  max-width:100%;
}
html[lang=en] body{hyphens:auto;-webkit-hyphens:auto}
.mt, .mt b, .mt .slogan, .ann, .sr, .nav>a, .dd>a, .tab, .nv2 .nr, code, kbd {
  hyphens:manual;-webkit-hyphens:manual;
}
/* Why cards: the 699px nowrap on h3 was clipping English titles such as "Something new to find" */
@media (max-width:699px){
  .wyC h3{white-space:normal;overflow-wrap:anywhere;max-width:100%}
}
/* Buttons and pills wrap instead of overflowing; they stay one line when they already fit */
.btn, .chips2 a, .ft-faq, .ctas .btn {
  max-width:100%;
  flex-wrap:wrap;
  white-space:normal;
  box-sizing:border-box;
  height:auto;
}
.ctas, .buy, .pk-b, .nlf, .chips2 {min-width:0;max-width:100%}
.nlf input, .buy .btn-g {min-width:0;flex:1 1 10rem}
.ft-nl .nlf{flex-wrap:wrap;min-width:0;max-width:100%}
.trust div, .perks div{min-width:0}
.trust div span, .trust div, .perks div{overflow-wrap:anywhere}
/* product / category cards and tiles */
.pcard, .pin{max-width:100%}
.catl, .catn{min-width:0;overflow-wrap:anywhere}
/* form fields never force a horizontal scroll */
input, textarea, select{max-width:100%;box-sizing:border-box}
/* mega and mobile menu bands */
.mega-cols{min-width:0}
.mega .mg{min-width:0;max-width:100%}
.mg-lab{overflow-wrap:anywhere}
/* footer card */
.ft-glass, .ft-grid, .ft-brand, .ft-brand p{min-width:0;overflow-wrap:anywhere}
@media (max-width:375px){
  .hs h1, html[lang=en] .hs h1{font-size:clamp(26px,8vw,34px)}
  .wyC .h2, .nlb .h2, .ws h2{font-size:clamp(20px,6.2vw,28px)}
}