.menu{padding:4rem 0;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);position:relative;color:var(--color-text);overflow:hidden}.menu:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(var(--current-color-rgb, 239, 106, 63),.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(var(--color-accent-rgb, 217, 248, 85),.06) 0%,transparent 50%);transition:all .8s ease}.menu__container{max-width:var(--page-width, 1200px);margin:0 auto;padding:0 var(--page-gutter, 2rem);position:relative;z-index:2}.menu__header{text-align:center;margin-bottom:3rem;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.menu__header.animate-in{opacity:1;transform:translateY(0)}.menu__title{font-family:var(--font-heading-family);font-size:clamp(2.4rem,4vw,3.2rem);font-weight:700;color:var(--current-color, var(--color-accent));margin-bottom:1rem;line-height:1.2}.menu__description{font-size:1.4rem;color:#fff9;max-width:50rem;margin:0 auto;line-height:1.5;font-family:var(--font-body-family)}.menu__categories{display:flex;justify-content:center;gap:.8rem;margin-bottom:3rem;flex-wrap:wrap;opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.menu__categories.animate-in{opacity:1;transform:translateY(0)}.menu__category-btn{padding:.6rem 1.4rem;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#ffffffb3;border-radius:20px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:1.2rem;text-transform:capitalize;font-family:var(--font-body-family)}.menu__category-btn:hover,.menu__category-btn--active{background:var(--current-color, var(--color-accent));border-color:var(--current-color, var(--color-accent));color:#0f0f0f;transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--current-color),.3)}.menu__scroll-wrapper{position:relative;width:100%;margin-bottom:2rem}.menu__scroll-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:44px;height:44px;border-radius:50%;background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.15);color:var(--current-color);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.menu__scroll-btn svg{transition:transform .2s ease}.menu__scroll-btn:hover{background:var(--current-color, var(--color-accent));border-color:var(--current-color, var(--color-accent));color:#0f0f0f;transform:translateY(-50%) scale(1.05)}.menu__scroll-btn--prev{left:-22px}.menu__scroll-btn--next{right:-22px}[dir=rtl] .menu__scroll-btn--prev{right:-22px;left:auto}[dir=rtl] .menu__scroll-btn--next{left:-22px;right:auto}[dir=rtl] .menu__scroll-btn svg{transform:scaleX(-1)}.menu__scroll-btn.hidden{opacity:0;pointer-events:none}.menu__scroll-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0;scroll-behavior:smooth}.menu__scroll-container::-webkit-scrollbar{display:none}.menu__grid{display:flex;gap:1.2rem;padding:.5rem;margin-bottom:2rem;width:max-content;min-width:100%}.menu__item{background:rgba(var(--color-primary),.03);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000014;border:1px solid rgba(var(--color-primary),.1);position:relative;min-width:340px;max-width:340px;flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(60px) scale(.9);transition:all .4s cubic-bezier(.4,0,.2,1)}.menu__item:hover{transform:translateY(-10px) scale(1.02);border-color:rgba(var(--color-primary),.15);box-shadow:0 20px 40px #0000004d}.menu__item.animate-in{animation:cardSlideIn .8s cubic-bezier(.4,0,.2,1) forwards;animation-delay:var(--animation-delay, 0s)}.menu__item:nth-child(1){animation-delay:.05s}.menu__item:nth-child(2){animation-delay:.1s}.menu__item:nth-child(3){animation-delay:.15s}.menu__item:nth-child(4){animation-delay:.2s}.menu__item:nth-child(5){animation-delay:.25s}.menu__item:nth-child(6){animation-delay:.3s}.menu__item:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026;border-color:var(--current-color, var(--color-accent))}.menu__item-image{position:relative;height:180px;overflow:hidden;border-radius:12px 12px 0 0}.menu__item-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.menu__item:hover .menu__item-image img{transform:scale(1.02)}.menu__item-placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#ffffff4d}.menu__item-price{position:absolute;display:none;top:1rem;right:1rem;background:var(--current-color, var(--color-accent));color:#0f0f0f;padding:.4rem .8rem;border-radius:6px;font-weight:600;font-size:1.2rem;font-family:var(--font-heading-family)}.menu__item-content{padding:1.5rem}.menu__item-name{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:.5rem;line-height:1.3;font-family:var(--font-heading-family)}.menu__item-description{color:#fff9;margin-bottom:1rem;line-height:1.4;font-size:1.2rem}.menu__item-nutrition{display:flex;gap:.6rem;margin-bottom:1rem;flex-wrap:wrap}.menu__nutrition-item{font-size:1rem;color:#ffffff80;background:#ffffff0d;padding:.3rem .6rem;border-radius:12px;border:1px solid rgba(255,255,255,.08);font-weight:400}.menu__nutrition-item strong{color:var(--current-color, var(--color-accent));font-weight:600}.menu__item-ingredients{margin-bottom:1rem;font-size:1rem;color:#fff6;line-height:1.4}.menu__item-ingredients strong{color:#ffffffb3;font-weight:500}.menu__item-prep-time{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;font-size:1rem;color:#ffffff80;font-weight:400}.menu__item-prep-time svg{color:var(--current-color, var(--color-accent));width:1.4rem;height:1.4rem}.menu__item-rating{display:flex;align-items:center;gap:.2rem}.menu__star{color:var(--current-color, var(--color-accent));width:1.4rem;height:1.4rem}.menu__star--filled,.menu__star--half{fill:var(--current-color, var(--color-accent))}.menu__rating-value{margin-left:.4rem;font-size:1.1rem;color:#ffffffb3;font-weight:500}.menu__bottom-cta{text-align:center;margin-top:6rem;padding:4rem;border-radius:24px;background:rgba(var(--color-primary),.03);border:1px solid rgba(var(--color-primary),.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transform:translateY(50px) scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1) .3s;will-change:opacity,transform}.menu__bottom-cta.animate-in{opacity:1;transform:translateY(0) scale(1)}.menu__bottom-cta-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;margin-bottom:1rem;color:var(--color-text);font-family:var(--font-heading-family)}.menu__bottom-cta-description{font-size:1.2rem;color:var(--color-text-subdued);max-width:600px;margin:0 auto 2rem;line-height:1.6}.menu__bottom-cta-button{display:inline-flex;align-items:center;padding:1rem 2rem;background:var(--color-primary);color:var(--color-background);text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;font-size:1.1rem;font-family:var(--font-heading-family);border:1px solid rgba(var(--color-primary),.2)}.menu__bottom-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(var(--color-primary),.3)}.menu--primary{--current-color: var(--color-primary);--current-color-rgb: var(--color-primary-rgb)}.menu--secondary{--current-color: var(--color-secondary);--current-color-rgb: var(--color-secondary-rgb)}.menu--accent{--current-color: var(--color-accent);--current-color-rgb: var(--color-accent-rgb)}.menu--cards .menu__item{background:rgba(var(--color-primary),.02);border:2px solid rgba(var(--color-primary),.1)}.menu--minimal .menu__item{box-shadow:none;border:1px solid rgba(var(--color-primary),.1);background:transparent}.menu--minimal .menu__item:hover{box-shadow:0 2px 12px rgba(var(--color-primary),.1)}@media (max-width: 768px){.menu{padding:3rem 0}.menu__bottom-cta{margin-top:4rem;padding:3rem 2rem}.menu__bottom-cta-title{font-size:2.2rem}.menu__bottom-cta-description{font-size:1.1rem}.menu__container{padding:0 1rem}.menu__title{font-size:2.6rem}.menu__description{font-size:1.3rem}.menu__categories{gap:.6rem;margin-bottom:2rem}.menu__category-btn{padding:.5rem 1.2rem;font-size:1.1rem}.menu__scroll-container{margin:0 -1rem;padding:1rem;width:calc(100% + 2rem)}.menu__grid{padding:.5rem}.menu__item{min-width:300px;max-width:300px}.menu__scroll-btn{width:36px;height:36px}.menu__scroll-btn--prev{left:-18px}.menu__scroll-btn--next{right:-18px}.menu__item-nutrition{gap:.5rem}}@media (max-width: 480px){.menu{padding:2.5rem 0}.menu__container{padding:0 1rem}.menu__title{font-size:2.2rem}.menu__description{font-size:1.2rem}.menu__categories{gap:.5rem;margin-bottom:1.5rem}.menu__category-btn{padding:.4rem 1rem;font-size:1rem}.menu__item-content{padding:1.2rem}.menu__item-name{font-size:1.3rem}.menu__item-description{font-size:1.1rem}.menu__item-price{padding:.3rem .6rem;display:none;font-size:1.1rem}.menu__cta-button{padding:.8rem 1.6rem;font-size:1.2rem}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(60px) scale(.9)}60%{opacity:.8;transform:translateY(-10px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}[dir=rtl] .menu__item-price{left:1.5rem;display:none;right:auto}[dir=rtl] .menu__item-prep-time,[dir=rtl] .menu__item-rating{flex-direction:row-reverse}[dir=rtl] .menu__rating-value{margin-left:0;margin-right:.8rem}
/*# sourceMappingURL=/cdn/shop/t/4/assets/menu.css.map */
