@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden}body{margin:0;padding:0;height:100%;width:100%;overflow-x:hidden;font-family:Open Sans,sans-serif;background-color:#f5f5f5;color:#4a5568;line-height:1.6}div,section,article,main,header,footer,nav{margin:0;padding:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.container,.container-fluid{margin:0 auto;padding-left:15px;padding-right:15px;max-width:100%}.row{margin:0;width:100%}.col,.col-*{padding:0}header{margin:0;padding:0;width:100%}footer{margin:auto 0 0;padding:0;width:100%}ul,ol,form{margin:0;padding:0}button{margin:0;padding:0;border:none;background:none}input,textarea,select{margin:0;padding:0;border:none;outline:none}*{max-width:100%}@media(max-width:768px){html,body{overflow-x:hidden;width:100%;margin:0;padding:0}.App{overflow-x:hidden;width:100%}main{overflow-x:hidden;width:100%}}:root{--bs-primary: #ff9900;--bs-primary-rgb: 255, 153, 0;--bs-dark: #232f3e;--bs-dark-rgb: 35, 47, 62;--bs-light: #f8f9fa;--bs-white: #ffffff}.hero-section{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#232f3eb3,#232f3e80)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.background-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:100%;height:100%;padding:20px}.grid-item{border-radius:12px;overflow:hidden;position:relative;box-shadow:0 5px 15px #0003;transition:transform .3s ease}.grid-item:hover{transform:scale(1.05);z-index:2}.grid-item img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;background-color:#f8f9fa}.grid-item:hover img{transform:scale(1.1)}.item-1{grid-column:1 / 3;grid-row:1 / 2}.item-2{grid-column:3 / 4;grid-row:1 / 2}.item-3{grid-column:4 / 5;grid-row:1 / 3}.item-4{grid-column:1 / 2;grid-row:2 / 3}.item-5{grid-column:2 / 3;grid-row:2 / 4}.item-6{grid-column:3 / 4;grid-row:2 / 3}.item-7{grid-column:1 / 2;grid-row:3 / 4}.item-8{grid-column:3 / 5;grid-row:3 / 4}.hero-content{position:relative;z-index:10}.hero-title{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.7);margin-bottom:1.5rem}.hero-subtitle{font-size:1.3rem;color:#ffffffe6;text-shadow:0 2px 4px rgba(0,0,0,.7);margin-bottom:2.5rem;min-height:60px;position:relative;overflow:hidden}.rotating-subtitle{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translateY(20px);transition:all .8s ease;text-align:center}.rotating-subtitle.active{opacity:1;transform:translateY(0)}.search-bar{max-width:600px;margin:0 auto 2.5rem}.search-input-group{background:#fffffff2;border-radius:50px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.search-input{border:0;padding:15px 25px;font-size:1.1rem}.search-btn{border-radius:0 50px 50px 0;padding:15px 30px;background:var(--bs-primary);border:none}.hero-buttons .btn{padding:15px 30px;border-radius:50px;font-weight:600;margin:0 10px 15px}.navbar{background-color:var(--bs-dark)!important;padding:15px 0;box-shadow:0 2px 20px #0000001a}.navbar-brand{font-weight:700;font-size:1.8rem;color:#fff!important;margin-right:40px}.navbar-nav .nav-link{color:#fff!important;font-weight:500;font-size:.95rem;margin:0 10px;padding:6px 10px!important;border-radius:6px;transition:all .3s;white-space:nowrap}.navbar .d-flex .btn{white-space:nowrap;padding:6px 10px;font-size:.95rem}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--bs-primary)!important;background-color:#ff99001a}.btn-primary{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:#fff!important;font-weight:600;transition:all .3s ease}.btn-primary:hover{background-color:#e68a00!important;border-color:#e68a00!important;transform:translateY(-2px);box-shadow:0 4px 12px #ff99004d}.btn-outline-light:hover{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important}.section-padding{padding:80px 0}.section-title{font-weight:700;margin-bottom:40px;position:relative;padding-bottom:15px;color:#2d3748;font-size:2.2rem;text-align:center}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background-color:var(--bs-primary);border-radius:2px}.bg-light{background-color:#f8f9fa!important}.product-card{border:none;border-radius:12px;overflow:hidden;transition:all .3s ease;margin-bottom:20px;background:#fff;box-shadow:0 5px 15px #00000014;position:relative;height:100%;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.product-image-container{position:relative;height:160px;overflow:hidden;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:10px}.product-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.product-card .card-body{padding:15px}.product-card .card-title{font-size:.95rem;font-weight:600;margin-bottom:8px;height:40px;overflow:hidden}.product-card .card-text{font-size:.8rem;color:#6b7280;margin-bottom:10px;height:36px;overflow:hidden}.amazon-choice-badge{background:linear-gradient(135deg,var(--bs-primary),#ff6600);color:var(--bs-white);font-size:.7rem;padding:4px 8px;border-radius:12px;display:inline-block;margin-bottom:8px;font-weight:600;box-shadow:0 2px 6px #ff99004d;position:absolute;top:10px;left:10px;z-index:2}.price{color:var(--bs-primary);font-weight:700;font-size:1rem;margin-bottom:8px}.rating{color:#ffc107;margin-bottom:8px;font-size:.8rem}.rating-count{color:#718096;font-size:.75rem;margin-left:3px}.footer{background:linear-gradient(135deg,var(--bs-dark) 0%,#1a202c 100%);color:var(--bs-white);padding:60px 0 20px;position:relative}@media(max-width:768px){.footer .container{padding-left:25px!important;padding-right:25px!important}.footer .row{margin-left:0!important;margin-right:0!important}.footer .col-lg-3,.footer .col-md-6{padding-left:10px!important;padding-right:10px!important}}.footer h5{font-weight:600;margin-bottom:20px;position:relative;padding-bottom:12px;color:var(--bs-white)}.footer h5:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--bs-primary);border-radius:2px}.footer ul{list-style:none;padding:0}.footer ul li{margin-bottom:12px;transition:transform .3s ease}.footer ul li:hover{transform:translate(5px)}.footer ul li a{color:#ffffffb3;text-decoration:none;transition:color .3s}.footer ul li a:hover{color:var(--bs-primary)}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:#ffffff1a;color:var(--bs-white);border-radius:50%;text-align:center;margin-right:12px;transition:all .3s ease;text-decoration:none}.social-icons a:hover{background-color:var(--bs-primary);transform:translateY(-3px);box-shadow:0 5px 15px #f906}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:25px;margin-top:40px;text-align:center;color:#fff9}.whatsapp-float:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #25d36699}@media(max-width:768px){.navbar-nav{gap:6px}.navbar-nav .nav-link{font-size:.9rem;margin:0 6px;padding:6px 8px!important}.navbar .d-flex .btn{font-size:.9rem;padding:6px 8px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem;min-height:80px}.background-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr);gap:5px;padding:10px}.item-1{grid-column:1 / 2;grid-row:1 / 2}.item-2{grid-column:2 / 3;grid-row:1 / 2}.item-3{grid-column:1 / 3;grid-row:2 / 3}.item-4{grid-column:1 / 2;grid-row:3 / 4}.item-5{grid-column:2 / 3;grid-row:3 / 4}.item-6{grid-column:1 / 2;grid-row:4 / 5}.item-7{grid-column:2 / 3;grid-row:4 / 5}}.deal-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 8px 32px #0000001a;transition:all .3s ease;height:100%;cursor:pointer}.deal-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.deal-image{position:relative;height:200px;overflow:hidden;background-color:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:15px}.deal-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease}.deal-card:hover .deal-image img{transform:scale(1.05)}.deal-content{padding:20px}.deal-content h5{color:#333;font-weight:600;margin-bottom:15px}.deal-price{margin-bottom:15px}.current-price{font-size:1.5rem;font-weight:700;color:var(--bs-primary)}.original-price{text-decoration:line-through;color:#999;margin-left:10px}.discount{background:#dc3545;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem;margin-left:10px}.deal-stats{display:flex;justify-content:space-between;margin-bottom:15px}.markup{background:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600}.location{font-size:.9rem;color:#666}.deal-actions{display:flex;gap:10px}.deal-actions .btn{flex:1}.stats-bar .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:25px;height:100%;text-align:center;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease}.stats-bar .stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.stat-heading{color:#718096;font-weight:600;font-size:.9rem;margin-bottom:10px}.stat-value{color:#2d3748;font-weight:800;font-size:2rem;margin-bottom:5px}.stat-sub{color:#718096;font-size:.9rem}.zone-card{background-color:var(--bs-white);border-radius:15px;padding:40px 30px;text-align:center;box-shadow:0 8px 25px #00000014;transition:all .3s ease;margin-bottom:30px;height:100%;border:1px solid #e2e8f0}.zone-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000026;border-color:var(--bs-primary)}.zone-card i{font-size:3.5rem;color:var(--bs-primary);margin-bottom:25px;transition:transform .3s ease}.zone-card:hover i{transform:scale(1.1)}.zone-card h4{font-weight:600;margin-bottom:15px;color:#2d3748;font-size:1.4rem}.zone-card p{color:#4a5568;line-height:1.6}.step-card{text-align:center;padding:40px 25px;position:relative;z-index:2}.step-number{width:70px;height:70px;background:linear-gradient(135deg,var(--bs-primary),#ff6600);color:var(--bs-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 25px;box-shadow:0 5px 15px #f906;transition:transform .3s ease}.step-card:hover .step-number{transform:scale(1.1) rotate(5deg)}.step-card h4{margin-bottom:15px;color:var(--bs-white);font-size:1.3rem}.step-card p{color:#fffc;line-height:1.6}.testimonial-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:25px;height:100%;box-shadow:0 5px 15px #0000000d}.testimonial-card .t-meta{color:#718096;margin-top:15px;font-weight:600}.category-btn{border-radius:999px;padding:8px 14px;border:1px solid rgba(0,0,0,.06);background:#fff;cursor:pointer;font-weight:600;color:#333;transition:all .3s ease}.category-btn.active{background:var(--bs-primary);color:#fff;box-shadow:0 6px 18px #ff99001f;transform:translateY(-2px)}.category-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-status{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;height:20px;overflow:hidden;position:relative}.status-indicator{padding:3px 6px;border-radius:4px;font-weight:600;font-size:.65rem;display:inline-block;position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s ease}.status-best-seller{background-color:gold;color:#333}.status-selling-fast{background-color:#ff6b6b;color:#fff}.status-basket{background-color:#4ecdc4;color:#fff}.status-amazon-choice{background-color:var(--bs-primary);color:#fff}.status-trending{background-color:#9c27b0;color:#fff}.status-indicator.active{opacity:1}.monthly-orders{font-size:.75rem;color:#4a5568;margin-bottom:8px;font-weight:600}.product-actions{display:flex;gap:8px;margin-top:12px}.product-actions .btn{flex:1 1 auto;font-size:.75rem;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.markup-badge{position:absolute;top:8px;right:8px;background:#000000bf;color:#fff;padding:4px 8px;border-radius:8px;font-weight:700;font-size:.7rem;z-index:3}.cursor-pointer{cursor:pointer}.text-decoration-none{text-decoration:none!important}.text-decoration-line-through{text-decoration:line-through!important}.amazon-choice-products{position:relative;overflow:hidden}.amazon-choice-products:before,.amazon-choice-products:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:10;pointer-events:none}.amazon-choice-products:before{left:0;background:linear-gradient(to right,#fff,#fff0)}.amazon-choice-products:after{right:0;background:linear-gradient(to left,#fff,#fff0)}.featured-scroller-container{position:relative;overflow:hidden;margin:0 -15px}.featured-scroller{display:flex;gap:20px;padding:20px 0;width:max-content;animation:autoScroll 60s linear infinite}.featured-scroller:hover{animation-play-state:paused}.featured-item{flex:0 0 auto;width:240px;transition:transform .3s ease}.featured-item:hover{transform:scale(1.05)}@keyframes autoScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.featured-scroller{scrollbar-width:none;-ms-overflow-style:none}.featured-scroller::-webkit-scrollbar{display:none}.wholesale-section{margin:50px 0;padding:40px 0;background:linear-gradient(135deg,#f90,#f60);border-radius:0;position:relative;overflow:hidden}.wholesale-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" fill="%23ffffff" opacity="0.1"><polygon points="50,0 100,50 50,100 0,50"/></svg>');background-size:80px;animation:patternMove 30s linear infinite}@keyframes patternMove{0%{background-position:0 0}to{background-position:80px 80px}}.wholesale-header{text-align:center;margin-bottom:30px;position:relative;z-index:2}.wholesale-title{font-size:2.5rem;font-weight:800;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.2);margin-bottom:10px}.wholesale-subtitle{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto}.wholesale-products{display:flex;overflow:hidden;position:relative;padding:20px 0}.wholesale-scroll{display:flex;gap:20px;animation:scrollWholesale 40s linear infinite}.wholesale-scroll:hover{animation-play-state:paused}@keyframes scrollWholesale{0%{transform:translate(0)}to{transform:translate(-50%)}}.wholesale-item{flex:0 0 auto;width:240px;margin:0 12px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #00000026;transition:transform .3s ease;position:relative}.wholesale-item:hover{transform:translateY(-8px)}.wholesale-badge{position:absolute;top:8px;left:8px;background:#f33;color:#fff;padding:4px 10px;border-radius:16px;font-weight:700;font-size:.7rem;z-index:3}.wholesale-image{height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.wholesale-image img{width:100%;height:100%;object-fit:contain;padding:15px}.wholesale-content{padding:15px}.wholesale-name{font-weight:700;margin-bottom:8px;font-size:1rem;color:#333}.wholesale-price{font-weight:800;color:#f90;font-size:1.2rem;margin-bottom:6px}.wholesale-markup{background:#28a745;color:#fff;padding:4px 8px;border-radius:10px;font-size:.75rem;font-weight:600;display:inline-block}.rotating-text-section{color:#fff;padding:40px 0;text-align:center;margin:0}.rotating-text-container{max-width:900px;margin:0 auto;padding:0 20px}@media(max-width:768px){.wholesale-title{font-size:2rem}.wholesale-item,.featured-item{width:200px}.featured-scroller,.wholesale-scroll{gap:15px}}@media(max-width:767.98px){.container,.container-fluid{padding-left:10px!important;padding-right:10px!important}.product-card{margin-bottom:12px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.product-card img{height:120px!important;object-fit:contain}.product-card h6{font-size:.75rem!important;line-height:1.2!important;height:auto!important;margin-bottom:6px!important}.product-card .text-primary{font-size:.9rem!important;font-weight:700!important}.product-card button{font-size:.7rem!important;padding:4px 8px!important}.breadcrumb{font-size:.75rem!important;padding:8px 12px!important}.product-detail-section{padding:15px 0!important}.sticky-top{position:relative!important;top:auto!important}.related-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.top-deals-section .row>div{margin-bottom:10px}.table-responsive{font-size:.7rem!important}.table td,.table th{padding:6px 8px!important}.testimonials-section .row>div{margin-bottom:15px}.navbar-nav{text-align:center}.navbar-nav .nav-link{padding:8px 15px!important}.footer-section{text-align:center!important}.footer-section .row>div{margin-bottom:20px}}@media(max-width:575.98px){.container,.container-fluid{padding-left:8px!important;padding-right:8px!important}#products-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px!important}.product-card{min-height:200px}.product-card img{height:100px!important}.product-card h6{font-size:.7rem!important;height:32px!important;overflow:hidden!important}.search-bar{margin:20px 0!important;padding:0 10px}.search-input-group{max-width:100%!important;margin:0!important}.search-input{padding:12px 15px!important;font-size:.9rem!important}.search-btn{padding:0 20px!important;font-size:.9rem!important}.form-select-sm{font-size:.8rem!important}.alert{font-size:.8rem!important;padding:8px 12px!important}.btn-group{flex-direction:column!important}.btn-group .btn{margin-bottom:5px!important}}@media(min-width:768px)and (max-width:991.98px){#products-grid{grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.product-card img{height:140px!important}}@media(min-width:992px)and (max-width:1199.98px){#products-grid{grid-template-columns:repeat(4,1fr)!important;gap:14px!important}}@media(hover:none)and (pointer:coarse){.btn,.product-card,.nav-link{min-height:44px;display:flex;align-items:center;justify-content:center}.product-card{padding:8px}.product-actions button{min-height:40px!important;font-size:.8rem!important}}@media(max-width:767.98px)and (orientation:landscape){.product-detail-section .row{flex-direction:row!important}.product-detail-section .col-12{flex:1!important;max-width:none!important}.fixed-bottom{position:relative!important;margin-top:20px}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.product-card img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media(prefers-color-scheme:dark){.product-card{background-color:#2d3748!important;color:#fff!important}.border{border-color:#4a5568!important}}@media print{.fixed-bottom,.sticky-top,.navbar,.footer{display:none!important}.product-detail-section{page-break-inside:avoid}}*{margin:0;padding:0;box-sizing:border-box}html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#fff,#fff5f0);color:var(--pure-black);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}.App{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}main{margin:0;padding:0;width:100%;flex:1;overflow-x:hidden}.container,.container-fluid{margin:0 auto;width:100%;max-width:100%;padding-left:15px;padding-right:15px}.admin-products,.products-container,.enhanced-container,.basket-mobile,.mobile-padding{width:100%;max-width:100%;overflow-x:hidden;margin:0 auto;padding-left:15px;padding-right:15px}@media(max-width:768px){.container,.container-fluid{padding-left:15px!important;padding-right:15px!important;max-width:100%!important;width:100%!important}.products-container,.enhanced-container{padding-left:10px!important;padding-right:10px!important}*{max-width:100%}.row{margin-left:0!important;margin-right:0!important}[class*=col-]{padding-left:15px!important;padding-right:15px!important}}:root{--bs-primary: #ff6600;--bs-primary-rgb: 255, 102, 0;--bs-secondary: #ff9900;--bs-success: #10b981;--bs-warning: #ff9900;--bs-danger: #ff3300;--bs-info: #ff6600;--bs-dark: #000000;--bs-dark-rgb: 0, 0, 0;--bs-light: #ffffff;--bs-white: #ffffff;--primary-orange: #ff6600;--secondary-orange: #ff9900;--accent-orange: #ff3300;--pure-black: #000000;--dark-black: #1a1a1a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif;font-weight:600;line-height:1.2;color:var(--gray-800)}.display-1,.display-2,.display-3,.display-4{font-family:Poppins,sans-serif;font-weight:700}.btn{font-weight:500;border-radius:var(--radius);transition:all .2s ease-in-out;border:none;font-size:.875rem}.btn-primary{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--accent-orange) 100%);color:#fff;box-shadow:0 4px 15px #ff66004d;border:2px solid white;font-weight:700}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-orange) 0%,var(--primary-orange) 100%);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #f606;border-color:var(--pure-black)}.btn-success{background:linear-gradient(135deg,var(--bs-success) 0%,#059669 100%);color:#fff}.btn-warning{background:linear-gradient(135deg,var(--secondary-orange) 0%,var(--primary-orange) 100%);color:#fff;border:2px solid white;font-weight:700}.card{border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:all .3s ease;background:#fff}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.form-control,.form-select{border:1px solid var(--gray-300);border-radius:var(--radius);transition:all .2s ease;font-size:.875rem}.form-control:focus,.form-select:focus{border-color:var(--amazon-orange);box-shadow:0 0 0 3px #ff99001a}.navbar{background:linear-gradient(135deg,var(--amazon-blue) 0%,var(--amazon-light-blue) 100%)!important;backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.navbar{background:linear-gradient(135deg,#000,#1a1a1a)!important;padding:8px 0;box-shadow:0 4px 20px #f606;border-bottom:3px solid #ff6600}.navbar-brand{font-weight:700;font-size:1.5rem;color:#fff!important;margin-right:30px}.gymkhana-text{color:var(--bs-primary)!important}.navbar .container{flex-wrap:nowrap}.navbar-nav{gap:10px;flex:1 1 auto;justify-content:center;min-width:0;flex-wrap:nowrap}.navbar-nav .nav-link{color:#fff!important;font-weight:500;font-size:.85rem;margin:0 8px;padding:4px 8px!important;border-radius:6px;transition:all .3s;white-space:nowrap}.navbar .d-flex{flex:0 0 auto;margin-left:auto;gap:8px}.navbar .d-flex .btn{white-space:nowrap;padding:4px 8px;font-size:.85rem}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:#f60!important;background-color:#f603;border-radius:8px;transform:translateY(-2px);box-shadow:0 4px 12px #ff66004d}.product-card{background:linear-gradient(145deg,#fff,#fafafa);border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #ff660026;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;border:2px solid transparent}.product-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,102,0,.05),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.product-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #ff660040;border-color:#f60}@keyframes blink{0%,to{opacity:1}50%{opacity:.7}}.blink{animation:blink 2s ease-in-out infinite}.whatsapp-float{position:fixed;width:50px;height:50px;bottom:30px;right:30px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border-radius:50px;text-align:center;font-size:26px;box-shadow:0 4px 15px #25d36666;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none}.whatsapp-float:hover{background:linear-gradient(135deg,#128c7e,#075e54);transform:scale(1.1) rotate(5deg);box-shadow:0 8px 25px #25d36699;color:#fff}@media(max-width:768px){.navbar-nav{gap:6px}.navbar-nav .nav-link{font-size:.9rem;margin:0 6px;padding:6px 8px!important}.navbar .d-flex .btn{font-size:.9rem;padding:6px 8px}.whatsapp-float{width:45px;height:45px;bottom:20px;right:20px;font-size:22px}}@media(max-width:768px){[style*="color: white"],[style*="color:white"],[style*="color: #fff"],[style*="color:#fff"],[style*="color: rgba(255,255,255"],[style*="color:rgba(255,255,255"]{text-shadow:0 2px 4px rgba(0,0,0,.4)!important}.product-card{margin-bottom:15px}.product-card .card-title{font-size:.9rem;line-height:1.3}.product-card .card-text{font-size:.75rem}.btn{min-height:44px;padding:10px 15px}.form-control,.form-select{min-height:44px;font-size:16px}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media(max-width:768px){html,body,#root,.App{overflow-x:hidden!important;max-width:100vw!important}.container,.container-fluid,.products-container,.enhanced-container{padding-left:15px!important;padding-right:15px!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.row{margin-left:0!important;margin-right:0!important;width:100%!important}[class*=col-]{padding-left:15px!important;padding-right:15px!important}*{max-width:100%!important}img,video,iframe{max-width:100%!important;height:auto!important}table{width:100%!important;display:block!important;overflow-x:auto!important}pre,code{max-width:100%!important;overflow-x:auto!important}.product-card{margin-bottom:15px!important}footer,.footer{padding-left:15px!important;padding-right:15px!important}.navbar{padding-left:10px!important;padding-right:10px!important}.form-control,.form-select,input,textarea,select{min-height:44px!important;font-size:16px!important}.btn,button{min-height:44px!important;padding:10px 15px!important}a{min-height:44px!important;display:inline-flex!important;align-items:center!important}}@media(max-width:576px){.container,.container-fluid,.products-container,.enhanced-container,[class*=col-]{padding-left:10px!important;padding-right:10px!important}.product-card{margin-bottom:10px!important}}:root{--primary-orange: #ff6600;--secondary-orange: #ff9900;--accent-orange: #ff3300;--light-orange: #fff5f0;--pure-white: #ffffff;--pure-black: #000000;--dark-gray: #1a1a1a;--light-gray: #f5f5f5;--shadow-orange: rgba(255, 102, 0, .3);--shadow-black: rgba(0, 0, 0, .2)}body{background:linear-gradient(135deg,var(--pure-white) 0%,var(--light-gray) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.enhanced-card{position:relative;overflow:hidden}.enhanced-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,102,0,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.enhanced-card:hover:before{opacity:1}.enhanced-card .product-image-container{background:linear-gradient(145deg,var(--pure-white) 0%,#fafafa 100%);border-bottom:2px solid var(--light-orange);position:relative;z-index:2}.enhanced-card .product-info{background:var(--pure-white);position:relative;z-index:2}.enhanced-card h5{color:var(--dark-gray)!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.1)}.enhanced-card .price-display{background:linear-gradient(135deg,var(--light-orange) 0%,#ffebe0 100%);border:2px solid var(--primary-orange);border-radius:8px;padding:4px 8px;margin:2px 0}.product-badge{color:var(--pure-white)!important;border:2px solid var(--pure-white)!important;box-shadow:0 4px 12px #0000004d!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.product-badge:hover{transform:scale(1.15) rotate(5deg)!important;box-shadow:0 6px 20px #0006!important}.enhanced-btn{background:linear-gradient(135deg,var(--primary-orange) 0%,var(--accent-orange) 100%);border:2px solid var(--pure-white);color:var(--pure-white);font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px var(--shadow-orange);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.enhanced-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px var(--shadow-orange);background:linear-gradient(135deg,var(--accent-orange) 0%,var(--primary-orange) 100%)}.loading-spinner{color:var(--primary-orange);font-size:2rem;animation:spin 1s linear infinite,pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.7}to{opacity:1}}.pagination-container button{background:linear-gradient(135deg,var(--pure-white) 0%,var(--light-gray) 100%);border:2px solid var(--primary-orange);color:var(--primary-orange);font-weight:600;transition:all .3s ease}.pagination-container button:hover:not(:disabled){background:linear-gradient(135deg,var(--primary-orange) 0%,var(--accent-orange) 100%);color:var(--pure-white);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-orange)}.pagination-container button:disabled{background:var(--light-gray);border-color:#ccc;color:#999;cursor:not-allowed}#products-grid{padding:10px;background:linear-gradient(135deg,#fffc,#f5f5f5cc);border-radius:15px;box-shadow:0 8px 25px #ff66001a;backdrop-filter:blur(10px)}.products-container{background:linear-gradient(135deg,var(--pure-white) 0%,var(--light-orange) 100%);border-radius:20px;box-shadow:0 12px 35px var(--shadow-orange);padding:15px 20px;margin:10px auto;position:relative;overflow:hidden}.products-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,102,0,.05) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.enhanced-card{border-radius:12px;margin-bottom:12px}.products-container{padding:10px 15px;margin:5px auto;border-radius:15px}#products-grid{padding:8px;border-radius:12px}.enhanced-btn{font-size:.8rem;padding:8px 12px}}@media(max-width:576px){.enhanced-card{border-radius:10px;margin-bottom:10px}.products-container{padding:8px 10px;margin:5px auto;border-radius:12px}#products-grid{padding:6px;border-radius:10px}}.enhanced-card:hover .product-image-container img{transform:scale(1.1);transition:transform .4s ease}.enhanced-card .product-image-container{overflow:hidden}.enhanced-card .product-image-container img{transition:transform .4s ease}.enhanced-card h5,.enhanced-card .price,.enhanced-card .rating{text-shadow:0 1px 3px rgba(0,0,0,.1)}.enhanced-card:focus,.enhanced-btn:focus{outline:3px solid var(--primary-orange);outline-offset:2px}.enhanced-card{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ff66004d}50%{box-shadow:0 0 30px #f609}}.loading-spinner{animation:spin 1s linear infinite,pulse 2s ease-in-out infinite alternate,glow 3s ease-in-out infinite}.enhanced-card:nth-child(1){animation-delay:.1s}.enhanced-card:nth-child(2){animation-delay:.2s}.enhanced-card:nth-child(3){animation-delay:.3s}.enhanced-card:nth-child(4){animation-delay:.4s}.enhanced-card:nth-child(5){animation-delay:.5s}.enhanced-card:nth-child(6){animation-delay:.6s}.enhanced-card:nth-child(7){animation-delay:.7s}.enhanced-card:nth-child(8){animation-delay:.8s}::-webkit-scrollbar{width:14px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#000,#1a1a1a);border-radius:8px;border:1px solid #ff6600}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f60,#f30,#000);border-radius:8px;border:2px solid #ffffff;box-shadow:0 2px 8px #ff66004d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#000,#f60,#f30);box-shadow:0 4px 12px #ff660080;transform:scale(1.1)}::-webkit-scrollbar-corner{background:#000}::selection{background:var(--primary-orange);color:var(--pure-white)}::-moz-selection{background:var(--primary-orange);color:var(--pure-white)}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #fef7ee;--secondary-100: #fdedd3;--secondary-200: #fbd7a5;--secondary-300: #f8bc6d;--secondary-400: #f59e0b;--secondary-500: #d97706;--secondary-600: #b45309;--secondary-700: #92400e;--secondary-800: #78350f;--secondary-900: #451a03;--success-50: #ecfdf5;--success-100: #d1fae5;--success-200: #a7f3d0;--success-300: #6ee7b7;--success-400: #34d399;--success-500: #10b981;--success-600: #059669;--success-700: #047857;--success-800: #065f46;--success-900: #064e3b;--error-50: #fef2f2;--error-100: #fee2e2;--error-200: #fecaca;--error-300: #fca5a5;--error-400: #f87171;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--error-800: #991b1b;--error-900: #7f1d1d;--warning-50: #fffbeb;--warning-100: #fef3c7;--warning-200: #fde68a;--warning-300: #fcd34d;--warning-400: #fbbf24;--warning-500: #f59e0b;--warning-600: #d97706;--warning-700: #b45309;--warning-800: #92400e;--warning-900: #78350f;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .125rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--gray-900);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-gray{color:var(--gray-600)}.text-muted{color:var(--gray-500)}.bg-primary{background-color:var(--primary-600)}.bg-secondary{background-color:var(--secondary-600)}.bg-success{background-color:var(--success-600)}.bg-error{background-color:var(--error-600)}.bg-warning{background-color:var(--warning-600)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;user-select:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:#fff;border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-600);color:#fff;border-color:var(--secondary-600)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-700);border-color:var(--secondary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background-color:transparent;color:var(--primary-600);border-color:var(--primary-600)}.btn-outline:hover:not(:disabled){background-color:var(--primary-50);transform:translateY(-1px)}.btn-ghost{background-color:transparent;color:var(--gray-700);border-color:transparent}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background-color:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--gray-300);border-radius:var(--radius-lg);transition:all var(--transition-fast);background-color:#fff}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.form-input:invalid{border-color:var(--error-500)}.form-input:invalid:focus{box-shadow:0 0 0 3px var(--error-100)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid;margin-bottom:var(--space-4)}.alert-success{background-color:var(--success-50);border-color:var(--success-200);color:var(--success-800)}.alert-error{background-color:var(--error-50);border-color:var(--error-200);color:var(--error-800)}.alert-warning{background-color:var(--warning-50);border-color:var(--warning-200);color:var(--warning-800)}.alert-info{background-color:var(--primary-50);border-color:var(--primary-200);color:var(--primary-800)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-600);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hover-lift{transition:transform var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px)}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--primary-100)}@media(max-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:text-sm{font-size:var(--text-sm)}.sm\:p-4{padding:var(--space-4)}}@media(max-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:text-base{font-size:var(--text-base)}.md\:p-6{padding:var(--space-6)}}@media(max-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:text-lg{font-size:var(--text-lg)}.lg\:p-8{padding:var(--space-8)}}.navbar{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);backdrop-filter:blur(10px);border-bottom:1px solid var(--primary-500);box-shadow:var(--shadow-lg)}.navbar-brand{font-weight:var(--font-bold);font-size:var(--text-xl);color:#fff;text-decoration:none;transition:all var(--transition-fast)}.navbar-brand:hover{transform:scale(1.05);color:var(--primary-100)}.nav-link{color:var(--primary-100);text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:var(--font-medium)}.nav-link:hover{background-color:var(--primary-500);color:#fff;transform:translateY(-1px)}.nav-link.active{background-color:var(--primary-800);color:#fff}.product-card{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden;border:1px solid var(--gray-200);position:relative}.product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px);border-color:var(--primary-200)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));opacity:0;transition:opacity var(--transition-fast)}.product-card:hover:before{opacity:1}.product-image{width:100%;height:200px;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-info{padding:var(--space-6)}.product-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.product-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--primary-600);margin-bottom:var(--space-3)}.product-category{display:inline-block;background-color:var(--primary-100);color:var(--primary-700);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-3)}.search-container{position:relative;max-width:600px;margin:0 auto}.search-input{width:100%;padding:var(--space-4) var(--space-6) var(--space-4) var(--space-12);font-size:var(--text-base);border:2px solid var(--gray-300);border-radius:var(--radius-full);background-color:#fff;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 4px var(--primary-100),var(--shadow-lg)}.search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:var(--text-lg)}.search-button{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.search-button:hover{background:linear-gradient(135deg,var(--primary-700),var(--primary-800));transform:translateY(-50%) scale(1.05)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0;font-size:var(--text-sm);color:var(--gray-600)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-link{color:var(--primary-600);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-700);text-decoration:underline}.breadcrumb-separator{color:var(--gray-400)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin:var(--space-8) 0}.pagination-item{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--gray-300);border-radius:var(--radius-lg);background-color:#fff;color:var(--gray-700);text-decoration:none;font-weight:var(--font-medium);transition:all var(--transition-fast)}.pagination-item:hover{background-color:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.pagination-item.active{background-color:var(--primary-600);border-color:var(--primary-600);color:#fff}.pagination-item:disabled{opacity:.5;cursor:not-allowed}.filter-container{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.filter-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-4)}.filter-group{margin-bottom:var(--space-6)}.filter-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);margin-bottom:var(--space-3);display:block}.filter-checkbox{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.filter-checkbox:hover{background-color:var(--gray-50)}.filter-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-600)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);max-width:90vw;max-height:90vh;overflow:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip{position:relative;display:inline-block}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:var(--gray-900);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em}.badge-primary{background-color:var(--primary-100);color:var(--primary-800)}.badge-success{background-color:var(--success-100);color:var(--success-800)}.badge-warning{background-color:var(--warning-100);color:var(--warning-800)}.badge-error{background-color:var(--error-100);color:var(--error-800)}.progress{width:100%;height:8px;background-color:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);transition:width var(--transition-slow)}.tab-list{display:flex;border-bottom:1px solid var(--gray-200);margin-bottom:var(--space-6)}.tab-button{padding:var(--space-3) var(--space-6);border:none;background:none;color:var(--gray-600);font-weight:var(--font-medium);cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition-fast)}.tab-button:hover{color:var(--primary-600);background-color:var(--primary-50)}.tab-button.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.loading-spinner-large{width:40px;height:40px;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-600);animation:spin 1s linear infinite;margin-bottom:var(--space-4)}.loading-text{color:var(--gray-600);font-size:var(--text-lg);font-weight:var(--font-medium)}.empty-state{text-align:center;padding:var(--space-16)}.empty-state-icon{font-size:4rem;color:var(--gray-300);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--gray-900);margin-bottom:var(--space-2)}.empty-state-description{color:var(--gray-600);margin-bottom:var(--space-6)}@media(max-width:768px){.product-card{margin-bottom:var(--space-4)}.search-input{padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);font-size:var(--text-sm)}.modal-content{margin:var(--space-4);max-width:calc(100vw - 2rem)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.btn-primary{border:2px solid var(--primary-800)}.form-input:focus{border-width:2px}.card{border-width:2px}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";font-variant-numeric:oldstyle-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;line-height:1.2;color:var(--gray-900);margin-bottom:.5em;letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.05em}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600;letter-spacing:-.04em}h3{font-size:clamp(1.25rem,3vw,1.875rem);font-weight:600;letter-spacing:-.03em}h4{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;letter-spacing:-.02em}h5{font-size:clamp(1rem,2vw,1.25rem);font-weight:600}h6{font-size:clamp(.875rem,1.5vw,1.125rem);font-weight:600;text-transform:uppercase;letter-spacing:.05em}p{line-height:1.6;margin-bottom:1em;color:var(--gray-700)}.lead{font-size:1.25rem;font-weight:400;line-height:1.5;color:var(--gray-600)}a{color:var(--primary-600);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}a:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:2px}ul,ol{padding-left:1.5rem;margin-bottom:1rem}li{margin-bottom:.5rem;line-height:1.5;color:var(--gray-700)}blockquote{border-left:4px solid var(--primary-500);padding-left:1.5rem;margin:2rem 0;font-style:italic;font-size:1.125rem;color:var(--gray-600)}code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875em;background-color:var(--gray-100);padding:.25rem .5rem;border-radius:.25rem;color:var(--gray-800)}pre{background-color:var(--gray-900);color:var(--gray-100);padding:1.5rem;border-radius:.5rem;overflow-x:auto;font-size:.875rem;line-height:1.5}pre code{background:none;padding:0;color:inherit}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-primary{color:var(--primary-600)}.text-primary-light{color:var(--primary-400)}.text-primary-dark{color:var(--primary-800)}.text-secondary{color:var(--secondary-600)}.text-success{color:var(--success-600)}.text-warning{color:var(--warning-600)}.text-error{color:var(--error-600)}.text-gray-50{color:var(--gray-50)}.text-gray-100{color:var(--gray-100)}.text-gray-200{color:var(--gray-200)}.text-gray-300{color:var(--gray-300)}.text-gray-400{color:var(--gray-400)}.text-gray-500{color:var(--gray-500)}.text-gray-600{color:var(--gray-600)}.text-gray-700{color:var(--gray-700)}.text-gray-800{color:var(--gray-800)}.text-gray-900{color:var(--gray-900)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.leading-loose{line-height:2}.tracking-tighter{letter-spacing:-.05em}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.card-title{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem;line-height:1.3}.section-heading{font-size:2rem;font-weight:700;color:var(--gray-900);text-align:center;margin-bottom:3rem;position:relative}.section-heading:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:4rem;height:3px;background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));border-radius:2px}.breadcrumb{font-size:.875rem;color:var(--gray-600)}.breadcrumb a{color:var(--primary-600);font-weight:500}.btn{font-weight:500;letter-spacing:.025em}.form-label{font-weight:500;color:var(--gray-700);margin-bottom:.5rem}.error-message{color:var(--error-600);font-size:.875rem;font-weight:500}.success-message{color:var(--success-600);font-size:.875rem;font-weight:500}@media(max-width:640px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.section-heading{font-size:1.5rem;margin-bottom:2rem}.lead{font-size:1.125rem}}@media print{*{color:#000!important;background:#fff!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid}p,li{orphans:3;widows:3}}*:focus{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:4px}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px var(--primary-100);border-color:var(--primary-500)}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary-600);color:#fff;padding:8px 16px;text-decoration:none;border-radius:4px;font-weight:600;z-index:9999;transition:top .3s}.skip-link:focus{top:6px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}@media(prefers-contrast:high){.card,.form-input,.btn{border-width:2px}.btn-primary{background-color:var(--primary-800);border-color:var(--primary-900)}.btn-outline{border-width:2px;border-color:var(--primary-800);color:var(--primary-800)}.text-gray-600{color:var(--gray-800)}.text-gray-500{color:var(--gray-700)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-spinner{animation:none}.loading-spinner:after{content:"⏳";font-size:1.5rem}}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:2px solid var(--primary-500);outline-offset:2px}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.tab-button:focus{background-color:var(--primary-50);outline:2px solid var(--primary-500)}.announcement{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.status-message{padding:1rem;border-radius:.5rem;margin:1rem 0;font-weight:500}.status-success{background-color:var(--success-50);color:var(--success-800);border:1px solid var(--success-200)}.status-error{background-color:var(--error-50);color:var(--error-800);border:1px solid var(--error-200)}.status-warning{background-color:var(--warning-50);color:var(--warning-800);border:1px solid var(--warning-200)}.required:after{content:" *";color:var(--error-600);font-weight:700}.form-input[aria-invalid=true]{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-100)}.form-help{font-size:.875rem;color:var(--gray-600);margin-top:.25rem}.form-error{font-size:.875rem;color:var(--error-600);margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.form-error:before{content:"⚠️";font-size:1rem}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;padding:2rem;max-width:90vw;max-height:90vh;overflow:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem}.modal-close:focus{background-color:var(--gray-100);outline:2px solid var(--primary-500)}.text-contrast-aa{color:var(--gray-700)}.text-contrast-aaa{color:var(--gray-800)}.link-accessible{color:var(--primary-700);text-decoration:underline}.link-accessible:hover{color:var(--primary-800);text-decoration:none}.touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.btn{min-height:44px;padding:.75rem 1.5rem}.btn-sm{min-height:36px;padding:.5rem 1rem}@media(min-resolution:2dppx){body{font-size:16px}}@media(prefers-reduced-data:reduce){.shadow-lg,.shadow-xl{box-shadow:var(--shadow-sm)}.gradient{background:var(--primary-600)}}@media print{*{color:#000!important;background:#fff!important;box-shadow:none!important}a[href]:after{content:" (" attr(href) ")";font-size:.8em;color:#666}.no-print{display:none!important}}[dir=rtl]{text-align:right}[dir=rtl] .breadcrumb{direction:rtl}[dir=rtl] .modal-close{left:1rem;right:auto}.btn-danger{position:relative}.btn-danger:hover:after{content:"Click to confirm";position:absolute;bottom:-2rem;left:50%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;z-index:10}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-20px) rotate(5deg);opacity:.15}}.floating-bg-element{animation:float 6s ease-in-out infinite;opacity:.1;pointer-events:none}.floating-bg-element:nth-child(2){animation-delay:-2s;animation-duration:8s}.floating-bg-element:nth-child(3){animation-delay:-4s;animation-duration:10s}.login-glass-card{background:#fffffff2!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 25px 50px #00000040}.enhanced-number-font{font-family:"system-ui",-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:-.5px}.price-display{font-family:"system-ui",-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:800;letter-spacing:-.5px;color:#b12704}.quantity-display{font-family:"system-ui",-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:700}@media(max-width:768px){*{box-sizing:border-box!important}body{margin:0!important;padding:0!important;overflow-x:hidden!important}.products-container [style*="linear-gradient(135deg, #ff6600 0%, #ff3300 100%)"]{background:linear-gradient(135deg,#f60,#f30)!important;box-shadow:0 4px 15px #ff66004d!important;border:1px solid rgba(255,255,255,.2)!important;margin:0 5px 15px!important}.products-container [style*="linear-gradient(135deg, #ff6600 0%, #ff3300 100%)"] *{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.enhanced-number-font{font-size:1.2rem!important;font-weight:800!important;letter-spacing:-.3px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.price-display{font-size:1.4rem!important;font-weight:800!important;background:linear-gradient(135deg,#fff8f5,#ffede0)!important;padding:4px 8px!important;border-radius:6px!important;border:1px solid rgba(255,102,0,.3)!important}.quantity-display{font-size:1rem!important;font-weight:700!important;color:#f60!important}#products-grid{margin:0 5px!important}}@media(max-width:768px){.table-responsive{font-size:.7rem!important}.table-responsive th,.table-responsive td{padding:6px 4px!important;white-space:nowrap}.platform-comparison-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}.platform-comparison-mobile table{min-width:600px}}@media(max-width:768px){.fba-calculator-mobile{overflow-x:auto;-webkit-overflow-scrolling:touch}.fba-calculator-mobile table{min-width:400px}.fba-calculator-mobile .table td,.fba-calculator-mobile .table th{padding:8px 6px!important;font-size:.75rem!important}}@media(max-width:576px){.product-card-mobile{margin-bottom:1rem}.product-card-mobile .card-body{padding:.75rem!important}.product-card-mobile .card-title{font-size:.9rem!important;line-height:1.3!important}.product-card-mobile .price-display{font-size:1.1rem!important}}@media(max-width:768px){.basket-mobile .basket-item{flex-direction:column;align-items:flex-start!important}.basket-mobile .basket-item-image{width:80px!important;height:80px!important;margin-bottom:.5rem}.basket-mobile .basket-item-details{width:100%!important}.basket-mobile .quantity-controls{margin-top:.5rem!important;justify-content:space-between!important;width:100%!important}}@media(max-width:576px){.login-mobile{padding:10px!important}.login-mobile .card{margin:0!important;border-radius:15px!important}.login-mobile .card-body{padding:1.5rem!important}.floating-bg-element{display:none!important}}@media(max-width:768px){.product-detail-mobile .product-images{margin-bottom:1rem}.product-detail-mobile .product-info{padding:0 .5rem}.product-detail-mobile .platform-section{margin-top:2rem}.product-detail-mobile .profit-section{margin-top:1rem}}@media(max-width:768px){.mobile-nav-improvements{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 2px 4px #0000001a}.mobile-search-bar{padding:.5rem;background:#f8f9fa}.mobile-search-input{border-radius:20px;border:1px solid #ddd;padding:.5rem 1rem}}@media(max-width:576px){.btn-mobile{padding:.75rem 1rem!important;font-size:.9rem!important;border-radius:8px!important}.btn-mobile-sm{padding:.5rem .75rem!important;font-size:.8rem!important}.btn-mobile-lg{padding:1rem 1.5rem!important;font-size:1rem!important}}@media(max-width:576px){.mobile-spacing{padding:.5rem!important}.mobile-margin{margin:.5rem!important}.mobile-padding{padding:1rem!important}}@media(max-width:768px){.touch-target{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.touch-target-sm{min-height:36px;min-width:36px}}@media(max-width:576px){.skeleton-mobile{height:120px!important}.skeleton-mobile-sm{height:80px!important}}@media(max-width:576px){.pagination-mobile{justify-content:center!important}.pagination-mobile .page-link{padding:.5rem .75rem!important;font-size:.8rem!important}.pagination-mobile .page-item:not(.active):not(.disabled) .page-link{display:none}.pagination-mobile .page-item.active .page-link,.pagination-mobile .page-item:first-child .page-link,.pagination-mobile .page-item:last-child .page-link{display:block!important}}@media(max-width:576px){.mobile-image{width:100%!important;height:auto!important;object-fit:cover;border-radius:8px}.mobile-image-sm{max-width:150px!important;max-height:150px!important}}@media(max-width:768px){*{-webkit-tap-highlight-color:transparent}.mobile-smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px var(--primary-200)}.hover-bounce:hover{animation:bounce .6s ease-in-out}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.hover-rotate{transition:transform var(--transition-normal)}.hover-rotate:hover{transform:rotate(5deg)}.hover-slide{position:relative;overflow:hidden}.hover-slide:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.hover-slide:hover:before{left:100%}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.shimmer{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.scale-in{animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-ripple{position:relative;overflow:hidden}.btn-ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active:before{width:300px;height:300px}.btn-press:active{transform:scale(.98);transition:transform .1s}.form-input{transition:all var(--transition-fast)}.form-input:focus{transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-100)}.form-group-float{position:relative}.form-group-float .form-label{position:absolute;top:.75rem;left:1rem;color:var(--gray-500);transition:all var(--transition-fast);pointer-events:none;background:#fff;padding:0 .25rem}.form-group-float .form-input:focus+.form-label,.form-group-float .form-input:not(:placeholder-shown)+.form-label{top:-.5rem;left:.75rem;font-size:.75rem;color:var(--primary-600)}.toast-enter{transform:translate(100%);opacity:0}.toast-enter-active{transform:translate(0);opacity:1;transition:all .3s ease-out}.toast-exit{transform:translate(0);opacity:1}.toast-exit-active{transform:translate(100%);opacity:0;transition:all .3s ease-in}.modal-enter{opacity:0;transform:scale(.9)}.modal-enter-active{opacity:1;transform:scale(1);transition:all .2s ease-out}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transform:scale(.9);transition:all .2s ease-in}.progress-bar{transition:width .5s ease-out}.progress-indeterminate{position:relative;overflow:hidden}.progress-indeterminate:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--primary-400),transparent);animation:indeterminate 1.5s infinite}@keyframes indeterminate{0%{left:-100%}to{left:100%}}.parallax{transform:translateZ(0);transition:transform .1s ease-out}.header-sticky{transition:all var(--transition-fast)}.header-sticky.scrolled{background-color:#fffffff2;backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.interactive:active{transform:scale(.98);transition:transform .1s}.disabled{opacity:.6;cursor:not-allowed;transition:opacity var(--transition-fast)}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.stagger-item{opacity:0;transform:translateY(20px);animation:staggerIn .5s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hover-lift:hover{transform:translateY(-1px)}.hover-scale:hover{transform:scale(1.02)}}@media(prefers-reduced-motion:reduce){.hover-lift,.hover-scale,.hover-bounce,.hover-rotate,.fade-in,.slide-up,.slide-down,.scale-in,.stagger-item{animation:none!important;transition:none!important}.spin{animation:none}.spin:after{content:"⏳";animation:none}}html,body,#root,.App{width:100%!important;max-width:100%!important;overflow-x:hidden!important;margin:0!important;padding:0!important}.admin-products,.products-container,.enhanced-container,.basket-mobile,.mobile-padding,.container,.container-fluid{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}header,.mobile-header,.desktop-header{width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}footer{width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}main{width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.page-wrapper,.content-wrapper,.main-wrapper{margin:0!important;padding:0!important;width:100%!important}.row,.d-flex,.flex{margin:0!important;width:100%!important;max-width:100%!important}[class*=col-]{padding-left:15px!important;padding-right:15px!important;margin:0!important}@media(max-width:768px){*{max-width:100%!important}.container,[class*=col-]{padding-left:10px!important;padding-right:10px!important}}@media(min-width:769px)and (max-width:1024px){.container{padding-left:15px!important;padding-right:15px!important}}@media(min-width:1025px){.container{max-width:1200px!important;margin:0 auto!important;padding-left:15px!important;padding-right:15px!important}}body>div:first-child{margin-top:0!important;padding-top:0!important}*{box-sizing:border-box!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimize-quality}.product-image-container,.product-image-wrapper{background-color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;position:relative!important}.product-image-container img,.product-image-wrapper img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;object-position:center!important;display:block!important;border:none!important;outline:none!important;box-shadow:none!important;margin:0!important;padding:0!important;transition:opacity .3s ease!important}.product-image-wrapper.loading img{opacity:0}.product-image-wrapper.loaded img{opacity:1}.image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f8f9fa;color:#6c757d;font-size:12px;text-align:center;padding:20px;border:1px solid #e9ecef;border-radius:4px}@media(max-width:576px){.product-image-container{height:120px!important;min-height:120px!important}.product-image-container img,.product-image-wrapper img{max-width:90%!important;max-height:90%!important}}@media(min-width:577px){.product-image-container{height:140px!important;min-height:140px!important}.product-image-container img,.product-image-wrapper img{max-width:85%!important;max-height:85%!important}}img[loading=lazy]{opacity:0;transition:opacity .3s ease}img[loading=lazy].loaded{opacity:1}.priority-image{will-change:opacity}.product-card{contain:layout style}.product-image-wrapper{transition:background-color .2s ease}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.product-image-container img,.product-image-wrapper img{image-rendering:-webkit-optimize-contrast}}.product-image-wrapper img:focus{outline:2px solid #007bff;outline-offset:2px}.product-image-wrapper{transform:translateZ(0);backface-visibility:hidden}@media(prefers-reduced-data:reduce){.product-image-container img,.product-image-wrapper img{image-rendering:pixelated}}@media(max-width:576px){.product-card [style*="Deal of"]{font-size:12px!important;font-weight:800!important;color:#c30!important;margin-right:5px!important}.product-card span[style*=£][style*="fontWeight: '800'"]{font-size:13px!important;font-weight:900!important;color:#f30!important;margin-left:-8px!important;padding-left:5px!important;text-shadow:0 1px 2px rgba(0,0,0,.1)!important}.product-card div[style*="background: linear-gradient"][style*="#fff5f0"]{padding:7px 10px!important;margin:0 -3px!important;border-radius:8px!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important}.product-card div[style*=💰],.product-card div[style*=📈]{font-size:11px!important;padding:4px 7px!important;margin:2px -2px!important;min-width:80px!important;text-align:left!important;border-radius:6px!important}.product-card div[style*=£][style*="/unit"]{font-size:11px!important;padding:3px 6px!important;margin-left:-2px!important;font-weight:800!important;border-radius:6px!important}.product-card span[style*=£],.product-card div[style*=£]{text-shadow:0 1px 2px rgba(255,255,255,.8)!important;letter-spacing:.3px!important}.product-card .product-info{padding:8px 6px!important;gap:6px!important}.product-card div[style*="justifyContent: 'space-between'"]{align-items:flex-start!important;gap:6px!important;margin-top:3px!important}.product-card div[style*="justifyContent: 'space-between'"]>div:first-child{margin-left:-3px!important;flex:0 0 auto!important}.product-card div[style*="justifyContent: 'space-between'"]>div:last-child{margin-left:-5px!important;align-items:flex-start!important}}@media(max-width:480px){.product-card [style*="Deal of"]{font-size:13px!important}.product-card span[style*=£][style*="fontWeight: '800'"]{font-size:14px!important;margin-left:-10px!important}.product-card div[style*=💰],.product-card div[style*=📈]{font-size:12px!important;margin-left:-3px!important}}@media(max-width:768px)and (orientation:landscape){.product-card [style*="Deal of"]{font-size:11px!important}.product-card span[style*=£][style*="fontWeight: '800'"]{font-size:12px!important;margin-left:-6px!important}}