@import"https://fonts.googleapis.com/css2?family=Open+Sauce+One:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";.product-card{background:#fff;border-radius:12px;width:100%;height:auto;min-height:220px;text-align:center;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:12px 8px 10px;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.product-card img{width:100%;max-width:100%;height:110px;object-fit:contain;margin:0 auto 8px}.product-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}.product-info h3{font-size:.8rem;font-weight:700;line-height:1.3;max-height:36px;margin:0;padding:0 4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;text-align:center}.quantity-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.product-info input.quantity-input{width:45px;height:28px;text-align:center;font-size:.75rem;border:1px solid #ddd;border-radius:6px;padding:4px;outline:none}.product-info input.quantity-input:focus{border-color:#aa0a0a}.product-info button.wishlist-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.product-info button.wishlist-btn:active{transform:scale(.9)}.product-info button.wishlist-btn svg{fill:red}.product-info button.add-cart-btn{background:#a27526;color:#fff;border:none;width:100%;max-width:130px;height:32px;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:4px}.product-info button.add-cart-btn svg{flex-shrink:0}.product-info button.add-cart-btn:hover{background:#8b6422}.product-info button.add-cart-btn:active{transform:scale(.95)}@media (max-width: 768px){.products-section{padding:20px 10px 30px}.products-section h2{font-size:1.6rem;margin-bottom:10px}.products-section p{font-size:.95rem;margin-bottom:18px;padding:0 15px;line-height:1.5}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;padding:0}.product-card{min-height:240px;padding:12px 10px}.product-card img{height:105px;margin-bottom:10px}.product-info{gap:10px}.product-info h3{font-size:.85rem;line-height:1.3}.product-info button.add-cart-btn{height:auto;min-height:38px;font-size:.8rem;max-width:100%;padding:8px 12px;gap:5px}.product-info button.add-cart-btn svg{width:18px;height:18px}.product-info input.quantity-input{width:52px;height:34px;font-size:.85rem}.product-info button.wishlist-btn{padding:8px;min-width:34px;min-height:34px}.product-info button.wishlist-btn svg{width:22px;height:22px}.products-wrapper{padding:12px 8px;margin:0 8px;border-radius:12px}.quantity-row{gap:10px}.infinite-scroll-container{margin-top:12px;padding:18px 0 35px}.banner-section{margin-top:12px;margin-bottom:20px}}@media (max-width: 480px){.products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.products-section h2{font-size:1.4rem}.products-section p{font-size:.85rem;padding:0 10px}.product-card{min-height:220px;padding:10px 8px}.product-card img{height:90px}.product-info h3{font-size:.78rem}.product-info button.add-cart-btn{font-size:.72rem;min-height:36px;padding:6px 10px;gap:4px}.product-info button.add-cart-btn svg{width:16px;height:16px}.product-info input.quantity-input{width:48px;height:30px;font-size:.8rem}.products-wrapper{padding:10px 6px;margin:0 5px}}@media (max-width: 360px){.products-grid{gap:8px}.product-card{min-height:200px;padding:8px 6px}.product-card img{height:80px}.product-info h3{font-size:.72rem}.product-info button.add-cart-btn{font-size:.68rem;gap:3px}.product-info button.add-cart-btn svg{width:14px;height:14px}}.modal-cart-btn{width:auto!important;max-width:180px!important;padding:10px 18px!important;font-size:.9rem!important}.modal-cart-btn svg{width:14px!important;height:14px!important;margin-right:6px}@media (display-mode: standalone){html,body{overflow-x:hidden!important;font-family:Open Sauce One,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom,#f4e7cc,#f2eee6);min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}#root{display:block!important;visibility:visible!important;opacity:1!important;flex:1;width:100%}.main-content{flex:1;display:block!important;visibility:visible!important}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #e0e0e0;display:flex!important;justify-content:space-around;align-items:center;padding:10px 0;padding-bottom:calc(10px + env(safe-area-inset-bottom));z-index:200;box-shadow:0 -2px 8px #00000014}nav{display:block!important;visibility:visible!important}}@media (display-mode: minimal-ui){html,body{overflow-x:hidden!important;font-family:Open Sauce One,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom,#f4e7cc,#f2eee6);min-height:100vh;display:flex;flex-direction:column}#root{display:block!important;visibility:visible!important;opacity:1!important;flex:1;width:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #e0e0e0;display:flex!important;justify-content:space-around;align-items:center;padding:10px 0;z-index:200;box-shadow:0 -2px 8px #00000014}}body.standalone-mode{overflow-x:hidden!important;font-family:Open Sauce One,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom,#f4e7cc,#f2eee6);min-height:100vh;display:flex;flex-direction:column}body.standalone-mode #root{display:block!important;visibility:visible!important;opacity:1!important;flex:1;width:100%}body.standalone-mode .main-content{flex:1;display:block!important;visibility:visible!important}body.standalone-mode .bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #e0e0e0;display:flex!important;justify-content:space-around;align-items:center;padding:10px 0;z-index:200;box-shadow:0 -2px 8px #00000014}@media (max-width: 760px){html,body{overflow-x:hidden!important;font-family:Open Sauce One,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom,#f4e7cc,#f2eee6);min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}h1,h2{font-family:Poppins,sans-serif;color:#4a3728;text-transform:uppercase;text-align:center;margin-bottom:15px}.app-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;z-index:99999;transition:opacity .3s ease,visibility .3s ease}.app-loader.loaded{opacity:0;visibility:hidden}.app-loader .logo{width:120px;height:120px;background:url(/logo.png) center/contain no-repeat;-webkit-mask-size:contain;mask-size:contain;animation:loader-spin 1.4s linear infinite}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{min-height:100vh;padding-top:0}body.no-top-nav{padding-top:0}body.no-top-nav .main-content{margin-top:0!important}body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-around;align-items:center;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:200;box-shadow:0 -2px 8px #00000014;transition:transform .3s ease}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#000;cursor:pointer;position:relative;text-decoration:none;padding:4px 12px;transition:color .2s ease;min-width:60px}.bottom-nav .nav-item.active{color:#aa0a0a}.bottom-nav .nav-item svg{width:24px;height:24px;fill:#000;margin-bottom:4px;transition:fill .2s ease}.bottom-nav .nav-item.active svg{fill:#aa0a0a}.bottom-nav .nav-item:active{transform:scale(.95)}.bottom-nav .cart-badge{position:absolute;top:0;right:8px;background:#aa0a0a;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:700;padding:2px;margin-right:1px}nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:transform .3s ease;background-color:#fff}.nav-right{margin-right:10px};nav.hidden{transform:translateY(-100%)}button[type=submit]{background-color:#aa0a0a;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;width:auto;display:block;margin:0 auto;transition:background-color .3s}button[type=submit]:hover{background-color:#880808}button[onclick="window.history.back()"]{background:#aa0a0a;border:none;color:#fff;padding:10px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .2s;margin-bottom:20px}button[onclick="window.history.back()"]:hover{background:#880808}.search-container{display:flex;align-items:center;background:transparent;border:1.5px solid #ccc;border-radius:30px;padding:2px 10px;height:45px;position:relative;width:100%;max-width:280px;transition:border-color .2s ease}.search-container img{height:40px;width:50px;margin-right:6px}.search-container input{font-size:16px;padding:4px;background:transparent}.search-icon{width:18px;height:18px;right:8px}.infinite-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;background:linear-gradient(to bottom,#f28730,#f4e7cc);padding:20px 0 40px;margin-top:90px;position:relative;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.infinite-scroll-container::-webkit-scrollbar{display:none}.infinite-scroll-track{display:flex;gap:20px;animation:infiniteScroll 40s linear infinite;will-change:transform;animation-play-state:running}.infinite-scroll-container:active .infinite-scroll-track{animation-play-state:paused}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-card{flex-shrink:0;width:120px;perspective:1000px}.card-inner{position:relative;width:100%;height:100px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.card-inner:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px #0003}.card-inner img{max-width:75%;max-height:75%;object-fit:contain;pointer-events:none}.best-seller-tag,.offer-tag,.new-tag,.energy-tag,.healthy-tag,.trending-tag{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transform-origin:top center;pointer-events:none;z-index:10;animation:tagSwing 2.5s ease-in-out infinite}@keyframes tagSwing{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-4deg)}75%{transform:translate(-50%) rotate(4deg)}}.best-seller-tag:before,.offer-tag:before,.new-tag:before,.energy-tag:before,.healthy-tag:before,.trending-tag:before{content:"";width:2px;height:15px;background:#555;margin-bottom:-2px}.best-seller-tag,.offer-tag,.new-tag,.energy-tag,.healthy-tag,.trending-tag{padding:15px 5px 5px;border-radius:4px 4px 15px 15px;font-size:7px;font-weight:900;color:#fff;text-align:center;line-height:1.2;width:60px;height:35px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:2px 2px 5px #0003}.best-seller-tag:after,.offer-tag:after,.new-tag:after,.energy-tag:after,.healthy-tag:after,.trending-tag:after{content:"";position:absolute;top:15px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:inset 0 1px 1px #0000004d}.best-seller-tag{background-color:#c62828!important}.offer-tag{background-color:#f9a825!important;color:#000}.new-tag{background-color:#5d4037!important}.energy-tag{background-color:#e62e2e!important}.healthy-tag{background-color:#2e7d32!important}.trending-tag{background-color:#1565c0!important}.banner-section{position:relative;width:90%;background:#fff;margin-top:20px;height:160px;overflow:hidden;border-radius:16px;margin-left:20%;margin-right:20%;box-shadow:0 10px 30px #0000001f}.carousel-slides{position:relative;width:100%;max-width:1900px;margin:0 auto;height:100%;overflow:hidden;border-radius:16px}.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease-in-out}.banner-slide.active{opacity:1;z-index:1}.banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}.banner-video{width:100%!important;height:100%!important;max-height:350px;object-fit:cover!important;object-position:center;background:#000;display:block;border-radius:25px!important;margin:0 auto;-webkit-playsinline:true;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;width:10px;height:10px}@media (min-width: 768px){.banner-section{height:340px}.carousel-slides{height:100%}}@media (min-width: 992px){.banner-section{height:400px}}@media (min-width: 1200px){.banner-section{height:600px}}@media screen and (max-width: 768px){.products-collage{overflow-x:hidden;padding:30px 10px;background-color:#f4e7cc;opacity:0;transform:translateY(20px)}.products-collage.visible{animation:fadeIn .8s ease-out forwards}.collage-container{display:flex;flex-direction:column;gap:15px;height:auto;width:100%;max-width:100%;box-sizing:border-box;margin:50px auto 0}.collage-header h2{text-transform:uppercase;color:#4a3728;font-family:Poppins,sans-serif;font-size:1.2rem;text-align:center}.main-feature-area{width:100%;height:auto;position:relative}.feature-slide{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px}.feature-slide img{width:100%;max-height:230px;object-fit:contain;display:block;margin:0 auto}.feature-details{position:static;width:100%;background:transparent;padding:0 10px;display:flex;flex-direction:column;align-items:center;gap:10px}.feature-details h3{font-size:1.1rem;font-family:Poppins,sans-serif;font-weight:600;color:#2c2c2c;margin:0;text-align:center}.rating{display:none}.cart-btn{background-color:#a27526;color:#fff;border:none;padding:12px 20px;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:6px;width:90%;display:flex;align-items:center;justify-content:center;gap:8px}.cart-btn:hover{background-color:#3e2723;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cart-btn:active{transform:translateY(0)}.thumbnail-sidebar{display:flex;gap:10px;justify-content:center;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch;padding-left:0}.thumb-item{flex:0 0 80px;height:80px;padding:5px;border:2px solid transparent;border-radius:8px;transition:all .3s ease}.thumb-item.active{border-color:#8b5e3c;background-color:#fff;box-shadow:0 2px 8px #0000001a}.thumb-item img{width:100%;height:100%;object-fit:contain}.thumbnail-sidebar::-webkit-scrollbar{display:none}.thumbnail-sidebar{-ms-overflow-style:none;scrollbar-width:none}.nav-arrow{position:absolute;top:40%;transform:translateY(-50%);background:#4a3728b3;color:#fff;border:none;padding:15px;font-size:1.5rem;cursor:pointer;z-index:10;transition:background .3s ease}.nav-arrow:hover{background:#4a3728e6}.nav-arrow.prev{left:0}.nav-arrow.next{right:0}}.products-section{text-align:center;padding:20px 0 10px}.products-section h2{font-family:Poppins,sans-serif;font-size:1.5rem;color:#4a3728;margin-bottom:5px;text-transform:uppercase}.products-section p{color:#666;font-size:.9rem;margin-bottom:15px;padding:0 10px}.products-wrapper{background:#fff;padding:12px;margin:10px 5px;border-radius:10px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;justify-items:center;width:100%}.product-card{background:#fff;border-radius:10px;width:100%;height:155px;text-align:center;box-shadow:0 2px 5px #00000012;display:flex;flex-direction:column;overflow:hidden}.product-card.searched{max-width:160px;width:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #00000014;padding:10px;cursor:pointer;animation:fadeIn .45s ease forwards;transition:transform .25s ease,box-shadow .25s ease}.product-card{background:#fff;border-radius:12px;width:100%;height:auto;min-height:220px;text-align:center;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:12px 8px 10px;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.product-card img{width:100%;max-width:100%;height:110px;object-fit:contain;margin:0 auto 8px}.product-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0}.product-info h3{font-size:.8rem;font-weight:700;line-height:1.3;max-height:36px;margin:0;padding:0 4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;text-align:center}.quantity-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.product-info input.quantity-input{width:45px;height:28px;text-align:center;font-size:.75rem;border:1px solid #ddd;border-radius:6px;padding:4px;outline:none}.product-info input.quantity-input:focus{border-color:#aa0a0a}.product-info button.wishlist-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.product-info button.wishlist-btn:active{transform:scale(.9)}.product-info button.wishlist-btn svg{fill:red}.product-info button.add-cart-btn{background:#a27526;color:#fff;border:none;width:100%;max-width:130px;height:32px;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s ease,transform .1s ease;display:flex;align-items:center;justify-content:center;gap:4px}.product-info button.add-cart-btn svg{flex-shrink:0}.product-info button.add-cart-btn:hover{background:#8b6422}.product-info button.add-cart-btn:active{transform:scale(.95)}.product-card.searched{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 16px #00000012;padding:10px;cursor:pointer;animation:fadeIn .45s ease forwards;transition:transform .25s ease,box-shadow .25s ease;height:auto;min-height:200px}.product-card.searched:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 25px #0000001f}.product-card.searched img{width:100%;height:90px;object-fit:cover;border-radius:10px;margin-bottom:8px;background:#f3f3f3}.product-card.searched h2{font-size:.85rem;font-weight:600;color:#222;line-height:1.2;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav-icon{cursor:pointer;transition:transform .2s,opacity .2s;position:relative;display:flex;align-items:center;justify-content:center;padding:4px}.nav-icon svg{width:19px;height:19px;fill:#333;transition:fill .2s;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 32px #1f26871a}@keyframes arrowSlide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.about-us-section{max-width:1200px;margin:40px auto;padding:0 15px;text-align:center;clear:both}.about-section h2{margin-bottom:20px;color:#4a3728;font-family:Poppins,sans-serif;font-size:1.2rem;text-transform:uppercase;opacity:0;transform:translateY(20px)}.about-section h2.visible{animation:fadeIn .8s ease-out forwards}.about-section p{font-size:.95rem;line-height:1.6;color:#555;text-align:center;padding:0 15px;opacity:0;transform:translateY(20px)}.about-section p.visible{animation:fadeIn .8s ease-out .2s both}.connect-section{text-align:center;padding:0 15px 40px;margin-top:40px}.connect-section h2{font-size:1.2rem;font-weight:200;color:#333;font-family:Poppins,sans-serif;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px;opacity:0;transform:translateY(20px)}.connect-section h2.visible{animation:fadeIn .8s ease-out forwards}.contact-info{background:#fff;padding:30px 20px;border-radius:20px;box-shadow:0 10px 40px #0000000f;margin-bottom:20px;opacity:0;transform:translateY(20px)}.contact-info.visible{animation:fadeIn .8s ease-out .2s forwards}.contact-info p{color:#666;margin-bottom:20px;line-height:1.5}.contact-item{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;padding:12px;background:#f9f9f9;border-radius:12px}.contact-item i{color:#aa0a0a;font-size:1.2rem}.contact-item a{color:#333;font-weight:600;text-decoration:none}.social-links-labeled{display:flex;flex-direction:column;gap:15px;opacity:0;transform:translateY(20px)}.social-links-labeled.visible{animation:fadeIn .8s ease-out .4s forwards}.social-links-labeled a{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;padding:15px;border-radius:12px;color:#333;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 5px 15px #0000000d;text-decoration:none;transition:transform .2s}.social-links-labeled a:active{transform:scale(.98)}.social-links-labeled a i{font-size:1.4rem}.social-links-labeled a:nth-child(1) i{color:#e1306c}.social-links-labeled a:nth-child(2) i{color:#1877f2}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}body>div:first-child svg{width:70px;height:70px}#profile-view{background:#fff;padding:25px 20px;margin:20px 15px;border-radius:25px;box-shadow:0 10px 30px #00000014;border:1px solid #f0f0f0}.profile-columns{display:flex;flex-direction:column;gap:15px}.profile-column{background:#fff;padding:0;border-radius:0;border-left:none}.profile-column label{display:block;font-size:.85rem;color:#666;margin-bottom:6px;font-weight:600}.profile-column input{width:100%;padding:12px 15px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;outline:none;transition:all .3s ease;box-shadow:0 2px 5px #00000005;margin-bottom:10px}.profile-column select{width:100%;padding:12px 15px;font-size:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;outline:none;transition:all .3s ease;box-shadow:0 2px 5px #00000005;margin-bottom:10px;max-width:100%;box-sizing:border-box}.profile-column input:focus,.profile-column select:focus{border-color:#aa0a0a;background:#fff;box-shadow:0 5px 15px #aa0a0a0d}#save-profile-btn{width:100%;padding:14px;background:#aa0a0a;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;box-shadow:0 8px 20px #aa0a0a33}#save-profile-btn:active{transform:scale(.98);background:#880808}.main-content{max-width:95%;margin:0 auto 20px;padding:0 15px}#complaint-form{width:100%;padding:25px;background:#fff;border-radius:12px}#complaint-form select,#complaint-form textarea{width:100%;padding:12px;margin-bottom:15px}button[onclick="window.history.back()"]{position:absolute;top:15px;left:15px;background:#aa0a0a;color:#fff;padding:10px 15px}}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:2000;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.quick-card{background:#fffffff2;width:85%;max-width:320px;border-radius:24px;padding:20px;text-align:center;box-shadow:0 20px 40px #0000004d;transform:scale(.8);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.modal-overlay.active .quick-card{transform:scale(1)}.quick-card img{width:150px;height:150px;object-fit:contain;margin-bottom:15px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.1))}.quick-card h3{font-family:Poppins,sans-serif;font-weight:700;font-size:1.4rem;margin-bottom:10px;color:#333}.quick-card p{font-size:.9rem;color:#666;margin-bottom:20px}.modal-add-btn{background:#aa0a0a;color:#fff;border:none;padding:12px 24px;border-radius:30px;font-weight:700;width:100%;font-size:1rem;cursor:pointer;transition:transform .2s,background .2s;box-shadow:0 4px 15px #aa0a0a4d}.modal-add-btn:active{transform:scale(.95);background:#880808}.close-modal{position:absolute;top:-15px;right:-15px;background:#fff;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;cursor:pointer;box-shadow:0 4px 10px #0003;border:none}.booking-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:3000;opacity:0;transition:opacity .4s ease}.booking-modal.active{display:flex;opacity:1}.booking-content{background:#fff;width:90%;max-width:350px;padding:30px 20px;border-radius:24px;text-align:center;box-shadow:0 20px 50px #00000080;position:relative;overflow:hidden}.booking-content h2{font-family:Poppins,sans-serif;color:#2c3e50;font-size:1.5rem;margin-bottom:15px}.booking-content p{color:#7f8c8d;font-size:.95rem;line-height:1.5;margin-bottom:30px}.delivery-scene{width:120px;height:120px;margin:20px auto;border-radius:50%;position:relative;overflow:hidden;background:#87ceeb;border:4px solid #fff;box-shadow:0 5px 15px #0003}.moving-bg{position:absolute;top:0;left:0;width:200%;height:100%;background-image:linear-gradient(to right,transparent 0%,transparent 100%),url(https://img.freepik.com/free-vector/landscape-with-mountains-trees_1048-9311.jpg?t=st=1735651000~exp=1735654600~hmac=0a6d5c6d5c6d5c6d5c6d5c6d);background-size:50% 100%;animation:scrollBg 4s linear infinite;opacity:.6;background:repeating-linear-gradient(to right,#87ceeb 0% 40%,#2ecc71 40.1% 45%,#87ceeb 45.1% 100%);background-size:100px 100%}@keyframes scrollBg{0%{transform:translate(0)}to{transform:translate(-100px)}}.road-surface{position:absolute;bottom:0;width:100%;height:30px;background:#555;border-top:2px solid #fff}.van-stationary{position:absolute;bottom:5px;left:0%;font-size:35px;color:#aa0a0a;z-index:2;animation:vanMoveRight 3s ease-in-out infinite}@keyframes vanMoveRight{0%{left:-10%;transform:scaleX(-1) translateY(0)}25%{transform:scaleX(-1) translateY(-2px)}50%{left:50%;transform:scaleX(-1) translateY(0)}75%{transform:scaleX(-1) translateY(-2px)}to{left:110%;transform:scaleX(-1) translateY(0)}}.van-icon,.delivery-track{display:none}.ok-btn{background:#aa0a0a;color:#fff;border:none;padding:12px 30px;border-radius:25px;font-weight:700;margin-top:20px;cursor:pointer;box-shadow:0 5px 15px #aa0a0a4d}video::-webkit-media-controls-start-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}video::-webkit-media-controls{display:none!important;opacity:0!important}video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}video::-webkit-media-controls-play-button{display:none!important;opacity:0!important}video::-webkit-media-controls-panel{display:none!important;opacity:0!important}.banner-video{width:100%;height:100%;object-fit:cover;border-radius:0;display:block;background-color:#f4e7cc;pointer-events:none}.banner-video::-webkit-media-controls{display:none!important}.banner-video::-webkit-media-controls-start-playback-button{display:none!important}.footer{text-align:center;padding:30px 15px;color:#777;font-size:.85rem;background:transparent;border-top:none;margin-top:auto}@media (max-width: 760px){#profile-view{max-width:100%;width:100%;margin:0 auto;padding:20px 15px;box-sizing:border-box}.profile-columns{display:flex;flex-direction:column!important;gap:15px;width:100%;max-width:100%}.profile-column{width:100%!important;max-width:100%;padding:0;box-sizing:border-box}.profile-column label{display:block;font-size:.9rem;color:#555;margin-bottom:6px;font-weight:600}.profile-column input,.profile-column select{width:100%;max-width:100%;padding:12px 14px;font-size:16px;border:1.5px solid #e0e0e0;border-radius:10px;background:#fdfdfd;margin-bottom:18px;box-sizing:border-box;transition:all .3s ease}.profile-column input:focus,.profile-column select:focus{border-color:#aa0a0a;background:#fff;outline:none;box-shadow:0 3px 10px #aa0a0a1a}#save-profile-btn{width:100%;max-width:100%;padding:14px;background:#aa0a0a;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;box-sizing:border-box;box-shadow:0 8px 16px #aa0a0a33}#save-profile-btn:active{background:#880808;transform:scale(.98)}.main-content>div:first-child{margin-bottom:15px}.main-content>div:first-child svg{width:60px;height:60px}}nav{position:fixed;top:0;z-index:999999;background:#fff;box-shadow:0 2px 6px #00000014;width:100%;transition:transform .3s ease;overflow:visible}.nav-top{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:8px;max-width:100vw;box-sizing:border-box}.search-container{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:calc(100vw - 120px)}.search-container img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.search-container input{flex:1;min-width:0;padding:8px 12px;border:1px solid #e0e0e0;border-radius:30px;font-size:13px;background:#f9f9f9;outline:none;transition:all .3s;color:#333;margin-right:-5px}.search-container input:focus{border-color:#aa0a0a;background:#fff;box-shadow:0 2px 8px #aa0a0a1a}.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-right:-10px}.nav-icon{cursor:pointer;transition:transform .2s,opacity .2s;position:relative;display:flex;align-items:center;justify-content:center;padding:5px;margin:0}.nav-icon svg{width:28px!important;height:28px!important;fill:#333;transition:fill .2s}.nav-icon:active{transform:scale(.9)}.nav-icon:hover svg{fill:#667eea}.deliver-to{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f8f9fa;border-top:1px solid #eee;overflow-x:auto;white-space:nowrap}.deliver-to svg{width:12px!important;height:12px!important;fill:#667eea;flex-shrink:0}.deliver-to span{font-size:11px;font-weight:600;color:#666;white-space:nowrap}.deliver-to input{flex:1;min-width:0;border:none;background:transparent;font-size:11px;color:#333;font-weight:500;outline:none;padding:0}.banner-section{position:relative;width:100%;margin:0;height:180px;border-radius:0;overflow:hidden;box-shadow:none;background:transparent!important}.carousel-slides{position:relative;width:100%;height:100%;background:transparent!important}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease-in-out;visibility:hidden;background:transparent!important}.banner-slide.active{opacity:1;visibility:visible;z-index:1}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:5}.dot{width:6px;height:6px;background:#fff9;border-radius:50%;cursor:pointer;transition:all .3s;box-shadow:0 1px 2px #0000004d}.dot.active{background:#fff;width:8px;height:8px;transform:scale(1.2)}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:30px 20px 20px;border-radius:20px;width:100%;max-width:320px;position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 10px 30px #0000004d;animation:modalPop .3s ease-out forwards}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;color:#888;cursor:pointer;z-index:5}.modal-content img{width:100%;max-height:200px;object-fit:contain}.modal-content h3{font-family:Poppins,sans-serif;font-size:1.4rem;color:#333;margin:0;text-align:center}.modal-content .best-seller-tag,.modal-content .offer-tag,.modal-content .new-tag,.modal-content .energy-tag,.modal-content .healthy-tag,.modal-content .trending-tag{position:relative;bottom:auto;left:auto;transform:none;animation:none;margin:0;width:auto;height:auto;padding:5px 15px;border-radius:20px;font-size:10px;box-shadow:none;display:inline-block;color:#fff}.modal-content .best-seller-tag:before,.modal-content .offer-tag:before,.modal-content .new-tag:before,.modal-content .energy-tag:before,.modal-content .healthy-tag:before,.modal-content .trending-tag:before,.modal-content .best-seller-tag:after,.modal-content .offer-tag:after,.modal-content .new-tag:after,.modal-content .energy-tag:after,.modal-content .healthy-tag:after,.modal-content .trending-tag:after{display:none}.modal-cart-btn{background-color:#aa0a0a;color:#fff;border:none;padding:12px 0;width:100%;border-radius:12px;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;margin-top:10px;cursor:pointer;box-shadow:0 4px 10px #aa0a0a4d;transition:transform .2s}.modal-cart-btn:active{transform:scale(.98)}.service-page{font-family:Arial,sans-serif;background:linear-gradient(to bottom,#e48435,#e2eaf3);margin:0;padding:20px 20px 70px!important;display:flex;flex-direction:column;min-height:100vh!important;height:auto!important;box-sizing:border-box}.service-page .footer{margin-top:20px!important;padding-bottom:calc(50px + env(safe-area-inset-bottom))!important;flex-grow:0!important}.service-page .main-content{padding:15px;max-width:90%;width:100%;margin:0 auto;overflow:visible}.service-page .main-content h1{text-align:center;color:#fff;margin-bottom:25px;font-size:1.5rem;font-weight:300;margin-top:50px}.service-page form{background:transparent;padding:0;border-radius:0;box-shadow:none;margin-bottom:40px}.service-page label{display:block;margin-bottom:6px;font-weight:700;color:#555;font-size:.9rem}.service-page select,.service-page textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:.9rem;margin-bottom:15px;box-sizing:border-box}.service-page select:focus,.service-page textarea:focus{outline:none;border-color:#aa0a0a;box-shadow:0 0 5px #aa0a0a4d}.service-animation-container{position:relative;height:120px;margin-top:30px;overflow:visible}.service-track-page{position:absolute;bottom:-30px;left:-100px;right:-100px;height:6px;background:#000}.service-vehicle-page{width:50px!important;height:50px!important;fill:#000;position:absolute;bottom:-30px;left:-60px;z-index:10;transform-origin:center}.service-button-page{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:auto;padding:12px 30px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#aa0a0a;border:1.5px solid rgba(255,255,255,.8);border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;z-index:20;white-space:nowrap;box-shadow:0 4px 15px #0000001a}.service-button-page:hover{background:#ffffff73;border-color:#aa0a0a;transform:translate(-50%) scale(1.05)}@keyframes arrowSlide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.service-button-page i{animation:arrowSlide 1.2s ease-in-out infinite}@keyframes scrollIn{0%{left:-60px;transform:translate(0) rotate(0)}to{left:50%;transform:translate(-50%) rotate(720deg)}}@keyframes scrollOut{0%{left:50%;transform:translate(-50%) rotate(0)}to{left:150%;transform:translate(0) rotate(720deg)}}.animate-enter{animation:scrollIn 2s ease-out forwards}.animate-exit{animation:scrollOut 2s ease-in forwards}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.service-notification-toast{position:fixed;bottom:55px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 18px;border-radius:20px;font-size:12px;font-weight:600;z-index:10000;box-shadow:0 8px 30px #667eea66;animation:slideUpFade 3s ease-out forwards;margin-bottom:0;text-align:center;width:max-content;max-width:90%}.services-section{position:relative;width:90%;margin:20px auto;border-radius:16px;box-shadow:0 10px 30px #0000001f;background:linear-gradient(to bottom,#e48435,#e2eaf3);padding:40px 20px 100px;text-align:center;overflow:visible;min-height:250px;opacity:0;transform:translateY(20px)}.services-section.visible{animation:fadeIn .8s ease-out forwards}.services-content{position:relative;width:100%;height:100%}.services-section h2{font-family:Poppins,sans-serif;font-size:1.5rem;color:#fff;margin-top:-10px;margin-bottom:15px}.services-section p{font-size:1rem;color:#fff;margin-bottom:25px;opacity:.95}.service-track{width:2000px;height:6px;background:#000;position:absolute;bottom:-130px;left:-500px;right:-500px}.service-button{position:absolute;bottom:-100px;left:50%;transform:translate(-50%);width:auto;padding:12px 30px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#aa0a0a;border:1.5px solid rgba(255,255,255,.8);border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 32px #1f26871a;z-index:20;white-space:nowrap}.service-button:hover{background:#ffffff73;border-color:#aa0a0a;transform:translate(-50%) scale(1.05);box-shadow:0 8px 32px #aa0a0a26}.service-button i{animation:buttonArrowSlide 1.2s ease-in-out infinite}@keyframes buttonArrowSlide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.services-section .service-vehicle{width:50px;height:50px;fill:#000;position:absolute;bottom:-55px;left:50%;transform:translate(-50%);z-index:10;will-change:transform,left,bottom;animation-play-state:paused}.services-section .service-vehicle.animate-ride{animation:rideSequence 5s ease-in-out forwards}@keyframes rideSequence{0%{left:50%;bottom:-55px;transform:translate(-50%) rotate(0)}25%{left:25%;bottom:-55px;transform:translate(-50%) rotate(-360deg)}30%{left:25%;bottom:-130px;transform:translate(-50%) rotate(-400deg)}35%{left:25%;bottom:-130px;transform:translate(-50%) rotate(-400deg)}to{left:120%;bottom:-130px;transform:translate(-50%) rotate(1000deg)}}.no-top-nav{min-height:100vh;background-color:#f4e7cc;padding-bottom:160px}.bag-header{text-align:center;padding:20px 0 10px}.bag-header svg{fill:#aa0a0a;width:40px;height:40px}.bag-items{padding:10px 20px}.bag-items .add-cart-btn{background:#901a1a;color:#fff;border:none;border-radius:25px;font-weight:700;box-shadow:0 4px 12px #901a1a40}.bag-item{background:#fff;border-radius:20px;padding:30px 20px;margin-bottom:25px;box-shadow:0 4px 20px #0000000a;text-align:center;position:relative}.bag-item h3{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin-top:0;margin-bottom:20px}.bag-item input.qty-input{width:80%;max-width:200px;display:block;margin:0 auto 20px;padding:12px;font-size:1.1rem;text-align:center;color:#333;border:1px solid #e0e0e0;border-radius:8px;background:#fff}.bag-item input.qty-input:focus{border-color:#aa0a0a;outline:none}.bag-item .remove-btn{width:100%;background:#f5f5f5;color:#666;border:none;padding:14px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;margin-bottom:12px;transition:background .2s}.bag-item .remove-btn:active{background:#eaeaea}.bag-item .add-cart-btn{width:100%;background:#901a1a;color:#fff;border:none;padding:15px;border-radius:25px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #901a1a40;transition:transform .2s}.bag-item .add-cart-btn:active{transform:scale(.98)}.actions{position:fixed;bottom:100px;left:0;right:0;padding:8px 15px;background:#fff;display:flex;flex-direction:row;gap:10px;z-index:900;box-shadow:0 -4px 15px #0000000d;border-top:1px solid #f0f0f0}.actions .book-btn{flex:1;padding:8px 0;background:#333;color:#fff;border-radius:12px;border:none;font-weight:600;font-size:.85rem}.actions .clear-btn{flex:1;padding:8px 0;background:#fff0f0;color:#d32f2f;border:1px solid #ffcdd2;border-radius:12px;font-weight:600;font-size:.85rem}.footer{position:relative;margin-top:30px;padding:15px 20px;padding-bottom:calc(50px + env(safe-area-inset-bottom));background:transparent;text-align:center;width:100%;box-sizing:border-box}.footer p{margin:0;color:#4a3728;font-size:.75rem;font-family:Poppins,sans-serif;font-weight:400}.footer-dev{margin-top:4px!important;color:#6b5547;font-size:.7rem;font-family:Poppins,sans-serif}.footer-dev-brand{color:#aa0a0a;font-weight:600}.bag-item .add-cart-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px}.bag-item .add-cart-btn svg{width:14px;height:14px;flex-shrink:0;display:block}body:has(.service-page){background:linear-gradient(to bottom,#e48435,#e2eaf3)!important;background-attachment:fixed}body:has(#profile-view) .footer{margin-top:0!important;padding-top:10px!important;padding-bottom:calc(50px + env(safe-area-inset-bottom))!important;width:100%}.services-section{margin-bottom:60px!important;padding-bottom:40px!important;position:relative;z-index:5}.about-section{margin-top:40px!important;position:relative;z-index:10}@media (min-width: 761px){*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:Open Sauce One,Arial,sans-serif;background-color:#f4e7cc;color:#333;padding-top:var(--nav-height, 80px);min-height:100vh;display:flex;flex-direction:column}body.no-top-nav{padding-top:0!important}.main-content{flex:1}h1,h2,h3{font-family:Poppins,sans-serif;color:#4a3728;text-transform:uppercase;text-align:center}nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .3s ease;background-color:#fff;padding:12px 20px;box-shadow:0 2px 8px #0000001a}nav.scrolled{padding:5px 20px;box-shadow:0 4px 12px #00000026}nav.scrolled .search-container{height:38px}nav.scrolled .search-container img{height:35px;width:45px}nav.scrolled .deliver-to{height:0;opacity:0;margin:0;overflow:hidden;pointer-events:none}nav.hidden{transform:translateY(-100%)}.deliver-to{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:#000;margin-top:10px;transition:all .3s ease}.deliver-to svg{width:18px;height:18px;fill:#d9534f}.deliver-to input{border:none;outline:none;font-size:.9rem;background:transparent;padding:2px 4px;min-width:140px;color:#000}.search-container{display:flex;align-items:center;background:transparent;border:1.5px solid #ccc;border-radius:30px;padding:2px 10px;height:45px;position:relative;width:100%;max-width:1100px;transition:border-color .2s ease}.search-container img{height:45px;width:55px;margin-right:8px;object-fit:contain}.search-container input{border:none;outline:none;background:transparent;flex:1;padding:6px;font-size:.95rem;color:#000}.search-container input::placeholder{color:#bbb}.search-icon{position:absolute;top:50%;right:15px;transform:translateY(-50%);width:20px;height:20px;fill:#bbb;cursor:pointer;transition:fill .2s;border-left:1px solid #fff;padding-left:5px}.search-icon:hover{fill:#fff}.nav-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.nav-right{display:flex;align-items:center;gap:15px}.nav-icon svg{width:24px;height:24px;fill:#bababa;cursor:pointer;transition:.2s}.nav-icon:hover svg{fill:#555}.address-display{font-size:.9rem;font-weight:500;color:#222;margin-bottom:5px}.infinite-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;background:linear-gradient(to bottom,#f28730,#f4e7cc);padding:30px 0 50px;margin-top:50px;position:relative;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.infinite-scroll-container::-webkit-scrollbar{display:none}.infinite-scroll-track{display:flex;gap:30px;animation:infiniteScroll 50s linear infinite;will-change:transform;animation-play-state:running}.infinite-scroll-container:active .infinite-scroll-track{animation-play-state:paused}@keyframes infiniteScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-card{flex-shrink:0;width:150px;perspective:1000px}.card-inner{position:relative;width:100%;height:130px;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;transform-origin:top center}.card-inner:hover{transform:translateY(-8px) scale(1.08);box-shadow:0 15px 40px #00000040}.card-inner img{max-width:80%;max-height:80%;object-fit:contain;pointer-events:none}.best-seller-tag,.offer-tag,.new-tag,.energy-tag,.healthy-tag,.trending-tag{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;transform-origin:top center;pointer-events:none;z-index:10;animation:tagSwing 3s ease-in-out infinite}@keyframes tagSwing{0%,to{transform:translate(-50%) rotate(0)}25%{transform:translate(-50%) rotate(-5deg)}75%{transform:translate(-50%) rotate(5deg)}}.best-seller-tag:before,.offer-tag:before,.new-tag:before,.energy-tag:before,.healthy-tag:before,.trending-tag:before{content:"";width:2px;height:18px;background:#555;margin-bottom:-2px}.best-seller-tag,.offer-tag,.new-tag,.energy-tag,.healthy-tag,.trending-tag{padding:18px 6px 6px;border-radius:5px 5px 18px 18px;font-size:8px;font-weight:900;color:#fff;text-align:center;line-height:1.2;width:70px;height:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:2px 2px 8px #00000040}.best-seller-tag:after,.offer-tag:after,.new-tag:after,.energy-tag:after,.healthy-tag:after,.trending-tag:after{content:"";position:absolute;top:18px;left:50%;transform:translate(-50%);width:5px;height:5px;background:#fff;border-radius:50%;box-shadow:inset 0 1px 2px #0006}.best-seller-tag{background-color:#c62828!important}.offer-tag{background-color:#f9a825!important;color:#000}.new-tag{background-color:#5d4037!important}.energy-tag{background-color:#e62e2e!important}.healthy-tag{background-color:#2e7d32!important}.trending-tag{background-color:#1565c0!important}@media (min-width: 992px){.banner-section{position:relative;width:90%;max-width:1400px;margin:70px auto 0;height:600px;overflow:hidden;border-radius:60px}.carousel-slides{position:relative;width:100%;max-width:1900px;margin:0 auto;height:100%;overflow:hidden;border-radius:60px}.banner-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease-in-out;transform:none}.banner-slide.active{opacity:1;z-index:1;transition:opacity .6s ease-in-out}.banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}.banner-video{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center;background:#f4e7cc;display:block;border-radius:60px!important;margin:0 auto;pointer-events:none}.banner-video::-webkit-media-controls{display:none!important}.banner-video::-webkit-media-controls-start-playback-button{display:none!important}.carousel-dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:10px;z-index:5}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#fff;width:10px;height:10px}}@media (min-width: 992px){.products-collage{padding:50px 5%;background-color:#f4e7cc;font-family:Arial,sans-serif;overflow:hidden}.collage-header{text-align:center;margin-bottom:30px}.collage-header h2{text-transform:uppercase;color:#4a3728;font-family:Poppins,sans-serif}.collage-container{display:flex;gap:20px;height:500px;max-width:1200px;margin:0 auto}.main-feature-area{flex:2;position:relative;border:1px solid #e0d9d0;overflow:hidden;display:flex;align-items:center;justify-content:center}.feature-slide img{max-height:350px;transition:transform .5s ease-in-out}.feature-details{position:absolute;bottom:20px;left:0;width:100%;padding:15px;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-details h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;color:#2c2c2c;margin:0 0 -10px}.thumbnail-sidebar{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto;align-content:center}.thumb-item{background:#f4f1ee;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;transition:.3s}.thumb-item:hover,.thumb-item.active{border-color:#8b5e3c;background:#fff}.thumb-item img{width:100%;height:auto;object-fit:contain}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#4a3728b3;color:#fff;border:none;padding:15px;cursor:pointer}.nav-arrow.next{right:0}.nav-arrow.prev{left:0}.cart-btn{background-color:#5d4037;color:#fff;border:none;padding:12px 24px;font-family:Montserrat,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;margin-top:15px}.cart-btn:hover{background-color:#3e2723;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.cart-btn:active{transform:translateY(0)}}.products-section{text-align:center;padding:40px 0 20px;width:100%}.products-section h2{font-family:Poppins,sans-serif;font-size:2.2rem;color:#4a3728;text-transform:uppercase;margin-bottom:15px;letter-spacing:1px}.products-section p{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto 40px;line-height:1.6}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:10px 0 40px;justify-items:center}.product-card{background:#fff;border-radius:10px;box-shadow:0 2px 6px #00000014;text-align:center;width:100%;max-width:250px;height:240px;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.product-card:hover{transform:translateY(-3px)}.product-card.searched{max-width:200px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.products-grid img{width:100%;max-width:170px;height:150px;object-fit:contain;object-position:top center;display:block;margin:0 auto;padding:20px;opacity:1!important;transform:translateY(0);transition:transform .25s ease}.products-grid img.visible{animation:fadeIn .8s ease-out forwards}.products-grid img:hover{transform:scale(1.05)}.product-info{padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-grow:1;gap:8px;background:#fff;color:#fff;margin-top:10px}.product-info h3{font-size:1rem;color:#333;font-weight:700;text-align:center;margin-top:-30px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.quantity-row{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;margin-top:-45px}.product-info input.quantity-input{width:60px;padding:5px;text-align:center;border:1px solid #ccc;border-radius:6px;font-size:.85rem;outline:none;transition:border-color .2s;flex-shrink:0;margin-top:40px}.product-info input.quantity-input:focus{background-color:#fff}.product-info button.wishlist-btn{background:none;border:none;cursor:pointer;padding:5px;flex-shrink:0;margin-top:40px}.product-info button.wishlist-btn svg{fill:red}.product-info button.add-cart-btn{padding:8px 16px;border:none;background:#a27526;color:#fff;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background .3s;width:100%;max-width:140px}.product-info button.add-cart-btn:hover{background:#c01212}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #ddd;display:flex;justify-content:space-around;align-items:center;padding:10px 0;z-index:200;transition:transform .3s ease}.bottom-nav.hidden{transform:translateY(100%)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;font-size:12px;color:#333;cursor:pointer;position:relative;text-decoration:none}.bottom-nav .nav-item.active{color:#aa0a0a}.bottom-nav .nav-item svg{width:22px;height:22px;fill:#000;margin-bottom:3px}.bottom-nav .nav-item.active svg{fill:#aa0a0a}.about-section{max-width:1200px;margin:40px auto;padding:0 15px;text-align:center;clear:both}.about-section h2{margin-bottom:20px;color:#4a3728;font-family:Poppins,sans-serif;font-size:1.2rem;text-transform:uppercase;opacity:0;transform:translateY(20px)}.about-section h2.visible{animation:fadeIn .8s ease-out forwards}.about-section p{font-size:.95rem;line-height:1.6;color:#555;text-align:center;padding:0 15px;opacity:0;transform:translateY(20px)}.about-section p.visible{animation:fadeIn .8s ease-out .2s both}.connect-section{text-align:center;padding:0 15px 40px;margin:40px auto;max-width:1200px}.connect-section h2{font-size:1.2rem;font-weight:200;color:#333;font-family:Poppins,sans-serif;margin-bottom:25px;text-transform:uppercase;letter-spacing:1px;opacity:0;transform:translateY(20px)}.connect-section h2.visible{animation:fadeIn .8s ease-out forwards}.contact-info{background:#fff;padding:30px 20px;border-radius:20px;box-shadow:0 10px 40px #0000000f;margin-bottom:20px;opacity:0;transform:translateY(20px)}.contact-info.visible{animation:fadeIn .8s ease-out .2s forwards}.contact-info p{color:#666;margin-bottom:20px;line-height:1.5}.contact-item{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:15px;padding:12px;background:#f9f9f9;border-radius:12px}.contact-item i{color:#aa0a0a;font-size:1.2rem}.contact-item a{color:#333;font-weight:600;text-decoration:none}.social-links-labeled{display:flex;flex-direction:column;gap:15px;opacity:0;transform:translateY(20px)}.social-links-labeled.visible{animation:fadeIn .8s ease-out .4s forwards}.social-links-labeled a{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;padding:15px;border-radius:12px;color:#333;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 5px 15px #0000000d;text-decoration:none;transition:transform .2s}.social-links-labeled a:hover{transform:translateY(-2px)}.social-links-labeled a:active{transform:scale(.98)}.social-links-labeled a i{font-size:1.4rem}.social-links-labeled a:nth-child(1) i{color:#e1306c}.social-links-labeled a:nth-child(2) i{color:#1877f2}.products-collage{opacity:0;transform:translateY(20px)}.products-collage.visible{animation:fadeIn .8s ease-out forwards}.social-media-links{display:flex;justify-content:center;gap:20px;margin-top:20px;opacity:0;transform:translateY(20px)}.social-media-links.visible{animation:fadeIn .8s ease-out .4s both}.social-link{display:flex;align-items:center;gap:5px;color:#000;text-decoration:none;font-size:1rem;transition:color .3s}.social-link:hover{color:#555}.social-link svg{width:24px;height:24px;fill:#000}.footer{text-align:center;padding:30px 20px;background:transparent;border-top:1px solid rgba(74,55,40,.1);margin-top:20px;width:100%;box-sizing:border-box}.footer p{margin:0;color:#4a3728;font-size:.85rem;font-family:Poppins,sans-serif;font-weight:400}.footer .footer-dev{margin-top:5px!important;color:#6b5547;font-size:.8rem;font-family:Poppins,sans-serif}.footer .footer-dev-brand{color:#aa0a0a;font-weight:600}.bag-header{background-color:#f4e7cc;padding:20px 15px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.5rem;font-weight:600;color:#333;border-bottom:1px solid #eee;position:relative}.bag-header svg{width:32px;height:32px;fill:#aa0a0a}.bag-items{max-width:800px;margin:20px auto;padding:0 15px}.bag-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center;gap:15px}.bag-item h3{font-size:1.1rem;color:#333;margin:0;flex:1}.bag-item input[type=number]{width:80px;padding:8px;text-align:center;border:1px solid #ccc;border-radius:6px;font-size:.9rem;outline:none;transition:border-color .2s}.bag-item input[type=number]:focus{border-color:#aa0a0a}.bag-item button{padding:8px 12px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background .3s}.remove-btn{background:#dc3545;color:#fff}.remove-btn:hover{background:#c82333}.actions{max-width:800px;margin:30px auto;padding:0 15px;display:flex;gap:15px;justify-content:center}.book-btn{background:#28a745;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.book-btn:hover{background:#218838}.clear-btn{background:#6c757d;color:#fff;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.clear-btn:hover{background:#5a6268}.cart-badge{position:absolute;top:-8px;right:-8px;background:#aa0a0a;color:#fff;border-radius:50%;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;font-weight:700}video::-webkit-media-controls-start-play-button{display:none!important;-webkit-appearance:none}@keyframes scrollReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.product-row{opacity:0;transform:translateY(30px);animation:scrollReveal .6s ease-out forwards;animation-timeline:view();animation-range:entry 0% cover 30%;animation-play-state:paused}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:2000;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.quick-card{background:#fffffffa;width:400px;border-radius:32px;padding:40px;text-align:center;box-shadow:0 30px 60px #0006;transform:scale(.85);transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.modal-overlay.active .quick-card{transform:scale(1)}.quick-card img{width:250px;height:250px;object-fit:contain;margin-bottom:25px;filter:drop-shadow(0 15px 25px rgba(0,0,0,.15))}.quick-card h3{font-family:Poppins,sans-serif;font-weight:800;font-size:2rem;margin-bottom:12px;color:#1a1a1a}.quick-card p{font-size:1.1rem;color:#555;margin-bottom:30px}.modal-add-btn{background:#aa0a0a;color:#fff;border:none;padding:18px 40px;border-radius:50px;font-weight:700;width:100%;font-size:1.2rem;cursor:pointer;transition:transform .2s,background .2s,box-shadow .2s;box-shadow:0 10px 20px #aa0a0a4d}.modal-add-btn:hover{background:#880808;box-shadow:0 15px 25px #aa0a0a66;transform:translateY(-2px)}.modal-add-btn:active{transform:translateY(0) scale(.98)}.close-modal{position:absolute;top:20px;right:20px;background:#f5f5f5;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#333;cursor:pointer;box-shadow:0 5px 15px #0000001a;border:none;transition:background .2s,transform .2s}.close-modal:hover{background:#eee;transform:rotate(90deg)}.booking-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;z-index:3000;opacity:0;transition:opacity .5s ease}.booking-modal.active{display:flex;opacity:1}.booking-content{background:#fff;width:500px;padding:50px;border-radius:40px;text-align:center;box-shadow:0 30px 70px #0009;position:relative;overflow:hidden;transform:translateY(20px);transition:transform .5s ease}.booking-modal.active .booking-content{transform:translateY(0)}.booking-content h2{font-family:Poppins,sans-serif;color:#1a1a1a;font-size:2.2rem;margin-bottom:20px;font-weight:800}.booking-content p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:40px}.delivery-scene{width:180px;height:180px;margin:30px auto;border-radius:50%;position:relative;overflow:hidden;background:#87ceeb;border:6px solid #fff;box-shadow:0 10px 30px #0000004d}.moving-bg{position:absolute;top:0;left:0;width:200%;height:100%;background:repeating-linear-gradient(to right,#87ceeb 0% 40%,#27ae60 40.1% 45%,#87ceeb 45.1% 100%);background-size:150px 100%;animation:scrollBgDesktop 3s linear infinite;opacity:.7}@keyframes scrollBgDesktop{0%{transform:translate(0)}to{transform:translate(-150px)}}.road-surface{position:absolute;bottom:0;width:100%;height:45px;background:#444;border-top:3px solid #fff}.van-stationary{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:55px;color:#aa0a0a;z-index:2;animation:vanVibrateDesktop .15s infinite;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}@keyframes vanVibrateDesktop{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}to{transform:translate(-50%) translateY(0)}}.van-icon,.delivery-track{display:none}.ok-btn{background:#aa0a0a;color:#fff;border:none;padding:16px 45px;border-radius:50px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:.3s;box-shadow:0 10px 20px #aa0a0a4d}.ok-btn:hover{background:#880808;transform:scale(1.05);box-shadow:0 15px 30px #aa0a0a66}#profile-view{max-width:800px;margin:40px auto;background:#fff;padding:40px;border-radius:30px;box-shadow:0 15px 40px #0000001a;border:1px solid #eee}.profile-columns{display:flex;flex-direction:row;gap:30px}.profile-column{flex:1;background:#fff;padding:0;border-radius:0;border-left:none}.profile-column label{display:block;font-size:.95rem;color:#555;margin-bottom:8px;font-weight:600}.profile-column input,.profile-column select{width:100%;padding:14px 18px;font-size:1rem;border:1.5px solid #e0e0e0;border-radius:12px;background:#fdfdfd;margin-bottom:25px;transition:all .3s ease;box-shadow:none}.profile-column input:focus,.profile-column select:focus{border-color:#aa0a0a;background:#fff;box-shadow:0 5px 15px #aa0a0a0d}#save-profile-btn{width:100%;padding:16px;background:#aa0a0a;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:20px;box-shadow:0 10px 20px #aa0a0a33}#save-profile-btn:hover{background:#880808;transform:translateY(-2px);box-shadow:0 15px 30px #aa0a0a4d}.scroll-container{margin-top:100px;padding:10px 0;background:linear-gradient(to bottom,#f28730,#f4e7cc);position:relative;z-index:1}.image-scroll-row{padding:15px 30px 40px;position:relative;z-index:1}.services-section{position:relative;width:90%;margin:20px auto;border-radius:16px;box-shadow:0 10px 30px #0000001f;background:linear-gradient(to bottom,#e48435,#e2eaf3);padding:40px 20px 100px;text-align:center;overflow:visible;min-height:300px;opacity:0;transform:translateY(20px)}.services-section.visible{animation:fadeIn .8s ease-out forwards}.services-content{position:relative;width:100%;height:100%}.services-section h2{font-family:Poppins,sans-serif;font-size:2rem;color:#fff;margin-top:-10px;margin-bottom:20px}.services-section p{font-size:1.2rem;color:#fff;margin-bottom:30px;opacity:.95}.service-track{width:5010%;height:8px;background:#000;position:absolute;bottom:-150px;left:0;right:-10px}.service-button{position:absolute;bottom:-120px;left:50%;transform:translate(-50%);width:180px;height:auto;padding:18px 50px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#aa0a0a;border:1.5px solid rgba(255,255,255,.8);border-radius:12px;font-size:1.3rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:15px;box-shadow:0 8px 32px #1f26871a;white-space:nowrap}.service-button:hover{background:#ffffff73;border-color:#aa0a0a;transform:translate(-50%) scale(1.05);box-shadow:0 8px 32px #aa0a0a26}@keyframes arrowSlide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.service-button i{animation:arrowSlide 1.2s ease-in-out infinite}.services-section .service-vehicle{width:60px;height:60px;fill:#000;position:absolute;bottom:-55px;left:50%;transform:translate(-50%);z-index:10;will-change:transform,left,bottom;animation-play-state:paused}.services-section .service-vehicle.animate-ride{animation:rideSequence 5s ease-in-out forwards}@keyframes rideSequence{0%{left:50%;bottom:-55px;transform:translate(-50%) rotate(0)}25%{left:41%;bottom:-55px;transform:translate(-50%) rotate(-360deg)}30%{left:41%;bottom:-150px;transform:translate(-50%) rotate(-400deg)}35%{left:41%;bottom:-150px;transform:translate(-50%) rotate(-400deg)}to{left:120%;bottom:-150px;transform:translate(-50%) rotate(1000deg)}}body.service-page{font-family:Arial,sans-serif;background:linear-gradient(to bottom,#e48435,#e2eaf3);color:#333;margin:0;padding:60;display:flex;flex-direction:column;min-height:100vh}.service-page .main-content{flex:1;padding:20px;max-width:600px;margin:0 auto}.service-page .main-content h1{text-align:center;color:#fff;margin-bottom:30px;font-size:2rem}.service-page form{background:transparent;padding:0;border-radius:0;box-shadow:none;margin-bottom:20px}.service-page label{display:block;margin-bottom:8px;font-weight:700;color:#555}.service-page select,.service-page textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;margin-bottom:20px;box-sizing:border-box}.service-page select:focus,.service-page textarea:focus{outline:none;border-color:#aa0a0a;box-shadow:0 0 5px #aa0a0a4d}.service-page button[type=submit]{background-color:#aa0a0a;color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9rem;width:auto;display:block;margin:0 auto;transition:background-color .3s}.service-page button[type=submit]:hover{background-color:#880808}.service-page button[onclick="window.history.back()"]{background:#aa0a0a;border:none;color:#fff;padding:10px;border-radius:5px;cursor:pointer;font-size:1rem;transition:background .2s;margin-bottom:20px}.service-page button[onclick="window.history.back()"]:hover{background:#880808}.service-page #notification-container{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2e7d32,#43a047);color:#fff;padding:16px 24px;border-radius:30px;box-shadow:0 10px 25px #0003;display:none;align-items:center;justify-content:center;z-index:2000;font-weight:600;text-align:center;width:90%;max-width:400px;font-size:.95rem;animation:slideUp .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes serviceSlideUp{0%{transform:translate(-50%,100px);opacity:0}to{transform:translate(-50%);opacity:1}}.service-animation-container{position:relative;height:120px;margin-top:30px;overflow:visible}.service-track-page{position:absolute;bottom:-50px;left:-600px;right:-600px;height:6px;background:#000}.service-vehicle-page{width:50px;height:50px;fill:#000;position:absolute;bottom:-50px;left:-60px;z-index:10;transform-origin:center}.service-button-page{position:absolute;bottom:60px;left:50%;transform:translate(-50%);width:auto;padding:12px 30px;background:#ffffff40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#aa0a0a;border:1.5px solid rgba(255,255,255,.8);border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;z-index:20;box-shadow:0 4px 15px #0000001a;margin-bottom:-5px}.service-button-page:hover{background:#ffffff73;border-color:#aa0a0a;transform:translate(-50%) scale(1.05)}@keyframes serviceArrowSlide{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.service-button-page i{animation:serviceArrowSlide 1.2s ease-in-out infinite}@keyframes serviceScrollIn{0%{left:-590px;transform:translate(0) rotate(0)}to{left:50%;transform:translate(-50%) rotate(720deg)}}@keyframes serviceScrollOut{0%{left:50%;transform:translate(-50%) rotate(0)}to{left:300%;transform:translate(0) rotate(720deg)}}.animate-enter{animation:serviceScrollIn 2s ease-out forwards}.animate-exit{animation:serviceScrollOut 2s ease-in forwards}@media (min-width: 768px){.banner-section{width:95%;max-width:1400px;margin:30px auto;height:500px;border-radius:60px;box-shadow:0 10px 30px #00000026}.banner-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease-in-out;visibility:hidden}.banner-slide.active{opacity:1;visibility:visible}.banner-video{width:100%;height:100%;object-fit:cover;border-radius:24px}.carousel-dots{bottom:25px;gap:10px;margin-left:550px}.dot{width:12px;height:12px}.dot.active{width:10px}}}.scroll-card{cursor:pointer;pointer-events:auto}.modal-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;z-index:10000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;opacity:1!important;visibility:visible!important}.modal-content{background:#fff;padding:30px 20px 20px;border-radius:20px;width:100%;max-width:320px;position:relative;display:flex;flex-direction:column;align-items:center;gap:15px;box-shadow:0 20px 50px #00000080;animation:modalPop .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes modalPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:28px;color:#555;cursor:pointer;z-index:5;line-height:1;padding:5px}.modal-content img{width:100%;max-height:220px;object-fit:contain;margin-bottom:5px}.modal-content h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:#2c2c2c;margin:0;text-align:center;line-height:1.2}.modal-content .best-seller-tag,.modal-content .offer-tag,.modal-content .new-tag,.modal-content .energy-tag,.modal-content .healthy-tag,.modal-content .trending-tag{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;animation:none!important;margin:5px 0 15px;width:auto;height:auto;padding:6px 16px;border-radius:50px;font-size:11px;font-weight:700;box-shadow:none;display:inline-block;color:#fff;text-transform:uppercase;letter-spacing:.5px}.modal-content .best-seller-tag:before,.modal-content .offer-tag:before,.modal-content .new-tag:before,.modal-content .energy-tag:before,.modal-content .healthy-tag:before,.modal-content .trending-tag:before,.modal-content .best-seller-tag:after,.modal-content .offer-tag:after,.modal-content .new-tag:after,.modal-content .energy-tag:after,.modal-content .healthy-tag:after,.modal-content .trending-tag:after{display:none!important}.modal-cart-btn{background-color:#aa0a0a;color:#fff;border:none;padding:14px 0;width:100%;border-radius:12px;font-family:Poppins,sans-serif;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 15px #aa0a0a4d;transition:transform .2s,background-color .2s}.modal-cart-btn:hover{background-color:#880808}.modal-cart-btn:active{transform:scale(.96)}