.ccs-section{background:var(--ccs-bg);width:100%}.ccs-section__inner{padding-top:var(--ccs-spacing-top-desktop);padding-bottom:var(--ccs-spacing-bottom-desktop)}.ccs-container{max-width:1400px;margin:0 auto;padding:0 20px}.ccs-header{text-align:center;margin-bottom:40px}.ccs-title{font-size:clamp(24px,4vw,36px);font-weight:600;letter-spacing:-.02em;margin:0;color:#000}.ccs-wrapper{position:relative}.ccs-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:32px;justify-items:center}.ccs-carousel{display:none}@media(min-width:769px){.ccs-section[data-desktop-slider=true] .ccs-grid{display:none}.ccs-section[data-desktop-slider=true] .ccs-carousel{display:block}}@media(max-width:768px){.ccs-section[data-mobile-slider=true] .ccs-grid{display:none}.ccs-section[data-mobile-slider=true] .ccs-carousel{display:block}.ccs-section[data-mobile-slider=false] .ccs-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-items:flex-start}.ccs-section[data-mobile-slider=false] .ccs-grid::-webkit-scrollbar{display:none}.ccs-section[data-mobile-slider=false] .ccs-grid .ccs-item{flex:0 0 auto;scroll-snap-align:start}}.ccs-embla{overflow:hidden}.ccs-embla__viewport{overflow:hidden;width:100%}.ccs-embla__container{display:flex;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;gap:24px}.ccs-embla__container.ccs-center{justify-content:center}.ccs-embla__slide{flex:0 0 auto;min-width:0;padding-top:8px}.ccs-item{display:flex;flex-direction:column;align-items:center;-webkit-user-select:none;user-select:none}.ccs-item__link{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit;pointer-events:auto;width:100%}.ccs-item__circle{position:relative;width:110px;height:110px;border-radius:18px;overflow:visible;background:#f2f2f2;border:var(--ccs-border-width) solid #fff;box-shadow:0 2px 12px #00000014;transition:all .3s cubic-bezier(.25,.46,.45,.94);margin-bottom:16px}.ccs-item__circle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;overflow:hidden;z-index:1}.ccs-item__link:hover .ccs-item__circle{transform:scale(1.05);box-shadow:0 4px 20px #0000001f}.ccs-item__image{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;border-radius:18px;position:relative;z-index:2}.ccs-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ccs-item__placeholder svg{width:50%;height:50%;opacity:.3}.ccs-item__title{font-size:14px;font-weight:400;text-align:center;margin:0;color:#000;transition:color .2s ease;line-height:1.4;width:100%;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccs-item__link:hover .ccs-item__title{color:#666}.ccs-item__count{font-size:13px;color:#999;margin:4px 0 0;text-align:center;display:none}.ccs-arrow{position:absolute;top:40%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#ffffff8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 4px 18px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease;color:#000}.ccs-arrow:hover:not(:disabled){background:#000;color:#fff;box-shadow:0 4px 20px #00000026}.ccs-arrow:disabled{opacity:.3;cursor:not-allowed}.ccs-arrow--prev{left:-24px}.ccs-arrow--next{right:-24px}.ccs-dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.ccs-dot{width:8px;height:8px;border-radius:50%;border:none;background:#e5e5e5;cursor:pointer;padding:0;transition:all .3s ease}.ccs-dot:hover{background:#ccc}.ccs-dot--active{background:#000;width:24px;border-radius:4px}.ccs-empty{text-align:center;padding:80px 20px;color:#999}@media(max-width:1200px){.ccs-arrow--prev{left:0}.ccs-arrow--next{right:0}}@media(max-width:768px){.ccs-embla__container{gap:16px}.ccs-section__inner{padding-top:var(--ccs-spacing-top-mobile);padding-bottom:var(--ccs-spacing-bottom-mobile)}.ccs-container{padding:0 16px}.ccs-header{margin-bottom:24px}.ccs-item__circle{width:100%;max-width:120px;height:auto;aspect-ratio:1/1;margin-bottom:12px}.ccs-arrow{display:none}.ccs-dots{margin-top:24px}}@media(max-width:480px){.ccs-item__circle{max-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/477/assets/section-collection-circle-slider.css.map */