.cs-collections-section{padding:40px 0;background-color:#fff}.cs-collections-container{max-width:1500px;margin:0 auto;padding:0 20px}.cs-collections-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.cs-collections-title{font-size:28px;font-weight:600;color:#000;margin:0}.cs-view-all-link{color:#000;text-decoration:none;font-size:16px;font-weight:500}.cs-view-all-link:hover{text-decoration:underline}.cs-collections-wrapper{position:relative}.cs-collections-slider,.cs-collections-grid{display:grid;gap:20px}.cs-collections-slider{grid-auto-flow:column;grid-auto-columns:calc(16.666% - 17px);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.cs-collections-slider::-webkit-scrollbar{display:none}.cs-collections-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cs-collection-item{text-align:center}.cs-collection-link{text-decoration:none;display:block}.cs-collection-image-wrapper{background-color:#e8e8e8;border-radius:50%;width:100%;padding-bottom:100%;position:relative;overflow:hidden;margin-bottom:15px;transition:transform .3s ease}.cs-collection-link:hover .cs-collection-image-wrapper{transform:scale(1.05)}.cs-collection-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;object-fit:contain}.cs-collection-title{font-size:16px;font-weight:500;color:#000}.cs-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#eaeaea;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background-color .3s ease}.cs-slider-arrow:hover{background-color:#b8b8b8}.cs-slider-arrow.cs-prev{left:-24px}.cs-slider-arrow.cs-next{right:-24px}.cs-slider-arrow svg{width:24px;height:24px;fill:#fff}.cs-slider-arrow:disabled{opacity:.3;cursor:not-allowed}.cs-view-mode-slider .cs-slider-arrow{display:flex}.cs-view-mode-grid .cs-slider-arrow{display:none}@media (max-width: 768px){.cs-collections-slider{grid-auto-columns:calc(50% - 10px);display:grid}.cs-collections-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.cs-collections-slider{grid-auto-columns:calc(50% - 10px);display:grid}.cs-collections-grid{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/8/compiled_assets/styles.css.map */
