.hl-carousel-section{background:var(--hl-navy, #0B1C3D);padding:48px 0 32px;overflow:hidden}.hl-carousel-section-header{text-align:center;padding:0 24px 16px}.hl-carousel-section .hl-section-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7eb3ff;margin-bottom:8px}.hl-carousel-section .hl-section-title{font-family:Playfair Display,serif;font-size:clamp(26px,3vw,38px);font-weight:900;color:#fff;line-height:1.15;letter-spacing:-.02em}.hl-carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding:16px 24px;scrollbar-width:none;cursor:grab}.hl-carousel-track::-webkit-scrollbar{display:none}.hl-carousel-card{scroll-snap-align:start;flex-shrink:0;width:min(480px,calc(100vw - 80px));background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.hl-cc-images{display:grid;grid-template-columns:1fr 1fr;height:280px;position:relative}.hl-cc-img{position:relative;overflow:hidden}.hl-cc-img img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.hl-cc-img-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#0009;color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:20px;white-space:nowrap}.hl-cc-divider-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;font-weight:700;letter-spacing:.04em;padding:4px 10px;border-radius:20px;white-space:nowrap;z-index:2}.hl-cc-body{padding:14px 18px 18px}.hl-cc-stars{color:#f59e0b;font-size:13px;margin-bottom:6px}.hl-cc-quote{font-size:13px;color:#fffc;line-height:1.6;font-style:italic;margin-bottom:12px}.hl-cc-author{display:flex;align-items:center;justify-content:space-between}.hl-cc-name{font-size:13px;font-weight:700;color:#fff}.hl-cc-detail{font-size:11px;color:#ffffff73;margin-top:1px}.hl-cc-result{font-size:11px;font-weight:700;color:#4ade80;background:#4ade801f;border-radius:20px;padding:3px 10px;white-space:nowrap}.hl-carousel-dots{display:flex;justify-content:center;gap:6px;padding:12px 24px 0}.hl-carousel-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;cursor:pointer;transition:all .2s}.hl-carousel-dot.active{background:#fff;width:20px;border-radius:3px}@media(max-width:900px){.hl-carousel-section{padding:36px 0 24px}.hl-carousel-card{width:calc(88vw - 8px)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/section-hair-landing-carousel.css.map */