.home-hero-rotation { margin: 20px 10px; }
.home-hero-rotation .hero { margin: 0; }
.home-hero-rotation .hero[hidden] { display: none !important; }
.home-content .hero-featured-sign { background: #edf3f5; }
.home-content .hero-featured-sign > div { display: flex; flex-direction: column; align-items: flex-start; }
.home-content .hero-featured-sign .hero-featured-kicker { margin: 0 0 12px; color: #b02c2c; text-transform: uppercase; font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.home-content .hero-featured-sign h1 { max-width: 600px; margin-bottom: 14px; font-size: clamp(32px, 3.8vw, 54px); line-height: 1.08; color: #12384a; }
.home-content .hero-featured-sign .hero-featured-price { margin: 0 0 4px; color: #12384a; font-size: clamp(22px, 2.4vw, 32px); font-weight: 800; line-height: 1.2; }
.home-content .hero-featured-sign .hero-featured-price + p { margin: 0; font-size: 16px; }
.home-content .hero-featured-sign .hero-buttons { margin-top: 26px; }
.home-content .hero-featured-sign > picture img { object-position: 42% center; }
.product-month-ribbon { display: inline-block; margin: 0 0 10px; padding: 7px 12px; background: #b62332; color: #fff; border-radius: 3px; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: .07em; }
.product-month-note { margin: 8px 0 12px; color: #294a57; font-size: 14px; font-weight: 700; }
@media (max-width: 700px) {
 .home-hero-rotation { margin: 12px 8px; }
 .home-hero-rotation .hero { display: flex; flex-direction: column-reverse; gap: 14px; min-height: 0; padding: 12px; }
 .home-hero-rotation .hero picture img { height: clamp(180px, 54vw, 230px); object-fit: cover; }
 .home-hero-rotation .hero-featured-sign picture img { object-position: 42% center; }
 .home-hero-rotation .hero h1, .home-content .hero-featured-sign h1 { font-size: clamp(25px, 7vw, 30px); margin: 0 0 9px; }
 .home-hero-rotation .hero p { margin: 0 0 8px; font-size: 14px; line-height: 1.4; }
 .home-hero-rotation .hero-featured-sign .hero-featured-kicker { margin-bottom: 7px; font-size: 10px; }
 .home-hero-rotation .hero-featured-sign .hero-featured-price { font-size: 20px; }
 .home-hero-rotation .hero-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; width: 100%; margin-top: 12px; }
 .home-hero-rotation .hero .btn { margin: 0; padding: 11px 7px; font-size: 12px; text-align: center; }
 .home-hero-rotation .hero .subline { margin-top: 12px; font-size: 11px; }
}