body,html{max-width:100vw;overflow-x:hidden;position:relative;margin:0;padding:0;box-sizing:border-box}*,:after,:before{box-sizing:inherit}img{max-width:100%;height:auto}.main-nav{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:10px 0;border-bottom:2px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:1000;box-shadow:0 5px 20px var(--shadow-color);transition:transform .4s ease-in-out}.main-nav.navbar-hidden{transform:translateY(-100%)}.nav-content{justify-content:space-between;flex-wrap:nowrap;gap:10px}.nav-content,.nav-logo{display:flex;align-items:center}.nav-logo{text-decoration:none;flex-shrink:0}.header-logo{height:45px;width:45px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color-strong);transition:transform .3s}.header-logo:hover{transform:rotate(1turn)}.nav-right{gap:15px;flex-wrap:nowrap}.nav-links,.nav-right{display:flex;align-items:center}.nav-links{list-style:none;gap:5px;margin:0;padding:0}.nav-links a{text-decoration:none;color:var(--text-color-secondary);font-weight:700;transition:all .3s;padding:8px 12px;border-radius:6px;font-family:Anton,sans-serif;font-size:1.2rem;letter-spacing:1px;text-transform:uppercase}.nav-links a:hover{color:var(--primary-color);text-shadow:0 0 10px var(--primary-color)}.nav-actions{gap:10px;flex-shrink:0}.nav-actions,.social-icons{display:flex;align-items:center}.social-icons{gap:8px}.social-icons a{color:var(--text-color-secondary);font-size:1.2rem;transition:all .3s;padding:6px;display:flex;align-items:center}.social-icons a:hover{transform:translateY(-3px) scale(1.1)}.social-icons .instagram:hover{color:var(--social-instagram)}.social-icons .tiktok:hover{color:var(--social-tiktok)}.social-icons .whatsapp:hover{color:var(--social-whatsapp)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:120%;left:50%;transform:translateX(-50%);background-color:var(--dropdown-bg);min-width:200px;box-shadow:0 12px 25px var(--shadow-color-strong);z-index:1;border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.dropdown-content a{color:var(--text-color-secondary);padding:12px 20px;display:block;font-weight:500;font-size:1rem}.dropdown:hover .dropdown-content{display:block}.theme-toggle-btn{background:transparent;border:none;color:var(--text-color-secondary);width:45px;height:45px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s;overflow:hidden;position:relative;flex-shrink:0}.theme-toggle-btn:hover{color:var(--primary-color);transform:rotate(15deg)}.theme-toggle-btn i{position:absolute;transition:transform .4s,opacity .4s}.theme-toggle-btn .fa-sun{transform:translateY(150%);opacity:0}body.light-mode .theme-toggle-btn .fa-sun{transform:translateY(0);opacity:1}body.light-mode .theme-toggle-btn .fa-moon{transform:translateY(-150%);opacity:0}.banner-carousel-container{position:relative;height:75vh;overflow:hidden}.banner-slides{display:flex;height:100%;transition:transform .8s ease-in-out}.banner-slide{min-width:100%;height:100%;background-size:cover;background-position:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;color:#fff;position:relative;flex-shrink:0}.banner-slide:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0,rgba(0,0,0,.8) 100%);z-index:1}.banner-slide>*{z-index:2}.banner-slide h1{font-family:Anton,sans-serif;font-size:6rem;margin-bottom:1rem;text-shadow:0 5px 15px rgba(0,0,0,.7);letter-spacing:3px;text-transform:uppercase}.banner-slide p{font-size:1.5rem;color:#e0e0e0;margin-bottom:2.5rem;max-width:700px}.cta-button{display:inline-block;padding:15px 40px;background:transparent;color:#fff;text-decoration:none;border:3px solid var(--primary-color);border-radius:50px;font-weight:700;font-size:1.2rem;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.cta-button:hover{background:var(--primary-color);color:var(--bg-color);transform:translateY(-3px) scale(1.05)}.carousel-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10}.dot{width:12px;height:12px;border-radius:50%;background:hsla(0,0%,100%,.4);border:2px solid transparent;cursor:pointer;transition:all .3s}.dot.active{background:var(--primary-color);transform:scale(1.3);border:2px solid #fff}.scroll-indicator{position:absolute;bottom:30px;right:50%;z-index:3;animation:bounce 2s infinite}.scroll-indicator i{font-size:2rem;color:var(--primary-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.product-section{padding:6rem 0;flex-grow:1}.section-title{text-align:center;font-size:4rem;margin-bottom:4rem;font-family:Anton,sans-serif;text-transform:uppercase;letter-spacing:2px}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:30px;gap:30px}@media (min-width:1024px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background:var(--card-bg);border-radius:12px;box-shadow:0 10px 25px var(--shadow-color);transition:all .4s;border:2px solid var(--border-color);display:flex;flex-direction:column;position:relative}.product-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px var(--shadow-color-strong)}.product-image-carousel{position:relative;width:100%;padding-top:133.33%;overflow:hidden;background:#333;border-radius:10px 10px 0 0}.product-image-wrapper{display:flex;height:100%;transition:transform .4s ease-in-out;position:absolute;top:0;left:0;width:100%}.product-image-slide{min-width:100%;height:100%;object-fit:cover;flex-shrink:0}.product-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;padding:8px 12px;cursor:pointer;z-index:5;font-size:1.2rem;border-radius:50%;transition:all .3s;opacity:0}.product-card:hover .product-carousel-btn{opacity:1}.product-carousel-btn:hover{background:var(--primary-color)}.product-carousel-btn.left{left:10px}.product-carousel-btn.right{right:10px}.product-carousel-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.product-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s}.product-dot.active{background:var(--primary-color);transform:scale(1.3)}.product-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}.product-name{font-size:1.3rem;font-weight:700;margin-bottom:5px;color:var(--text-color);line-height:1.3}.product-name-link{text-decoration:none;color:var(--text-color);display:block;transition:color .3s}.product-name-link:hover{color:var(--primary-color);text-decoration:underline}.product-price{font-size:1.5rem;font-weight:700;color:var(--primary-color-light);margin-bottom:15px;font-family:Anton,sans-serif;letter-spacing:1px}.product-description{font-size:.95rem;color:var(--text-color-secondary);margin-bottom:12px;line-height:1.5;white-space:pre-wrap}.product-stock{font-size:.9rem;color:var(--text-color-subtle);margin-top:auto;margin-bottom:15px}.order-btn{width:100%;padding:14px;background:var(--primary-color);color:var(--text-on-primary);border:none;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.order-btn:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-2px)}.order-btn:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed;transform:none}.sold-out-overlay{position:absolute;top:10px;left:10px;padding:5px 10px;background:#fff;color:#1a1a1a;font-size:.8rem;font-weight:600;text-transform:uppercase;z-index:6;pointer-events:none;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2)}.empty-state,.loading{text-align:center;padding:60px;color:var(--text-color-secondary);font-size:1.2rem;grid-column:1/-1}footer{background-color:var(--footer-bg);color:var(--text-color-subtle);text-align:center;padding:2.5rem 20px;font-size:.9rem;border-top:2px solid var(--border-color);margin-top:auto}footer p{margin-bottom:10px}.footer-social{margin-top:20px}.footer-social a{color:var(--text-color-subtle);font-size:1.6rem;margin:0 12px;transition:all .3s}.footer-social a:hover{color:var(--primary-color);transform:translateY(-3px)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .4s}.modal-overlay.visible{opacity:1;pointer-events:auto}.modal-content{background:var(--modal-bg);padding:40px;border-radius:15px;max-width:450px;width:90%;text-align:center;transform:scale(.9);transition:transform .4s cubic-bezier(.18,.89,.32,1.28);box-shadow:0 20px 50px var(--shadow-color-strong);border:2px solid var(--border-color-strong)}.modal-overlay.visible .modal-content{transform:scale(1)}.modal-content h3{font-family:Anton,sans-serif;text-transform:uppercase;font-size:2rem;margin-bottom:30px}.order-form{text-align:left}.form-group{margin-bottom:25px}.form-label{display:block;margin-bottom:10px;font-weight:700;color:var(--text-color)}.form-input{width:100%;padding:15px;border:2px solid var(--border-color-strong);border-radius:8px;font-size:1.1rem;background:var(--input-bg);color:var(--text-color);outline:none;transition:all .3s}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-shadow)}.modal-buttons{display:flex;justify-content:space-between;gap:20px;margin-top:30px}.modal-buttons button{flex-grow:1;padding:12px 20px;border:2px solid;border-radius:8px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;text-transform:uppercase;letter-spacing:1px}.modal-btn-cancel{background:transparent;border-color:var(--disabled-bg);color:var(--text-color-secondary)}.modal-btn-cancel:hover{background:var(--disabled-bg)}.modal-btn-submit{background:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.modal-btn-submit:hover{background:var(--text-color);border-color:var(--text-color);color:var(--bg-color)}.modal-btn-submit:disabled{opacity:.6;cursor:not-allowed}.container{max-width:1200px;margin:0 auto;padding:0 15px;width:100%}@media (max-width:768px){.nav-content{flex-direction:row;align-items:center;gap:10px}.banner-carousel-container{height:60vh}.banner-slide h1{font-size:3.5rem}.section-title{font-size:2.8rem}}@media (max-width:480px){.nav-links a{font-size:.85rem;padding:6px 8px}.social-icons a{font-size:1rem;padding:4px}.social-icons{gap:4px}.theme-toggle-btn{width:36px;height:36px;font-size:1rem}.banner-slide h1{font-size:2.5rem}.banner-slide p{font-size:1rem}}