/* Belfold  */


#price-table-hu {

    .price-table {
        display: grid;
        grid-template-columns: 220px 1fr;
        border-radius: 16px;
        overflow: hidden;
        margin-bottom: 24px;
    }

    .price-side-title {
        background: #ff8535;
        color: #fff;
        font-weight: 700;
        padding: 20px;
        display: flex;
        align-items: center;
        border-right: 2px solid white;
    }

    .price-white-border {
        border-bottom: 2px solid #fff;
    }

    .price-grid {
        display: grid;
    }

    .price-grid-instant {
        grid-template-columns: 1fr 1fr;
    }

    .price-grid-nextday {
        grid-template-columns: repeat(4, 1fr);
    }

    .price-head {
        background: #ffb98b;
        font-weight: 800;
        padding: 16px;
        border-right: 2px solid #fff;
        color: #2d2d2d;
    }

    .price-value {
        background: #f8f6f3;
        padding: 16px;
        border-right: 1px solid #fff;
    }
}


#price-table-hu-mobile {
    display: none;
}

@media (max-width: 768px) {

    #price-table-hu {
        display: none;
    }

    #price-table-hu-mobile {
        display: block;
    }

    #price-table-hu-mobile {

        .price-mobile-card {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 24px;
        }

        .price-mobile-title {
            background: #ff8535;
            color: #fff;
            font-weight: 800;
            padding: 16px;
            font-size: 16px;
            text-align: center;
        }

        .price-mobile-row {
            display: block;
        }

        .price-mobile-head {
            background: #ffb98b;
            padding: 12px 16px;
            color: #2d2d2d;
            font-weight: 800;
        }

        .price-mobile-value {
            padding: 14px 16px;
            background: #f8f6f3;
        }
    }
}



/* =========================================
   Külföldi szállítás – DESKTOP
   ========================================= */

#price-table-foreign {

    .price-table {
        display: grid;
        grid-template-columns: 220px 1fr;
        border-radius: 16px;
        overflow: hidden;
        margin-bottom: 24px;
    }

    .price-side-title {
        background: #ff8535;
        color: #fff;
        font-weight: 800;
        padding: 20px;
        display: flex;
        align-items: center;
        border-right: 2px solid #fff;
    }

    .price-white-border {
        border-bottom: 2px solid #fff;
    }

    .price-grid {
        display: grid;
    }

    .price-grid-foreign-instant {
        grid-template-columns: 1fr 1fr;
    }

    .price-grid-foreign-discount {
        grid-template-columns: repeat(3, 1fr);
    }

    .price-head {
        background: #ffb98b;
        font-weight: 800;
        padding: 16px;
        border-right: 2px solid #fff;
        color: #2d2d2d;
    }

    .price-value {
        background: #f8f6f3;
        padding: 16px;
        border-right: 1px solid #fff;
    }
}

/* =========================================
   Külföldi szállítás – MOBIL
   ========================================= */

#price-table-foreign-mobile {
    display: none;
}

@media (max-width: 768px) {

    #price-table-foreign {
        display: none;
    }

    #price-table-foreign-mobile {
        display: block;
    }

    #price-table-foreign-mobile {

        .price-mobile-card {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            margin-bottom: 24px;
        }

        .price-mobile-title {
            background: #ff8535;
            color: #fff;
            font-weight: 800;
            padding: 16px;
            font-size: 16px;
            text-align: center;
        }

        .price-mobile-row {
            display: block;
        }

        .price-mobile-head {
            background: #ffb98b;
            padding: 12px 16px;
            color: #2d2d2d;
            font-weight: 800;
        }

        .price-mobile-value {
            padding: 14px 16px;
            background: #f8f6f3;
        }
    }
}



/* =========================================
   Kézbesítési idők – DESKTOP
   ========================================= */

#price-table-delivery {

    .price-table {
        display: grid;
        grid-template-columns: 220px 1fr;
        border-radius: 16px;
        overflow: hidden;
        margin-bottom: 24px;
    }

    .price-side-title {
        background: #ff8535;
        color: #fff;
        font-weight: 800;
        padding: 20px;
        display: flex;
        align-items: center;
        border-right: 2px solid #fff;
    }

    .price-white-border {
        border-bottom: 2px solid #fff;
    }

    .price-grid {
        display: grid;
    }

    .price-grid-delivery {
        grid-template-columns: 1fr 1fr;
    }

    .price-head {
        background: #ffb98b;
        font-weight: 800;
        padding: 16px;
        border-right: 2px solid #fff;
        color: #2d2d2d;
    }

    .price-value {
        background: #f8f6f3;
        padding: 16px;
        border-right: 1px solid #fff;
    }


    .price-row-grey {
        background: #f8f6f3;
    }

    .price-row-white {
        background: #ffffff;
    }
}

/* =========================================
   Kézbesítési idők – MOBIL
   ========================================= */


#price-table-delivery-mobile {
    display: none;
}

@media (max-width: 768px) {

    #price-table-delivery {
        display: none;
    }

    #price-table-delivery-mobile {
        display: block;
    }

    #price-table-delivery-mobile {

        .price-mobile-title {
            background: #ff8535;
            color: #fff;
            font-weight: 800;
            padding: 16px;
            text-align: center;
            border-radius: 16px 16px 0 0;
        }

        .price-grid-delivery-mobile {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-radius: 0 0 16px 16px;
            overflow: hidden;
        }

        .price-head {
            background: #ffb98b;
            font-weight: 800;
            padding: 12px;
            text-align: center;
            color: #2d2d2d;
        }

        .price-value {
            background: #f8f6f3;
            padding: 12px;
            text-align: center;
        }

        .price-white-border {
            border-right: 2px solid #fff;
        }

        .price-grey-border {
            border-right: 2px solid #f7f5f2;
        }

        .price-row-grey {
            background: #f8f6f3;
        }

        .price-row-white {
            background: #ffffff;
        }
    }
}


.no-right-border {
    border-right: none !important;
}