/* ===== LAROSE — shared base (fonts, reset, utilities, marquee, drawers, forms, inner pages) ===== */
@font-face{font-family:"Plex";src:url(fonts/plex-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plex-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plex-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Plex";src:url(fonts/plex-700.woff2) format("woff2");font-weight:700;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:"Plex","Tajawal","Cairo",system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif;color:var(--tx);background:var(--bg);line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,p{margin:0}.hpot{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.si{display:block;flex:none}.ic{width:20px;height:20px}
:focus-visible{outline:2px solid var(--gd);outline-offset:2px}
/* marquee */
.mq{background:var(--mqb);color:var(--mqt);overflow:hidden;white-space:nowrap;font-size:13px;line-height:30px;direction:ltr}
.mq-t{display:inline-flex;align-items:center;animation:mq 60s linear infinite;will-change:transform}
.mq-t span{padding:0 18px}.mq-t i{width:6px;height:6px;background:var(--gd);transform:rotate(45deg);flex:none;opacity:.9}
@keyframes mq{to{transform:translateX(-50%)}}
html[dir=rtl] .mq-t{animation-name:mqr}@keyframes mqr{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){.mq-t{animation:none}html{scroll-behavior:auto}}
/* gold buttons */
.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;line-height:1;white-space:nowrap;transition:filter .2s,transform .2s,box-shadow .2s}
.btn-g{background:linear-gradient(95deg,#dcb983 0%,#cfa263 52%,#d9b67c 100%);color:#2a1f16;box-shadow:0 2px 8px rgba(160,120,60,.22)}
.btn-g:hover{filter:brightness(1.05);transform:translateY(-1px)}
.btn-o{background:#fff;color:#2a1f16;box-shadow:inset 0 0 0 1.5px var(--gd)}
.btn-w{background:#25d366;color:#fff}.btn-w:hover{filter:brightness(1.05)}
.okm{background:#e6f6ea;color:#1b6b34;padding:10px 14px;border-radius:10px;margin:0 0 12px;font-size:14px}
.ib{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%}
/* side menu + cart drawers */
.bk{position:fixed;inset:0;background:rgba(30,20,14,.5);opacity:0;pointer-events:none;transition:opacity .25s;z-index:90}.bk.on{opacity:1;pointer-events:auto}
.menu,.cart{position:fixed;top:0;bottom:0;width:min(360px,88vw);background:#fff;z-index:95;display:flex;flex-direction:column;transition:transform .3s;box-shadow:0 0 40px rgba(0,0,0,.2);color:var(--tx)}
.menu{right:0;transform:translateX(105%)}html[dir=rtl] .menu{right:auto;left:0;transform:translateX(-105%)}
.cart{left:0;transform:translateX(-105%)}html[dir=rtl] .cart{left:auto;right:0;transform:translateX(105%)}
.menu.on,.cart.on{transform:none!important}
.ch{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eee}.ch h3{font-size:18px}
.menu nav{display:flex;flex-direction:column;padding:8px 20px;overflow:auto;flex:1}.menu nav a{padding:13px 0;border-bottom:1px solid #f1ece4;font-weight:600}.menu nav a.on{color:var(--gd)}.menu nav a.sm{font-weight:400;font-size:14px;color:#777;padding:9px 0}
.mb{padding:16px 20px 24px}.mb .gbtn{width:100%;padding:14px;font-size:15px}
.cl{padding:12px 20px;overflow:auto;flex:1}.cemp{color:#777;text-align:center;margin-top:40px}
.ci{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f1ece4;position:relative}.ci img{width:58px;height:70px;object-fit:cover;border-radius:8px}
.ci h4{font-size:14px;margin:0 0 2px}.ci small{color:#888}.qt{display:inline-flex;align-items:center;gap:8px;margin-top:6px}.qt button{width:26px;height:26px;border-radius:50%;border:1px solid #ddd;line-height:1}.rm{position:absolute;inset-inline-end:0;top:8px;font-size:22px;color:#999}
.cf{padding:16px 20px 24px;border-top:1px solid #eee;display:grid;gap:10px}.cf .tot{display:flex;justify-content:space-between;font-weight:700}.cf input{padding:11px 12px;border:1px solid #ddd;border-radius:10px;font:inherit;width:100%}.cf .gbtn{padding:14px;font-size:15px}
.lst{position:fixed;inset-inline-start:16px;bottom:18px;z-index:70;display:none;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:#2a1f16;color:#fff;font-size:14px;font-weight:600;box-shadow:0 6px 20px rgba(0,0,0,.25)}.lst.on{display:inline-flex}.lst b{background:var(--gd);color:#2a1f16;border-radius:999px;min-width:22px;height:22px;display:grid;place-items:center;font-size:12px;padding:0 5px}.lst.pop{animation:pop .4s}@keyframes pop{50%{transform:scale(1.12)}}
.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);background:#2a1f16;color:#fff;padding:11px 18px;border-radius:999px;font-size:14px;opacity:0;pointer-events:none;transition:.3s;z-index:120}.toast.on{opacity:1;transform:translate(-50%,0)}
.wa-fab{position:fixed;inset-inline-end:18px;bottom:18px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(37,211,102,.4);z-index:80;transition:transform .2s}.wa-fab:hover{transform:scale(1.07)}
.shake{animation:sh .4s}@keyframes sh{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
/* lightbox */
.lb{position:fixed;inset:0;background:rgba(15,10,8,.92);z-index:200;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.lb.on{display:flex}.lb img{max-width:min(92vw,900px);max-height:80vh;border-radius:10px;object-fit:contain}.lb p{color:#fff;font-size:14px}.lbx{position:absolute;top:14px;inset-inline-end:18px;color:#fff;font-size:38px;line-height:1}
/* inner pages */
.crumb{font-size:13px;color:#8a7f73;margin-bottom:12px}.crumb a:hover{color:var(--gd)}
.shop,.art{max-width:1200px;margin:0 auto;padding:28px 20px 56px}.shop>h1,.art>h1{font-size:30px;margin:0 0 18px;color:var(--hd)}
.tabs a,.tabs button{display:inline-flex;align-items:center;justify-content:center}
.shop .tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.shop .tabs a{padding:9px 20px;border-radius:999px;background:var(--chip);font-size:14px;font-weight:500}.shop .tabs a.on{background:linear-gradient(95deg,#dcb983,#cfa263);font-weight:700}
.shop .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.empty{padding:40px 0;color:#777}
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:start}.pd-g{display:grid;gap:12px}.pd-g img{width:100%;border-radius:14px;background:#f4ebe4}
.pd-i h1{font-size:30px;margin:6px 0 10px;color:var(--hd)}.pd-d{color:#555;line-height:1.9;margin:12px 0 18px}.pr.big{font-size:22px;font-weight:700}.pr s{color:#999;font-weight:400;font-size:.8em}.lab{font-weight:600;margin:14px 0 8px}.tag{display:inline-block;background:#fbeed7;color:#8a5a14;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:600}
.sz{display:flex;flex-wrap:wrap;gap:8px}.sb{padding:8px 16px;border:1px solid #ddd;border-radius:999px;font-size:14px;background:#fff}.sb.on{background:#2a1f16;color:#fff;border-color:#2a1f16}
.pd-b{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.pd-b .gbtn{padding:15px 24px;font-size:15px}.rh{font-size:24px;margin:46px 0 18px;color:var(--hd)}
.art{max-width:820px}.art p{line-height:2;margin:0 0 16px;color:#444}.ci2,.art .ci{margin:18px 0;padding:14px 18px;background:var(--chip);border-radius:12px}.art .ci p{margin:4px 0}
.cf2{display:grid;gap:10px;max-width:520px;margin:22px 0}.cf2 input,.cf2 textarea{padding:12px 14px;border:1px solid #ddd;border-radius:12px;font:inherit;width:100%;min-width:0}.cf2 .gbtn{padding:14px 28px;justify-self:start;font-size:15px}
.nls{background:var(--chip);text-align:center;padding:46px 20px}.nls h2{font-size:24px;color:var(--hd)}.nls p{color:#666;margin:8px 0 16px}.nls small{display:block;color:#999;margin-top:10px}.nlf{display:flex;gap:8px;max-width:460px;margin:0 auto}.nlf input{flex:1;min-width:0;padding:12px 16px;border:1px solid #ddd;border-radius:999px;font:inherit}.nlf .gbtn{padding:12px 24px}
@media(max-width:960px){.shop .grid{grid-template-columns:repeat(3,1fr)}.pd{grid-template-columns:1fr}}
@media(max-width:640px){.shop .grid{grid-template-columns:repeat(2,1fr);gap:14px}.shop>h1,.art>h1{font-size:24px}.nlf{flex-direction:column}}
/* ===== LAROSE D1 — pink/white ===== */
:root{--tx:#2b2320;--bg:#fff;--gd:#c9a063;--hd:#2b2320;--chip:#f8f3ef;--mqb:#3a2a22;--mqt:#f0e0c8;--pk:#b6325d;--mr:#5d2f40;--u:calc(min(100vw,1600px)/546)}
.hd{background:#fff;position:sticky;top:0;z-index:60;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.hd-in{direction:ltr;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px}
.hd-r{direction:ltr;display:flex;align-items:center;gap:12px}
.logo img{height:50px;width:auto}.logo span{font-family:Georgia,serif;font-size:26px;letter-spacing:.2em}
.hn{display:none;gap:22px;font-weight:500;font-size:15px}.hn a{white-space:nowrap}.hn a.on,.hn a:hover{color:var(--gd)}
.sbtn{display:none}.lg{font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;background:var(--chip)}
.hd-cta{display:none;height:36px;padding:0 18px;font-size:14px}.hd-cta svg{width:18px;height:18px}
.burger{display:grid}
.sbar{display:none;padding:10px 20px;background:#fff;border-top:1px solid #eee;gap:8px}.sbar.on{display:flex}.sbar input{flex:1;padding:11px 16px;border:1px solid #ddd;border-radius:999px;font:inherit}.sbar button{width:44px;border-radius:50%;background:var(--gd);color:#fff;display:grid;place-items:center}
/* hero */
.hero{position:relative;overflow:hidden;background:#f6e9e6;min-height:560px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .7s;pointer-events:none}.slide.is-on{opacity:1;pointer-events:auto}
.hi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% 20%}
.hc{position:absolute;left:0;right:0;bottom:0;padding:70px 22px 26px;text-align:center;background:linear-gradient(to top,rgba(255,248,248,.96) 40%,rgba(255,248,248,0))}
.h1{display:block;font-weight:700}.h1 b{display:block;font-size:34px;line-height:1.25;color:var(--pk)}.h1 span{display:block;font-size:22px;line-height:1.5;font-weight:500;color:var(--mr)}
.orn{display:block;width:150px;height:1px;margin:10px auto 12px;background:linear-gradient(90deg,transparent,var(--gd) 20%,var(--gd) 80%,transparent);position:relative}
.orn::after{content:"";position:absolute;left:50%;top:-3px;width:7px;height:7px;background:var(--gd);transform:translateX(-50%) rotate(45deg)}
.lead{font-size:15px;font-weight:500;color:#4a3a3a;line-height:1.8}
.hb{margin-top:16px}.big{height:46px;padding:0 28px;font-size:16px}.big svg{width:22px;height:22px}
.ar{position:absolute;z-index:3;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.18);top:50%;margin-top:-17px;color:#2b2320}
.hero .ar.p{left:10px}.hero .ar.n{right:10px}
/* categories */
.cats{display:grid;grid-template-columns:1fr;gap:12px;padding:14px 16px 0}
.cc{position:relative;display:block;height:200px;border-radius:14px;overflow:hidden}.cc img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cc:hover img{transform:scale(1.04)}
.cs{position:absolute;right:14px;bottom:14px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.cs b{font-size:21px;line-height:1.3;color:#fff;font-weight:700;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.cs em{font-style:normal;display:inline-flex;align-items:center;gap:6px;background:#fff;border-radius:999px;height:36px;padding:0 20px;font-size:14px;font-weight:700;color:#2b2320}
.cs em svg,.dbtn svg,.wbtn svg{width:13px;height:13px;stroke-width:5}
html[dir=rtl] .cs em svg,html[dir=rtl] .dbtn svg,html[dir=rtl] .wbtn svg{transform:scaleX(-1)}
/* features */
.fts{display:grid;grid-template-columns:repeat(2,1fr);padding:22px 16px 6px;gap:18px 0}
.ft1{text-align:center;padding:0 8px;display:flex;flex-direction:column;align-items:center;gap:3px}
.ft1 i{color:var(--gd);display:block;margin-bottom:5px}.ft1 i svg{width:44px;height:44px;stroke-width:2.2}
.ft1 b{font-size:14px;font-weight:700;line-height:1.4}.ft1 span{font-size:12px;color:#8d8480;line-height:1.5}
.sec{padding:26px 16px 0}.sh{display:flex;align-items:center;justify-content:center;gap:14px;font-size:22px;font-weight:700;color:var(--hd);margin-bottom:16px;line-height:1.3}
.sh::before,.sh::after{content:"";width:34px;height:1.5px;background:var(--gd);flex:none}
.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px}
.tabs button{height:36px;padding:0 20px;border-radius:999px;background:var(--chip);color:#777;font-size:13px;font-weight:500;transition:.2s}
.tabs button.on{background:linear-gradient(95deg,#dcb983,#cfa263);color:#2a1f16;font-weight:700}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 12px}.pc.x{display:none}.pc.h{display:none}
.pc{text-align:center}.pi{position:relative;aspect-ratio:123/142;border-radius:12px;overflow:hidden;background:#f4ebe4}.pi a{display:block;height:100%}.pi img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pc:hover .pi img{transform:scale(1.04)}
.hr{position:absolute;top:8px;right:8px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));display:grid;place-items:center;width:30px;height:30px}.hr svg{width:20px;height:20px}.hr[aria-pressed=true]{color:#e0566f}.hr[aria-pressed=true] svg{fill:#e0566f}
.bd{position:absolute;top:8px;left:8px;z-index:2;background:#fff;color:#8a5a14;font-size:11px;font-weight:700;border-radius:999px;padding:3px 10px}
.pc h3{font-size:14px;font-weight:600;margin:10px 0 2px;line-height:1.4}.pr{font-size:13px;color:#8a5a14;font-weight:600;margin:0 0 4px}
.dbtn{display:inline-flex;flex-direction:row-reverse;align-items:center;justify-content:center;gap:6px;margin-top:8px;height:34px;padding:0 22px;border-radius:999px;background:linear-gradient(95deg,#dcb983,#cfa263);font-size:12.5px;font-weight:700;color:#2a1f16}
.allb{text-align:center;margin:20px 0 0}.allb .gbtn{height:42px;padding:0 30px;font-size:14px}
/* banner */
.ban{position:relative;margin-top:26px;height:380px;overflow:hidden;background:#6d3b4c}
.bi{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 20%}
.ban::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(60,25,40,.55),rgba(60,25,40,0) 70%)}
.bt{position:absolute;z-index:2;left:20px;right:20px;top:26px;text-align:left;color:#fff}
.bt small{display:block;font-size:15px;opacity:.9;margin-bottom:4px}.bt h2{font-size:30px;line-height:1.25;font-weight:700}.bt p{font-size:16px;margin-top:6px;opacity:.95}
.wbtn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;height:44px;padding:0 24px;border-radius:999px;background:#fff;color:#2b2320;font-weight:700;font-size:14px}
.why{padding-top:30px}.why .fts{padding-top:6px}
/* gallery */
.gal{margin:20px 14px 0;padding:22px 0 14px;background:#fdeeee;border-radius:16px}.gal .sh{margin-bottom:16px}
.gw{position:relative;direction:ltr;margin:0 14px}
.gt{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;direction:inherit}.gt::-webkit-scrollbar{display:none}
html[dir=rtl] .gt{direction:rtl}
.gi{flex:none;width:calc((100% - 10px)/2);aspect-ratio:93/105;border-radius:10px;overflow:hidden;scroll-snap-align:start;background:#f4ebe4;cursor:zoom-in}.gi img{width:100%;height:100%;object-fit:cover}
.gw .ar{top:50%}.gw .ar.p{left:-8px}.gw .ar.n{right:-8px}
.dots{display:flex;justify-content:center;gap:5px;margin-top:12px}.dots i,.dots button{width:7px;height:7px;border-radius:50%;background:#e2d6d0;padding:0;display:block}.dots .on{background:var(--gd)}
/* reviews */
.rev{position:relative;margin-top:16px;padding:26px 16px 22px;background-color:#f6ece8;background-size:cover;background-position:center;background-repeat:no-repeat}
.rev .sh{margin-bottom:12px}
.rp{max-width:520px;margin:0 auto;background:rgba(255,255,255,.82);border-radius:14px;padding:18px 20px 14px;text-align:center;backdrop-filter:blur(2px)}
.rt blockquote{display:none;margin:0}.rt blockquote.on{display:block}.rt p{font-size:15px;line-height:1.8;color:#555}.stars{color:#f0a000;font-size:20px;letter-spacing:3px;margin:8px 0 4px}.rt cite{font-style:normal;font-weight:700;font-size:15px}
.cta{margin-top:12px;padding:46px 16px;text-align:center;background-color:#f8ebe8;background-size:cover;background-position:center;background-repeat:no-repeat}
.cc2{max-width:520px;margin:0 auto}.cta h2{font-size:26px;font-weight:700;line-height:1.3}.cta p{margin:6px 0 16px;color:#555;font-size:15px}
/* footer */
.ft{margin-top:12px;background:#fff}.ft-in{display:grid;grid-template-columns:1fr 1fr;gap:26px 10px;padding:28px 18px 24px}
.ft h4{font-size:15px;font-weight:700;margin-bottom:12px}
.fc,.fl{display:grid;justify-content:center;align-content:start}.fc p{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:14px}
.fc b{color:var(--gd);display:grid;flex:none}.fc b.wa{color:#25d366}.fc b svg{width:19px;height:19px}
.fh{text-align:center}.ck{display:block;color:var(--gd);margin:0 auto 6px;width:fit-content}.fh p{font-size:14px;line-height:1.9}
.fl a{display:block;padding:5px 0;font-size:14px;color:#555}.fl a:hover{color:var(--gd)}
.fbd{grid-column:1/-1;text-align:center}.fbd .logo img{height:54px;margin:0 auto}.fbd p{color:#a47d3f;font-size:13px;line-height:2;margin:10px auto 14px;max-width:340px}
.soc{display:flex;justify-content:center;gap:10px}.soc a{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff}.soc svg{width:18px;height:18px}
.soc .fb{background:#1877f2}.soc .ig{background:linear-gradient(45deg,#f9a03c,#e1306c 50%,#8a3ab9)}.soc .tk{background:#111}.soc .yt{background:#e62b3a}.soc .sc{background:#fffc00;color:#111}.soc .xx{background:#111}

.cp{background:#f4f1ee;color:#777;font-size:13px;text-align:center;padding:12px 16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}.cpl a{margin:0 8px}
/* tablet */
@media(min-width:640px){
.hero{min-height:0;height:min(64vw,560px)}.hc{left:auto;right:0;top:0;bottom:0;width:48%;padding:0 32px;display:flex;flex-direction:column;justify-content:center;background:none}.hi{object-position:center top}
.h1 b{font-size:42px}.h1 span{font-size:27px}
.cats{grid-template-columns:repeat(3,1fr);padding:18px 20px 0}.cc{height:240px}.cs b{font-size:19px}
.fts{grid-template-columns:repeat(5,1fr);padding:30px 20px 6px;gap:0}.fts.b{grid-template-columns:repeat(4,1fr)}.ft1{border-inline-start:1px solid #eee}.ft1:last-child{border:0}
.grid{grid-template-columns:repeat(4,1fr);gap:20px 14px}.sec{padding:34px 20px 0}.ban{height:300px}.bt{left:32px;top:40px}.bt h2{font-size:36px}
.gi{width:calc((100% - 30px)/4)}.hn{display:none}
}
@media(min-width:1024px){
.burger{display:none}.hn{display:flex}.sbtn{display:grid}.hd-cta{display:inline-flex}
.hd-in{height:calc(47 * var(--u));padding:0 calc(24 * var(--u))}.hd-r{gap:calc(14 * var(--u))}
.logo img{height:calc(36 * var(--u))}.logo span{font-size:calc(14 * var(--u))}
.hn{gap:calc(15 * var(--u));font-size:calc(6.3 * var(--u))}.sbtn{width:calc(20 * var(--u));height:calc(20 * var(--u))}.sbtn svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}
.hd-cta{height:calc(21 * var(--u));padding:0 calc(12 * var(--u));font-size:calc(6.3 * var(--u));gap:calc(8 * var(--u))}.hd-cta svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}
.lg{font-size:calc(5.8 * var(--u));padding:calc(3 * var(--u)) calc(8 * var(--u))}
.sbar{padding:calc(6 * var(--u)) calc(24 * var(--u))}
.hero{height:calc(304 * var(--u))}
.hc{left:calc(330 * var(--u));right:auto;width:calc(200 * var(--u));top:calc(34 * var(--u));bottom:auto;padding:0;display:block;text-align:center}
.h1 b{font-size:calc(27 * var(--u));line-height:1.2}.h1 span{font-size:calc(17.5 * var(--u));line-height:1.45;margin-top:calc(2 * var(--u))}
.orn{width:calc(100 * var(--u));margin:calc(9 * var(--u)) auto calc(10 * var(--u))}.orn::after{top:calc(-2 * var(--u));width:calc(4 * var(--u));height:calc(4 * var(--u))}
.lead{font-size:calc(7.2 * var(--u));line-height:1.65}
.hb{margin-top:calc(14 * var(--u))}.big{height:calc(30 * var(--u));padding:0 calc(20 * var(--u));font-size:calc(7.2 * var(--u));gap:calc(8 * var(--u))}.big svg{width:calc(13 * var(--u));height:calc(13 * var(--u))}
.ar{width:calc(23 * var(--u));height:calc(23 * var(--u));margin-top:calc(-11.5 * var(--u))}.ar svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}.hero .ar.p{left:calc(12 * var(--u))}.hero .ar.n{right:calc(12 * var(--u))}
.cats{padding:calc(11 * var(--u)) calc(12 * var(--u)) 0;gap:calc(10 * var(--u));grid-template-columns:163fr 176fr 164fr}
.cc{height:calc(146 * var(--u));border-radius:calc(9 * var(--u))}
.cs{right:calc(10 * var(--u));bottom:calc(11 * var(--u));gap:calc(6 * var(--u));min-width:calc(67 * var(--u))}.cs b{font-size:calc(9 * var(--u))}
.cs em{height:calc(24.5 * var(--u));padding:0 calc(10 * var(--u));font-size:calc(6.4 * var(--u));gap:calc(5 * var(--u));width:calc(67 * var(--u));justify-content:center}.cs em svg,.dbtn svg,.wbtn svg{width:calc(5 * var(--u));height:calc(5 * var(--u))}
.fts{padding:calc(19 * var(--u)) calc(12 * var(--u)) calc(10 * var(--u));grid-template-columns:repeat(5,1fr)}.fts.b{grid-template-columns:repeat(4,1fr)}
.ft1{gap:calc(2 * var(--u));padding:0 calc(6 * var(--u))}.ft1 i{margin-bottom:calc(5 * var(--u))}.ft1 i svg{width:calc(25 * var(--u));height:calc(25 * var(--u))}
.ft1 b{font-size:calc(6.3 * var(--u))}.ft1 span{font-size:calc(5.2 * var(--u))}
.sec{padding:calc(11 * var(--u)) calc(12 * var(--u)) 0}.sh{font-size:calc(10 * var(--u));gap:calc(12 * var(--u));margin-bottom:calc(14 * var(--u))}.sh::before,.sh::after{width:calc(32 * var(--u));height:max(1px,calc(.6 * var(--u)))}
.tabs{gap:calc(10 * var(--u));margin-bottom:calc(13 * var(--u))}.tabs button{height:calc(19 * var(--u));padding:0 calc(17 * var(--u));font-size:calc(5.8 * var(--u));min-width:calc(65 * var(--u))}
.grid{gap:calc(10 * var(--u))}.pi{border-radius:calc(7 * var(--u))}.hr{top:calc(4 * var(--u));right:calc(5 * var(--u));width:calc(16 * var(--u));height:calc(16 * var(--u))}.hr svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}
.pc h3{font-size:calc(6.2 * var(--u));margin:calc(7 * var(--u)) 0 calc(3 * var(--u))}.pr{font-size:calc(6 * var(--u));margin:0}
.dbtn{height:calc(18 * var(--u));width:calc(74 * var(--u));padding:0;margin-top:calc(4 * var(--u));font-size:calc(5.4 * var(--u));gap:calc(5 * var(--u))}
.allb{margin-top:calc(14 * var(--u))}.allb .gbtn{height:calc(20 * var(--u));padding:0 calc(22 * var(--u));font-size:calc(6.3 * var(--u))}
.ban{margin-top:calc(13 * var(--u));height:calc(147 * var(--u))}
.bt{left:calc(33 * var(--u));right:auto;top:calc(16 * var(--u))}.bt small{font-size:calc(8.5 * var(--u));margin-bottom:calc(5 * var(--u))}.bt h2{font-size:calc(21 * var(--u))}.bt p{font-size:calc(9.5 * var(--u));margin-top:calc(5 * var(--u))}
.wbtn{margin-top:calc(14 * var(--u));height:calc(28 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(7 * var(--u));gap:calc(8 * var(--u))}
.why{padding-top:calc(11 * var(--u))}.why .fts{padding-top:calc(3 * var(--u))}
.gal{margin:calc(4 * var(--u)) calc(12 * var(--u)) 0;padding:calc(10 * var(--u)) 0 calc(7 * var(--u));border-radius:calc(10 * var(--u))}.gal .sh{margin-bottom:calc(10 * var(--u))}
.gw{margin:0 calc(13 * var(--u))}.gt{gap:calc(8 * var(--u))}.gi{width:calc((100% - 32 * var(--u))/5);border-radius:calc(6 * var(--u))}
.gw .ar.p{left:calc(-14 * var(--u))}.gw .ar.n{right:calc(-14 * var(--u))}
.dots{margin-top:calc(5 * var(--u));gap:calc(3 * var(--u))}.dots i,.dots button{width:calc(3.5 * var(--u));height:calc(3.5 * var(--u))}
.rev{margin-top:calc(9 * var(--u));height:calc(106 * var(--u));padding:calc(6 * var(--u)) 0 0}.rev .sh{margin-bottom:calc(7 * var(--u))}
.rp{max-width:none;width:calc(250 * var(--u));padding:calc(8 * var(--u)) calc(10 * var(--u)) calc(4 * var(--u));border-radius:calc(6 * var(--u))}
.rt p{font-size:calc(7.2 * var(--u));line-height:1.6}.stars{font-size:calc(9.5 * var(--u));margin:calc(5 * var(--u)) 0 calc(2 * var(--u));letter-spacing:calc(1 * var(--u))}.rt cite{font-size:calc(6.8 * var(--u))}
.rev .dots{margin-top:calc(3 * var(--u))}
.cta{margin-top:calc(6 * var(--u));height:calc(72 * var(--u));padding:calc(7 * var(--u)) 0 0}.cc2{max-width:none}.cta h2{font-size:calc(11 * var(--u))}.cta p{font-size:calc(6.7 * var(--u));margin:calc(2 * var(--u)) 0 calc(9 * var(--u))}
.cta .big{height:calc(22 * var(--u));padding:0 calc(16 * var(--u));font-size:calc(7 * var(--u))}.cta .big svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.ft{margin-top:calc(2 * var(--u))}
.ft-in{grid-template-columns:114fr 117fr 117fr 154fr;gap:0;padding:calc(10 * var(--u)) calc(22 * var(--u)) calc(14 * var(--u))}
.fc,.fh,.fl{border-inline-end:1px solid #eee;padding:calc(6 * var(--u)) 0;min-height:calc(94 * var(--u))}.fbd{grid-column:auto;padding-top:calc(4 * var(--u))}
.ft h4{font-size:calc(7 * var(--u));margin-bottom:calc(10 * var(--u))}
.fc p{gap:calc(8 * var(--u));font-size:calc(6 * var(--u));margin-bottom:calc(9 * var(--u))}.fc b svg{width:calc(9 * var(--u));height:calc(9 * var(--u))}
.ck svg{width:calc(11 * var(--u));height:calc(11 * var(--u))}.fh p{font-size:calc(6 * var(--u));line-height:1.75}
.fl a{padding:calc(2.6 * var(--u)) 0;font-size:calc(6 * var(--u))}
.fbd .logo img{height:calc(42 * var(--u))}.fbd p{font-size:calc(5.8 * var(--u));margin:calc(7 * var(--u)) auto calc(8 * var(--u));max-width:calc(150 * var(--u));line-height:1.9}
.soc{gap:calc(7 * var(--u))}.soc a{width:calc(14 * var(--u));height:calc(14 * var(--u))}.soc svg{width:calc(8 * var(--u));height:calc(8 * var(--u))}
.cp{font-size:calc(5.8 * var(--u));padding:0;height:calc(26 * var(--u));align-items:center}
}
@media(min-width:1700px){.hd-in{max-width:none}}
@media(min-width:1024px){
.hn{gap:calc(15 * var(--u));font-size:calc(7.6 * var(--u));font-weight:500}.sbtn svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.hd-cta{font-size:calc(7.4 * var(--u));padding:0 calc(14 * var(--u))}
.hc{top:calc(78 * var(--u))}
.h1 b{font-size:calc(33 * var(--u))}.h1 span{font-size:calc(24 * var(--u));line-height:1.35}
.orn{margin:calc(6 * var(--u)) auto calc(8 * var(--u))}
.lead{font-size:calc(9.6 * var(--u));font-weight:700;color:#3a2c30;line-height:1.7}
.hb{margin-top:calc(10 * var(--u))}.big{height:calc(28 * var(--u));padding:0 calc(22 * var(--u));font-size:calc(8.4 * var(--u))}
.cs b{font-size:calc(12.5 * var(--u))}.cs em{font-size:calc(7.4 * var(--u))}.cs em svg,.dbtn svg,.wbtn svg{width:calc(6 * var(--u));height:calc(6 * var(--u))}
.ft1 i svg{width:calc(28 * var(--u));height:calc(28 * var(--u));stroke-width:2.6}.ft1 b{font-size:calc(7.6 * var(--u))}.ft1 span{font-size:calc(6.2 * var(--u))}
.sh{font-size:calc(11.5 * var(--u))}
.tabs button{font-size:calc(6.4 * var(--u))}
.pc h3{font-size:calc(7.4 * var(--u));font-weight:700}.dbtn{font-size:calc(6.4 * var(--u))}
.bt small{font-size:calc(10.5 * var(--u))}.bt h2{font-size:calc(25 * var(--u))}.bt p{font-size:calc(11.5 * var(--u))}.wbtn{font-size:calc(8.4 * var(--u))}
.why .fts{padding-top:0}.why .sh{margin-bottom:calc(8 * var(--u))}
.gw .ar svg,.hero .ar svg{width:calc(9 * var(--u));height:calc(9 * var(--u));stroke-width:6}.gw .ar{width:calc(22 * var(--u));height:calc(22 * var(--u))}
.rt p{font-size:calc(8.4 * var(--u))}.rt cite{font-size:calc(8 * var(--u))}.rp{width:calc(252 * var(--u))}
.cta h2{font-size:calc(15.5 * var(--u))}.cta p{font-size:calc(8.2 * var(--u))}.cta .big{font-size:calc(8 * var(--u))}
.ft-in{padding:calc(6 * var(--u)) calc(22 * var(--u)) calc(4 * var(--u))}
.fc,.fh,.fl{min-height:0;padding:calc(6 * var(--u)) 0 calc(4 * var(--u))}.fbd{padding-top:0}
.ft h4{font-size:calc(8.4 * var(--u));margin-bottom:calc(8 * var(--u))}
.fc p{font-size:calc(7 * var(--u));margin-bottom:calc(8 * var(--u))}.fc b svg{width:calc(10 * var(--u));height:calc(10 * var(--u))}
.fh p{font-size:calc(6.8 * var(--u))}.ck svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}
.fl a{font-size:calc(6.8 * var(--u));padding:calc(2.4 * var(--u)) 0}
.fbd p{font-size:calc(6.6 * var(--u));max-width:calc(150 * var(--u));margin:calc(5 * var(--u)) auto calc(6 * var(--u))}
.soc{direction:ltr}.cp{font-size:calc(6.4 * var(--u))}
}
.soc{direction:ltr}
@media(min-width:1024px){
.hn{gap:calc(12 * var(--u));font-size:calc(6.9 * var(--u))}.logo img{height:calc(38 * var(--u))}
.h1 b{font-size:calc(30.5 * var(--u))}.h1 span{font-size:calc(22 * var(--u))}
.cs b{font-size:calc(11.5 * var(--u))}.rt p{font-size:calc(7.8 * var(--u))}
}
@media(min-width:1024px){.hn{gap:calc(10 * var(--u));font-size:calc(6.6 * var(--u))}.logo img{height:calc(34 * var(--u))}.hd-r{gap:calc(11 * var(--u))}}