.design-select-section{padding:4rem 0;background-color:#f1f1f1}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.design-select-grid{display:grid;gap:2rem}.design-select-grid[data-desktop-columns="2"]{grid-template-columns:repeat(2,1fr)}.design-select-grid[data-desktop-columns="3"]{grid-template-columns:repeat(3,1fr)}.design-select-grid[data-desktop-columns="4"]{grid-template-columns:repeat(4,1fr);align-items:center}.design-select-grid[data-mobile-columns="1"]{grid-template-columns:repeat(1,1fr)}.design-select-grid[data-mobile-columns="2"]{grid-template-columns:repeat(2,1fr)}.design-select-grid[data-mobile-columns="3"]{grid-template-columns:repeat(3,1fr)}@media screen and (min-width:768px){.design-select-grid[data-desktop-columns="2"]{grid-template-columns:repeat(2,1fr)}.design-select-grid[data-desktop-columns="3"]{grid-template-columns:repeat(3,1fr)}.design-select-grid[data-desktop-columns="4"]{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:767px){.design-select-grid[data-mobile-columns="1"]{grid-template-columns:repeat(1,1fr)}.design-select-grid[data-mobile-columns="2"]{grid-template-columns:repeat(2,1fr)}.design-select-grid[data-mobile-columns="3"]{grid-template-columns:repeat(3,1fr)}}.design-select{width:100%}.design-select__inner{display:flex;flex-direction:column;gap:0;text-align:center}.design-select__image-wrapper{width:100%;overflow:hidden;border-radius:.5rem}.design-select__image-wrapper--placeholder{background-color:#f3f4f6;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.design-select__image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .3s ease;border-radius:0}.design-select:hover .design-select__image{transform:scale(1.05)}.design-select__placeholder{width:100%;height:100%;fill:#9ca3af}.design-select__title{margin:0;font-size:1.6rem;font-weight:600;color:#111827;line-height:1.4;padding-top:.5rem}@media screen and (max-width:767px){.design-select-section{padding:2rem 0}.design-select__title{font-size:.875rem}.design-select-grid{gap:1rem}}@media screen and (min-width:768px)and (max-width:1024px){.design-select-grid[data-desktop-columns="4"]{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1440px){.container{max-width:1400px}}
/*# sourceMappingURL=/cdn/shop/t/68/assets/design-select-section.css.map */