.xinyue-hero-carousel{position:relative;isolation:isolate;width:100%;max-width:none;aspect-ratio:1903/750;min-height:clamp(420px,39.4vw,750px);overflow:hidden;background:#f5f5f3;font-family:inherit}
.xinyue-hero-carousel__slides{position:absolute;inset:0}
.xinyue-hero-carousel__slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s;z-index:0}
.xinyue-hero-carousel__slide.is-active{opacity:1;visibility:visible;z-index:1}
.xinyue-hero-carousel__image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.xinyue-hero-carousel__content{position:relative;z-index:1;width:min(48%,680px);margin-left:clamp(48px,14.5vw,280px);padding:44px 0;color:#111}
.xinyue-hero-carousel__eyebrow{margin:0 0 12px;color:#ff7626;font-size:18px;font-weight:700;line-height:1.3}
.xinyue-hero-carousel__content h1{margin:0 0 12px;color:#080808;font-size:clamp(38px,4.5vw,64px);font-weight:800;line-height:1.12}
.xinyue-hero-carousel__copy{margin:0 0 18px;color:#111;font-size:17px;line-height:1.45}
.xinyue-hero-carousel__shop{display:inline-flex;align-items:center;gap:15px;padding:11px 29px;border-radius:28px;background:#6333cc;color:#fff;font-size:15px;font-weight:700;text-decoration:none}
.xinyue-hero-carousel__shop:hover{background:#5028ad;color:#fff}
.xinyue-hero-carousel__arrow{position:absolute;top:50%;z-index:3;display:grid;place-items:center;width:48px;height:48px;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background:#6333cc;color:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}
.xinyue-hero-carousel__arrow:hover{background:#5028ad;transform:translateY(-50%) scale(1.08)}
.xinyue-hero-carousel__arrow span{font-size:34px;line-height:1;margin-top:-4px}
.xinyue-hero-carousel__prev{left:24px}.xinyue-hero-carousel__next{right:24px}
.xinyue-hero-carousel__dots{position:absolute;left:50%;bottom:22px;z-index:4;display:flex;gap:9px;transform:translateX(-50%)}
.xinyue-hero-carousel__dot{width:16px;height:16px;padding:0;border:2px solid #6333cc;border-radius:50%;background:transparent;cursor:pointer;transition:background .2s ease,transform .2s ease}
.xinyue-hero-carousel__dot:hover{transform:scale(1.12)}.xinyue-hero-carousel__dot.is-active{background:#6333cc}
@media(max-width:1024px){.xinyue-hero-carousel{min-height:clamp(420px,57vw,620px);aspect-ratio:16/9}.xinyue-hero-carousel__content{width:56%;margin-left:8%}.xinyue-hero-carousel__content h1{font-size:clamp(36px,5.2vw,54px)}}
@media(max-width:767px){.xinyue-hero-carousel{min-height:390px;aspect-ratio:auto}.xinyue-hero-carousel__image{object-position:72% center;opacity:.9}.xinyue-hero-carousel__content{width:70%;margin-left:6%;padding:28px 0}.xinyue-hero-carousel__eyebrow{font-size:12px}.xinyue-hero-carousel__content h1{font-size:36px;line-height:1.08}.xinyue-hero-carousel__copy{max-width:250px;font-size:14px}.xinyue-hero-carousel__arrow{width:38px;height:38px}.xinyue-hero-carousel__arrow span{font-size:28px}.xinyue-hero-carousel__prev{left:10px}.xinyue-hero-carousel__next{right:10px}.xinyue-hero-carousel__dots{bottom:13px;gap:8px}.xinyue-hero-carousel__dot{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.xinyue-hero-carousel__slide,.xinyue-hero-carousel__arrow,.xinyue-hero-carousel__dot{transition:none}}