:root{--primary-orange:#ff6500;--primary-orange-dark:#cc5200;--deep-purple:#2d0a4e;--accent-blue:#3483fa;--text-dark:#333;--text-light:#fff;--bg-light:#f5f5f5;--card-shadow:0 4px 15px #0000001a;--radius-md:8px;--radius-lg:12px;--font-main:"Inter",sans-serif}*{box-sizing:border-box;font-family:var(--font-main);margin:0;padding:0}body{background-color:var(--bg-light);color:var(--text-dark)}header{background-color:var(--primary-orange);color:#fff;z-index:1000;align-items:center;height:90px;padding:1rem 0;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.navbar{justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 60px;display:flex}.logo-container{align-items:center;margin-right:10px;text-decoration:none;display:flex}.logo-container a{align-items:center;text-decoration:none;display:flex}.logo-container img{width:auto;height:70px}.search-bar{flex-grow:1;margin:0 2rem 0 10px;display:flex;position:relative}.search-bar input{border:none;border-radius:4px;outline:none;width:100%;padding:12px 20px;font-size:1rem}.search-bar button{background:var(--deep-purple);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:0 20px;font-weight:700;position:absolute;top:5px;bottom:5px;right:5px}.nav-links{align-items:center;gap:20px;display:flex}.nav-item{color:#fff;cursor:pointer;align-items:center;gap:5px;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.cart-icon{font-size:1.5rem;position:relative}.cart-count{background-color:var(--deep-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:-8px;right:-8px}.cart-count.has-plus:after{content:"+";color:var(--deep-purple);text-shadow:0 0 1px #fff;font-size:16px;font-weight:700;position:absolute;top:-2px;right:-10px}.categories-bar{background-color:var(--deep-purple);z-index:999;padding:.8rem 0;position:sticky;top:90px;box-shadow:0 4px 6px #0000001a}.categories-container{justify-content:center;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.category-link{color:#fff;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.category-link:hover{color:var(--primary-orange)}.hero-section{max-width:1200px;margin:20px auto;padding:0 20px}.hero-banner{background:linear-gradient(90deg,var(--deep-purple)0%,#4a148c 100%);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;width:100%;height:350px;padding:40px;display:flex;position:relative;overflow:hidden}.hero-text{z-index:2;max-width:500px}.hero-text h1{margin-bottom:20px;font-size:3rem;line-height:1.1}.hero-text p{opacity:.9;margin-bottom:30px;font-size:1.2rem}.btn-cta{background-color:var(--primary-orange);color:#fff;border-radius:50px;padding:12px 30px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-block}.btn-cta:hover{background-color:var(--primary-orange-dark);transform:translateY(-2px)}.carousel-control{color:#fff;cursor:pointer;z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-control:hover{background:#fff6}.carousel-control.prev{left:20px}.carousel-control.next{right:20px}.carousel-indicators{z-index:10;gap:10px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background-color:#ffffff80;border-radius:50%;width:12px;height:12px;transition:background-color .2s}.dot.active{background-color:#fff;transform:scale(1.2)}.products-section{max-width:1200px;margin:40px auto;padding:0 20px}.section-title{color:var(--text-dark);align-items:center;gap:10px;margin-bottom:20px;font-size:1.8rem;display:flex}.section-title:before{content:"";background-color:var(--primary-orange);border-radius:2px;width:5px;height:30px;display:block}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-card{border-radius:var(--radius-md);box-shadow:var(--card-shadow);background:#fff;flex-direction:column;padding:15px;transition:transform .2s;display:flex;position:relative}.product-card:hover{transform:translateY(-5px)}.wishlist-btn{cursor:pointer;color:#ccc;z-index:5;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 5px #0000001a}.wishlist-btn:hover{color:#f05;transform:scale(1.1)}.wishlist-btn.active{color:#f05}.product-link{color:inherit;flex-direction:column;flex-grow:1;text-decoration:none;display:flex}.product-image{aspect-ratio:1;color:#999;background-color:#f5f5f5;border-radius:8px;justify-content:center;align-items:center;width:100%;height:auto;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:contain;mix-blend-mode:multiply;width:100%;height:100%}.product-title{flex-grow:1;margin-bottom:10px;font-size:1rem;font-weight:500;line-height:1.4}.product-price-old{color:#999;font-size:.85rem;text-decoration:line-through}.product-price{color:var(--primary-orange);margin-bottom:5px;font-size:1.5rem;font-weight:700}.product-installments{color:#666;margin-bottom:15px;font-size:.8rem}.btn-buy{background-color:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-weight:700;transition:background .2s;display:flex}.btn-buy:hover{background-color:#206add}footer{background-color:var(--deep-purple);color:#fff;border-top:5px solid var(--primary-orange);margin-top:50px;padding:50px 0 20px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.footer-col h3{margin-bottom:20px;font-size:1.2rem}.footer-links{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:#ccc;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.payment-methods{gap:10px;margin-top:10px;display:flex}.payment-icon{background-color:#fff;border-radius:2px;width:40px;height:25px}.copyright{text-align:center;color:#aaa;padding-top:40px;font-size:.9rem}.auth-container{background-color:#f0f2f5;justify-content:center;align-items:center;min-height:80vh;padding:20px;display:flex}.auth-box{border-radius:var(--radius-lg);box-shadow:var(--card-shadow);background:#fff;width:100%;max-width:400px;padding:40px}.auth-box h2{text-align:center;color:var(--deep-purple);margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-dark);margin-bottom:8px;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:4px;width:100%;padding:12px;font-size:1rem}.btn-block{cursor:pointer;text-align:center;border:none;width:100%}.auth-divider{text-align:center;color:#999;margin:20px 0;font-size:.9rem}.btn-outline{border:2px solid var(--deep-purple);color:var(--deep-purple);background:0 0;border-radius:50px;padding:10px;font-weight:700;transition:all .2s}.btn-outline:hover{background:var(--deep-purple);color:#fff}.auth-footer{text-align:center;margin-top:20px;font-size:.9rem}.auth-footer a{color:var(--accent-blue);text-decoration:none}.product-detail-container{max-width:1200px;margin:20px auto;padding:0 20px}.breadcrumb{color:#666;margin-bottom:20px;font-size:.9rem}.breadcrumb a{color:var(--deep-purple);text-decoration:none}.product-detail-grid{border-radius:var(--radius-lg);box-shadow:var(--card-shadow);background:#fff;grid-template-columns:1fr 1fr;gap:40px;padding:30px;display:grid}.detail-image{border-radius:var(--radius-md);color:#999;background-color:#eee;justify-content:center;align-items:center;height:400px;display:flex}.detail-title{margin-bottom:10px;font-size:2rem;line-height:1.2}.detail-sku{color:#999;margin-bottom:15px;font-size:.8rem}.rating{color:#f1c40f;margin-bottom:20px;font-size:.9rem}.rating span{color:#666;margin-left:5px}.price-box{margin-bottom:30px}.price-box .old-price{color:#999;text-decoration:line-through;display:block}.price-box .current-price{color:var(--primary-orange);font-size:2.5rem;font-weight:700;display:block}.detail-info .btn-buy{width:auto;padding:15px 30px;display:inline-flex}.features{border-top:1px solid #eee;margin-top:40px;padding-top:20px}@media (max-width:768px){.product-detail-grid{grid-template-columns:1fr}}.checkout-container{max-width:1200px;margin:20px auto;padding:0 20px}.checkout-title{color:var(--deep-purple);margin-bottom:30px}.checkout-grid{grid-template-columns:2fr 1fr;gap:30px;display:grid}.form-section{border-radius:var(--radius-md);box-shadow:var(--card-shadow);background:#fff;margin-bottom:20px;padding:25px}.form-section h3{color:var(--text-dark);align-items:center;gap:10px;margin-bottom:20px;display:flex}.form-row{gap:20px;display:flex}.payment-options{gap:15px;margin-bottom:20px;display:flex}.payment-option{text-align:center;cursor:pointer;border:2px solid #eee;border-radius:8px;flex:1;padding:15px;font-weight:500;transition:all .2s}.payment-option:hover{border-color:var(--accent-blue)}.payment-option.selected{border-color:var(--primary-orange);color:var(--primary-orange);background-color:#fff8f0}.qr-code-placeholder{text-align:center;color:#666;background-color:#f9f9f9;border-radius:8px;padding:30px}.checkout-summary{border-radius:var(--radius-md);box-shadow:var(--card-shadow);background:#fff;height:fit-content;padding:25px}.summary-item{border-bottom:1px solid #eee;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.summary-img{color:#999;background-color:#eee;border-radius:4px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.summary-info h4{margin-bottom:5px;font-size:.9rem}.total-row{justify-content:space-between;margin-bottom:10px;font-size:.95rem;display:flex}.total-final{color:var(--text-dark);border-top:2px solid #eee;margin-top:15px;padding-top:15px;font-size:1.2rem;font-weight:700}.text-green{color:#27ae60}@media (max-width:768px){.checkout-grid{grid-template-columns:1fr}}.nav-item{position:relative}.login-dropdown{border-radius:var(--radius-md);z-index:1001;width:280px;color:var(--text-dark);background:#fff;margin-top:15px;padding:20px;display:none;position:absolute;top:100%;right:0;box-shadow:0 5px 20px #0003}.login-dropdown:before{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;position:absolute;top:-8px;right:20px}.login-dropdown.active{animation:.3s fadeIn;display:block}.login-dropdown h3{color:var(--deep-purple);margin-bottom:15px;font-size:1rem}.login-dropdown input{border:1px solid #eee;border-radius:4px;width:100%;margin-bottom:10px;padding:10px}.dropdown-footer{justify-content:space-between;margin-top:10px;font-size:.8rem;display:flex}.dropdown-footer a{color:var(--accent-blue);text-decoration:none}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:12px;width:90%;max-width:500px;margin:auto;padding:30px;position:relative;box-shadow:0 10px 40px #0000004d}.close-modal{width:40px;height:40px;color:var(--primary-orange);cursor:pointer;z-index:100;background:#fff;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;font-size:1.5rem;transition:transform .2s;display:flex;position:absolute;top:-20px;right:-20px;box-shadow:0 4px 10px #0003}.close-modal:hover{transform:scale(1.1)}.cart-overlay{z-index:2000;opacity:0;background:#00000080;width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.cart-overlay.open{opacity:1;display:block}.cart-sidebar{z-index:2001;background:#fff;flex-direction:column;width:350px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-400px;box-shadow:-5px 0 20px #0000001a}.cart-sidebar.open{right:0}.sidebar-header{background:var(--deep-purple);color:#fff;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px;display:flex}.close-cart{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.2rem}.sidebar-content{flex-grow:1;padding:20px;overflow-y:auto}.sidebar-footer{background:#f9f9f9;border-top:1px solid #eee;flex-direction:column;gap:15px;padding:20px;display:flex}.cart-item{border-bottom:1px solid #eee;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.cart-item img{object-fit:cover;border-radius:4px;width:60px;height:60px}.cart-item-info h4{margin-bottom:5px;font-size:.9rem}.cart-item-price{color:var(--primary-orange);font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-container{grid-template-columns:280px 1fr;gap:40px;max-width:1200px;margin:40px auto;padding:0 20px;display:grid}.dashboard-sidebar{border-radius:var(--radius-lg);box-shadow:var(--card-shadow);background:#fff;height:fit-content;padding:30px}.user-profile-summary{text-align:center;border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.avatar-circle{background-color:var(--deep-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 15px;font-size:2rem;font-weight:700;display:flex}.user-info h3{color:var(--text-dark);margin-bottom:5px}.user-info span{color:#999;font-size:.9rem}.dashboard-nav{flex-direction:column;gap:10px;display:flex}.dashboard-nav a{border-radius:var(--radius-md);color:#666;align-items:center;gap:10px;padding:12px 15px;text-decoration:none;transition:all .2s;display:flex}.dashboard-nav a:hover,.dashboard-nav a.active{color:var(--deep-purple);background-color:#f0f2f5;font-weight:500}.text-danger{color:#e74c3c!important}.text-danger:hover{background-color:#fceae9!important}.dashboard-content{border-radius:var(--radius-lg);box-shadow:var(--card-shadow);background:#fff;min-height:500px;padding:40px}.address-card{border-radius:var(--radius-md);border:1px solid #eee;margin-bottom:20px;padding:20px;transition:all .2s;position:relative}.address-header{justify-content:space-between;margin-bottom:10px;display:flex}.address-header h4{color:var(--deep-purple)}.address-card .actions{color:#999;cursor:pointer;gap:10px;display:flex}.wallet-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.credit-card-ui{color:#fff;border-radius:15px;flex-direction:column;justify-content:space-between;height:180px;padding:25px;display:flex;box-shadow:0 10px 20px #00000026}.gradient-1{background:linear-gradient(135deg,#2d0a4e 0%,#4a148c 100%)}.gradient-2{background:linear-gradient(135deg,#1e3c72 0%,#2a5298 100%)}.card-logo{text-align:right;font-size:1.2rem;font-style:italic;font-weight:700}.card-number{letter-spacing:2px;margin:20px 0;font-size:1.4rem}.card-info{text-transform:uppercase;justify-content:space-between;font-size:.9rem;display:flex}.btn-outline-orange{border:1px solid var(--primary-orange);color:var(--primary-orange);background:0 0;border-radius:4px;padding:8px 15px;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline-orange:hover{background:var(--primary-orange);color:#fff}.address-card.priority{position:relative;border:2px solid var(--primary-orange)!important}.priority-tag{background:var(--primary-orange);color:#fff;z-index:10;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700;position:absolute;top:-10px;right:20px}.status-pending,.status-awaiting{color:#f57f17;background:#fff8e1}.priority-card{border:3px solid var(--primary-orange);position:relative;transform:scale(1.02)}.btn-danger{color:#fff;border-radius:var(--radius-md);cursor:pointer;background-color:#e74c3c;border:none;padding:10px 20px;font-weight:500;transition:all .3s}.btn-danger:hover{background-color:#c0392b;box-shadow:0 4px 10px #e74c3c4d}@media (max-width:768px){.dashboard-container{grid-template-columns:1fr}}.order-details-container{grid-template-columns:1fr 350px;align-items:start;gap:30px;display:grid}@media (max-width:900px){.order-details-container{grid-template-columns:1fr}}.details-main{box-shadow:none;background:0 0;border-radius:0;padding:0}.details-sidebar{position:sticky;top:110px}.content-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:25px;padding:25px;box-shadow:0 2px 5px #0000000d}.sidebar-card{background:#fff;border:1px solid #eee;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000000d}.summary-line{color:#666;justify-content:space-between;margin-bottom:12px;font-size:.9rem;display:flex}.summary-line.total{color:#333;background:#f9f9f9;border-top:1px solid #eee;border-bottom-right-radius:8px;border-bottom-left-radius:8px;margin:15px -20px -10px;padding:15px;font-size:1.1rem;font-weight:700}.page-title-bar{border-left:5px solid var(--primary-orange);color:#333;margin-bottom:30px;padding-left:15px;font-size:1.8rem}.dashboard-container.full-width{grid-template-columns:1fr;padding:20px 40px;max-width:1400px!important}.dashboard-container.full-width .page-title-bar{grid-column:span 1;margin-bottom:20px}.modal-overlay{z-index:2000;background-color:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content,.modal{width:90%;max-width:500px;color:var(--text-dark);background-color:#fff;border-radius:12px;padding:30px;position:relative;box-shadow:0 10px 25px #0003}.modal-content form,.modal form{background:#fff}.modal-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:var(--deep-purple);margin:0;font-size:1.5rem}.close-modal{cursor:pointer;color:#999;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:15px;right:20px}.close-modal:hover{color:var(--primary-orange)}.order-card{border-radius:var(--radius-md);background:#fff;border:1px solid #eee;margin-bottom:20px;padding:20px;transition:box-shadow .2s;box-shadow:0 2px 5px #0000000d}.order-card:hover{box-shadow:0 5px 15px #0000001a}.order-status{border-radius:20px;padding:5px 12px;font-size:.85rem;font-weight:700}.status-transit{color:#1976d2;background:#e3f2fd}.timeline-container{margin:60px 0;padding:0 20px;position:relative}.timeline-line{background:#eee;border-radius:2px;height:4px;position:relative}.timeline-progress{background:var(--primary-orange);border-radius:2px;height:100%;transition:width .5s;position:relative}.truck-icon{color:var(--primary-orange);background:#fff;padding:2px;font-size:1.5rem;transition:right .5s;position:absolute;top:-24px;right:-15px}.timeline-points{justify-content:space-between;margin-top:-12px;display:flex;position:relative}.point{text-align:center;flex-direction:column;align-items:center;width:100px;display:flex}.point-dot{z-index:2;background:#eee;border:4px solid #fff;border-radius:50%;width:20px;height:20px;margin-bottom:10px;transition:background .3s}.point.active .point-dot{background:var(--primary-orange)}.point-label{color:#999;font-size:.8rem}.point.active .point-label{color:var(--text-dark);font-weight:700}.tracking-step{gap:20px;margin-bottom:20px;display:flex;position:relative}.tracking-step:before{content:"";background:#eee;width:2px;position:absolute;top:25px;bottom:-25px;left:9px}.tracking-step:last-child:before{display:none}.step-dot{background:#ddd;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:5px}.step-dot.active{background:var(--primary-orange);box-shadow:0 0 0 4px #ff650033}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}