/*
==========================================================================

 PROJECT     : SIGNATURE SPREADS AND TREATS BY DI
 VERSION     : 1.0.0
 AUTHOR      : JB

===========================================================================
*/

/* SMALL LAPTOPS */

@media (max-width: 1199.98px) {

    .cart-page .cart-layout {
        grid-template-columns:
            minmax(0, 1.6fr)
            minmax(300px, 0.8fr);
    }

    .cart-page .cart-item {
        grid-template-columns: 130px minmax(0, 1fr);
    }

}

/* TABLETS */

@media (max-width: 991.98px) {

    .cart-page .site-hero-media img {
        object-position: 70% center;
    }

    .cart-page .cart-section-header {
        max-width: 760px;
    }

    .cart-page .cart-layout {
        grid-template-columns: 1fr;

        max-width: 760px;
    }

    .cart-page .cart-summary-card {
        position: static;
    }

    .cart-page .cart-reassurance-grid {
        max-width: 760px;
    }

    .cart-page .cart-reassurance-item {
        padding-inline: var(--space-lg);
    }

}

/* MOBILE */

@media (max-width: 575.98px) {

    .cart-page .site-hero-media img {
        object-position: 74% center;
    }

    .cart-page .cart-section {
        padding:
            var(--space-4xl)
            0
            var(--space-3xl);
    }

    .cart-page .cart-section-header {
        display: block;

        margin-bottom: var(--space-2xl);
    }

    .cart-page .cart-section-header h2 {
        font-size: clamp(2.8rem, 12vw, 3.9rem);
    }

    .cart-page .cart-continue-link {
        margin-top: var(--space-lg);
        margin-bottom: 0;
    }

    .cart-page .cart-item {
        grid-template-columns: 96px minmax(0, 1fr);

        gap: var(--space-md);

        padding:
            var(--space-lg)
            var(--space-md);
    }

    .cart-page .cart-item-main {
        display: block;

        margin-bottom: var(--space-lg);
    }

    .cart-page .cart-item-copy {
        max-width: none;
    }

    .cart-page .cart-item-price {
        margin-top: var(--space-md);

        text-align: left;
    }

    .cart-page .cart-item-actions {
        grid-template-columns:
            1fr
            auto;

        gap:
            var(--space-md)
            var(--space-lg);
    }

    .cart-page .cart-remove-button {
        grid-column: 1;
        grid-row: 1;
    }

    .cart-page .cart-quantity {
        grid-column: 2;
        grid-row: 1;
    }

    .cart-page .cart-item-line-total {
        grid-column: 1 / -1;
        grid-row: 2;

        justify-self: stretch;

        display: flex;
        justify-content: space-between;
        align-items: end;

        padding-top: var(--space-md);

        border-top: 1px solid rgba(220, 201, 170, 0.6);

        text-align: left;
    }

    .cart-page .cart-item-line-total span {
        margin-bottom: 0;
    }

    .cart-page .cart-summary-card {
        padding:
            var(--space-xl)
            var(--space-lg);
    }

    .cart-page .cart-reassurance {
        padding:
            var(--space-xl)
            0;
    }

    .cart-page .cart-reassurance-grid {
        grid-template-columns: 1fr;
    }

    .cart-page .cart-reassurance-item {
        padding:
            var(--space-lg)
            0;
    }

    .cart-page .cart-reassurance-item:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid rgba(220, 201, 170, 0.66);
    }

}

/* SMALL MOBILE */

@media (max-width: 374.98px) {

    .cart-page .cart-section-header h2 {
        font-size: 2.55rem;
    }

    .cart-page .cart-item {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    .cart-page .cart-item h3 {
        font-size: 1.45rem;
    }

    .cart-page .cart-item-description {
        font-size: 0.68rem;
    }

    .cart-page .cart-quantity {
        grid-template-columns: 34px 38px 34px;
    }

    .cart-page .cart-quantity-button {
        width: 34px;
        height: 36px;
    }

    .cart-page .cart-quantity-value {
        min-height: 36px;
    }

}