/**
 * Homepage Savings — AliExpress Deals Island
 * Split from homepage.css for performance
 *
 * @package MyChooz_Aesthetic
 */

/* ═══════════════════════════════════════════════════════════════
   SAVINGS - Mobile: edge-to-edge, Desktop: island
   ═══════════════════════════════════════════════════════════════ */

.hp-savings {
    background: var(--hp-island-bg);
    border-top: 1px solid var(--hp-island-border);
    border-bottom: 1px solid var(--hp-island-border);
    box-shadow: var(--hp-island-shadow);
    padding: var(--hp-island-padding);
    margin: 0 0 var(--hp-section-gap);
}

.hp-savings .hp-container {
    padding: 0;
}

/* ═══════════════════════════════════════════════════════════════
   DESKTOP — island
   ═══════════════════════════════════════════════════════════════ */

@media (min-width: 769px) {
    .hp-savings {
        border: 1px solid var(--hp-island-border);
        border-radius: var(--hp-island-radius);
        margin: 0 20px var(--hp-section-gap);
        max-width: calc(1200px - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}