*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--background);color:var(--text-primary);line-height:1.6}.header{background-color:var(--surface);padding:var(--space-md) 0;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:var(--z-sticky);position:sticky;top:0}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width-container);margin:0 auto;padding:0 var(--space-lg)}.urdu-text{font-family:'Noto Nastaliq Urdu',serif;font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--primary-color);line-height:1.2}.menu-button{background:none;border:0;cursor:pointer;padding:var(--space-sm);color:var(--primary-color);font-size:var(--text-xl);border-radius:var(--radius-md);transition:var(--transition-base);display:flex;align-items:center;justify-content:center;width:48px;height:48px}.menu-button:hover{background:var(--primary-ultra-light);transform:scale(1.05)}.menu-button:active{transform:scale(.95)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:var(--z-modal-overlay);opacity:0;visibility:hidden;transition:var(--transition-base)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-menu{position:fixed;top:0;right:0;width:320px;height:100%;height:100dvh;max-height:100dvh;background:var(--surface);box-shadow:var(--shadow-xl);transform:translateX(100%);transition:var(--transition-base);z-index:var(--z-modal-content);display:flex;flex-direction:column;overflow-y:scroll;padding-bottom:env(safe-area-inset-bottom,0)}.sidebar-menu.active{transform:translateX(0)}.sidebar-header{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-on-primary);padding:var(--space-xl) var(--space-lg);position:relative}.sidebar-close{position:absolute;top:var(--space-md);left:var(--space-md);background:rgba(255,255,255,.1);border:0;color:var(--text-on-primary);width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition-base);backdrop-filter:blur(10px)}.sidebar-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.sidebar-user-info{text-align:center;margin-top:var(--space-sm)}.sidebar-user-avatar{width:64px;height:64px;background:rgba(255,255,255,.2);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:24px;margin:0 auto var(--space-md);border:3px solid rgba(255,255,255,.3)}.sidebar-user-name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:4px}.sidebar-user-email{font-family:var(--font-body);font-size:var(--text-sm);opacity:.9}.sidebar-user-guest{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.sidebar-content{flex:1;padding:0}.menu-section{padding-top:var(--space-lg)}.menu-section-title{padding:0 var(--space-lg) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.menu-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-md) var(--space-lg);color:var(--text-primary);text-decoration:none;transition:var(--transition-base);cursor:pointer;border:0;background:none;width:100%;text-align:right;font-size:var(--text-base);font-family:var(--font-body);position:relative}.menu-item:hover{background:var(--primary-ultra-light);color:var(--primary-color);padding-right:24px}.menu-item::before{content:'';position:absolute;right:0;top:0;bottom:0;width:4px;background:var(--primary-color);transform:scaleY(0);transition:var(--transition-base)}.menu-item:hover::before{transform:scaleY(1)}.menu-item i{font-size:20px;width:24px;text-align:center;flex-shrink:0}.menu-item-text{flex:1;font-weight:var(--font-weight-medium)}.menu-item-badge{background:var(--success-color);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-weight-semibold)}.menu-item-arrow{font-size:14px;color:var(--text-muted)}.collapsible-item{cursor:pointer;user-select:none}.collapsible-item.expanded{background:var(--surface-hover);color:var(--primary-color)}.collapsible-item.expanded::before{transform:scaleY(1)}.menu-item-arrow.rotated{transform:rotate(180deg)}.sub-menu{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;background:var(--surface-hover);border-right:4px solid var(--primary-color);margin-right:20px;border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.sub-menu.expanded{max-height:120px;padding:var(--space-sm) 0}.sub-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:var(--transition-base);border-right:3px solid transparent;font-family:var(--font-body)}.sub-menu-item:hover{background:var(--surface);color:var(--primary-color);border-right-color:var(--primary-color);padding-left:24px}.sub-menu-item i{font-size:16px;width:20px;text-align:center}.language-toggle{display:flex;background:var(--surface-hover);border-radius:var(--radius-md);padding:4px;margin:0 var(--space-lg)}.language-option{flex:1;background:none;border:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);font-family:var(--font-body)}.language-option.active{background:var(--primary-color);color:var(--text-on-primary);box-shadow:0 2px 4px rgba(245,158,11,.3)}.social-media{display:flex;justify-content:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg) 0}.social-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:#fff;text-decoration:none;font-size:18px;transition:var(--transition-base);box-shadow:var(--shadow-sm)}.social-icon.facebook{background:#1877f2}.social-icon.instagram{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.social-icon.whatsapp{background:#25d366}.social-icon:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.sidebar-footer{padding:var(--space-lg);border-top:1px solid var(--border);background:var(--surface);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0))}.logout-btn{width:100%;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-on-primary);border:0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md);font-family:var(--font-heading)}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,.3)}.powered-by{text-align:center;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-weight-medium);font-family:var(--font-body)}@media(max-width:768px){.sidebar-menu{width:280px}.menu-item{padding:14px var(--space-md)}.sidebar-header{padding:20px var(--space-md)}}@media(max-width:480px){.sidebar-menu{width:100vw;max-width:320px}}.menu-item{opacity:0;transform:translateX(20px);animation:slideInMenuItem .3s ease-out forwards}.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}@keyframes slideInMenuItem{to{opacity:1;transform:translateX(0)}}.search-component{width:100%;display:flex;flex-direction:column;align-items:center;margin:var(--space-xl) 0}.search-wrapper{position:relative;width:100%;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-base);display:flex;align-items:center;height:64px;border:2px solid transparent;overflow:hidden}.search-wrapper:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-ultra-light);transform:translateY(-2px)}.search-icon{width:24px;height:24px;fill:var(--text-muted);margin-right:var(--space-xl);transition:fill var(--transition-base)}.search-wrapper:focus-within .search-icon{fill:var(--primary-color)}.search__input{flex:1;border:0;background:transparent;font-family:var(--font-body);font-size:var(--text-lg);color:var(--text-primary);outline:0;height:100%;padding:0 var(--space-3xl) 0 var(--space-sm);z-index:2}.custom-placeholder{position:absolute;right:60px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted);font-family:var(--font-body);font-size:var(--text-lg);display:flex;align-items:center;white-space:nowrap;transition:opacity .2s ease;z-index:1}.search-wrapper.has-content .custom-placeholder,.search__input:focus+.custom-placeholder{opacity:0}.dynamic-word{color:var(--primary-color);font-weight:var(--font-weight-bold);display:inline-block;position:relative}.dynamic-word.slide-out{animation:slideUpFade .4s forwards}.dynamic-word.slide-in{animation:slideDownIn .5s forwards}@keyframes slideUpFade{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-15px);opacity:0}}@keyframes slideDownIn{0%{transform:translateY(-15px);opacity:0}100%{transform:translateY(0);opacity:1}}.clear-btn{position:absolute;left:var(--space-lg);background:var(--surface-hover);border:0;border-radius:var(--radius-full);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:var(--transition-base);font-size:18px;color:var(--text-secondary);z-index:3}.search-wrapper.has-content .clear-btn{opacity:1;pointer-events:auto}.clear-btn:hover{background:var(--surface-active);color:var(--text-primary)}.loading{text-align:center;padding:var(--space-3xl);color:var(--text-secondary);font-family:var(--font-body)}.spinner{border:3px solid var(--surface-hover);border-top:3px solid var(--primary-color);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto var(--space-md) auto}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}#product-search-grid-container{display:none;margin-top:var(--space-md)}.categories-explore-bar{padding:var(--space-xl) var(--space-md) var(--space-md) 0;width:100%;max-width:100%;margin:0 auto;animation:fadeIn var(--transition-smooth);overflow:hidden}.category-image-list{list-style:none;display:flex;gap:var(--space-xl);overflow-x:auto;padding:0;margin:0;scrollbar-width:none;scroll-snap-type:x mandatory;width:100vw}.category-image-list::-webkit-scrollbar{display:none}.category-image-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;scroll-snap-align:center}@media(min-width:1200px){.category-image-item a{width:150px;height:150px}}@media(min-width:992px){.category-image-item a{width:130px;height:130px}}@media(min-width:768px){.category-image-item a{width:110px;height:110px}}.category-image-item a{display:flex;align-items:center;justify-content:center;width:80px;height:80px;text-decoration:none;border-radius:var(--radius-lg);background-color:var(--surface);box-shadow:var(--shadow-sm);transition:var(--transition-base);position:relative;overflow:hidden;opacity:0;animation:slideInUp .6s cubic-bezier(.25,.46,.45,.94) forwards;background-position:center;background-image:var(--image-bg-image);background-repeat:no-repeat;background-size:cover;background-position:center}.category-image-item a:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.category-image-item img{max-width:100%;height:100%;object-fit:contain;transition:transform var(--transition-base)}.category-image-item a:hover img{transform:scale(1.1)}.category-image-item .category-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-align:center;margin-top:var(--space-sm);opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:.3s}.category-image-item a:hover+.category-name{color:var(--primary-color)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.category-image-item a{width:110px;height:110px}.categories-explore-bar{padding-left:var(--space-lg);padding-right:var(--space-lg)}}@media(min-width:992px){.category-image-item a{width:130px;height:130px}.category-image-item .category-name{font-size:var(--text-base)}}@media(min-width:1200px){.category-image-item a{width:150px;height:150px}}.category-explore-grid{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--surface);padding:8px 8px 8px 0!important;opacity:0;transform:translateY(-100%);transition:opacity .3s ease,transform .3s ease;pointer-events:none;border-radius:var(--radius-sm)}.category-explore-grid *{transition-timing-function:cubic-bezier(.4,0,.2,1)}.category-explore-grid.is-visible{position:sticky;opacity:1;transform:translateY(0);pointer-events:auto}.category-explore-list{display:flex;gap:12px;list-style:none;margin:0;padding:0 2px 0 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.category-explore-list::-webkit-scrollbar{display:none}.category-explore-item{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:4px;padding:10px;background:transparent;border-radius:14px;border:1px solid #e2e8f0;transition:all .25s ease-in-out;cursor:pointer}.category-image-item:last-child{padding-left:40px}.category-explore-link{width:42px;height:42px;border-radius:50%;background:transparent;display:grid;place-items:center;overflow:hidden;box-shadow:none;transition:transform .2s ease,box-shadow .2s ease}.category-explore-link img{width:100%;height:100%;object-fit:contain;border-radius:50%}.category-explore-name{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--text-secondary);white-space:nowrap;transform:translateY(2px);transition:all .25s ease}.category-explore-item:hover{background:var(--primary-ultra-light);border-color:var(--primary-light)}.category-explore-item:hover .category-explore-link{transform:scale(1.08);box-shadow:var(--shadow-md)}.category-explore-item:hover .category-explore-name{color:var(--primary-color)}.category-explore-item.is-active{background:var(--primary-ultra-light);border-color:var(--primary-color);box-shadow:var(--shadow-md)}.category-explore-item.is-active .category-explore-link{background:transparent;transform:scale(1);box-shadow:none}.category-explore-item.is-active .category-explore-name{color:var(--primary-dark);font-weight:var(--font-weight-bold);transform:translateY(0)}@media(min-width:992px){.category-explore-link{width:54px;height:54px}.category-explore-name{font-size:16px}}@media(min-width:1400px){.category-explore-list{gap:20px}.category-explore-link{width:64px;height:64px}}.category:last-child{border-bottom:0}.category .title{font-family:var(--font-body);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:var(--space-xl) 0;text-align:start}.empty-items{margin-top:var(--space-4xl);text-align:center;padding:var(--space-4xl) var(--space-xl);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.empty-items-icon{font-size:64px;color:var(--text-muted);margin-bottom:var(--space-lg);opacity:.5}.empty-items h2{color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold)}.empty-items p{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-2xl)}.start-ordering-btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-on-primary);border:0;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-sm)}.start-ordering-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.my-modal{font-family:var(--font-body);scrollbar-width:none}.my-modal::-webkit-scrollbar{display:none}.my-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--background);overflow:hidden;z-index:var(--z-modal-overlay);display:flex;flex-direction:column;scrollbar-width:none}.modal-content{display:flex;flex-direction:column;min-height:100vh;max-height:100vh;overflow:hidden;background:var(--background-gradient);margin:auto;box-shadow:var(--shadow-xl)}.modal-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:35vh;max-height:40vh;background-color:var(--primary-color);border-bottom-left-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl);overflow:hidden}.modal-header img{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));animation:slideInZoom 1s ease-out;border-radius:var(--radius-xl)}.modal-content{animation:modalSoftIn 220ms cubic-bezier(.4,0,.2,1)}.modal-body{flex:1;padding:20px;padding-bottom:30px;background-color:transparent;scrollbar-width:none;overflow-y:auto}.modal-footer{background-color:var(--surface);padding:15px 20px;box-shadow:0 -4px 12px rgba(0,0,0,.1);border-top:1px solid var(--border);position:sticky;bottom:0;width:100%;z-index:10;flex-shrink:0}.footer-content{display:flex;justify-content:space-between;align-items:center;gap:15px}.close{position:fixed;top:15px;right:15px;width:40px;height:40px;border:0;border-radius:var(--radius-full);background:rgba(255,255,255,.2);backdrop-filter:blur(5px);color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth);z-index:10}.close:hover{background:linear-gradient(135deg,var(--danger-color) 0%,var(--danger-dark) 100%);transform:scale(1.15) rotate(90deg);color:var(--surface)}.product-details{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:15px;animation:slideInUp .8s ease-out .3s both}.product-details .title{font-size:23px;font-weight:bold;color:var(--text-primary);flex:1}.product-details .price{color:var(--primary-dark);font-size:20px;font-weight:bold;white-space:nowrap}.description{line-height:1.6;font-size:clamp(14px,3vw,18px);color:var(--text-secondary);margin-bottom:25px;animation:slideInUp .8s ease-out .5s both}.counter-container{background-color:var(--surface);border-radius:var(--radius-md);padding:var(--space-sm);display:flex;align-items:center;justify-content:space-between;min-width:30%;box-shadow:var(--shadow-sm)}.counter-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:0;border-radius:var(--radius-md);width:40px;height:40px;font-size:var(--text-lg);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:0}.counter-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--shadow-md);background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary-color) 100%)}.counter-btn:active{transform:scale(.95);box-shadow:var(--shadow-sm)}.counter-btn:disabled{background-color:var(--text-disabled);cursor:not-allowed}#counterValue{min-width:30px;text-align:center;font-size:var(--text-lg);font-weight:var(--font-weight-bold);user-select:none}.checkout-btn{flex:1;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:0;border-radius:8px;padding:12px 20px;font-size:clamp(16px,3vw,20px);font-weight:bold;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.checkout-btn:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 6px 25px rgba(217,119,6,.4)}.checkout-btn:disabled,.checkout-btn.btn-disabled{cursor:not-allowed;box-shadow:none;pointer-events:none;border:1px solid var(--border);transform:none!important}.checkout-btn:disabled:hover,.checkout-btn.btn-disabled:hover{background:var(--surface-active);transform:none;box-shadow:none}.checkout-btn .price.updated{animation:fadeInUp .4s cubic-bezier(.25,.8,.25,1)}.button-text{display:flex;justify-content:space-between;align-items:center}.warning{color:var(--danger-dark)!important;font-size:1em!important;font-weight:bold!important;border:2px solid var(--danger-color)!important;border-radius:6px;padding:6px 12px;background-color:var(--danger-light)!important;animation:bounceGlow 1s ease-in-out;transition:all .3s ease-in-out}.variants{margin-bottom:25px;animation:slideInUp .8s ease-out .6s both}.topping{margin-bottom:20px;animation:slideInUp .8s ease-out .6s both}.variant-header,.topping-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.variant-header .title,.topping-header .title{font-size:22px;font-weight:bold;color:var(--text-primary);display:flex;align-items:center;gap:8px}.variant-header span,.topping-header span{font-size:clamp(12px,2.5vw,15px);background:var(--primary-ultra-light);color:var(--text-primary);padding:4px 8px;border-radius:8px;white-space:nowrap}.variant-options,.topping-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-bottom:16px}.variant-item,.topping-item{position:relative;padding:10px;border:0;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;min-height:180px;cursor:pointer;transition:var(--transition-smooth);animation:staggeredSlideIn .6s ease-out calc(.9s + var(--item-delay,0s)) both;box-shadow:rgba(6,5,50,.12) 0 4px 20px;background:var(--surface);min-width:110px;max-width:150px}.variant-item:nth-child(n),.topping-item:nth-child(n){--item-delay:calc(var(--index,0)*.05s)}.variant-item:hover,.topping-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px) scale(1.02);border-color:var(--primary-ultra-light)}.variant-image,.topping-image{width:100%;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.variant-img,.topping-img{max-width:80px;max-height:80px;border-radius:7px;object-fit:scale-down;transition:transform .3s ease;animation:modalSoftIn 220ms cubic-bezier(.4,0,.2,1)}.variant-item:hover .variant-img,.topping-item:hover .topping-img{transform:scale(1.1) rotate(2deg)}.variant-name,.topping-name{font-size:16px;font-weight:bold;text-align:center;line-height:1.4;margin:5px 0;flex:1;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.variant-price,.topping-price{font-weight:600;font-size:16px;margin-top:auto;padding-bottom:10px}.variant-item[data-selected="true"],.topping-item[data-selected="true"]{background:var(--primary-color);border-color:var(--primary-dark);box-shadow:var(--shadow-md);animation:selectPop 400ms cubic-bezier(.22,1,.36,1) forwards}.variant-item[data-selected="true"] .variant-name,.variant-item[data-selected="true"] .variant-price,.topping-item[data-selected="true"] .topping-name,.topping-item[data-selected="true"] .topping-price,.variant-item[data-selected="true"] .selected-icon,.topping-item[data-selected="true"] .selected-icon{color:var(--surface)}.variant-item[data-selected="true"] .selected-icon,.topping-item[data-selected="true"] .selected-icon{transform:scale(1.2) rotate(360deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.variant-item[data-selected="false"] .radio-selected,.topping-item[data-selected="false"] .radio-selected,.variant-item[data-selected="true"] .radio-unselected,.topping-item[data-selected="true"] .radio-unselected,.topping-item[data-selected="false"] .checkbox-selected,.topping-item[data-selected="true"] .checkbox-unselected{display:none}.topping-item[data-selected="false"]{animation:deselectShrink 220ms cubic-bezier(.22,1,.36,1)}.variant-item[data-selected="false"]{animation:deselectShrink 220ms cubic-bezier(.22,1,.36,1)}.selected-icon{position:absolute;top:8px;right:8px;font-size:18px;transition:var(--transition-smooth)}.option-counter{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:8px;background:rgba(255,255,255,.5);backdrop-filter:blur(4px);border-radius:16px;padding:4px 8px;box-shadow:var(--shadow-md);z-index:5;animation:counterSlideIn .3s ease-out;width:100%;height:25%;overflow:hidden}.variant-item[data-selected="true"] .option-counter,.topping-item[data-selected="true"] .option-counter{display:flex}.option-counter-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-on-primary);border:0;border-radius:50%;width:30px;height:30px;font-size:25px;font-weight:bold;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center}.option-counter-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-dark) 0%,#b45309 100%);transform:scale(1.1);box-shadow:0 2px 8px rgba(217,119,6,.4)}.option-counter-btn:disabled{background:var(--text-disabled);cursor:not-allowed;opacity:.6}.topping-header.warning-header{border:1px solid var(--danger-color);padding:10px;border-radius:20px;background:var(--danger-light);transition:all .3s ease-in-out}.pulse{animation:softPulse 1.8s ease-in-out infinite}@keyframes slideInZoom{0%{transform:translateX(-100%) scale(.8);opacity:0}100%{transform:translateX(0) scale(1);opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes staggeredSlideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatingBounce{0%{opacity:0;transform:translateY(-10px) scale(.8) rotate(-5deg)}50%{opacity:.8;transform:translateY(5px) scale(1.05) rotate(2deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes bounceGlow{0%{transform:scale(1);box-shadow:0 0 0 rgba(220,38,38,.4)}30%{transform:scale(1.15);box-shadow:0 0 15px rgba(220,38,38,.6)}60%{transform:scale(.95);box-shadow:0 0 10px rgba(220,38,38,.5)}100%{transform:scale(1);box-shadow:0 0 0 rgba(220,38,38,.4)}}@keyframes softPulse{0%,100%{box-shadow:0 0 0 rgba(220,38,38,.2)}50%{box-shadow:0 0 12px rgba(220,38,38,.4)}}@keyframes counterSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes modalZoomIn{0%{transform:scale(.8);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes modalSoftIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes selectPop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.02)}100%{opacity:1;transform:scale(1.03)}}@keyframes deselectShrink{0%{transform:scale(1.03)}50%{transform:scale(1.02)}80%{transform:scale(1.01)}100%{transform:scale(1)}}.image-slider{position:relative;width:100%;height:100%;overflow:hidden;display:block}.slider-container{position:relative;width:100%;height:100%;display:block}.slider-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;display:block}.slider-slide.active{opacity:1;pointer-events:auto}.slider-slide img{width:100%;height:100%;object-fit:cover;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));border-radius:var(--radius-xl);display:block}.single-image{width:100%;max-width:100%;height:100%;max-height:100%;object-fit:cover;filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));animation:slideInZoom 1s ease-out;border-radius:var(--radius-xl);display:block}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.9);border:0;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.15);color:var(--primary-color);font-size:18px}.slider-arrow:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.25)}.slider-arrow:active{transform:translateY(-50%) scale(.95)}.slider-arrow-prev{right:15px}.slider-arrow-next{left:15px}.slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:20}.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.5);border:2px solid rgba(255,255,255,.8);cursor:pointer;transition:all .3s ease;padding:0}.slider-dot.active{background:var(--primary-color);border-color:var(--primary-color);width:30px;border-radius:5px}.slider-dot:hover{background:rgba(255,255,255,.9);transform:scale(1.2)}@media(max-width:767px){.my-modal{display:block;overflow-y:auto;overflow-x:hidden}.modal-content{display:flex;flex-direction:column;min-height:100vh;max-height:none}.modal-header{position:relative;flex-shrink:0;background-color:var(--primary-color);height:38vh}.image-slider,.slider-container{display:block!important;width:100%;height:100%}.slider-slide{display:block!important}.slider-slide img,.single-image{display:block!important;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-xl)}.slider-arrow{width:35px;height:35px;font-size:14px}.slider-arrow-prev{right:10px}.slider-arrow-next{left:10px}.slider-dots{bottom:15px;gap:8px}.slider-dot{width:8px;height:8px}.slider-dot.active{width:24px}.modal-scroll-area{flex:1;overflow:visible;display:flex;flex-direction:column}.modal-body{flex:1;padding:15px;padding-bottom:20px;overflow:visible}.modal-footer{position:fixed;bottom:0;left:0;right:0;width:100%;padding:12px 15px}.topping:last-child{margin-bottom:150px}.variant-options,.topping-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.variant-item,.topping-item{min-height:160px;padding:8px;min-width:unset;max-width:unset}.variant-image,.topping-image{height:50px}.variant-img,.topping-img{max-width:50px;max-height:50px}.variant-name,.topping-name{font-size:13px;min-height:35px}.variant-price,.topping-price{font-size:14px}}@media(min-width:768px){.my-modal{background:rgba(0,0,0,.6);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:var(--space-2xl)}.modal-content{display:flex;flex-direction:row-reverse;width:85vw;max-width:900px;height:80vh;max-height:650px;min-height:auto;border-radius:var(--radius-2xl);overflow:hidden}.modal-header{flex:0 0 45%;min-height:100%;max-height:100%;height:38vh;border-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:var(--primary-color)}.image-slider,.slider-container{display:block!important;width:100%;height:100%}.slider-slide{display:block!important}.modal-header img,.slider-slide img,.single-image{display:block!important;width:100%;height:100%;border-radius:0;object-fit:cover}.modal-scroll-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--background-gradient)}.modal-body{flex:1;overflow-y:auto;padding:var(--space-2xl);padding-bottom:var(--space-xl);scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--surface-variant)}.modal-body::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-full)}.modal-footer{flex-shrink:0;position:sticky;bottom:0;padding:var(--space-lg) var(--space-2xl);border-radius:0}.close{position:absolute;top:var(--space-lg);left:var(--space-lg);right:auto;font-size:22px;width:44px;height:44px}.product-details{gap:var(--space-lg);margin-bottom:var(--space-lg)}.product-details .title{font-size:22px}.product-details .price{font-size:20px}.description{font-size:15px;margin-bottom:var(--space-xl)}.variant-options,.topping-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.variant-item,.topping-item{min-height:170px;padding:var(--space-md);min-width:unset;max-width:unset}.variant-image,.topping-image{height:60px}.variant-img,.topping-img{max-width:60px;max-height:60px}.variant-name,.topping-name{font-size:14px;min-height:34px}.variant-price,.topping-price{font-size:15px}.variant-header .title,.topping-header .title{font-size:19px}.topping{margin-bottom:var(--space-lg)}.footer-content{gap:var(--space-lg)}.counter-btn{width:40px;height:40px;font-size:18px}.checkout-btn{padding:12px 20px;font-size:16px}}@media(min-width:1024px){.my-modal{padding:var(--space-3xl)}.modal-content{width:80vw;max-width:1100px;height:85vh;max-height:750px}.modal-header{flex:0 0 48%}.modal-body{padding:var(--space-3xl);padding-bottom:var(--space-2xl)}.close{top:var(--space-xl);left:var(--space-xl);font-size:24px;width:48px;height:48px}.product-details{gap:var(--space-xl);margin-bottom:var(--space-xl)}.product-details .title{font-size:26px}.product-details .price{font-size:24px}.description{font-size:16px;margin-bottom:var(--space-2xl);line-height:1.7}.variant-options,.topping-options{grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.variant-item,.topping-item{min-height:180px;padding:var(--space-md)}.variant-item:hover,.topping-item:hover{transform:translateY(-4px) scale(1.02)}.variant-image,.topping-image{height:65px}.variant-img,.topping-img{max-width:65px;max-height:65px}.variant-name,.topping-name{font-size:15px;min-height:36px}.variant-price,.topping-price{font-size:16px}.variant-header .title,.topping-header .title{font-size:21px}.modal-footer{padding:var(--space-xl) var(--space-3xl)}.counter-btn{width:42px;height:42px;font-size:20px}.checkout-btn{padding:14px 24px;font-size:18px}.checkout-btn:hover{transform:translateY(-2px)}}@media(min-width:1280px){.modal-content{max-width:1200px}.modal-body{padding:var(--space-4xl)}.product-details .title{font-size:28px}.product-details .price{font-size:26px}.description{font-size:17px}.variant-options,.topping-options{gap:var(--space-lg)}.variant-item,.topping-item{min-height:200px;padding:var(--space-lg)}.variant-image,.topping-image{height:75px}.variant-img,.topping-img{max-width:75px;max-height:75px}.variant-name,.topping-name{font-size:16px;min-height:38px}.variant-price,.topping-price{font-size:17px}.variant-header .title,.topping-header .title{font-size:23px}.checkout-btn{padding:16px 28px;font-size:19px}}.Rectangle-Item-Layout{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.rectangle-card{display:flex;flex-direction:row;background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-base);cursor:pointer;height:100%;max-height:180px}.rectangle-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.rectangle-card--out-of-stock{opacity:1;cursor:not-allowed;background:var(--surface-variant)}.rectangle-card--out-of-stock:hover{transform:none;box-shadow:var(--shadow-sm)}.rectangle-card--out-of-stock .rectangle-card__image img{filter:grayscale(100%) opacity(.6)}.rectangle-card--out-of-stock .rectangle-card__title,.rectangle-card--out-of-stock .rectangle-card__description,.rectangle-card--out-of-stock .rectangle-card__price{color:var(--text-disabled)}.rectangle-card__out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--danger-color);color:var(--text-on-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--text-sm);z-index:10;box-shadow:var(--shadow-lg);white-space:nowrap}.rectangle-card__image{position:relative;flex-shrink:0;width:140px;height:140px;border-radius:var(--radius-xl);margin:var(--space-sm) var(--space-sm) var(--space-sm) 0;overflow:hidden;background:var(--background);background-image:var(--image-bg-image);background-repeat:no-repeat;background-size:cover;background-position:center}.rectangle-card__image img{width:100%;height:100%;object-fit:scale-down;object-position:center;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:block}.rectangle-card:hover .rectangle-card__image img{transform:scale(1.1)}.rectangle-card__info{flex:1;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:space-between;min-width:0}.rectangle-card__text-content{flex:1}.rectangle-card__title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding-bottom:2px}.rectangle-card__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.rectangle-card__price-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0}.rectangle-card__price{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;white-space:nowrap}.rectangle-card__btn-add{background:var(--primary-color);color:var(--text-on-primary);border:0;border-radius:var(--radius-full);width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;transition:var(--transition-base);flex-shrink:0}.rectangle-card__btn-add:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.1)}.rectangle-card__btn-add:disabled{background:var(--text-disabled);cursor:not-allowed;opacity:.5}@media(min-width:500px){.rectangle-card{flex-direction:column;max-height:none}.rectangle-card__image{width:calc(100% - var(--space-lg));height:auto;aspect-ratio:1/1;margin:var(--space-sm) auto var(--space-md) auto;border-radius:var(--radius-xl)}.rectangle-card__info{padding:0 var(--space-lg) var(--space-lg) var(--space-lg)}.rectangle-card__title{-webkit-line-clamp:unset;font-size:var(--text-2xl);padding-top:10px}.rectangle-card__description{-webkit-line-clamp:unset}}@media(min-width:600px){.Rectangle-Item-Layout{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.Rectangle-Item-Layout{grid-template-columns:repeat(3,1fr)}}.two-Square-Item-Layout{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:0}.two-square-card{display:flex;flex-direction:column;background:var(--background);border-radius:var(--radius-2xl);overflow:hidden;transition:var(--transition-base);cursor:pointer;height:100%}.two-square-card--out-of-stock{opacity:1;cursor:not-allowed;background:var(--surface-variant)}.two-square-card--out-of-stock:hover{transform:none}.two-square-card--out-of-stock .two-square-card__image img{filter:grayscale(100%) opacity(.6)}.two-square-card--out-of-stock .two-square-card__title,.two-square-card--out-of-stock .two-square-card__description,.two-square-card--out-of-stock .two-square-card__price{color:var(--text-disabled)}.two-square-card__out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--danger-color);color:var(--text-on-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--text-sm);z-index:10;box-shadow:var(--shadow-lg);white-space:nowrap}.two-square-card__image{position:relative;width:calc(100% - 10px);aspect-ratio:auto;border-radius:var(--radius-xl);margin:5px 5px 0 5px;overflow:hidden;background:var(--surface);flex-shrink:0;background-image:var(--image-bg-image);background-repeat:no-repeat;background-size:cover;background-position:center}.two-square-card__image img{width:100%;height:100%;object-fit:scale-down;object-position:center;transition:transform .3s ease;display:block}.two-square-card:hover .two-square-card__image img{transform:scale(1.05)}.two-square-card__info{flex:1;padding:var(--space-md);display:flex;flex-direction:column;justify-content:space-between;min-height:0}.two-square-card__text-content{flex:1;margin-bottom:var(--space-sm)}.two-square-card__title{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.two-square-card__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;margin:0;display:none}.two-square-card__price-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);flex-shrink:0}.two-square-card__price{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;white-space:nowrap}.two-square-card__btn-add{background:var(--primary-color);color:var(--text-on-primary);border:0;border-radius:var(--radius-full);width:36px;height:36px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;transition:var(--transition-base);flex-shrink:0;display:none}.two-square-card__btn-add:hover:not(:disabled){background:var(--danger-color);transform:scale(1.05)}.two-square-card__btn-add:disabled{background:var(--text-disabled);cursor:not-allowed;opacity:.5}@media(min-width:500px){.two-square-card{background:var(--surface);box-shadow:var(--shadow-sm)}.two-square-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.two-square-card__image{width:calc(100% - 10px);height:auto;aspect-ratio:1/1;margin:5px}.two-square-card__image img{width:100%;height:100%;object-fit:cover;object-position:center}.two-square-card__description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.two-square-card__btn-add{display:flex}}@media(min-width:600px){.two-Square-Item-Layout{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}}@media(min-width:992px){.two-Square-Item-Layout{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}}.Square-Item-Layout{display:grid;grid-template-columns:1fr;gap:var(--space-xl);padding:0}.square-card{display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);overflow:hidden;transition:var(--transition-base);cursor:pointer;height:100%}.square-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-light)}.square-card--out-of-stock{opacity:1;cursor:not-allowed;background:var(--surface-variant)}.square-card--out-of-stock:hover{transform:none;box-shadow:var(--shadow-sm)}.square-card--out-of-stock .square-card__image img{filter:grayscale(100%) opacity(.6)}.square-card--out-of-stock .square-card__title,.square-card--out-of-stock .square-card__description,.square-card--out-of-stock .square-card__price{color:var(--text-disabled)}.square-card__out-of-stock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--danger-color);color:var(--text-on-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);font-size:var(--text-sm);z-index:10;box-shadow:var(--shadow-lg);white-space:nowrap}.square-card__image{position:relative;width:calc(100% - 10px);height:350px;border-radius:var(--radius-xl);margin:5px auto;overflow:hidden;background:var(--background);flex-shrink:0;background-image:var(--image-bg-image);background-repeat:no-repeat;background-size:cover;background-position:center}.square-card__image img{width:100%;height:100%;object-fit:scale-down;object-position:center;transition:transform .3s ease;display:block}.square-card:hover .square-card__image img{transform:scale(1.05)}.square-card__info{flex:1;padding:var(--space-lg);display:flex;flex-direction:column;justify-content:space-between;min-height:0}.square-card__text-content{flex:1;margin-bottom:var(--space-md)}.square-card__title{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0;line-height:1.3}.square-card__description{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.square-card__price-actions{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-shrink:0}.square-card__price{font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--primary-color);margin:0;white-space:nowrap}.square-card__btn-add{background:var(--primary-color);color:var(--text-on-primary);border:0;border-radius:var(--radius-full);width:36px;height:36px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1;cursor:pointer;transition:var(--transition-base);flex-shrink:0}.square-card__btn-add:hover:not(:disabled){background:var(--danger-color);transform:scale(1.1)}.square-card__btn-add:disabled{background:var(--text-disabled);cursor:not-allowed;opacity:.5}@media(min-width:500px){.square-card__image{width:calc(100% - 10px);height:auto;aspect-ratio:1/1;margin:5px auto}}@media(min-width:600px){.Square-Item-Layout{grid-template-columns:repeat(2,1fr)}}@media(min-width:992px){.Square-Item-Layout{grid-template-columns:repeat(3,1fr)}}.cart-access_btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));background:var(--primary-color);box-shadow:0 -2px 6px rgba(0,0,0,.1);border-radius:15px;padding:12px!important;display:flex!important;justify-content:space-between;align-items:center;position:sticky;bottom:20px;max-width:1000px!important;max-height:80px!important;margin:0 auto;opacity:0;visibility:hidden;transform:translateY(100%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.cart-access_btn.is-visible{opacity:1;visibility:visible;transform:translateY(0);z-index:1000}.cart-access-thumbnails{display:flex;align-items:center;gap:8px}.cart-access-thumbnails .title{font-size:24px;font-weight:bold;color:#fff}.thumbnails__preview{display:flex;align-items:center}.thumbnails__preview img,.cart-access__overflow{width:50px;height:50px;border-radius:50%;border:2px solid #ccc;object-fit:scale-down;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:20px;background-color:#fff;transition:transform .3s ease;margin-left:-12px}.cart-access__overflow{color:#000}.cart-access_btn--slideUpFooter{animation:slideUpFooter .4s ease-out both}.cart-access__total{font-size:24px;font-weight:bold;color:#fff;display:flex;align-items:flex-end;gap:5px}@keyframes slideUpFooter{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}.branch-closed-container{max-width:1400px;margin:30px auto;padding:0 20px}.branch-closed-widget{background:linear-gradient(145deg,#fee2e2 0%,#fecaca 100%);border-radius:20px;padding:0;box-shadow:0 10px 30px rgba(239,68,68,.2);border:1.5px solid rgba(239,68,68,.3);position:relative;overflow:hidden;transition:all .3s ease}.branch-closed-widget:hover{box-shadow:0 15px 40px rgba(239,68,68,.25);transform:translateY(-3px)}.branch-closed-header{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);padding:2rem;position:relative;overflow:hidden}.branch-closed-header::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4;pointer-events:none}.header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.closed-icon-container{width:72px;height:72px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3);flex-shrink:0;transition:transform .3s ease}.branch-closed-widget:hover .closed-icon-container{transform:scale(1.08) rotate(-3deg)}.closed-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));line-height:1}.branch-info{flex:1;color:#fff;min-width:0}.closed-title{font-size:1.75rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.2);margin:0;line-height:1.3;letter-spacing:-.01em}.alert-banner{background:linear-gradient(135deg,rgba(252,165,165,.9) 0%,rgba(248,113,113,.9) 100%);backdrop-filter:blur(8px);color:#7f1d1d;padding:1.25rem 2rem;text-align:center;font-weight:600;font-size:1.05rem;border-top:1px solid rgba(220,38,38,.2);position:relative;letter-spacing:.01em}.alert-banner-text{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.75rem}.alert-banner-icon{font-size:1.25rem;animation:iconPulse 2s ease-in-out infinite;line-height:1}@keyframes iconPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.branch-closed-widget{animation:fadeInUp .5s ease-out}.branch-closed-widget:focus-within{outline:3px solid rgba(220,38,38,.5);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.branch-closed-widget:hover{transform:none}.branch-closed-widget:hover .closed-icon-container{transform:none}}@media(max-width:768px){.branch-closed-header{padding:1.75rem}.closed-icon-container{width:64px;height:64px}.closed-icon{font-size:2.25rem}.closed-title{font-size:1.5rem}.alert-banner{font-size:.95rem;padding:1.1rem 1.5rem}.alert-banner-icon{font-size:1.15rem}}@media(max-width:480px){.branch-closed-container{margin:20px auto;padding:0 15px}.branch-closed-header{padding:1.5rem}.header-content{gap:1.25rem}.closed-icon-container{width:56px;height:56px}.closed-icon{font-size:2rem}.closed-title{font-size:1.3rem}.alert-banner{font-size:.9rem;padding:1rem}.alert-banner-icon{font-size:1.1rem}}@media(max-width:360px){.closed-title{font-size:1.15rem}.alert-banner{font-size:.85rem}}.order-tracker{font-family:'Cairo',sans-serif;direction:rtl;width:100%;margin:30px auto}.order-progress-widget{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);padding:0;box-shadow:0 20px 60px rgba(0,0,0,.1),0 8px 24px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.8);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:20px;display:block;transition:all .3s cubic-bezier(.4,0,.2,1)}.order-progress-widget:hover{transform:translateY(-2px);box-shadow:0 25px 70px rgba(0,0,0,.12),0 10px 30px rgba(0,0,0,.08)}.gradient-header{padding:1.5rem 2rem;position:relative;overflow:hidden;transition:all .4s ease}.gradient-header::before{content:'';position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:headerShine 3s ease-in-out infinite}.header-content{display:flex;align-items:center;gap:1.5rem;position:relative;z-index:2}.status-avatar{width:70px;height:70px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.2);position:relative;flex-shrink:0;transition:all .3s ease}.status-avatar::after{content:'';position:absolute;inset:-3px;border-radius:23px;padding:3px;background:linear-gradient(45deg,rgba(255,255,255,.3),transparent,rgba(255,255,255,.3));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;animation:borderRotate 3s linear infinite}.order-progress-widget:hover .status-avatar{transform:scale(1.05)}.status-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));animation:iconFloat 4s ease-in-out infinite}.status-info{color:#fff;flex:1}.status-label{font-size:.85rem;opacity:.9;font-weight:500;margin-bottom:.25rem;display:flex;justify-content:space-between}.status-title{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.status-time{font-size:1.2rem;opacity:.9;font-weight:500}.top-buttons-container{position:absolute;top:1.2rem;left:1.2rem;z-index:15;display:flex;flex-direction:column;gap:.6rem}.btn-primary{color:#000;border:0;border-radius:12px;font-weight:bold;font-size:.8rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:dashed;display:inline-flex;align-items:center;gap:.5rem;backdrop-filter:blur(10px);white-space:nowrap;letter-spacing:.02em;margin-top:-23px;margin-left:-11px;text-decoration:underline;text-underline-offset:5px}.btn-primary::before{font-size:.9em;transition:transform .3s ease}.btn-primary:hover{transform:translateY(-3px) scale(1.02)}.btn-primary:hover::before{transform:scale(1.1) rotate(5deg)}.btn-not-arrived{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important;color:#fff!important;border:0!important;padding:.5rem 1rem!important;border-radius:10px!important;font-weight:600!important;font-size:.75rem!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 3px 12px rgba(245,158,11,.25)!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)!important;position:relative;overflow:hidden;display:none;align-items:center;gap:.4rem}.btn-not-arrived::before{content:'❓';font-size:.8em;transition:transform .3s ease}.btn-not-arrived:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 6px 20px rgba(245,158,11,.35)!important}.confirmation-buttons-container{flex-direction:row;gap:1rem;justify-content:center}.confirmation-buttons-container.show{display:flex;flex-direction:row;animation:slideUpConfirm .5s ease-out;margin-top:10px;padding:0 10px}.btn-confirm-received{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;color:#fff!important;border:0!important;padding:.8rem 1.5rem!important;border-radius:12px!important;font-weight:600!important;font-size:.9rem!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px rgba(16,185,129,.3)!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.btn-confirm-received:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 25px rgba(16,185,129,.4)!important;background:linear-gradient(135deg,#059669 0%,#047857 100%)!important}.btn-not-received{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;color:#fff!important;border:0!important;padding:.8rem 1.5rem!important;border-radius:12px!important;font-weight:600!important;font-size:.9rem!important;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 15px rgba(239,68,68,.3)!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)!important;display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.btn-not-received:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 25px rgba(239,68,68,.4)!important;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)!important}.order-status-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);backdrop-filter:blur(8px)}.order-status-modal-content{background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);margin:15% auto;padding:0;border:0;width:90%;max-width:420px;border-radius:24px;box-shadow:0 25px 80px rgba(0,0,0,.15);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);font-family:'Cairo',sans-serif;direction:rtl;overflow:hidden}.order-status-modal-header{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;padding:2rem 2rem 1.5rem;text-align:center;position:relative}.order-status-modal-header::before{content:'⚠️';font-size:2rem;display:block;margin-bottom:.5rem}.order-status-modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.order-status-modal-body{padding:2.5rem 2rem;text-align:center;color:#374151}.order-status-modal-body p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.6}.order-status-branch-info{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);padding:1.2rem;border-radius:16px;margin:1.5rem 0;border:1px solid rgba(229,231,235,.5)}.order-status-branch-info strong{color:#1f2937;font-size:1.2rem}.order-status-modal-footer{padding:1.5rem 2rem 2rem;text-align:center;border-top:1px solid #e5e7eb}.order-status-close-btn{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);color:#fff;border:0;padding:.8rem 2.5rem;border-radius:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'Cairo',sans-serif;font-size:1rem}.order-status-close-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(107,114,128,.4)}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUpConfirm{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes headerShine{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes borderRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes iconFloat{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-3px) rotate(-2deg)}}@media(max-width:768px){.confirmation-buttons-container{flex-direction:column;gap:.75rem}.btn-confirm-received,.btn-not-received{padding:.7rem 1.2rem!important;font-size:.85rem!important}.order-status-modal-content{margin:10% auto;width:95%}}@media(max-width:480px){.confirmation-buttons-container{bottom:1rem;right:1rem;left:1rem}.order-status-modal-content{margin:5% auto}}*** End Patch *{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background:var(--background);min-height:100vh;display:flex;flex-direction:column}.footer{background:var(--surface-elevated);border-top:1px solid var(--border-light);padding:var(--space-3xl) 0 var(--space-2xl);margin-top:50px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3xl);margin-bottom:var(--space-3xl);width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 var(--space-lg)}.footer-section-title{font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.footer-section-title i{color:var(--primary-color);font-size:var(--text-xl)}.app-download{display:flex;flex-direction:column;gap:var(--space-md)}.app-btn{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);transition:var(--transition-base);position:relative;overflow:hidden}.app-btn:not(.disabled-link):hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.app-btn.disabled-link{opacity:.6;cursor:not-allowed;background:var(--surface-hover)}.app-btn i{font-size:2rem;color:var(--text-primary)}.app-btn-text{display:flex;flex-direction:column;flex:1}.app-btn-small{font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.app-btn-large{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.coming-soon-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);background:var(--primary-color);color:var(--text-on-primary);font-size:var(--text-xs);padding:2px var(--space-sm);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold)}.quick-links{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-medium);transition:var(--transition-base)}.footer-link:hover{background:var(--primary-ultra-light);border-color:var(--primary-light);transform:translateX(-4px)}.footer-link i{color:var(--primary-color);font-size:var(--text-lg);min-width:20px}.contact-links{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-semibold);transition:var(--transition-base)}.contact-btn.whatsapp:hover{background:var(--success-color);border-color:var(--success-color);color:var(--text-on-primary)}.contact-btn.phone:hover{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.contact-btn i{font-size:var(--text-xl)}.footer-bottom{padding-top:var(--space-2xl);border-top:1px solid var(--border-light);text-align:center;width:100%}.footer-credit{font-size:.82rem;color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-top:var(--space-md)}.footer-credit span{color:var(--primary-color);font-weight:var(--font-weight-bold)}.footer-branding-icon{color:var(--primary-color);margin-left:6px}.footer-branding-link{color:var(--primary-color);text-decoration:none;font-weight:var(--font-weight-semibold)}.footer-branding-link:hover{text-decoration:underline}.admin-link{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:var(--text-on-primary);border-color:transparent}.admin-link:hover{background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));transform:translateX(-4px) scale(1.02)}.admin-link i{color:var(--text-on-primary)}@media(max-width:768px){.footer{padding:var(--space-2xl) 0 var(--space-lg)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"links contact" "app app";gap:var(--space-lg)}.footer-section:nth-child(2){grid-area:links}.footer-section:nth-child(3){grid-area:contact}.footer-section:nth-child(1){grid-area:app}.footer-section-title{font-size:var(--text-base);justify-content:center}.app-download{flex-direction:row;justify-content:space-between}.app-btn{flex:1;padding:var(--space-sm) var(--space-md);justify-content:center}.app-btn-text{display:none}.app-btn i{font-size:1.5rem;margin:0}.contact-btn,.footer-link{padding:var(--space-md);font-size:var(--text-sm)}}