.usn-slider{position:relative; width:100%}
.usn-track{display:flex; gap:var(--usn-gap); overflow-x:auto; scroll-behavior:smooth; padding-bottom:8px}
.usn-track::-webkit-scrollbar{height:8px}
.usn-slide{position:relative; flex:0 0 calc((100% - (var(--usn-gap) * (var(--usn-show) - 1))) / var(--usn-show)); height:var(--usn-height); overflow:hidden}
.usn-bg{position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .25s ease}
.usn-slider[data-hover-zoom="1"] .usn-slide:hover .usn-bg{transform:scale(var(--usn-zoom,1.08))}
.usn-slider{--usn-zoom:1.08}
.usn-overlay{position:absolute; inset:0; opacity:1; transition:opacity .2s ease}
.usn-overlay-hover{opacity:0}
.usn-slide:hover .usn-overlay-hover{opacity:1}
.usn-content{position:absolute; z-index:5; color:#fff; display:flex; flex-direction:column; gap:8px; max-width:calc(100% - 20px)}
.usn-title{font-size:28px; line-height:1.2; font-weight:700}
.usn-subtitle{font-size:16px; line-height:1.35; opacity:.95}
.usn-button{display:inline-flex; align-items:center; justify-content:center; padding:10px 14px; border-radius:6px; background:#ffffff; color:#111; text-decoration:none; font-weight:600; width:fit-content}
.usn-arrow{position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:999px; border:1px solid rgba(0,0,0,.15); background:rgba(255,255,255,.85); cursor:pointer; z-index:10}
.usn-prev{left:8px}
.usn-next{right:8px} .usn-btn-wrap.usn-btn-overlay-only{
opacity:0 !important;
pointer-events:none !important;
visibility:hidden !important;
transform:translateY(6px);
transition:opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.usn-slide:hover .usn-btn-wrap.usn-btn-overlay-only{
opacity:1 !important;
pointer-events:auto !important;
visibility:visible !important;
transform:translateY(0);
} .usn-overlay, .usn-hover-overlay{pointer-events:none !important;} .usn-content{align-items:flex-start; text-align:left;}
.usn-content[style*="align-items:center"] .usn-button{margin-left:auto; margin-right:auto;}
.usn-content[style*="align-items:flex-end"] .usn-button{margin-left:auto; margin-right:0;} .usn-title{
font-size: clamp(calc(var(--usn-title-size, 28px) * 0.72), 3.2vw, var(--usn-title-size, 28px)) !important;
}
.usn-subtitle{
font-size: clamp(calc(var(--usn-subtitle-size, 16px) * 0.78), 2.1vw, var(--usn-subtitle-size, 16px)) !important;
}
.usn-button{
font-size: clamp(calc(var(--usn-button-size, 14px) * 0.85), 1.8vw, var(--usn-button-size, 14px)) !important;
} .usn-slider {
--usn-text-scale: 1;
}
.usn-title,
.usn-subtitle,
.usn-button {
transform: scale(var(--usn-text-scale));
transform-origin: left center;
}
.usn-align-center .usn-title,
.usn-align-center .usn-subtitle,
.usn-align-center .usn-button {
transform-origin: center;
}
.usn-align-right .usn-title,
.usn-align-right .usn-subtitle,
.usn-align-right .usn-button {
transform-origin: right center;
}