:root{--g:#d4557a;--d:#3a2a30;--bg:#fbf4f3;--ink:#2b2b2b}*{box-sizing:border-box;margin:0}body{font-family:Cairo,sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1240px;margin:auto;padding:0 16px}
.top{background:var(--d);color:#fff;font-size:12px}.top .wrap{display:flex;justify-content:space-between;gap:10px;padding-block:9px;overflow:hidden;white-space:nowrap}.top i{margin-inline-end:4px}
.hd{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 2px 8px #0001}.hr{display:flex;align-items:center;gap:26px;padding-block:12px}.lg img{height:54px}
.sr{flex:1;max-width:560px;display:flex;align-items:center;background:#f1efe9;border-radius:40px;padding:5px 16px;gap:8px;margin-inline:auto}.sr input{flex:1;border:0;background:none;font:inherit;padding:8px;outline:0}.sr button{background:var(--g);color:#fff;border:0;border-radius:30px;padding:8px 24px;font:700 15px Cairo;cursor:pointer}
.ic{display:flex;gap:22px}.ic a{display:flex;flex-direction:column;align-items:center;font-size:12px;position:relative}.ic i{font-size:22px}.cb b{position:absolute;top:-8px;inset-inline-start:50%;background:var(--g);color:#fff;border-radius:50%;width:19px;height:19px;font-size:11px;display:grid;place-items:center}.bg{display:none;background:none;border:0;font-size:24px}
.nv{border-top:1px solid #eee}.nv .wrap{display:flex;gap:32px;justify-content:center;padding-block:12px;font-weight:700;font-size:14px;overflow-x:auto;white-space:nowrap}.nv .on{color:var(--g);border-bottom:2px solid var(--g)}
.hero{position:relative;overflow:hidden;background:#624d38}.sl{display:none}.sl.on{display:block}.sl img{width:100%;height:auto;max-height:520px;object-fit:cover}
.ar{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px #0003;cursor:pointer;z-index:3}.ar.l{left:12px}.ar.r{right:12px}
.dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dots span{width:10px;height:10px;border-radius:50%;background:#fff8;cursor:pointer}.dots span.on{background:var(--g);width:26px;border-radius:6px}
.cats{display:flex;justify-content:space-between;gap:14px;padding:22px 0;overflow-x:auto}.cats a{flex:0 0 auto;width:92px;text-align:center;font-size:12px;font-weight:700}.cats img{width:76px;height:76px;border-radius:50%;margin:0 auto 8px;box-shadow:0 3px 10px #0002;object-fit:cover}
.promo{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promo img,.wide img{border-radius:12px;width:100%}.wide{margin:24px 0}
.sh{display:flex;align-items:center;gap:14px;margin:30px 0 16px;position:relative;flex-wrap:wrap}.sh h2{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:800;margin-inline:auto;position:absolute;left:50%;transform:translateX(-50%)}.sh h2 span{width:36px;height:2px;background:var(--g)}
.tabs{display:flex;gap:10px}.tabs button{border:0;background:#e9e7e2;border-radius:8px;padding:9px 20px;font:700 14px Cairo;cursor:pointer}.tabs .on{background:var(--g);color:#fff}.all{font-size:13px;font-weight:700;margin-inline-start:auto}
.pw{position:relative}.prods{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px;scrollbar-width:none}.prods::-webkit-scrollbar{display:none}.pi{flex:0 0 calc((100% - 80px)/6);min-width:150px;scroll-snap-align:start}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:40px}.pt{margin:26px 0 16px}
.pc{background:#fff;border-radius:12px;padding:10px;text-align:center;position:relative;display:flex;flex-direction:column;gap:8px;height:100%;box-shadow:0 2px 8px #0000000d}.pc img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;background:#f3f1ec}.pc b{font-size:13px;display:block;margin-top:8px}.pr{font-weight:800;font-size:14px}.pr s{color:#999;font-weight:400;font-size:12px}
.hb{position:absolute;top:14px;inset-inline-end:14px;background:none;border:0;font-size:16px;cursor:pointer;z-index:2}.hb.on i{font-weight:900;color:#d33}
.ad{background:var(--g);color:#fff;border:0;border-radius:6px;padding:9px;font:700 13px Cairo;cursor:pointer;margin-top:auto}.ad.done{background:var(--d)}
.feat{display:grid;grid-template-columns:repeat(4,1fr);margin:34px 0;border-bottom:1px solid #e5e2db;padding-bottom:30px}.feat div{display:flex;gap:14px;align-items:center;padding-inline:20px;border-inline-start:1px solid #e5e2db}.feat div:last-child{border:0}.feat i{font-size:36px;color:var(--g)}.feat span{display:flex;flex-direction:column}.feat small{color:#777}
footer{padding:10px 0 20px}.fg{display:grid;grid-template-columns:1.2fr .8fr .9fr 1.5fr 1.5fr;gap:24px;padding-block:20px}.fl{height:60px;margin-bottom:16px}.so{display:flex;gap:16px;font-size:22px}footer h4{margin-bottom:10px;font-size:14px}footer .fg a{display:block;font-size:13px;color:#555;margin-bottom:8px}
.nl{display:flex;margin-top:12px;background:#fff;border-radius:30px;padding:4px;border:1px solid #eee}.nl input{flex:1;border:0;padding:8px 14px;font:inherit;min-width:0;background:none;outline:0}.nl button{background:var(--g);color:#fff;border:0;border-radius:30px;padding:8px 20px;font:700 13px Cairo}
.fb{display:flex;justify-content:space-between;align-items:center;font-size:12px}.fb img{height:54px}.map{width:100%;height:380px;border:0;display:block}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-block:30px}.pd img{border-radius:14px;width:100%}.pd h1{margin-bottom:10px}.pd .ad{padding:12px 30px;margin-top:20px}
.cartp{padding-bottom:40px}.cr{display:flex;align-items:center;gap:14px;background:#fff;padding:10px;border-radius:10px;margin-bottom:10px}.cr img{width:64px;height:64px;object-fit:cover;border-radius:8px}.cr b{flex:1}.cr button{border:1px solid #ddd;background:#fff;border-radius:6px;width:28px;cursor:pointer}
.cf{display:flex;flex-direction:column;gap:10px;max-width:420px;margin-top:20px}.cf input{padding:11px;border:1px solid #ddd;border-radius:8px;font:inherit}.cf .ad{padding:12px}
@media(max-width:900px){.fg{grid-template-columns:1fr 1fr}.pi{flex-basis:calc((100% - 32px)/3)}.feat{grid-template-columns:1fr 1fr;gap:18px}.feat div:nth-child(2){border:0}.sh h2{position:static;transform:none;order:-1;width:100%;justify-content:center}.hr{gap:12px}.sr{order:5;flex-basis:100%;max-width:none}.hr{flex-wrap:wrap}.bg{display:block;order:-1}.lg{margin-inline-end:auto}.nv{display:none}.nv.o{display:block}.nv .wrap{flex-direction:column;gap:12px}.top span:nth-child(n+3){display:none}}
@media(max-width:600px){.promo{grid-template-columns:1fr}.pi{flex-basis:46%}.ic span{display:none}.ic{gap:14px}.lg img{height:42px}.pd{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.fb{flex-direction:column;gap:10px}.tabs button{padding:8px 12px;font-size:12px}.cats a{width:78px}.cats img{width:64px;height:64px}.ar{display:none}.hero .ar{display:none}.feat{grid-template-columns:1fr}.feat div{border:0;padding:0}.map{height:300px}}

.hd{background:#fff}.sr{background:#efe9e8;max-width:400px}.sr button{display:none}.lg img{height:62px}.nv .wrap{justify-content:flex-start;gap:26px}.nv .on{color:var(--g)}
.cats a{color:#3a2a30}.cats img{background:#fde6ea;box-shadow:0 3px 10px #d4557a22}.sh h2{color:#2b1d22}.sh h2 i{color:var(--g);font-size:20px}.all{color:var(--g)}
.pc{box-shadow:0 2px 8px #d4557a14}.pc img{background:#fdf0f0;aspect-ratio:1.25}.pc b{font-weight:600;font-size:12px;text-align:start;min-height:34px}.pf{display:flex;justify-content:space-between;align-items:center}.pc .ad{width:34px;height:34px;padding:0;border-radius:7px;margin:0}.pc .hb{inset-inline-end:auto;inset-inline-start:14px}
.feat{background:#fcf1ef;border:0;border-radius:14px;padding:16px 8px;grid-template-columns:repeat(5,1fr);margin-bottom:24px}.feat div{padding-inline:12px;border:0}.feat i{font-size:30px;color:var(--g)}.feat b{font-size:13px}.feat small{font-size:11px}
.wide{max-width:1240px;margin:0 auto}.wide img{border-radius:0;width:100%}
.brands{text-align:center;padding-block:10px}.brands h3{display:flex;align-items:center;justify-content:center;gap:14px;font-size:17px}.brands h3 span{width:36px;height:1px;background:var(--g)}.bl{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 30px;overflow-x:auto}.bl img{height:34px;width:auto;max-width:none;mix-blend-mode:multiply}
footer{background:linear-gradient(#fbf4f3,#fbe9e8)}.fg{grid-template-columns:1.3fr .8fr 1.2fr 1.4fr}.ft{font-size:13px;margin:6px 0 14px}.nl button{background:var(--g)}.so a{color:#2b1d22}.fl{height:64px}
@media(max-width:900px){.feat{grid-template-columns:repeat(2,1fr);gap:14px}.fg{grid-template-columns:1fr 1fr}.bl{justify-content:flex-start}}
@media(max-width:600px){.feat{grid-template-columns:1fr}.fg{grid-template-columns:1fr}.sr{max-width:none}.lg img{height:46px}}