/* Biryani Meri — Fresh Meadow motion layer (additive, loads after styles.css) */
:root{--bm-ease:cubic-bezier(.2,.8,.2,1)}
body{font-family:"Bricolage Grotesque",Inter,system-ui,sans-serif}
h1,h2,.product-name,.price,.hero-slide-copy strong{font-family:"Bricolage Grotesque",Inter,sans-serif;letter-spacing:-.02em}

/* scroll progress */
#bmProgress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99;background:linear-gradient(90deg,var(--green),var(--gold));box-shadow:0 0 12px rgba(22,163,74,.5)}

/* header */
.site-header{transition:background .3s,box-shadow .3s}
.cart-btn.bump{animation:bmBump .5s var(--bm-ease)}
@keyframes bmBump{30%{transform:scale(1.32) rotate(-8deg)}60%{transform:scale(.94)}}

/* hero */
.hero:before{animation:bmDrift 26s ease-in-out infinite alternate}
@keyframes bmDrift{to{transform:scale(1.14) translateY(-12px)}}
.hero-copy>*{opacity:0;transform:translateY(26px);animation:bmUp .8s var(--bm-ease) forwards}
.hero-copy>*:nth-child(2){animation-delay:.12s}.hero-copy>*:nth-child(3){animation-delay:.24s}
.hero-copy>*:nth-child(4){animation-delay:.36s}.hero-copy>*:nth-child(5){animation-delay:.48s}
@keyframes bmUp{to{opacity:1;transform:none}}
.hero h1{background:linear-gradient(100deg,#fff 35%,#d9f2e2 60%,#8fe6b0 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-carousel{animation:bmFloat 7s ease-in-out infinite}
@keyframes bmFloat{50%{transform:translateY(-12px)}}

/* buttons */
.btn-primary{position:relative;overflow:hidden}
.btn-primary:after{content:"";position:absolute;top:0;left:-70%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:bmShine 4s infinite}
@keyframes bmShine{60%,100%{left:130%}}
.deal-banner .btn-primary:after{display:none}

/* menu cards */
.product-image-plus{transition:transform .3s var(--bm-ease),box-shadow .3s,background .3s}
.product-image-plus:hover{transform:scale(1.18);box-shadow:0 6px 18px rgba(14,122,58,.4)}
.offer-card,.contact-card,.quick-grid>div,.feature-list>div,.deal-banner{transition:transform .35s var(--bm-ease),box-shadow .35s var(--bm-ease)}
.offer-card:hover img{transform:scale(1.05)}
.offer-card img{transition:transform .8s var(--bm-ease)}
.about-img{animation:bmFloat 8s ease-in-out infinite}

/* modals */
.modal.open .modal-card,.modal.show .modal-card,.modal[style*="flex"] .modal-card{animation:bmPop .45s var(--bm-ease)}
@keyframes bmPop{from{opacity:0;transform:translateY(30px) scale(.94)}}
.success-icon{animation:bmPulse 1.6s ease-out infinite}
@keyframes bmPulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}100%{box-shadow:0 0 0 26px rgba(22,163,74,0)}}

/* whatsapp */
.whatsapp-float{animation:bmRing 3s ease-in-out infinite}
@keyframes bmRing{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}50%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}

/* reveal on scroll */
.bm-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s var(--bm-ease),transform .8s var(--bm-ease);transition-delay:var(--d,0s)}
.bm-reveal.in{opacity:1;transform:none}

/* live order feel — soft gold glow on offer badge */
.offer-badge{box-shadow:0 4px 14px rgba(217,161,59,.4)}

:focus-visible{outline:3px solid var(--gold);outline-offset:3px}

/* Customer Experience UI Elements */
.fav-heart-btn{transition:transform .2s var(--bm-ease),opacity .2s;opacity:.85}
.fav-heart-btn:hover{transform:scale(1.18);opacity:1}
.fav-heart-btn.is-fav{opacity:1;filter:drop-shadow(0 2px 4px rgba(220,38,38,.3))}

.bm-filter-chips .bm-fchip{background:rgba(255,255,255,.65);border:1px solid rgba(22,163,74,.25);color:var(--mw-green-dd,#0A4F27);padding:10px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:99px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s var(--bm-ease)}
.bm-filter-chips .bm-fchip:hover{background:rgba(22,163,74,.12);border-color:var(--mw-green,#16A34A)}
.bm-filter-chips .bm-fchip.active{background:linear-gradient(135deg,#16A34A,#22C55E);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(22,163,74,.3)}

.spice-btn{transition:all .2s ease}
.spice-btn:hover{border-color:#16A34A!important}

.lang-btn{color:#E8C766!important;border:1.5px solid rgba(232,199,102,.5)!important;background:rgba(8,52,28,.7)!important;backdrop-filter:blur(8px)}
.lang-btn:hover{background:rgba(232,199,102,.15)!important;border-color:#E8C766!important}

/* Urdu Typography & RTL support */
html.lang-ur{font-family:'Noto Nastaliq Urdu','Jameel Noori Nastaleeq',Tahoma,sans-serif}
html.lang-ur h1,html.lang-ur h2,html.lang-ur h3{line-height:1.5;letter-spacing:0}
html.lang-ur .eyebrow{letter-spacing:0}
html.lang-ur .site-header .nav nav{flex-direction:row-reverse}

.bm-google-box{animation:bmIn .4s var(--bm-ease)}

@media(max-width:760px){.product-card:hover{transform:none}.hero-carousel{animation:none}.hero:before{animation:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.bm-reveal,.hero-copy>*{opacity:1;transform:none}}