.catalog-page{padding-top:1.5rem}.catalog-page .page-section{padding-top:0;padding-bottom:2rem}.catalog-filters{background:#fff;border-radius:10px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 2px 10px #0000001a}.catalog-filters label{color:#000;font-weight:500}.filter-select{color:#000;cursor:pointer;background:#fff;border:2px solid #000;border-radius:5px;padding:.5rem 1rem;font-size:1rem}.catalog-container{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;max-width:100%;padding:0;display:grid}@media (min-width:640px){.catalog-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:768px){.catalog-container{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.catalog-container{grid-template-columns:repeat(4,1fr)}}.pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:3rem;padding:2rem 0;display:flex}.pagination-button{color:#000;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;transition:all .3s;display:flex}.pagination-button:hover:not(:disabled){color:#fff;background:#000;border-color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.pagination-button:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{align-items:center;gap:.5rem;display:flex}.pagination-number{color:#000;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:8px;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 .75rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.pagination-number:hover{background:#f8f9fa;border-color:#0003;transform:translateY(-2px)}.pagination-number.active{color:#fff;background:#000;border-color:#000;font-weight:600}.pagination-ellipsis{color:#00000080;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;display:flex}@media (max-width:768px){.pagination{gap:.25rem}.pagination-button,.pagination-number{width:36px;min-width:36px;height:36px;font-size:.8rem}.pagination-ellipsis{width:36px;height:36px}.catalog-container{gap:1rem}.catalog-page .product-card{flex-direction:column;min-height:300px;display:flex}.catalog-page .product-card__content{padding:12px}.catalog-page .product-card__title{margin-bottom:6px;font-size:1rem}.catalog-page .product-card__media{aspect-ratio:1}.catalog-page .product-image-primary,.catalog-page .product-image-secondary{transform:scale(1.15)}.catalog-page .price__regular{font-size:.9rem}.catalog-page .caption{margin-bottom:6px;padding-top:.5rem;font-size:.7rem}.catalog-page .product-card__details{flex-direction:row}.catalog-page .price-desktop{display:none}.catalog-page .price-mobile{align-items:center;margin-top:0;padding:.15rem 12px .75rem;display:flex}}@media (max-width:480px){.catalog-page .product-card__details{flex-direction:row}}@media (min-width:769px){.catalog-page .page-title{margin-bottom:2rem!important}.catalog-page .price-mobile{display:none}.catalog-page .price-desktop{display:flex}}.product-image-container{border-radius:0;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.product-image-primary,.product-image-secondary{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;will-change:transform;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s;position:absolute;top:0;left:0}.catalog-page .product-card__image,.catalog-page .product-image-primary,.catalog-page .product-image-secondary{border-radius:0}.catalog-page .product-card__media{border-radius:0;overflow:hidden}.product-image-primary{opacity:1;z-index:1;transform:translate(0)}.product-image-secondary{opacity:0;z-index:2;transform:translate(100%)}.product-card:hover .product-image-primary{opacity:0;transform:translate(-100%)}.product-card:hover .product-image-secondary{opacity:1;transform:translate(0)}.catalog-page .product-card:hover .product-card__image{transform:none}.product-image-container:has(.product-image-primary:only-child) .product-image-primary{position:relative}.product-image-container:has(.product-image-primary:only-child) .product-image-primary:hover{transform:none}