.collection-carousel{position:relative;width:100%;margin:0 auto}.collection-carousel--full-width{width:100%}.collection-carousel--container-width{max-width:var(--content-max-width);margin-left:auto;margin-right:auto}.collection-carousel--left{text-align:left}.collection-carousel--center{text-align:center}.collection-carousel--right{text-align:right}.collection-carousel__header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.collection-carousel__header--left{text-align:left}.collection-carousel__header--center{text-align:center;justify-content:center}.collection-carousel__header--right{text-align:right;justify-content:flex-end}.collection-carousel__heading{font-size:2rem;font-weight:700;margin:0;color:inherit}.collection-carousel__view-all{font-size:.875rem;color:#666;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all .3s ease}.collection-carousel__view-all:hover{color:#000;border-bottom-color:#000}.collection-carousel__container{position:relative;overflow:hidden}.collection-carousel__container--left{text-align:left}.collection-carousel__container--center{text-align:center}.collection-carousel__container--right{text-align:right}.collection-carousel__slider{display:flex;gap:var(--slides-gap);transition:transform .3s ease;width:100%}.collection-carousel__slide{flex:0 0 auto;width:calc((100% - (var(--slides-gap) * (var(--slides-to-show, 4) - 1))) / var(--slides-to-show, 4))}.collection-carousel__card{display:flex;align-items:center;text-decoration:none;color:inherit;background:var(--button-bg);color:var(--button-color);border:var(--button-border-width) var(--button-border-style) var(--button-border);border-radius:var(--button-border-radius);padding:0;min-width:var(--button-min-width);max-width:var(--button-max-width);min-height:var(--button-min-height);height:auto;box-shadow:var(--box-shadow);transition:all .3s ease;position:relative;overflow:hidden;gap:16px}.collection-carousel__card:hover{background:var(--button-hover-bg);color:var(--button-hover-color);border-color:var(--button-hover-border);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.collection-carousel__card--left{text-align:left}.collection-carousel__card--center{text-align:center}.collection-carousel__card--right{text-align:right}.collection-carousel__image-wrapper{position:relative;width:var(--image-size);height:var(--image-size);flex-shrink:0;margin:0;overflow:hidden;border-radius:var(--image-border-radius)}.collection-carousel__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.collection-carousel__card:hover .collection-carousel__image{transform:scale(1.05)}.collection-carousel__image-placeholder{width:100%;height:100%;background:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#ccc;border-radius:var(--image-border-radius)}.collection-carousel__content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:var(--image-size)}.collection-carousel__title{font-size:var(--font-size);font-weight:var(--font-weight);text-transform:var(--text-transform);letter-spacing:var(--letter-spacing);margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.collection-carousel__count{font-size:calc(var(--font-size) * .85);margin:0 0 8px;opacity:.8;font-weight:400;color:#666}.collection-carousel__read-more{font-size:calc(var(--font-size) * .85);color:#000;font-weight:500;display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:all .3s ease;margin-top:auto}.collection-carousel__read-more:hover{color:#666}.collection-carousel__read-more svg{transition:transform .3s ease}.collection-carousel__read-more:hover svg{transform:translate(2px)}.collection-carousel__navigation{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.collection-carousel__navigation--left{justify-content:flex-start}.collection-carousel__navigation--center{justify-content:center}.collection-carousel__navigation--right{justify-content:flex-end}.collection-carousel__btn{background:var(--button-bg);color:var(--button-color);border:var(--button-border-width) var(--button-border-style) var(--button-border);border-radius:var(--button-border-radius);width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:var(--box-shadow)}.collection-carousel__btn:hover{background:var(--button-hover-bg);color:var(--button-hover-color);border-color:var(--button-hover-border);box-shadow:var(--box-shadow-hover);transform:translateY(-1px)}.collection-carousel__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.collection-carousel__btn:disabled:hover{background:var(--button-bg);color:var(--button-color);border-color:var(--button-border);box-shadow:var(--box-shadow)}.collection-carousel__fallback{text-align:center;padding:40px 20px;color:#666;font-style:italic;width:100%}@media (max-width: 768px){.collection-carousel__slider{gap:var(--mobile-slides-gap)}.collection-carousel__slide{width:calc((100% - (var(--mobile-slides-gap) * (var(--mobile-slides-to-show, 2) - 1))) / var(--mobile-slides-to-show, 2));min-width:0}.collection-carousel__card{height:auto;min-height:var(--mobile-button-height);padding:12px;gap:12px}.collection-carousel__image-wrapper{width:var(--mobile-image-size);height:var(--mobile-image-size)}.collection-carousel__content{min-height:var(--mobile-image-size)}.collection-carousel__title{font-size:var(--mobile-font-size);-webkit-line-clamp:2}.collection-carousel__count,.collection-carousel__read-more{font-size:calc(var(--mobile-font-size) * .8)}.collection-carousel__heading{font-size:1.5rem}.collection-carousel__header{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.collection-carousel__header--center{align-items:center;text-align:center}.collection-carousel__header--right{align-items:flex-end;text-align:right}}@media (max-width: 480px){.collection-carousel__slide{width:calc((100% - (var(--mobile-slides-gap) * (var(--mobile-slides-to-show, 2) - 1))) / var(--mobile-slides-to-show, 2))}.collection-carousel__card{min-width:auto;max-width:none;padding:10px;gap:10px}.collection-carousel__title{font-size:calc(var(--mobile-font-size) * .9);-webkit-line-clamp:2}}@media (min-width: 769px) and (max-width: 1024px){.collection-carousel__slide{width:calc((100% - (var(--slides-gap) * 2)) / 3)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/component-collection-carousel.css.map */