/* =========================================================
   Starken · Col Carousel
   Adaptación directa del módulo Ken Brown probado
   ========================================================= */
.starken-col-carousel { position:relative; width:100%; overflow:hidden; color:var(--custom-brand-text,#28242A); }
.starken-col-carousel__viewport { position:relative; width:100%; overflow:hidden; touch-action:pan-y; cursor:grab; }
.starken-col-carousel.is-dragging .starken-col-carousel__viewport { cursor:grabbing; }
.starken-col-carousel__track { gap:12px; width:max-content; will-change:transform; user-select:none; }
.starken-col-carousel__item { flex:0 0 300px; width:300px; min-width:0; }
.starken-col-carousel__link { color:var(--custom-brand-text,#28242A); }
.starken-col-carousel__media { position:relative; background-color:#f7f4f1; cursor:grab; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; }
.starken-col-carousel__media::after { content:""; position:absolute; inset:0; z-index:2; background-color:rgba(0,0,0,0); pointer-events:none; transition:background-color .35s ease; }
.starken-col-carousel__media:hover::after { background-color:rgba(0,0,0,.28); }
.starken-col-carousel__image { display:block; width:100%; height:100%; object-fit:cover; object-position:center; pointer-events:none; user-select:none; -webkit-user-select:none; -webkit-user-drag:none; transition:transform .45s cubic-bezier(.16,1,.3,1); }
.starken-col-carousel__media:hover .starken-col-carousel__image { transform:scale(1.045); }
.starken-col-carousel__content { min-height:64px; }
.starken-col-carousel__eyebrow { color:rgba(40,36,42,.52); font-size:clamp(9px,.58vw,11px); font-weight:400; line-height:1.25; letter-spacing:.02em; }
.starken-col-carousel__title { color:var(--custom-brand-text,#28242A); font-size:clamp(12px,.72vw,14px); font-weight:400; line-height:1.2; }
.starken-col-carousel__model { margin-top:1px; color:var(--custom-brand-text,#28242A); font-size:clamp(11px,.66vw,13px); line-height:1.15; }
.starken-col-carousel__arrow { position:absolute; z-index:5; top:42%; align-items:center; justify-content:center; width:42px; height:42px; padding:0; border:0; border-radius:50%; background-color:#fff; color:var(--custom-brand-text,#28242A); box-shadow:0 2px 10px rgba(40,36,42,.10); opacity:0; visibility:hidden; transform:translateY(-50%) scale(.92); transition:opacity .22s ease,visibility .22s ease,transform .28s cubic-bezier(.16,1,.3,1),box-shadow .22s ease; }
.starken-col-carousel:hover .starken-col-carousel__arrow,.starken-col-carousel:focus-within .starken-col-carousel__arrow { opacity:1; visibility:visible; transform:translateY(-50%) scale(1); }
.starken-col-carousel__arrow:hover,.starken-col-carousel__arrow:focus { box-shadow:0 4px 14px rgba(40,36,42,.16); }
.starken-col-carousel__arrow:focus-visible { outline:2px solid rgba(40,36,42,.24); outline-offset:3px; }
.starken-col-carousel__arrow:disabled { opacity:0 !important; visibility:hidden !important; pointer-events:none; }
.starken-col-carousel__arrow--prev { left:1.25rem; }
.starken-col-carousel__arrow--next { right:1.25rem; }
.starken-col-carousel__arrow span { display:block; width:10px; height:10px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; }
.starken-col-carousel__arrow--prev span { margin-left:4px; transform:rotate(-135deg); }
.starken-col-carousel__arrow--next span { margin-right:4px; transform:rotate(45deg); }
.starken-col-carousel.is-dragging .starken-col-carousel__media { cursor:grabbing; }

@media (min-width:1200px) and (max-width:1399.98px) {
	.starken-col-carousel__item { flex-basis:260px; width:260px; }
}

@media (min-width:992px) and (max-width:1199.98px) {
	.starken-col-carousel__item { flex-basis:225px; width:225px; }
}

@media (max-width:991.98px) {
	.starken-col-carousel__item { flex-basis:min(38vw,280px); width:min(38vw,280px); }
}

@media (max-width:767.98px) {
	.starken-col-carousel .container { max-width:none; padding-right:0; }
	.starken-col-carousel__track { gap:10px; }
	.starken-col-carousel__item { flex-basis:min(76vw,310px); width:min(76vw,310px); }
	.starken-col-carousel__content { padding-right:.75rem !important; }
	.starken-col-carousel__arrow { display:none !important; }
}

@media (min-width:768px) and (max-width:991.98px) {
	.starken-col-carousel__arrow { display:inline-flex !important; opacity:0; visibility:hidden; pointer-events:none; }
	.starken-col-carousel:hover .starken-col-carousel__arrow:not(:disabled),.starken-col-carousel:focus-within .starken-col-carousel__arrow:not(:disabled) { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(-50%) scale(1); }
}

@media (max-width:575.98px) {
	.starken-col-carousel__item { flex-basis:78vw; width:78vw; }
}