:root{--g:#12302a;--g2:#0d2520;--b:#bd8023;--bd:#96641a;--gl:#e6c479;--n:#1b1b1b;--m:#7b7f7e;--bg:#f6f6f6;--ln:#ececec;--gold:linear-gradient(90deg,#c18a2b,#ebcb83 50%,#b97f22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Cairo,"Segoe UI",Tahoma,sans-serif;background:var(--bg);color:var(--n);overflow-x:clip;-webkit-text-size-adjust:100%}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer}
.wrap{max-width:1360px;margin:auto;padding:0 18px}
.ic{width:1.15em;height:1.15em;flex:none}.em{font-style:normal}
/* ===== header ===== */
.hd{background:#fff;position:sticky;top:0;z-index:50;box-shadow:0 1px 0 var(--ln)}
.hrow{display:flex;align-items:center;gap:14px;direction:ltr;padding-top:10px;padding-bottom:10px;position:relative}
.burger{background:none;border:0;padding:6px 4px;display:flex;flex-direction:column;gap:6px;width:34px;flex:none}.burger span{display:block;height:2px;background:var(--n);border-radius:2px}.burger span:nth-child(2){width:80%}
.logo{display:inline-flex;direction:ltr;align-items:center;gap:10px;color:var(--n);min-width:0}.logo img{max-height:50px;width:auto}
.lt{display:flex;flex-direction:column;line-height:1;text-align:left}.lt b{font:700 26px/1 Poppins,Cairo,sans-serif;color:var(--g);letter-spacing:-.3px;white-space:nowrap}.lt b em{font-style:normal;color:var(--b)}
.lt small{font-size:12px;color:var(--b);font-weight:600;margin-top:6px;direction:rtl;text-align:left;white-space:nowrap;width:0;min-width:100%;overflow:hidden;text-overflow:ellipsis}html[dir=ltr] .lt small{direction:ltr}
.hrow>.logo{margin-right:auto;flex:0 1 auto;min-width:0}.lt{min-width:0}
.dnav{display:none}
.acts{display:flex;align-items:center;gap:clamp(12px,2.6vw,22px);flex:none}
.acts>a,.acts>button{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;background:none;color:var(--n)}.acts .ic{width:26px;height:26px}
.acts .lang b{width:28px;height:28px;border-radius:50%;border:1.6px solid currentColor;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1}
.favb.on{color:var(--b)}.fcnt{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;border-radius:9px;background:var(--b);color:#fff;font:700 11px/18px Cairo,sans-serif;text-align:center;font-style:normal;padding:0 4px}.fcnt[hidden]{display:none}
.search{display:none;align-items:center;background:#f0eeeb;border-radius:40px;padding:0 6px 0 16px;min-width:0;height:42px}
.search input{flex:1;border:0;background:none;font:inherit;font-size:16px;outline:0;min-width:0;padding:6px 8px;color:var(--n);direction:inherit}.search input::placeholder{color:#8f867d}
.search button{border:0;background:none;color:var(--g);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;padding:0}.search button .ic{width:19px;height:19px}
.hd.so .search{display:flex;position:absolute;top:100%;left:0;right:0;margin:0 18px;box-shadow:0 10px 24px #0002;background:#fff;border:1px solid var(--ln);z-index:5}
.nav{display:none}
/* drawer */
.ov{position:fixed;inset:0;background:#0007;opacity:0;pointer-events:none;transition:.25s;z-index:80}.ov.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);background:#fff;z-index:90;transform:translateX(-102%);transition:.3s;overflow:auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:14px;visibility:hidden}
.drawer.on{transform:none;visibility:visible}.drawer .x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:var(--bg);font-size:16px}
.drawer .search{display:flex;height:42px}.dl{display:grid}.dl a,.dl span{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--ln);font-weight:600;font-size:15px}.dl a .ic:last-child:not(:first-child){margin-inline-start:auto;width:14px;color:var(--m)}.dl a.hot{color:var(--b)}
.dl.sm a,.dl.sm span{font-size:14px;font-weight:500}.dl.sm .ic{color:var(--b)}
.soc{display:flex;gap:10px;flex-wrap:wrap}.soc a{width:38px;height:38px;border-radius:50%;background:var(--bg);display:grid;place-items:center;color:var(--g)}.soc a svg{width:20px;height:20px}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold);color:#2a1d05;font-weight:800;font-size:15px;border:0;border-radius:40px;padding:13px 28px;box-shadow:0 4px 14px #bd802340;transition:.2s}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.btn .ic{width:16px;height:16px}html[dir=rtl] .btn .ic.ar-i{transform:scaleX(-1)}
.btn.o{background:transparent;border:1.5px solid #fff6;color:#fff;box-shadow:none}
/* section heads */
.sec{padding-top:30px}.sh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 16px}.sh h2{margin:0;font-size:clamp(19px,2.2vw,26px);font-weight:800;color:var(--n);line-height:1.5}.sh a{font-size:13.5px;font-weight:600;color:var(--b);white-space:nowrap}
/* ===== hero ===== */
.hero{background:var(--g)}.hbox{position:relative}
.sl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sl::-webkit-scrollbar{display:none}.sl.drag{scroll-snap-type:none;cursor:grabbing}
.slide{flex:0 0 100%;scroll-snap-align:start;direction:ltr;display:grid;grid-template-columns:58% 42%;height:clamp(330px,46.5vw,540px)}
.hi{position:relative;overflow:hidden;background:var(--g2)}.hi img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.st{background:linear-gradient(135deg,#16372f,var(--g2));color:#fff;padding:0 clamp(18px,3.4vw,56px);display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
html[dir=rtl] .st{direction:rtl;text-align:right;align-items:flex-start}html[dir=ltr] .st{direction:ltr;text-align:left;align-items:flex-start}
.st h1,.st h2{margin:0;font-size:clamp(24px,3.3vw,46px);line-height:1.35;font-weight:800;letter-spacing:0}.st h1 span,.st h2 span{display:block;color:#fff}.st h1 em,.st h2 em{display:block;font-style:normal;color:var(--gl)}
.st p{margin:0;font-size:clamp(13.5px,1.35vw,17px);line-height:1.9;color:#dbe6e1}.st .eb{font-size:13px;color:var(--gl);font-weight:700}
.bt{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.st .btn{padding:12px clamp(18px,2.4vw,34px)}
.dots{position:absolute;bottom:44px;left:29%;transform:translateX(-50%);display:flex;gap:8px;z-index:3;direction:ltr}.dots b{width:9px;height:9px;border-radius:50%;background:#fff9;cursor:pointer;transition:.2s}.dots b.on{background:var(--b);width:22px;border-radius:6px}
.ar{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:0;background:#fffe;color:var(--g);font-size:24px;line-height:1;z-index:3;box-shadow:0 3px 12px #0003;display:grid;place-items:center}.ar.hid{display:none}
.hbox .ar.l{left:12px}.hbox .ar.r{left:62px}
/* feature strip */
.fsw{background:#fff;border-radius:22px 22px 0 0;margin-top:-20px;position:relative;z-index:2;padding:18px 0 6px}
.fs{display:flex;flex-wrap:wrap;justify-content:center;gap:34px 10px}.fs>div{flex:0 0 calc(33.33% - 7px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:2px;background:var(--bg);border-radius:14px;padding:0 6px 12px;margin-top:22px;min-width:0}
.fs .ic{width:30px;height:30px;color:var(--n)}.fs .ib{width:58px;height:58px;border-radius:50%;background:#f6efe6;display:grid;place-items:center;margin-top:-26px;margin-bottom:6px;border:3px solid #fff}
.fs b{font-size:13.5px;font-weight:800;line-height:1.5}.fs small{font-size:11.5px;color:var(--m);line-height:1.6}.fs span{display:flex;flex-direction:column;min-width:0}
/* categories */
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}
.cc{background:#fff;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 8px #0000000d;transition:.25s}.cc:hover{transform:translateY(-3px);box-shadow:0 8px 22px #0000001a}
.cc .ci{display:block;aspect-ratio:6/5;overflow:hidden;background:#e9e2d8}.cc img{width:100%;height:100%;object-fit:cover;transition:.4s}.cc:hover img{transform:scale(1.05)}
.cc b{display:block;padding:11px 8px 13px;text-align:center;font-size:14.5px;font-weight:800;background:#f4f4f4;line-height:1.5}
/* works / products */
.wk{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;overflow:visible}
.pc{position:relative;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 8px #0000000d}.pc .pa{display:block}.pc .pi{aspect-ratio:4/3;overflow:hidden;background:#e9e2d8}.pc .pi img{width:100%;height:100%;object-fit:cover;transition:.4s}.pc:hover .pi img{transform:scale(1.05)}
.pc h3{margin:0;padding:11px 12px 2px;font-size:14.5px;font-weight:700;line-height:1.6}.pc b.pr{display:block;padding:0 12px 12px;color:var(--bd);font-size:14px}.pc h3:last-child{padding-bottom:12px}
.hr{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:#fff;color:var(--n);display:grid;place-items:center;box-shadow:0 2px 8px #0003;padding:0;z-index:2}.hr .ic{width:19px;height:19px}.hr.on{color:#d6322f}.hr.on path{fill:currentColor}
/* promo banner */
.pbn{display:grid;grid-template-columns:1fr;border-radius:16px;overflow:hidden;background:var(--g);color:#fff;margin-top:30px;position:relative}
.pbn .pim{aspect-ratio:335/173;overflow:hidden;background:var(--g2)}.pbn .pim img{width:100%;height:100%;object-fit:cover}
.pbn .pt{padding:22px 20px 26px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:start;justify-content:center}
.pbn h2{margin:0;font-size:clamp(22px,3vw,38px);line-height:1.4;font-weight:800}.pbn h2 span{display:block;color:var(--gl)}.pbn h2 em{display:block;font-style:normal;color:#f3e3b8;font-size:.82em}
.pbn p{margin:2px 0 8px;font-size:14px;color:#cfdcd6;line-height:1.8}
/* why */
.why{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px}
.wc{background:#fff;border-radius:14px;padding:18px 10px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;box-shadow:0 1px 8px #0000000d}
.wc .ic{width:38px;height:38px;color:var(--n);margin-bottom:6px;stroke-width:1.4}.wc b{font-size:14.5px;font-weight:800;line-height:1.5}.wc small{font-size:12.5px;color:var(--m);line-height:1.7}
/* shop */
main.shop{padding-top:18px;padding-bottom:40px;min-height:50vh}.crumb{font-size:13px;color:var(--m);margin-bottom:12px}.crumb a{color:var(--bd);font-weight:600}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips a{flex:none;background:#fff;border:1px solid var(--ln);border-radius:30px;padding:7px 16px;font-size:13.5px;font-weight:700}.chips a.on{background:var(--g);color:#fff;border-color:var(--g)}
.sbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.sbar h1{margin:0;font-size:clamp(19px,2.4vw,26px)}.sbar small{font-size:13px;color:var(--m);font-weight:500}.sbar select{border:1px solid var(--ln);border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;background:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:14px}
.pg{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:22px}.pg a,.pg span{padding:8px 14px;border-radius:10px;background:#fff;font-weight:700;font-size:14px}.pg a.on{background:var(--g);color:#fff}
/* footer */
.ft{background:var(--g);color:#dbe6e1;margin-top:0;padding-top:34px}.ft .fg{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.3fr);gap:28px}.ft h4{margin:0 0 12px;color:#fff;font-size:16px}
.ft .fq a,.ft .fc a{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:14px;color:#cfdcd6}.ft a:hover{color:var(--gl)}.ft .fc .ic{color:var(--gl);width:17px;height:17px}
.ft .logo .lt b{color:#fff}.ft .logo .lt small{color:var(--gl)}.ft .soc{margin-top:14px}.ft .soc a{background:#ffffff1a;color:#fff}.ft .fn p{margin:0 0 10px;font-size:14px;line-height:1.8}
.nl{display:flex;gap:6px;background:#fff;border-radius:40px;padding:5px}.nl input[type=email]{flex:1;min-width:0;border:0;outline:0;background:none;padding:8px 14px;font:inherit;font-size:16px;color:var(--n)}.nl button{border:0;border-radius:30px;background:var(--gold);color:#2a1d05;font-weight:800;padding:0 20px;font-size:14px}
.ft .cp{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff22;margin-top:26px;padding-top:14px;padding-bottom:18px;font-size:13px;color:#a9bdb5}
.ft .okm{background:#e6f6ea}
/* bottom bar (phones and tablets) */
.bar{display:none}
/* ===== v6: شريط متحرك + مقالات + معلومات + معرض + فيديو + أسئلة + موقع ===== */
html{-webkit-text-size-adjust:100%}body{overflow-x:clip}img,video,iframe{max-width:100%}
.skip{position:absolute;right:8px;top:8px;background:#fff;padding:8px 14px;z-index:200;border-radius:8px;transform:translateY(-300%)}.skip:focus{transform:none}
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;pointer-events:none}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.mq{background:var(--g);color:#fff;overflow:hidden;font-size:13.5px;font-weight:600;direction:ltr}
.mq-t{display:flex;width:max-content;animation:mq 38s linear infinite}.mq:hover .mq-t{animation-play-state:paused}
.mq-t>div{display:flex;flex:none;direction:rtl}.mq span{padding:8px 26px;white-space:nowrap;position:relative}.mq span:after{content:"✦";position:absolute;left:-6px;top:50%;transform:translateY(-50%);font-size:10px;opacity:.8}
@keyframes mq{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.mq-t{animation-duration:120s}html{scroll-behavior:auto}}

[id]{scroll-margin-top:120px}

.ag{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.xa{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 8px #0001;display:flex;flex-direction:column;transition:.25s}.xa:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0002}
.xa-i{display:block;aspect-ratio:16/9;background:#eee9df}.xa-i img{width:100%;height:100%;object-fit:cover}.xa>div{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.xa time,.art time{font-size:12px;color:#888}.xa h3{font-size:16px;margin:4px 0 6px;line-height:1.6;color:var(--n)}.xa p{font-size:13.5px;line-height:1.8;color:#666;margin:0 0 10px}.xa-m{margin-top:auto;font-weight:700;font-size:13.5px;color:var(--bd)}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tpc{background:#fff;border-radius:14px;padding:16px;display:flex;gap:14px;align-items:flex-start;box-shadow:0 1px 6px #0001;border-inline-start:4px solid var(--b)}
.tpc>.ic,.tpc>.em{font-size:30px;color:var(--b);flex:none;margin-top:2px}.tpc b{display:block;font-size:15px;color:var(--n);margin-bottom:4px}.tpc p{margin:0;font-size:13.5px;line-height:1.85;color:#555}
.gg{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.gg a{position:relative;display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#eee9df;cursor:zoom-in}.gg img{width:100%;height:100%;object-fit:cover;transition:.35s}.gg a:hover img{transform:scale(1.06)}
.gg span{position:absolute;inset:auto 0 0 0;padding:22px 10px 8px;background:linear-gradient(transparent,#000a);color:#fff;font-size:12.5px;font-weight:600;text-align:center}
.vg{display:grid;gap:16px;max-width:920px;margin:auto}.vg.n2{grid-template-columns:1fr 1fr;max-width:none}.vg.n3{grid-template-columns:repeat(3,1fr);max-width:none}.vg figure{margin:0}
.vb{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 4px 18px #0002}.vb video,.vb iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.vg figcaption{text-align:center;font-weight:600;font-size:14px;margin-top:8px;color:#444}
.xq{max-width:900px;margin:auto;display:grid;gap:10px}.xq details{background:#fff;border-radius:12px;box-shadow:0 1px 6px #0001;overflow:hidden}
.xq summary{cursor:pointer;list-style:none;padding:14px 18px;font-weight:700;font-size:15px;color:var(--n);display:flex;justify-content:space-between;align-items:center;gap:12px}.xq summary::-webkit-details-marker{display:none}
.xq summary:after{content:"+";flex:none;width:26px;height:26px;border-radius:50%;background:var(--b);color:#fff;display:grid;place-items:center;font:700 18px/1 Arial}.xq details[open] summary:after{content:"−"}
.xq details>div{padding:0 18px 16px;font-size:14px;line-height:1.95;color:#555}
.loc{background:var(--bg);margin-top:36px;padding:34px 0 38px}.loc-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:20px;align-items:stretch}
.loc-c{background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 14px #0001;display:flex;flex-direction:column;gap:16px}.loc-c ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.loc-c li{display:flex;gap:12px;align-items:flex-start}.loc-c li i{font-style:normal;flex:none;width:40px;height:40px;border-radius:50%;background:#f3efe6;display:grid;place-items:center;font-size:18px}.loc-c li b{display:block;font-size:13px;color:#888;font-weight:600}.loc-c li span,.loc-c li a{font-size:15px;font-weight:700;color:var(--n);overflow-wrap:anywhere}
.loc-b{display:flex;flex-wrap:wrap;gap:8px}.loc-b a{flex:1 1 auto;text-align:center;padding:11px 16px;border-radius:30px;font-weight:700;font-size:13.5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.btn-d{background:var(--n);color:#fff}.btn-w{background:#25d366;color:#fff;padding:11px 20px;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.cf{border-top:1px solid #eee;padding-top:14px;display:grid;gap:8px}.cf h3{margin:0;font-size:15px;color:var(--n)}.cf-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cf input:not(.hp),.cf textarea{width:100%;border:1px solid #ddd;border-radius:10px;padding:11px 12px;font:inherit;font-size:16px;background:#fff;min-width:0}.cf button{border:0;justify-self:start;cursor:pointer}
.okm{background:#e6f6ea;color:#1b6b34;padding:9px 12px;border-radius:10px;font-size:13.5px;margin:0 0 8px!important}
.loc-m{border-radius:16px;overflow:hidden;min-height:420px;background:#e5e0d5;box-shadow:0 2px 14px #0001;border:4px solid #fff;position:relative}.loc-m iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0}
.nl input{font-size:16px}.search input{font-size:16px}.ft .fg a{overflow-wrap:anywhere}
.art article{background:#fff;border-radius:16px;padding:clamp(16px,3vw,32px);box-shadow:0 1px 8px #0001;max-width:880px;margin:0 auto 26px}.art h1{font-size:clamp(21px,3vw,30px);line-height:1.6;margin:0 0 6px;color:var(--n)}
.art-i{width:100%;border-radius:12px;margin:14px 0;aspect-ratio:16/8;object-fit:cover}.art-x{font-size:16px;font-weight:600;color:#555;line-height:1.9;border-inline-start:4px solid var(--b);padding-inline-start:12px}.art-b p{font-size:15.5px;line-height:2.05;color:#333;margin:0 0 14px}
.art-f{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.lb{position:fixed;inset:0;background:#000d;z-index:300;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 12px 20px}.lb[hidden]{display:none}.lb img{max-width:min(94vw,1100px);max-height:78vh;border-radius:10px;object-fit:contain}.lb p{color:#fff;margin:12px 0 0;font-weight:600;text-align:center}
.lb-x,.lb-a{position:absolute;border:0;background:#fff;border-radius:50%;width:42px;height:42px;font-size:20px;line-height:1;display:grid;place-items:center}.lb-x{top:12px;left:12px}.lb-a{top:50%;transform:translateY(-50%)}.lb-a.p{right:12px}.lb-a.n{left:12px}
.totop{position:fixed;bottom:20px;right:20px;width:44px;height:44px;border-radius:50%;border:0;background:var(--n);color:#fff;font-size:20px;z-index:90;box-shadow:0 4px 14px #0003}.totop[hidden]{display:none}
.soc a svg{display:block}.wa svg{color:#fff}



@media(max-width:1100px){.gg{grid-template-columns:repeat(3,1fr)}.gg a:nth-child(n+4){aspect-ratio:auto;height:100%}.tg{grid-template-columns:1fr 1fr}}
@media(max-width:1000px){.ag{grid-template-columns:1fr 1fr}.loc-g{grid-template-columns:1fr}.loc-m{min-height:340px}[id]{scroll-margin-top:110px}.vg.n2,.vg.n3{grid-template-columns:1fr}.totop{bottom:82px;right:14px}}
@media(max-width:700px){.wrap{padding:0 14px}.ag,.tg{grid-template-columns:1fr}.gg{grid-template-columns:1fr 1fr;gap:8px}.gg a{aspect-ratio:1!important;height:auto!important}.gg a:first-child{grid-column:1/-1;aspect-ratio:16/9!important}.cf-2{grid-template-columns:1fr}.loc-b a{flex-basis:100%}.cf button{justify-self:stretch;text-align:center}.loc{padding:26px 0}.loc-c{padding:16px}.lb-a{width:36px;height:36px}.mq{font-size:12.5px}.sh{flex-wrap:wrap}}
.nem{text-align:center;color:#777;padding:40px 10px}.loc-c li i{color:var(--b);font-size:18px}.loc-b .btn{padding:11px 16px}.cf .btn{padding:11px 34px;font:inherit;font-weight:700}
.art .btn{border-radius:30px}.xa h3 a:hover{color:var(--b)}.bi:not([href]){cursor:default}.topbar .tc a{color:inherit}
#articles,#tips,#gallery,#video,#faq{padding-top:34px}@media(max-width:700px){#articles,#tips,#gallery,#video,#faq{padding-top:28px}}


/* ===== v91 overrides / responsive ===== */
.mq{background:var(--g2);color:var(--gl)}
.wa{position:fixed;bottom:22px;left:20px;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 4px 16px #0004;z-index:75;animation:wp 2.4s infinite}
.wa:hover{background:#1ebe5a}@keyframes wp{0%{box-shadow:0 4px 16px #0004,0 0 0 0 #25d36680}70%{box-shadow:0 4px 16px #0004,0 0 0 16px #25d36600}100%{box-shadow:0 4px 16px #0004,0 0 0 0 #25d36600}}
.totop{bottom:22px;right:20px;background:var(--g);z-index:75}
.btn-d{background:var(--g)}.loc{background:#fff;margin-top:34px}.loc .sh{margin-bottom:16px}
.loc-c li i{background:#f6efe6}.loc-c li i svg{width:20px;height:20px}
.cf .btn{width:auto}.loc-b .btn{box-shadow:none}
.hbox .ar{top:auto;bottom:34px;transform:none;width:38px;height:38px;font-size:22px}.hbox .ar.l{left:12px}.hbox .ar.r{left:58px}
html[dir=ltr] .hbox .ar{transform:scaleX(-1)}html[dir=ltr] .hbox .ar.r{left:12px}html[dir=ltr] .hbox .ar.l{left:58px}
.pbn .pt .btn{margin-top:6px}
.xa h3,.tpc b,.xq summary{color:var(--n)}
body{padding-bottom:0}
@media(max-width:999px){
 .ft{padding-bottom:76px}
 .bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;background:#fff;box-shadow:0 -4px 18px #0000001c;z-index:70;direction:ltr;padding:7px 2px calc(7px + env(safe-area-inset-bottom))}
 .bar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--n);position:relative;padding:2px 0;min-width:0;text-align:center;line-height:1.35}.bar a span{display:block;max-width:100%;white-space:normal;font-size:11.5px;line-height:1.3}
 .bar .ic{width:26px;height:26px}.bar a.on{color:var(--b)}.bar a.on .ic{fill:currentColor}
 .bar .fcnt{top:-4px;right:calc(50% - 22px)}
 .wa{bottom:86px;left:12px;width:52px;height:52px}.wa svg{width:30px;height:30px}.totop{bottom:90px;right:12px;width:42px;height:42px}
 html[dir=ltr] .wa{left:12px;right:auto}html[dir=ltr] .totop{right:12px;left:auto}
 .hd.so .search{margin:0 14px}
}
@media(max-width:699px){
 .wrap{padding:0 14px}
 .slide{display:block;height:auto;background:var(--g)}.hi{aspect-ratio:auto}.hi img{height:auto;max-height:none;object-fit:contain}
 .st{padding:22px 18px 70px;gap:10px}.dots{left:50%;bottom:40px}.hbox .ar{display:none}
 .wk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;scrollbar-width:none}.wk::-webkit-scrollbar{display:none}.wk>.pc{flex:0 0 74%;scroll-snap-align:start}
 .grid{grid-template-columns:repeat(2,1fr);gap:10px}.pc h3{font-size:13.5px;padding:9px 10px 2px}.pc b.pr{padding:0 10px 10px}.hr{width:32px;height:32px;top:8px;right:8px}
 .sec{padding-top:24px}.sh h2{font-size:19px}
 .cc b{font-size:13.5px;padding:9px 6px 11px}
 .ft .fg{grid-template-columns:minmax(0,1fr);gap:22px}.ft .cp{flex-direction:column;align-items:flex-start}
 .cats{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:10px}.why{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:10px}
 .pbn .pt{padding:20px 18px 24px}
}
@media(max-width:479px){.logo .lt b{font-size:23px}.logo .lt small{font-size:11px}.hrow{gap:8px}}
@media(max-width:359px){.lt small{display:none}.lt b{font-size:20px}.acts{gap:8px}.acts>a,.acts>button{width:26px}.acts .ic{width:23px;height:23px}.burger{width:28px}.fs b{font-size:12.5px}}
@media(min-width:480px){
 .pbn{grid-template-columns:38% 62%;direction:ltr}.pbn .pt{padding:26px clamp(16px,3vw,44px)}html[dir=rtl] .pbn .pt{direction:rtl;text-align:right}html[dir=ltr] .pbn .pt{direction:ltr;text-align:left}
 .pbn .pim{aspect-ratio:auto;min-height:190px;clip-path:polygon(0 0,100% 0,100% 100%,17% 100%);margin-left:-8%;grid-column:2}.pbn .pt{grid-column:1;grid-row:1;position:relative;z-index:1}.pbn .pim{grid-row:1}
 .pbn .pim img{position:absolute;inset:0}.pbn .pim{position:relative}
}
@media(min-width:700px){
 .fs>div{flex:1 1 0}.fs{gap:10px 12px;flex-wrap:nowrap}
 .wk{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
 .ft .fg{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(min-width:1000px){
 .ft .fg{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,1.2fr) minmax(0,1.3fr)}
 .hrow{gap:24px}.burger{display:none}.search{display:flex;flex:1;max-width:440px;margin:0 auto}.hd.so .search{position:static;margin:0 auto;box-shadow:none;border:0;background:#f0eeeb}
 .acts>#sbtn{display:none}
 .nav{display:block;border-top:1px solid var(--ln)}.nav .wrap{display:flex;justify-content:center;gap:clamp(14px,2.4vw,34px);overflow-x:auto;scrollbar-width:none}.nav a{padding:11px 0;font-weight:700;font-size:14.5px;white-space:nowrap;border-bottom:3px solid transparent}.nav a:hover,.nav a.on{color:var(--b);border-color:var(--b)}.nav a.hot{color:var(--b)}
 .slide{height:clamp(460px,35vw,560px)}.dots{left:29%}
 .fsw{padding:24px 0 10px;margin-top:-26px}.fs b{font-size:15px}.fs small{font-size:12.5px}.fs .ic{width:34px;height:34px}.fs .ib{width:64px;height:64px;margin-top:-30px}.fs>div{margin-top:28px;padding-bottom:16px}
 .sec{padding-top:44px}.sh{margin-bottom:20px}
 .cc b{font-size:16px;padding:14px 8px 16px}.wc{padding:28px 14px 24px}.wc .ic{width:44px;height:44px}.wc b{font-size:16px}.wc small{font-size:13.5px}
 .pbn{margin-top:44px}.pbn .pim{min-height:280px}
 .wa{bottom:22px}.totop{bottom:22px}
}
@media(hover:none){.hbox .ar{display:none}}
/* LTR */
html[dir=ltr] .drawer .x{right:12px}html[dir=ltr] .search{padding:0 6px 0 16px}html[dir=ltr] .lb-a.p{right:auto;left:12px}html[dir=ltr] .lb-a.n{left:auto;right:12px}html[dir=ltr] .lb-a{transform:translateY(-50%) scaleX(-1)}html[dir=ltr] .lb-x{left:auto;right:12px}
html[dir=ltr] .mq span:after{left:auto;right:-6px}html[dir=ltr] .pg a:first-child{}
.mq{font-size:13.5px}.crumb i{font-style:normal}
@media print{.mq,.hd,.bar,.wa,.totop,.drawer,.ov,.loc-m,.lb{display:none!important}}

.ft .fg>div{min-width:0}.ft .fc a span,.ft .fq a{overflow-wrap:anywhere}

@media(max-width:480px){.logo .lt b{font-size:19px}.logo .lt small{font-size:10px}.logo{max-width:46vw;overflow:hidden}}
@media(max-width:360px){.logo .lt b{font-size:17px}}