:root{--color-orange:#ff5722;--color-orange-hover:#e64a19;--color-blue-dark:#1a0b52;--color-blue-btn:#2d1b70;--color-text-dark:#1f1f1f;--color-text-light:#64626b;--color-white:#fff;--color-bg-light:#f9f9f9;--color-gray-border:#e0e0e0;--container-width:1820px;--border-radius-pill:50px;--border-radius-card:16px;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-white);color:var(--color-text-dark);font-family:Poppins,sans-serif;line-height:1.5;overflow-x:hidden}.container{margin:0 auto;max-width:var(--container-width);padding:0 20px}.btn{border:none;border-radius:var(--border-radius-card);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 32px;text-decoration:none;transition:var(--transition)}.btn-orange{background-color:var(--color-orange);color:var(--color-white)}.btn-orange:hover{background-color:var(--color-orange-hover);transform:translateY(-2px)}.btn-dark{background-color:var(--color-blue-btn);color:var(--color-white)}.btn-dark:hover{opacity:.9;transform:translateY(-2px)}img{display:block;max-width:100%}h1,h2,h3{font-weight:700;line-height:1.2}.navbar{background:hsla(0,0%,100%,.97);border-radius:0 0 24px 24px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:10px 0;position:sticky;top:0;transition:all .3s ease-in-out;z-index:1000}.navbar.scrolled{background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:10px 0}.navbar.scrolled .logo-img{border-radius:0;height:40px;transition:all .3s ease-in-out;width:auto}.navbar.scrolled .nav-links a{font-size:1rem}.nav-content{justify-content:space-between}.nav-content,.nav-menu-wrapper{align-items:center;display:flex}.nav-menu-wrapper{gap:64px}.logo{align-items:center;display:flex;gap:5px}.logo-img{border-radius:0;height:64px;transition:all .3s ease-in-out;width:auto}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:var(--color-blue-dark);font-size:1.2rem;font-weight:500;text-decoration:none;transition:var(--transition)}.nav-links a:hover{color:var(--color-orange)}.nav-icons{align-items:center;display:flex;gap:60px}.nav-icons i{color:var(--color-blue-dark);cursor:pointer;font-size:1.5rem;transition:var(--transition)}.nav-icons i:hover{color:var(--color-orange)}.nav-icons a.nav-link-icon{align-items:center;color:inherit;display:flex;justify-content:center;text-decoration:none}.mobile-inner-header,.mobile-menu-left,.mobile-toggle{display:none}.mobile-close-btn{background:none;border:none;color:var(--color-blue-dark);cursor:pointer;font-size:2rem}.dropdown-trigger{height:100%;position:relative}.dropdown-menu{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);left:-20px;list-style:none;opacity:0;padding:15px 0;position:absolute;top:40px;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;width:220px;z-index:1100}.dropdown-menu li{padding:0}.dropdown-menu li a{color:var(--color-text-light);display:block;font-size:1rem;font-weight:400;padding:10px 25px;transition:background .2s,color .2s}.dropdown-menu li a:hover{background-color:#f5f5f5;color:var(--color-orange)}.dropdown-menu .divider{background-color:#eee;margin:8px 0}.dropdown-trigger.menu-open .dropdown-menu,.dropdown-trigger:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-trigger.menu-open .fa-chevron-down,.dropdown-trigger:hover .fa-chevron-down{transform:rotate(180deg)}.fa-chevron-down{transition:transform .3s ease}.search-container{align-items:center;background-color:transparent;border-radius:50px;display:flex;transition:background-color .3s ease,border .3s ease}.search-container.active{background-color:#f4f4f4;border:1px solid #e0e0e0}.search-input{background:transparent;border:none;color:var(--color-blue-dark);font-family:Poppins,sans-serif;font-size:.95rem;outline:none;padding:0;transition:width .4s ease,padding .4s ease;width:0}.search-container.active .search-input{padding:8px 10px 8px 20px;width:220px}.search-container .search-icon{color:var(--color-blue-dark);cursor:pointer;font-size:1.5rem;padding:5px;transition:all .3s ease}.search-container.active .search-icon{color:var(--color-orange);font-size:1.2rem;padding-right:15px}@media (max-width:1025px){.search-container.active .search-input{padding:6px 10px 6px 15px;width:140px}}.category-hero{align-items:flex-end;background-image:url(/public/assets/cover_vitrine.png);background-position:50%;background-size:cover;display:flex;height:50vh;padding-bottom:100px;position:relative;width:100%}.category-hero:before{background:linear-gradient(90deg,rgba(0,0,0,.6) 0,transparent 60%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.hero-cat-content{position:relative;text-align:left;width:100%;z-index:2}.hero-cat-content h1{color:#fff;font-size:3.5rem;font-weight:700;text-align:inherit}.products-section{background-color:#fff;padding:40px 0 80px}.toolbar{align-items:center;display:flex;gap:30px;justify-content:flex-end;margin-bottom:40px}.btn-back{align-items:center;background:transparent;border:2px solid var(--color-blue-dark);border-radius:14px;color:var(--color-blue-dark);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-right:auto;padding:8px 24px;text-decoration:none;transition:all .3s ease}.btn-back:hover{background-color:var(--color-blue-dark);color:#fff;transform:translateX(-3px)}.product-count{color:var(--color-text-light);font-size:.9rem;font-weight:500}.btn-filter{align-items:center;background:transparent;border:2px solid var(--color-blue-dark);border-radius:14px;color:var(--color-blue-dark);cursor:pointer;display:flex;font-weight:600;gap:10px;padding:8px 24px;transition:all .3s}.btn-filter:hover{background-color:var(--color-blue-dark);color:#fff}.product-grid{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center;max-width:100%}.product-card{background-color:#f8f9fb;border:1px solid #eaeef2;border-radius:20px;display:flex;flex:0 1 calc(25% - 24px);flex-direction:column;min-width:250px;padding:20px;position:relative;transition:all .3s ease}.product-card:hover{border-color:#d1d8df;box-shadow:0 12px 30px rgba(26,11,82,.06);transform:translateY(-5px)}.wishlist-btn{background:transparent;border:none;color:var(--color-blue-dark);cursor:pointer;font-size:1.8rem;position:absolute;right:20px;top:20px;transition:transform .2s;z-index:5}.wishlist-btn:hover{transform:scale(1.1)}.wishlist-btn i.fa-solid{color:var(--color-blue-dark)}.card-img-wrap{aspect-ratio:1/1;margin-bottom:15px;overflow:hidden;position:relative}.card-img-wrap,.card-img-wrap a{align-items:center;display:flex;justify-content:center;width:100%}.card-img-wrap a{height:100%}.card-img-wrap img{border-radius:18px;height:100%;-o-object-fit:contain;object-fit:contain;transition:opacity .4s ease-in-out;width:100%}.img-hover{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}.product-card:hover .img-hover{opacity:1}.card-info{display:flex;flex-direction:column;flex-grow:1;padding:10px 0 0}.card-info h3{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;color:#190068;display:-webkit-box;font-size:.95rem;font-weight:400;line-height:1.4;margin-bottom:5px;overflow:hidden;width:100%}.card-detail{color:var(--color-text-light);font-size:.8rem;margin-bottom:15px}.color-variants{display:flex;gap:8px;margin-bottom:20px}.color-dot{border:1px solid #ddd;border-radius:50%;display:inline-block;height:12px;width:12px}.btn-product{background-color:var(--color-blue-dark);border-radius:15px;color:#fff;display:block;font-size:.9rem;font-weight:600;margin-top:auto;padding:10px 0;text-align:center;width:100%}.btn-product:hover{background-color:var(--color-orange);color:#fff}.footer{background-color:#f0f0f0;font-size:.9rem;padding:60px 0 20px}.footer-grid{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:40px;padding-top:20px}.footer-logo img{height:80px;margin-bottom:20px}.footer-links{display:flex;gap:80px;margin-left:auto;margin-right:60px}.footer-links h4{color:var(--color-blue-dark);font-size:1rem;margin-bottom:15px}.footer-links ul{list-style:none}.footer-links ul li{margin-bottom:10px}.footer-links a{color:var(--color-blue-dark);font-weight:700;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--color-orange)}.social-links{border-left:2px solid #1a0b52;display:flex;flex-direction:column;gap:15px;min-height:100px;padding-left:40px;text-align:left}.social-links p{color:var(--color-blue-dark);font-weight:400}.social-links a{color:var(--color-blue-dark);display:inline-block;font-size:1.8rem;transition:var(--transition)}.social-links a:hover{color:var(--color-orange);transform:translateY(-3px)}.copyright{border-top:1px solid #d1d1d1;color:var(--color-blue-dark);font-size:.85rem;margin:0 auto;max-width:100%;padding-top:30px;text-align:left}@media (max-width:768px){.category-hero{height:250px}.hero-cat-content h1{font-size:2.5rem}.card-img-wrap{height:auto}.card-info h3{font-size:.85rem}.btn-product{font-size:.8rem;padding:8px 0}}@media (max-width:480px){.toolbar{flex-direction:column;justify-content:center}}@media (min-width:993px){.mobile-inner-header,.mobile-menu-left{display:none!important}.mobile-menu-right{display:flex;flex-direction:row-reverse;gap:100px}}@media (min-width:1400px){.product-card{flex:0 1 calc(25% - 24px)}}@media (max-width:1399px){.product-card{flex:0 1 calc(33.333% - 24px)}.container{max-width:1250px}img{width:90%}.img-default{width:100%}.wishlist-btn{font-size:1.4rem;right:55px;top:15px}}@media (max-width:1024px){.product-card{flex:0 1 calc(50% - 20px)}}@media (max-width:768px){.product-card{flex:0 1 calc(50% - 15px)}}@media (max-width:480px){.product-card{flex:0 1 100%;max-width:350px}}@media (max-width:768px){.nav-links{display:none}.wishlist-btn{right:45px;top:35px}}.mobile-toggle{background:none;border:none;color:var(--color-blue-dark);cursor:pointer;display:none;font-size:1.5rem}.nav-header-mobile{display:contents}@media (max-width:1025px){.nav-content{justify-content:space-between;padding:0 20px}.logo-img{border-radius:0;height:48px;width:auto}.nav-header-mobile{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:1001}.mobile-toggle{background:transparent;border:none;color:var(--color-blue-dark);cursor:pointer;display:block;font-size:1.8rem}.nav-menu-wrapper{background-color:#fff;display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.nav-menu-wrapper.active{animation:slideIn .3s ease-out;display:grid;grid-template-columns:35% 65%}.nav-links{align-items:center;flex-direction:column;gap:20px;margin-bottom:20px}.nav-icons{gap:30px;justify-content:center}.dropdown-menu{background-color:#f9f9f9;box-shadow:none;display:none;opacity:1;position:static;text-align:center;transform:none;visibility:visible;width:100%}.dropdown-trigger:hover .dropdown-menu{display:block}.nav-content{justify-content:space-between;padding:0 20px}.nav-header-mobile{align-items:center;display:flex;justify-content:space-between;width:100%;z-index:1001}.mobile-toggle{background:transparent;border:none;color:var(--color-blue-dark);cursor:pointer;display:block;font-size:1.8rem}.nav-menu-wrapper{background-color:#fff;display:none;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:2000}.nav-menu-wrapper.active{animation:slideIn .3s ease-out;display:grid;grid-template-columns:35% 65%}.mobile-menu-left{align-items:center;background:linear-gradient(180deg,#1a0b52,#2d1b70);color:#fff;display:none;padding:40px 20px;position:relative;text-align:left}.mobile-promo-content h2{color:#fff;font-size:1.8rem;line-height:1.1;margin-bottom:20px}.mobile-promo-content h2 strong{font-size:2.2rem;font-weight:800}.btn-outline-white{border:1px solid #fff;border-radius:30px;color:#fff;display:inline-block;font-size:.9rem;margin-bottom:30px;padding:10px 20px;text-decoration:none}.promo-arrow{align-items:center;border:1px solid #fff;border-radius:50%;display:flex;height:40px;justify-content:center;margin-top:20px;width:40px}.mobile-menu-right{background-color:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto}.mobile-inner-header{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;padding:20px 30px}.mobile-logo-inner{display:none;height:40px;width:40px}.mobile-header-actions{align-items:center;display:flex;gap:20px}.search-icon-mobile{color:var(--color-blue-dark);font-size:1.5rem}.nav-icons{display:flex;gap:20px;justify-content:space-around;padding:30px 40px}.nav-icons i{font-size:1.8rem}.desktop-only{display:none!important}.nav-links{display:flex;flex-direction:column;gap:0;padding:0 40px;width:100%}.nav-links li{border-bottom:1px solid #f5f5f5;width:100%}.nav-links li:last-child{border-bottom:none}.nav-links a{align-items:center;color:var(--color-blue-dark);display:flex;font-size:1.3rem;font-weight:700;justify-content:space-between;padding:20px 0}.dropdown-menu{background:#fff;box-shadow:none;display:none;opacity:1;padding:0 0 20px 20px;position:static;transform:none;visibility:visible;width:100%}.dropdown-trigger.menu-open .dropdown-menu{display:block}.dropdown-menu li a{font-size:1rem;font-weight:400;padding:10px 0}.footer-grid{align-items:center;flex-direction:column;gap:40px;text-align:center}.footer-links{flex-direction:column;gap:10px;justify-items:center;margin:0}.social-links{align-items:center;border-left:none;border-top:2px solid #1a0b52;min-height:auto;padding-left:0;padding-top:20px;text-align:center;width:50%}}@media (max-width:600px){.nav-menu-wrapper.active{grid-template-columns:10% 90%}.mobile-menu-left,.mobile-promo-content{display:none}.mobile-menu-left:after{align-items:center;border:1px solid #fff;border-radius:50%;bottom:20px;color:#fff;content:"\f060";display:flex;font-family:Font Awesome\ 6 Free;font-weight:900;height:30px;justify-content:center;position:absolute;width:30px}.nav-icons i,.nav-links a{font-size:1rem}.dropdown-menu li a{font-size:.8rem}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@media (min-width:993px){.mobile-inner-header,.mobile-menu-left{display:none!important}.mobile-menu-right{align-items:center;display:flex;flex-direction:row-reverse;gap:100px}}@media (max-width:1025px){.nav-menu-wrapper.active{background:transparent;display:flex;justify-content:end;left:0;margin:0;padding:0;top:0}.mobile-close-btn{background:transparent;border:none;color:#1a0b52;cursor:pointer;font-size:2rem}.mobile-menu-right{background:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;width:100vw}}.filter-dropdown-wrapper{display:inline-block;position:relative}.filter-dropdown-menu{background-color:#fff;border:none;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.15);list-style:none;max-height:80vh;max-width:400px;min-width:300px;opacity:0;overflow-y:auto;padding:20px 0;position:absolute;right:0;top:110%;transition:all .3s ease;visibility:hidden;z-index:100}.filter-dropdown-wrapper.active .filter-dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.filter-btn-active i,.filter-dropdown-wrapper.active .btn-filter i{transform:rotate(180deg)}.filter-group{border-bottom:1px solid #f0f0f0;padding:10px 0}.filter-group:last-of-type{border-bottom:none}.filter-group-title{color:var(--color-orange);display:block;font-size:.9rem;font-weight:800;letter-spacing:1px;padding:0 30px 10px;text-transform:uppercase}.filter-options{list-style:none;padding:0}.filter-options li{padding:5px 30px}.filter-checkbox-label{align-items:center;color:var(--color-blue-dark);cursor:pointer;display:flex;font-size:1rem;font-weight:500;padding-left:30px;position:relative;transition:color .2s}.filter-checkbox-label:hover{color:var(--color-orange)}.filter-checkbox-label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:18px}.filter-checkbox-label:hover input~.checkmark{background-color:#e0e0e0}.filter-checkbox-label input:checked~.checkmark{background-color:var(--color-orange);border-color:var(--color-orange)}.checkmark:after{content:"";display:none;position:absolute}.filter-checkbox-label input:checked~.checkmark:after{display:block}.filter-checkbox-label .checkmark:after{border:solid #fff;border-width:0 2px 2px 0;height:8px;left:6px;top:2px;transform:rotate(45deg);width:4px}.filter-actions{border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding:15px 30px}.btn-submit-filter{background-color:var(--color-orange);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px;transition:background-color .2s;width:100%}.btn-submit-filter:hover{background-color:var(--color-orange-hover)}.btn-clear-filter{color:#ff3b30!important;display:block;font-size:.95rem!important;font-weight:700!important;padding:5px;text-align:center;text-decoration:none}.btn-clear-filter:hover{text-decoration:underline}.filter-clear{display:none}@media (max-width:768px){.filter-dropdown-menu{left:50%;right:auto;text-align:left;transform:translateX(-50%) translateY(10px);width:90vw}.filter-dropdown-wrapper.active .filter-dropdown-menu{transform:translateX(-50%) translateY(0)}}