/* Small integration fixes; the imported visual rules are in storefront.css. */
h1.section__title, h1.unit__title { margin: 0; font-weight: inherit; }
.catalog_item__fav.is-active { opacity: 1; }
.preview-message {
    position: fixed;
    z-index: 1000;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    width: min(48rem, calc(100% - 3.2rem));
    padding: 1.6rem 2rem;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 .4rem 2rem #0002;
    font-size: 1.4rem;
    line-height: 1.5;
}
.preview-message[hidden] { display: none; }
.preview-index { max-width: 100rem; padding-top: 4rem; padding-bottom: 4rem; }
.preview-index h1 { font-size: 3.2rem; margin-bottom: 2.4rem; }
.preview-index h2 { font-size: 2.4rem; margin: 3.2rem 0 1.6rem; }
.preview-index p, .preview-index li { font-size: 1.6rem; line-height: 1.6; }
.preview-index ul { margin-top: 2rem; }
.preview-index li a { text-decoration: underline; text-underline-offset: .3rem; }
.category-overview { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3.2rem 1.6rem; }
.category-overview .category_item__image { aspect-ratio: 3 / 4; }
.category-overview img { width: 100%; height: 100%; object-fit: contain; }
.header__action--profile > a { display: block; }
.header__action--label:empty { display: none; }
.preview-empty { padding: 8rem 2rem; text-align: center; }
.preview-empty h1 { font: 4rem/1.2 'Kuzanyan', serif; margin-bottom: 2rem; }
.preview-empty p { margin-bottom: 3rem; font-size: 1.6rem; }
@media (max-width: 767px) {
    .header .hamburger { pointer-events: auto; display: inline-block; padding: 0; width: 2.4rem; height: 2.4rem; }
    .is-catalog .header_nav {
        display: block;
        position: fixed;
        inset: 7.2rem 0 0;
        overflow-y: auto;
        background: white;
        padding: 2.4rem;
    }
    .header_nav_menu { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4rem; }
    .header_nav_menu li { font-size: 1.4rem; line-height: 1.4; margin-bottom: 1.2rem; }
    .header_nav_menu li.title { font: 2.2rem/1.2 'Kuzanyan', serif; }
    .category-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .form_signin .col-4, .bag_order .col-6 { flex: 0 0 100%; max-width: 100%; }
    .form_signin .col-4:empty { display: none; }
}
