/* ===== MAIN PAGE BACKGROUND ===== */
main {
    background: linear-gradient(to bottom,
            #3279bb 0%,
            #587b9a 30%,
            #7d8b99 60%,
            #d6d5d5 100%);
    min-height: 100vh;
    padding: 40px 20px;
}

section {
    margin-bottom: 30px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

/* ===== PAGE SECTIONS ===== */

section {
    background-color: #ffffff;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.products-section--featured {
    background-color: #ffffff;
}

.products-section--sale {
    background-color: #f9fafb;
}

.trust-section {
    background-color: #ffffff;
}

/* ===================================== */
/* GENERIC PAGE SECTIONS */
/* ===================================== */

.section {
    /*padding: 64px 0; design */
    padding: 20px 0;
}

.section--light {
    background: #ffffff;
}

.section--soft {
    background: #f9fafb;
}

.section__header {
    margin-bottom: 1.5rem;
}

.section__title {
    font-size: 1.6rem;
    font-weight: 600;
}

.section__subtitle {
    font-size: 1rem;
    color: #4b5563;
}

/* vertical rhythm between sections */

.section+.section {
    margin-top: 24px;
}

/* Link to all the products from index.html */
.products-section__link {
    color: #2563eb;
    text-decoration: none;
    transition: color 0.2s ease;
}

.products-section__link:hover {
    text-decoration: underline;
    color: #1d4ed8;
}