.invette-group-container{margin:2em 0;clear:both}.invette-group-title{margin-bottom:1em;font-size:1.2em;font-weight:600}.invette-attribute-name{margin-bottom:.5em;font-weight:600}.invette-visual-grid,.invette-attribute-grid,.invette-popup-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;list-style:none;padding:0;margin:0;grid-auto-rows:1fr}.invette-grid-columns-2{grid-template-columns:repeat(2,1fr)}.invette-grid-columns-3{grid-template-columns:repeat(3,1fr)}.invette-grid-columns-4{grid-template-columns:repeat(4,1fr)}.invette-grid-columns-5{grid-template-columns:repeat(5,1fr)}.invette-grid-columns-6{grid-template-columns:repeat(6,1fr)}.invette-grid-item{border:1px solid #ddd;border-radius:4px;padding:5px;text-align:center;transition:all 0.3s ease;height:100%;display:flex}.invette-grid-item:hover{box-shadow:0 0 10px rgb(0 0 0 / .1)}.invette-grid-item.invette-current-product{border:2px solid #9c6a36}.invette-grid-item a{display:flex;flex-direction:column;text-decoration:none;color:inherit;width:100%;height:100%}.invette-grid-item .invette-thumb{margin-bottom:5px}.invette-grid-item .invette-thumb img{max-width:100%;height:auto;display:block;margin:0 auto}.invette-grid-item .invette-title{font-size:.9em;line-height:1.2;color:black!important;flex-grow:1;display:flex;align-items:center;justify-content:center}.invette-more-items{display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;cursor:pointer;height:100%}.invette-more-items a{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.invette-more-count{font-size:1.2em;font-weight:700;color:#000}.invette-visual-list,.invette-attribute-list,.invette-popup-list{list-style:none;padding:0;margin:0}.invette-list-item{margin-bottom:10px;padding:5px;border:1px solid #ddd;border-radius:4px;transition:all 0.3s ease}.invette-list-item:hover{box-shadow:0 0 10px rgb(0 0 0 / .1)}.invette-list-item.invette-current-product{border:2px solid #333}.invette-list-item a{display:flex;align-items:center;text-decoration:none;color:inherit}.invette-list-item .invette-thumb{margin-right:10px;flex:0 0 60px}.invette-list-item .invette-thumb img{max-width:100%;height:auto;display:block}.invette-list-item .invette-title{flex:1;color:black!important}.invette-dropdown,.invette-attribute-dropdown{position:relative;border:1px solid #ddd;border-radius:4px}.invette-dropdown-current{display:flex;align-items:center;padding:10px;cursor:pointer}.invette-dropdown-current .invette-thumb{margin-right:10px;flex:0 0 60px}.invette-dropdown-current .invette-thumb img{max-width:100%;height:auto;display:block}.invette-dropdown-current .invette-title{flex:1;color:black!important}.invette-dropdown-arrow{margin-left:10px}.invette-dropdown-items{display:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;z-index:100;list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.invette-dropdown.active .invette-dropdown-items,.invette-attribute-dropdown.active .invette-dropdown-items{display:block}.invette-dropdown-item{padding:10px;border-bottom:1px solid #eee}.invette-dropdown-item:last-child{border-bottom:none}.invette-dropdown-item a{display:flex;align-items:center;text-decoration:none;color:inherit}.invette-dropdown-item .invette-thumb{margin-right:10px;flex:0 0 60px}.invette-dropdown-item .invette-thumb img{max-width:100%;height:auto;display:block}.invette-dropdown-item .invette-title{flex:1;color:black!important}.invette-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);z-index:1000;justify-content:center;align-items:center}.invette-popup.active{display:flex}.invette-popup-content{background-color:#fff;padding:20px;border-radius:5px;max-width:800px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.invette-popup-close{position:absolute;top:10px;right:15px;font-size:24px;cursor:pointer;line-height:1}.invette-popup h3{margin-top:0;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #ddd}.invette-popup-animation-fade .invette-popup-content{animation:invetteFade 0.3s ease}.invette-popup-animation-slide .invette-popup-content{animation:invetteSlide 0.3s ease}.invette-popup-animation-scale .invette-popup-content{animation:invetteScale 0.3s ease}@keyframes invetteFade{from{opacity:0}to{opacity:1}}@keyframes invetteSlide{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes invetteScale{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width:768px){.invette-visual-grid,.invette-attribute-grid,.invette-popup-grid{grid-template-columns:repeat(3,1fr)}.invette-grid-item .invette-title{font-size:.8em;color:black!important}}