/*
 * @author  Agence Dn'D <contact@dnd.fr>
 * @license https://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 * @link    https://www.dnd.fr/
 */

.template-collection,
.template-search {
    .page-header--with-upper-spacing {
        margin-top: 0;
    }

    .product-grid {
        gap: var(--gutter-mobile) var(--gutter-sm);

        @media (min-width: 768px) {
            gap: var(--gutter-2xl) var(--gutter-mobile);
        }
    }

    /* Utility bar */

    .utility-bar {
        margin-block-end: var(--gutter-lg);
        padding-inline: var(--gutter-mobile);

        @media (min-width: 768px) {
            margin-block-end: var(--gutter-xl);
            padding-inline: 0;
        }

        .toggle-btn,
        .link-dropdown__button {
            height: 36px;
            font-weight: var(--font-weight-400);
        }

        .toggle-btn {
            .btn-icon {
                height: var(--icon-size-md);
            }
        }

        .utility-bar__centre {
            color: var(--color-primary-opacity-7);
        }
    }

    .main-collection-container {
        width: 100%;

        @media (max-width: 767.98px) {
            padding-inline: var(--gutter-sm);
        }
    }
}