/* ── Signal Amazon Carousels ──────────────────────────────────────────────── */
.sa-carousel-section { background:#f8f9fa; border-top:3px solid #FF9900; padding:24px 0 28px; margin:32px 0; }
.sa-narrow.sa-carousel-section { padding:16px; margin:0 0 24px; border-radius:6px; }

.sa-carousel-heading { font-size:1.15rem; font-weight:700; margin:0 0 16px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sa-narrow-heading   { font-size:1rem; margin-bottom:12px; }
.sa-badge { font-size:.65rem; font-weight:700; text-transform:uppercase; letter-spacing:.6px; background:#FF9900; color:#111; padding:2px 9px; border-radius:20px; }

.sa-swiper { padding-bottom:40px !important; }
.sa-swiper .swiper-button-next, .sa-swiper .swiper-button-prev { color:#FF9900; }
.sa-swiper .swiper-button-next::after, .sa-swiper .swiper-button-prev::after { font-size:1.2rem; }
.sa-swiper .swiper-pagination-bullet-active { background:#FF9900; }

.sa-card { display:flex; flex-direction:column; background:#fff; border:1px solid #e2e2e2; border-radius:8px; overflow:hidden; text-decoration:none !important; color:inherit !important; height:100%; transition:box-shadow .2s ease, transform .2s ease; }
.sa-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.1); transform:translateY(-2px); color:inherit !important; }

.sa-card-img { background:#fff; display:flex; align-items:center; justify-content:center; padding:12px; height:170px; border-bottom:1px solid #f0f0f0; }
.sa-card-img img { max-height:146px; max-width:100%; object-fit:contain; }

.sa-card-narrow { flex-direction:column; }
.sa-card-narrow-inner { display:flex; gap:12px; align-items:flex-start; padding:10px; }
.sa-card-img-narrow { flex-shrink:0; width:80px; height:80px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:4px; border:1px solid #eee; }
.sa-card-img-narrow img { max-width:72px; max-height:72px; object-fit:contain; }

.sa-card-body  { padding:10px 12px 14px; display:flex; flex-direction:column; gap:6px; flex:1; }
.sa-card-narrow .sa-card-body { padding:0; }
.sa-card-title { font-size:.8rem; line-height:1.4; color:#111; margin:0; flex:1; }

.sa-card-price { display:flex; flex-wrap:wrap; align-items:baseline; gap:5px; }
.sa-price  { font-size:1rem; font-weight:700; color:#B12704; }
.sa-was    { font-size:.75rem; color:#999; text-decoration:line-through; }
.sa-save   { font-size:.7rem; font-weight:700; color:#007600; background:#e8f5e9; padding:1px 5px; border-radius:3px; }

.sa-btn    { display:inline-block; background:#FF9900; color:#111 !important; font-size:.75rem; font-weight:700; padding:6px 14px; border-radius:20px; text-align:center; transition:background .2s; margin-top:auto; text-decoration:none !important; }
.sa-card:hover .sa-btn { background:#e68a00; }
.sa-btn-sm { font-size:.7rem; padding:4px 10px; }

.sa-disclosure    { font-size:.68rem; color:#aaa; text-align:right; margin:-50px 0 0; }
.sa-disclosure-sm { font-size:.65rem; text-align:center; margin:6px 0 0; }


/* ── Swiper arrow spacing fix ─────────────────────────────────────────────── */

/* Push slides inward to clear the arrow buttons */
.sa-wide .sa-swiper {
    padding-left: 48px !important;
    padding-right: 48px !important;
}

/* Pin arrows to the newly cleared edges */
.sa-wide .swiper-button-prev {
    left: 0 !important;
}
.sa-wide .swiper-button-next {
    right: 0 !important;
}

/* Make arrows a bit more tappable and visually distinct */
.sa-wide .swiper-button-prev,
.sa-wide .swiper-button-next {
    width: 36px !important;
    height: 36px !important;
    background: rgba(255,255,255,0.92);
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    top: 38% !important; /* align with image area, not title/price */
}

.sa-wide .swiper-button-prev::after,
.sa-wide .swiper-button-next::after {
    font-size: 0.85rem !important;
    font-weight: 700;
}