:root{--sand:#D9CFC7;--latte:#C9B59C;--cream:#EFE9E3;--ink:#292521;--muted:#716861;--paper:#f8f5f1;--accent:#7b5032;--shadow:0 22px 70px rgba(67,50,36,.18)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic",Tahoma,Arial,sans-serif}body{overflow-x:hidden}.app{position:relative;min-height:100vh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.82),transparent 35%),linear-gradient(145deg,var(--cream),#e7ddd4 54%,var(--sand))}.app:before,.app:after{content:"";position:absolute;border:1px solid rgba(123,80,50,.13);border-radius:50%;z-index:-1}.app:before{width:430px;height:430px;left:-270px;top:120px}.app:after{width:560px;height:560px;right:-390px;bottom:-280px}.shell{width:min(100%,1180px);margin:auto;padding:24px 24px 42px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.logo{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;color:var(--cream);background:var(--ink);box-shadow:0 10px 24px rgba(41,37,33,.18);font:700 19px Georgia,serif}.brand-copy strong{display:block;font-size:16px}.brand-copy span{display:block;color:var(--muted);font-size:12px;margin-top:2px}.top-actions{display:flex;gap:8px}.icon-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(41,37,33,.1);border-radius:14px;background:rgba(255,255,255,.38);color:var(--ink);cursor:pointer;backdrop-filter:blur(12px);transition:.25s}.icon-btn:hover{background:#fff;transform:translateY(-2px)}.hero{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(0,1.6fr);align-items:center;gap:32px;margin-top:30px}.intro{padding:12px 0 0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.04em}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.intro h1{font-size:clamp(38px,5vw,68px);line-height:1.18;margin:14px 0 14px;letter-spacing:-.045em}.intro h1 em{display:block;color:var(--accent);font:italic 500 .8em Georgia,serif;margin-top:5px}.intro p{max-width:440px;color:var(--muted);line-height:1.9;margin:0 0 20px}.meta{display:flex;gap:20px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:8px;font-size:13px}.meta-item i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(201,181,156,.48);font-style:normal}.menu-panel{min-width:0}.categories-wrap{position:relative;margin-bottom:10px}.categories{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.category{min-height:44px;flex:0 0 auto;border:1px solid rgba(41,37,33,.1);border-radius:14px;padding:0 16px;background:rgba(255,255,255,.35);color:var(--muted);font:600 13px inherit;cursor:pointer;transition:.25s}.category:hover{background:rgba(255,255,255,.75);color:var(--ink)}.category.active{color:var(--cream);background:var(--ink);border-color:var(--ink);box-shadow:0 10px 22px rgba(41,37,33,.18)}.slider-stage{position:relative;height:510px;overflow:hidden;touch-action:pan-y;user-select:none}.orbit{position:absolute;left:50%;bottom:15px;width:92%;height:235px;transform:translateX(-50%);border-radius:50% 50% 0 0/100% 100% 0 0;border-top:1px solid rgba(123,80,50,.18);pointer-events:none}.orbit:before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(123,80,50,.1)}.track{position:absolute;inset:0;cursor:grab}.track.dragging{cursor:grabbing}.slide{position:absolute;top:26px;left:50%;width:clamp(245px,27vw,310px);opacity:0;pointer-events:none;transform:translateX(-50%);transition:transform .58s cubic-bezier(.22,.75,.18,1),opacity .4s ease,filter .4s ease;will-change:transform,opacity}.slide.visible{opacity:1;pointer-events:auto}.slide.side{filter:saturate(.72)}.card{position:relative;height:392px;margin-top:62px;padding:154px 22px 20px;border:1px solid rgba(255,255,255,.58);border-radius:88px 88px 28px 28px;background:linear-gradient(155deg,rgba(255,255,255,.84),rgba(217,207,199,.78));box-shadow:var(--shadow);overflow:visible;backdrop-filter:blur(15px)}.slide.side .card{box-shadow:0 16px 35px rgba(67,50,36,.12)}.product-visual{position:absolute;top:-66px;left:50%;width:194px;height:194px;transform:translateX(-50%);border-radius:50%;padding:7px;background:linear-gradient(145deg,#fff,var(--latte));box-shadow:0 24px 42px rgba(72,49,33,.25);transition:.55s cubic-bezier(.22,.75,.18,1)}.slide.side .product-visual{transform:translateX(-50%) scale(.88)}.product-visual img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;background:var(--latte)}.badge{position:absolute;top:17px;right:18px;display:flex;align-items:center;justify-content:center;min-width:42px;height:26px;padding:0 8px;border-radius:9px;background:rgba(239,233,227,.9);color:var(--accent);font-size:11px;font-weight:800}.card h2{margin:0;font-size:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.en{height:23px;margin:4px 0 12px;color:var(--muted);font:italic 13px Georgia,serif;direction:ltr}.desc{height:48px;margin:0;color:var(--muted);font-size:12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{position:absolute;right:22px;left:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.price strong{font-size:20px}.price small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.add{width:47px;height:47px;border:0;border-radius:15px;background:var(--accent);color:white;font-size:24px;cursor:pointer;box-shadow:0 10px 22px rgba(123,80,50,.26);transition:.2s}.add:hover{transform:scale(1.06) rotate(4deg)}.slider-footer{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:-8px}.arrow{width:44px;height:44px;border:1px solid rgba(41,37,33,.12);border-radius:14px;background:rgba(255,255,255,.42);font-size:19px;color:var(--ink);cursor:pointer;transition:.25s}.arrow:hover{background:var(--ink);color:white}.counter{min-width:78px;text-align:center;font:14px Georgia,serif;color:var(--muted);direction:ltr}.counter b{font-size:20px;color:var(--ink)}.dots{display:flex;align-items:center;gap:6px;direction:ltr}.dot{width:6px;height:6px;border:0;padding:0;border-radius:9px;background:rgba(41,37,33,.25);transition:.25s}.dot.active{width:22px;background:var(--accent)}.toast{position:fixed;left:50%;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:14px;background:var(--ink);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.25);transform:translate(-50%,120px);opacity:0;transition:.35s}.toast.show{transform:translate(-50%,0);opacity:1}.toast span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--latte);color:var(--ink)}
@media(max-width:820px){.shell{padding:18px 0 28px}.topbar,.intro,.categories-wrap{margin-inline:20px}.hero{display:block;margin-top:22px}.intro{padding-top:0}.intro h1{font-size:40px;margin:10px 0}.intro h1 em{display:inline;margin-right:7px}.intro p{font-size:14px;margin-bottom:15px}.meta{display:none}.menu-panel{margin-top:12px}.slider-stage{height:492px}.slide{width:min(68vw,290px)}.card{height:374px}.slider-footer{margin-top:-5px}}
@media(max-width:430px){.brand-copy span{display:none}.intro h1{font-size:34px}.intro p{line-height:1.75}.slider-stage{height:455px}.slide{width:68vw;top:17px}.card{height:350px;margin-top:56px;padding:137px 17px 16px;border-radius:76px 76px 24px 24px}.product-visual{width:174px;height:174px}.card h2{font-size:18px}.desc{height:42px;line-height:1.75}.card-footer{right:17px;left:17px;bottom:16px}.price strong{font-size:17px}.add{width:44px;height:44px}.shell{padding-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ---- افزوده‌های نسخه پویا ---- */
.logo img{width:100%;height:100%;border-radius:15px;object-fit:cover;display:block}
.empty-slide{position:relative;top:26px}
.empty-card{display:grid;place-content:center;text-align:center;padding:30px 22px;margin-top:62px}
.empty-card h2{white-space:normal;font-size:19px;margin-bottom:8px}
.empty-card .desc{height:auto}