@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@400;700;900&display=swap";body{font-family:Montserrat,sans-serif;background-color:#000;color:#fff;overflow-x:hidden}.app{min-height:100vh;background:#000;position:relative}.settings-buttons{position:fixed;top:20px;right:20px;z-index:10000;display:flex;gap:10px;opacity:0;animation:fade-in .6s ease-out forwards;animation-delay:2.5s}.settings-btn{width:45px;height:45px;border-radius:50%;border:2px solid #da3030;background:#000c;color:#fff;font-family:Bebas Neue,sans-serif;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-btn:hover{background:#da3030;transform:scale(1.1)}.settings-btn.winter-btn{font-size:20px}.settings-btn.winter-btn.active{background:#1569b2;border-color:#1569b2;box-shadow:0 0 20px #1569b280}.settings-btn.lang-btn{font-weight:700;letter-spacing:1px}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;border:2px solid #da3030;background:#000000d9;color:gold;font-size:28px;font-weight:700;cursor:pointer;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .25s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #da303066;animation:fadeInUp .3s ease-out}.scroll-to-top:hover{background:#da3030;color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #da303099}.scroll-to-top:active{transform:translateY(-1px) scale(1)}.winter-mode .scroll-to-top{border-color:#1569b2;color:#fff;box-shadow:0 4px 15px #1569b266}.winter-mode .scroll-to-top:hover{background:#1569b2;box-shadow:0 6px 20px #1569b299}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.snowflakes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998;overflow:hidden}.snowflake{position:absolute;top:-20px;color:#fff;animation:snowfall linear infinite;text-shadow:0 0 5px rgba(255,255,255,.5)}@keyframes snowfall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.winter-mode{background:#000}.winter-mode .top-bar,.winter-mode .menu-item,.winter-mode .nav button{border-color:#1569b2}.winter-mode .nav button:hover{background:#1569b2;box-shadow:0 0 15px #fff6}.winter-mode .nav button.active{background:#1569b2;box-shadow:0 0 20px #fff9}.winter-mode .footer,.winter-mode .settings-btn{border-color:#1569b2}.winter-mode .settings-btn:hover{background:#1569b2}.winter-mode .logo-image{box-shadow:0 0 40px 15px #1569b280;animation:logo-glow-intro-winter 1.2s ease-out forwards}@keyframes logo-glow-intro-winter{0%{box-shadow:0 0 150px 80px #1569b2}30%{box-shadow:0 0 100px 50px #1569b2d9}to{box-shadow:0 0 40px 15px #1569b280}}.winter-mode .center-phone{color:#1569b2}.winter-mode .price-tag{color:#fff;background:#1569b2;box-shadow:0 4px 15px #1569b280}.winter-mode .stars span{color:gold}.winter-mode .header-stripe{background:linear-gradient(90deg,#1569b2,#1569b2)}.winter-mode .delivery-title,.winter-mode .footer-slogan{color:#1569b2}.winter-mode .bull-circle{background:linear-gradient(135deg,#1569b2,#1569b2)}.winter-mode .menu-item-name{color:#1569b2}.header-stripe{background:linear-gradient(90deg,#da3030,#da3030);padding:12px 0;text-align:center;font-family:Bebas Neue,sans-serif;font-size:20px;letter-spacing:3px;font-weight:400}.top-bar{background:#000;padding:20px 60px;display:flex;justify-content:center;align-items:center;border-bottom:4px solid #da3030;position:relative;opacity:0;animation:fade-in .5s ease-out forwards;animation-delay:3.2s}.center-info{text-align:center}.center-phone{font-family:Bebas Neue,sans-serif;font-size:48px;color:#da3030;letter-spacing:2px;margin-bottom:5px}.center-address{font-size:24px;color:#fff;font-weight:700;letter-spacing:1px}.center-hours{font-size:20px;color:#ccc;font-weight:400;margin-top:5px}.logo-section{display:flex;align-items:center;gap:30px}.halal-logo{font-family:Bebas Neue,sans-serif;text-align:center;line-height:1;opacity:0;animation:fade-in .6s ease-out forwards;animation-delay:1.3s}.arabic{font-size:40px;color:gold;font-weight:700;letter-spacing:3px}.halal-text{font-size:24px;color:gold;letter-spacing:3px;margin-top:-3px}.phone-vertical{font-family:Bebas Neue,sans-serif;font-size:90px;color:#da3030;letter-spacing:-2px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);line-height:.8;font-weight:400}.phone-horizontal{font-family:Bebas Neue,sans-serif;font-size:42px;color:#da3030;letter-spacing:2px;font-weight:400}.slogan{font-family:Bebas Neue,sans-serif;font-size:100px;color:#fff;letter-spacing:-5px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);line-height:.9;font-weight:400}.slogan-horizontal{font-family:Bebas Neue,sans-serif;font-size:48px;color:#fff;letter-spacing:2px;font-weight:400}.contact-info{text-align:right}.phone{font-family:Bebas Neue,sans-serif;font-size:42px;color:#da3030;letter-spacing:2px;margin-bottom:8px}.address{font-size:20px;color:#fff;font-weight:700;margin-bottom:5px}.hours{font-size:18px;color:#ccc;font-weight:400}.nav{display:flex;justify-content:center;gap:20px;padding:40px 20px;background:#000;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:content-appear .8s ease-out forwards;animation-delay:3.7s}.nav button{font-family:Bebas Neue,sans-serif;font-size:32px;padding:15px 40px;background:transparent;color:#fff;border:3px solid #da3030;cursor:pointer;transition:all .3s ease;letter-spacing:2px;transform:skew(-5deg)}.nav button:hover{background:#da3030;transform:skew(-5deg) scale(1.05)}.nav button.active{background:#da3030;box-shadow:0 0 20px #da303099}.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;padding:40px 60px;background:#0a0a0a;opacity:0;transform:translateY(20px);animation:menuSlideIn .6s ease-out forwards}.menu-grid.initial-load{animation-delay:3.9s}.menu-item{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border:2px solid #da3030;padding:25px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden;opacity:0;animation:menuItemFadeIn .5s ease-out forwards;display:flex;flex-direction:column}.menu-item:nth-child(1){animation-delay:.1s}.menu-item:nth-child(2){animation-delay:.15s}.menu-item:nth-child(3){animation-delay:.2s}.menu-item:nth-child(4){animation-delay:.25s}.menu-item:nth-child(5){animation-delay:.3s}.menu-item:nth-child(6){animation-delay:.35s}.menu-item:nth-child(7){animation-delay:.4s}.menu-item:nth-child(8){animation-delay:.45s}.menu-item:nth-child(9){animation-delay:.5s}.menu-item:nth-child(n+10){animation-delay:.55s}.menu-grid.initial-load .menu-item:nth-child(1){animation-delay:4s}.menu-grid.initial-load .menu-item:nth-child(2){animation-delay:4.05s}.menu-grid.initial-load .menu-item:nth-child(3){animation-delay:4.1s}.menu-grid.initial-load .menu-item:nth-child(4){animation-delay:4.15s}.menu-grid.initial-load .menu-item:nth-child(5){animation-delay:4.2s}.menu-grid.initial-load .menu-item:nth-child(6){animation-delay:4.25s}.menu-grid.initial-load .menu-item:nth-child(7){animation-delay:4.3s}.menu-grid.initial-load .menu-item:nth-child(8){animation-delay:4.35s}.menu-grid.initial-load .menu-item:nth-child(9){animation-delay:4.4s}.menu-grid.initial-load .menu-item:nth-child(n+10){animation-delay:4.45s}.menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(218,48,48,.1),transparent);transition:left .5s ease}.menu-item:hover:before{left:100%}.menu-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #da30304d;border-color:gold}.winter-mode .menu-item:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.winter-mode .menu-item:hover{box-shadow:0 10px 30px #1569b24d;border-color:#fff}.menu-item-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;gap:8px}.menu-item-name{font-family:Bebas Neue,sans-serif;font-size:32px;color:gold;letter-spacing:2px;transform:skew(-3deg);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.price-tag{font-family:Bebas Neue,sans-serif;font-size:36px;color:#fff;background:#da3030;padding:5px 18px;border-radius:5px;transform:skew(-5deg);box-shadow:0 4px 15px #da303080;white-space:nowrap;align-self:flex-start}.menu-item-content{flex:1;display:flex;flex-direction:column}.menu-item-description{font-size:14px;color:#ccc;line-height:1.6;font-weight:400}.menu-item.expanded{border-color:gold}.winter-mode .menu-item.expanded{border-color:#fff}.menu-item-details{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.7,.2,.2,1),margin-top .4s,opacity .3s;opacity:0;margin-top:0;flex-shrink:0}.menu-item-details.show{max-height:300px;opacity:1;margin-top:20px}.menu-item-photo-wrapper{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.menu-item-photo{width:100%;height:200px;border-radius:8px;overflow:hidden;background:#000;border:4px solid #FFD700;box-sizing:border-box}.winter-mode .menu-item-photo{border-color:#1569b2;background:#000}.menu-item-photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.menu-item:hover .menu-item-photo img{transform:scale(1.05)}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#1a1a1a,#252525)}.placeholder-icon{font-size:50px;opacity:.5;animation:pulse-icon 2s ease-in-out infinite}@keyframes pulse-icon{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.7}}.placeholder-text{font-family:Bebas Neue,sans-serif;font-size:18px;color:#666;letter-spacing:2px}.super-combo-item{grid-column:span 2}.super-combo-photos{display:flex;gap:10px;width:100%;height:200px}.super-combo-left,.super-combo-right{flex:1;height:100%;border-radius:8px;overflow:hidden;background:#000;border:4px solid #FFD700;box-sizing:border-box;position:relative}.winter-mode .super-combo-left,.winter-mode .super-combo-right{border-color:#1569b2}.super-combo-left img,.super-combo-right img{width:100%;height:100%;object-fit:contain}.super-combo-right img{animation:rotatingFade .4s ease-in-out}@keyframes rotatingFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.super-combo-item:hover .super-combo-left img,.super-combo-item:hover .super-combo-right img{transform:scale(1.05)}.footer{background:#000;padding:60px 40px 40px;border-top:4px solid #da3030;opacity:0;transform:translateY(20px);animation:content-appear .8s ease-out forwards;animation-delay:4.1s}.delivery-banner{display:flex;justify-content:space-between;align-items:center;width:100%;flex-wrap:wrap;gap:20px;padding:20px 40px;overflow:visible}.logo-halal-group{display:flex;flex-direction:column;align-items:center;gap:15px;animation:logo-slide-left 1.5s ease-out forwards;animation-delay:1.8s;transform:translate(calc(50vw - 150px))}@keyframes logo-slide-left{0%{transform:translate(calc(50vw - 150px))}to{transform:translate(0)}}.delivery-text{flex:0 0 auto;text-align:right;opacity:0;transform:translate(100px);animation:text-slide-in 1s ease-out forwards;animation-delay:2.8s}@keyframes text-slide-in{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.delivery-title{font-family:Bebas Neue,sans-serif;font-size:80px;color:#da3030;letter-spacing:3px;line-height:.9;font-weight:400;transform:skew(-5deg)}.delivery-subtitle{font-family:Bebas Neue,sans-serif;font-size:36px;color:#fff;letter-spacing:2px;margin-top:10px}.delivery-minimum{font-family:Bebas Neue,sans-serif;font-size:32px;color:#fff;letter-spacing:2px;margin-top:5px}.bull-logo{position:relative;z-index:10}.logo-image{width:220px;height:220px;border-radius:50%;object-fit:cover;object-position:center top;box-shadow:0 0 40px 15px #da303080;animation:logo-glow-intro 1.2s ease-out forwards;position:relative;z-index:10}@keyframes logo-glow-intro{0%{box-shadow:0 0 150px 80px #da3030}30%{box-shadow:0 0 100px 50px #da3030d9}to{box-shadow:0 0 40px 15px #da303080}}.logo-index-container{display:flex;justify-content:center;align-items:center;height:70px;opacity:0;animation:fade-in .6s ease-out forwards;animation-delay:1s;position:relative;z-index:1}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-index{width:180px;height:60px;object-fit:contain}.bull-circle{width:120px;height:120px;background:linear-gradient(135deg,#da3030,#da3030);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 10px 40px #da303080}.bull-silhouette{font-size:60px;filter:brightness(0) invert(1)}.food-point-logo{font-family:Bebas Neue,sans-serif;font-size:60px;color:#fff;letter-spacing:3px;text-align:left;line-height:1;margin-left:10px}.red-ampersand{color:#da3030;font-size:70px;margin:0 5px}.center-section{text-align:center;padding:20px 0;background:#000;opacity:0;transform:translateY(20px);animation:content-appear .8s ease-out forwards;animation-delay:3.5s}@keyframes content-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes menuItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stars{display:flex;justify-content:center;gap:40px;margin:10px 0;font-size:50px;color:gold}.footer-slogan{font-family:Bebas Neue,sans-serif;font-size:28px;text-align:center;color:#fff;letter-spacing:3px;margin-top:10px}@media (max-width: 1200px){.top-bar{padding:30px 40px}.phone-vertical{font-size:70px}.slogan{font-size:80px}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:30px 40px;gap:25px}.super-combo-item{grid-column:span 1}}@media (max-width: 768px){.top-bar{flex-direction:column;padding:20px;gap:20px}.logo-section{flex-direction:column}.phone-vertical,.slogan{writing-mode:horizontal-tb;transform:none;font-size:40px}.phone{font-size:32px}.nav{flex-direction:column;padding:20px}.nav button{width:100%;font-size:28px;padding:12px 30px}.menu-grid{grid-template-columns:1fr;padding:20px;gap:20px}.super-combo-item{grid-column:span 1}.super-combo-photos{flex-direction:column;height:auto;gap:15px}.super-combo-left,.super-combo-right{flex:none;width:100%;height:220px}.super-combo-item .menu-item-details.show{max-height:500px}.menu-item-name{font-size:26px}.price-tag{font-size:32px;padding:6px 15px}.delivery-banner{flex-direction:column;text-align:center;align-items:center}.logo-halal-group{transform:translate(0);animation:none}.delivery-text{text-align:center;opacity:0;transform:translateY(30px);animation:mobile-text-appear .8s ease-out forwards;animation-delay:1.8s}@keyframes mobile-text-appear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delivery-title{font-size:60px}.logo-image{width:250px;height:250px;animation:mobile-logo-shrink 1.5s ease-out forwards,logo-glow-intro 1.2s ease-out forwards;animation-delay:.5s,0s}@keyframes mobile-logo-shrink{0%{width:250px;height:250px}to{width:150px;height:150px}}.logo-index-container{animation-delay:1s;height:50px}.halal-logo{animation-delay:1.3s}.top-bar{animation-delay:2.5s}.center-phone{font-size:36px}.center-address{font-size:18px}.center-hours{font-size:16px}.halal-logo .arabic{font-size:30px}.halal-logo .halal-text{font-size:18px}.logo-index{width:120px;height:40px}.food-point-logo{text-align:center}}:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}