/** Shopify CDN: Minification failed

Line 27:460 Expected identifier but found whitespace
Line 27:461 Unexpected "scale("

**/
/* component-custom-slideshow.css / / Basic layout */ .custom-slideshow { position: relative; overflow: hidden; --hero-height-desktop: 60vh; --hero-height-mobile: 48vh; background: #fff; }

.custom-slideshow__viewport { width: 100%; }

.custom-slideshow__track { display: flex; transition: transform 0.6s cubic-bezier(.2,.8,.2,1); will-change: transform; }

/* Each slide occupies full viewport width */ .custom-slideshow__slide { min-width: 100%; position: relative; display: block; overflow: hidden; }

/* Image styling */ .custom-slideshow__picture, .custom-slideshow__image { display: block; width: 100%; height: var(--hero-height-desktop); } .custom-slideshow__image { width: 100%; height: var(--hero-height-desktop); object-fit: cover; object-position: center center; display: block; }

/* Content overlay */ .custom-slideshow__content { position: absolute; top: 50%; transform: translateY(-50%); right: 4%; max-width: 45%; color: #fff; text-align: right; text-shadow: 0 2px 6px rgba(0,0,0,0.35); z-index: 5; }

/* Alignment helpers (JS will add one of these classes) */ .custom-slideshow__content.center { left: 50%; right: auto; transform: translate(-50%, -50%); text-align: center; max-width: 80%; } .custom-slideshow__content.left { left: 4%; right: auto; text-align: left; transform: translateY(-50%); max-width: 45%; }

/* Typography */ .custom-slideshow__heading { margin: 0 0 .5rem 0; font-size: clamp(24px, 4.5vw, 48px); line-height: 1.02; font-weight: 600; color: #fff; } .custom-slideshow__text { font-size: clamp(14px, 2.5vw, 18px); margin-bottom: 1rem; color: rgba(255,255,255,0.95); }

/* Button */ .custom-slideshow__button.button { display: inline-block; background: rgba(255,255,255,0.12); color: #fff; padding: 10px 16px; border-radius: 6px; text-decoration: none; border: 1px solid rgba(255,255,255,0.2); }

/* Arrows */ .custom-slideshow__arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 38px; height: 38px; border-radius: 50%; border: none; background: rgba(0,0,0,0.45); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; } .custom-slideshow__arrow--prev { left: 8px; } .custom-slideshow__arrow--next { right: 8px; }

/* Dots / .custom-slideshow__dots { position: absolute; left: 50%; transform: translateX(-50%); bottom: 14px; display: flex; gap: 10px; z-index: 10; } .custom-slideshow__dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.85); opacity: 0.95; cursor: pointer; border: none; transition: transform .15s ease, background .15s ease; } .custom-slideshow__dot.is-active { background: #b91c1c; / change to your brand color */ transform: scale(1.15); }

/* Mobile adjustments */ @media (max-width: 749px) { .custom-slideshow__image, .custom-slideshow__picture { height: var(--hero-height-mobile); } .custom-slideshow__content { position: absolute; left: 50%; right: auto; transform: translate(-50%, -50%); text-align: center; max-width: 90%; padding: 0 1rem; } .custom-slideshow__heading { font-size: clamp(18px, 7.5vw, 28px); } .custom-slideshow__text { font-size: 14px; } .custom-slideshow__arrow { width: 34px; height: 34px; } }