/**
 * Styling for the currency selector block.
 */

section.currency-selector {
    margin-bottom: var(--spacing-11);
    padding-top: var(--spacing-11);
}

section.currency-selector .heading {
    grid-column: 1 / -3;
}

section.currency-selector .dropdown {
    grid-column: -3 / -1;
}

/* Breakpoint S */
@media screen and (min-width: 0px) and (max-width: 768px) {
    section.currency-selector .heading {
        grid-column: 1 / -1;
        margin-bottom: var(--spacing-9);
    }

    section.currency-selector .dropdown {
        grid-column: 1 / 3;
    }
}