.color-grid-section{padding:40px 20px}.section-title{text-align:center;margin-bottom:30px}.search-container{margin-bottom:60px;text-align:center;position:relative;margin-left:auto;margin-right:auto}.color-search{width:100%;padding:16px 48px;border:1px solid #000;background:inherit;border-radius:100px;font-size:16px;transition:all .3s ease}.color-search:focus{outline:none;border-color:#000;box-shadow:0 2px 8px #0000001a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.product-grid-list{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:20px;margin:0;padding:0;list-style:none}.grid-item{position:relative;aspect-ratio:1}.product-image{width:100%;height:100%;border-radius:50%;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.grid-item:hover .product-image img{transform:scale(1.05)}.product-grid-item{position:relative;display:block;width:100%;height:100%}.product-grid-item:after{content:attr(data-tooltip);position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background-color:#000c;color:#fff;padding:6px 12px;border-radius:4px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:10}.product-grid-item:hover:after{opacity:1;visibility:visible}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:none;place-items:center;background-color:#ffffffb3;z-index:100}.loading-overlay.loading{display:grid}.loading-overlay__spinner{width:3.5rem;height:3.5rem}.spinner{animation:rotator 1.4s linear infinite}@keyframes rotator{0%{transform:rotate(0)}to{transform:rotate(270deg)}}.path{stroke:rgb(var(--color-foreground));stroke-dasharray:280;stroke-dashoffset:0;transform-origin:center;animation:dash 1.4s ease-in-out infinite}@keyframes dash{0%{stroke-dashoffset:280}50%{stroke-dashoffset:75;transform:rotate(135deg)}to{stroke-dashoffset:280;transform:rotate(450deg)}}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:40px;flex-wrap:wrap}.pagination__list{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;text-decoration:none;color:#000;border:1px solid #ddd;border-radius:4px;transition:all .2s ease}.pagination__item:hover{background-color:#f5f5f5}.pagination__item--current{background-color:#000;color:#fff;border-color:#000}.pagination__item--prev,.pagination__item--next{display:inline-flex;align-items:center;gap:8px;padding:0 15px}.pagination__item--prev svg,.pagination__item--next svg{width:8px;height:14px}@media screen and (max-width: 1200px){.product-grid-list{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media screen and (max-width: 990px){.product-grid-list{grid-template-columns:repeat(3,minmax(150px,1fr))}}@media screen and (max-width: 768px){.product-grid-list{grid-template-columns:repeat(2,minmax(120px,1fr));gap:15px}.search-container{margin-bottom:40px}.color-search{padding:14px 40px;font-size:14px}.empty-state{padding:40px 20px}.empty-state__title{font-size:1.25rem}.pagination-wrapper{margin-top:30px;gap:5px}.pagination__item{min-width:32px;height:32px;font-size:14px}}.empty-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f9f9f9;border-radius:16px;margin:40px 0;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.empty-state.is-visible{opacity:1;transform:translateY(0)}.empty-state__icon{margin-bottom:24px;color:#666}.empty-state__title{font-size:1.5rem;margin:0 0 12px;color:#333}.empty-state__text{font-size:1rem;color:#666;margin:0 0 32px}.empty-state__text span{color:#333;font-weight:500}.button--secondary{background:#fff;color:#000;border:1px solid #000;padding:12px 32px;border-radius:100px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.button--secondary:hover{background:#000;color:#fff}.mili-color-pellets{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.mili-color-pellet-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mili-color-pellet{width:2rem;height:2rem;border-radius:50%;border:1px solid rgba(0,0,0,.1);cursor:pointer;position:relative}.mili-color-label{font-size:.8rem;color:#666;text-align:center}.mili-color-pellet[data-tooltip]{position:relative}.mili-color-pellet[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem;background:#333;color:#fff;font-size:.8rem;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}.mili-color-pellet[data-tooltip]:hover:before{opacity:1;visibility:visible;bottom:calc(100% + 5px)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mili-product-grid.css.map */