:root{
  --ivory:#F3E9D6; --paper:#FBF5E9; --espresso:#2B1B12; --coffee:#5A3B27;
  --coffee-2:#7A5738; --coffee-light:#9C7B57; --gold:#B4884A; --gold-deep:#8F6A34;
  --royal-green:#155C3D; --royal-green-2:#1F7A50; --royal-green-soft:#DDEAE1;
  --line:#E1D2AF; --overlay-1:rgba(24,14,7,.15); --overlay-2:rgba(20,12,6,.78);
  --ok:#5C7A54; --off:#9B4A3F; --radius:14px;
  --shadow:0 6px 24px rgba(43,27,18,.10); --shadow-lg:0 16px 40px rgba(43,27,18,.20);
  --serif:'Noto Naskh Arabic','Vazirmatn',serif; --sans:'Vazirmatn',Tahoma,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--ivory);color:var(--espresso);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}
a{color:inherit;text-decoration:none;}
.container{max-width:1180px;margin:0 auto;padding:0 20px;}
.ring-divider{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0;}
.ring-divider .ln{height:1px;width:46px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.ring-divider svg{width:20px;height:20px;flex-shrink:0;color:var(--gold);}
.ring-divider.green .ln{background:linear-gradient(90deg,transparent,var(--royal-green-2),transparent);}
.ring-divider.green svg{color:var(--royal-green);}
header.site-header{position:sticky;top:0;z-index:50;background:rgba(243,233,214,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;max-width:1180px;margin:0 auto;}
.brand{display:flex;align-items:center;gap:12px;}
.brand .logo-wrap{width:48px;height:48px;border-radius:50%;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;}
.brand .logo-wrap img{width:100%;height:100%;object-fit:cover;}
.brand .logo-wrap svg{width:24px;height:24px;color:var(--coffee);}
.brand-name{font-family:var(--serif);font-weight:700;font-size:22px;color:var(--espresso);}
.brand-name small{display:block;font-family:var(--sans);font-weight:500;font-size:11px;color:var(--coffee-light);letter-spacing:1.5px;}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--coffee);transition:.2s;}
.icon-btn:hover{background:var(--gold);color:#fff;border-color:var(--gold);}
.icon-btn svg{width:19px;height:19px;}
.cat-drawer{position:fixed;inset:0;z-index:80;background:rgba(20,12,6,.5);display:none;}
.cat-drawer.open{display:block;}
.cat-drawer-panel{position:absolute;top:0;bottom:0;right:0;width:78%;max-width:320px;background:var(--paper);padding:22px 18px;overflow-y:auto;box-shadow:var(--shadow-lg);}
.cat-drawer-panel h3{font-family:var(--serif);color:var(--coffee);margin:0 0 14px;}
.cat-drawer-panel a{display:block;padding:12px 6px;border-bottom:1px solid var(--line);color:var(--espresso);font-weight:600;}
.cat-drawer-close{position:absolute;left:14px;top:14px;}
.hero{position:relative;z-index:1;text-align:center;padding:56px 20px 34px;}
.hero .kicker{font-size:12px;letter-spacing:3px;color:var(--gold-deep);text-transform:uppercase;font-weight:700;margin-bottom:10px;}
.hero h1{font-family:var(--serif);font-weight:700;font-size:clamp(26px,4vw,40px);margin:0;color:var(--espresso);}
.hero p.slogan{font-family:var(--serif);font-size:clamp(15px,2vw,18px);color:var(--coffee-2);margin:14px auto 0;max-width:520px;line-height:2;}
.offers-section{padding:10px 0 40px;position:relative;z-index:1;}
.section-heading{text-align:center;margin-bottom:24px;}
.section-heading .eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--gold-deep);font-weight:700;text-transform:uppercase;}
.section-heading h2{font-family:var(--serif);font-size:clamp(22px,3vw,30px);margin:6px 0 0;color:var(--espresso);}
.offers-track{display:flex;gap:16px;overflow-x:auto;padding:6px 20px 14px;scroll-snap-type:x proximity;scrollbar-width:none;}
.offers-track::-webkit-scrollbar{display:none;}
.offer-card{position:relative;flex:0 0 78%;scroll-snap-align:start;border-radius:var(--radius);overflow:hidden;height:260px;box-shadow:var(--shadow);background:var(--coffee);}
.offer-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.offer-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--overlay-2) 10%,var(--overlay-1) 65%,transparent 100%);}
.offer-card .content{position:absolute;bottom:0;right:0;left:0;padding:18px;color:#F5EAD6;}
.offer-card .badge{display:inline-block;font-size:11px;letter-spacing:1px;background:var(--royal-green);color:#EFF6F0;padding:3px 10px;border-radius:20px;font-weight:700;margin-bottom:8px;}
.offer-card h3{font-family:var(--serif);font-size:20px;margin:0 0 6px;}
.offer-card p{font-size:13px;opacity:.9;margin:0 0 8px;line-height:1.7;}
.offer-card .price{font-weight:700;color:var(--gold);font-size:15px;}
@media(min-width:760px){.offer-card{flex:0 0 340px;height:280px;}}
.cat-nav-wrap{position:sticky;top:73px;z-index:40;background:var(--ivory);border-bottom:1px solid var(--line);}
.cat-nav{display:flex;gap:6px;overflow-x:auto;padding:12px 20px;scrollbar-width:none;}
.cat-nav::-webkit-scrollbar{display:none;}
.cat-nav a{flex:0 0 auto;background:transparent;border:1px solid var(--line);color:var(--coffee-2);padding:9px 18px;border-radius:22px;font-size:14px;font-weight:600;white-space:nowrap;display:inline-block;transition:.2s;}
.cat-nav a.active{background:var(--royal-green);color:#fff;border-color:var(--royal-green);}
.menu-wrap{padding:36px 0 10px;position:relative;z-index:1;}
.category-block{padding:34px 0 10px;scroll-margin-top:150px;}
.category-title{font-family:var(--serif);font-size:clamp(22px,3vw,28px);color:var(--espresso);text-align:center;margin:0;}
.subcategory-block{margin-top:30px;}
.subcategory-title{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;color:var(--royal-green);font-weight:700;margin:0 0 16px;padding:0 20px;}
.product-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:0 20px;}
@media(min-width:640px){.product-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:980px){.product-grid{grid-template-columns:1fr 1fr 1fr;}}
.product-card{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px;transition:.2s;}
.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px);}
.product-card.unavailable{opacity:.55;}
.product-thumb{width:64px;height:64px;border-radius:10px;flex-shrink:0;overflow:hidden;background:var(--ivory);display:flex;align-items:center;justify-content:center;}
.product-thumb img{width:100%;height:100%;object-fit:cover;}
.product-thumb svg{width:26px;height:26px;color:var(--coffee-light);}
.product-info{flex:1;min-width:0;}
.product-info .top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;}
.product-info h4{margin:0;font-size:16px;font-weight:700;color:var(--espresso);}
.special-tag{font-size:10px;background:var(--royal-green);color:#EFF6F0;padding:2px 8px;border-radius:10px;font-weight:700;flex-shrink:0;}
.product-info p.desc{margin:5px 0 8px;font-size:13px;color:var(--coffee-2);line-height:1.7;}
.product-info .bottom-row{display:flex;justify-content:space-between;align-items:center;}
.price-tag{font-weight:700;color:var(--coffee);font-size:14.5px;}
.unavail-tag{font-size:11.5px;color:var(--off);font-weight:600;}
.empty-note{text-align:center;color:var(--coffee-light);padding:40px 20px;font-size:14px;}
footer.site-footer{background:var(--espresso);color:#EFE2CB;padding:44px 20px 26px;margin-top:40px;position:relative;z-index:1;}
.footer-inner{max-width:900px;margin:0 auto;text-align:center;}
.footer-inner .fb-name{font-family:var(--serif);font-size:22px;margin-bottom:6px;}
.footer-inner .fb-slogan{color:#C8B18B;font-size:13px;margin-bottom:26px;}
.footer-info{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin-bottom:22px;font-size:14px;}
.footer-info a,.footer-info span{display:flex;align-items:center;gap:8px;color:#EFE2CB;}
.footer-info svg{width:17px;height:17px;color:var(--gold);flex-shrink:0;}
.footer-social{display:flex;justify-content:center;gap:14px;margin-bottom:22px;}
.footer-social a{width:38px;height:38px;border-radius:50%;border:1px solid #4a3626;display:flex;align-items:center;justify-content:center;transition:.2s;}
.footer-social a:hover{background:var(--gold);border-color:var(--gold);}
.footer-social svg{width:17px;height:17px;}
.footer-bottom{border-top:1px solid #43301f;padding-top:18px;font-size:11.5px;color:#8a7355;text-align:center;}
.fade-in{animation:fadeIn .6s ease both;}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important;}}