@media (min-width: 992px) {
    .hide-desktop {
        display: none;
    }

}

@media (max-width: 1460px) {

    .container,
    .entry-content {
        max-width: 100%;
        width: 100%;
        padding: 0 30px;
    }

    .page-projects__info {
        max-width: 430px;
    }
}

@media (max-width: 1200px) {
    /* .hamb-mob {
        display: block;
    } */

    .header-wrapper .header-menu-inner {
        position: fixed;
        top: 0;
        right: 0;
        height: calc(100dvh - var(--total-height));
        top: var(--header-height);
        width: 100%;
        display: none;
        flex-direction: column;
        background-color: #fff;
        padding: 15px;
        overflow-y: auto;
        z-index: 3;
    }

    .admin-bar .header-menu-inner {
        padding-bottom: 52px;
    }

    #menu-main-menu {
        gap: 40px;
    }

    #menu-main-menu .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 991px) {
    body.menu-visible .site-header {
        z-index: 1001 !important;
        transform: none !important;
    }

    .site-header__inner {
        gap: 12px;
    }

    .site-header__logo {
        max-width: 70px;
    }

    .site-header__nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: 320px;
        max-width: 90vw;
        background: var(--color-header-bg);
        padding: 70px 30px 40px;
        z-index: 1000;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        color: var(--color-text);
        display: block;
        justify-content: flex-start;
        height: 100dvh;
    }

    .site-header__nav.menu-opened {
        transform: translateX(0);
    }

    body.home .site-header__nav,
    body.home .site-header__nav a {
        color: var(--color-text);
    }

    .site-header__nav-close {
        position: absolute;
        top: 20px;
        right: 20px;
        background: none;
        border: none;
        padding: 8px;
        cursor: pointer;
        color: var(--color-text);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

    .site-header__nav-close svg {
        width: 18px;
        height: 18px;
    }

    .site-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .site-menu a {
        color: var(--color-text);
        text-align: left;
    }

    .site-menu .sub-menu {
        display: none;
        flex-direction: column;
        gap: 12px;
        padding: 12px 0 0 16px;
        margin: 0;
        list-style: none;
    }

    .site-menu .menu-item-has-children {
        width: 100%;
    }

    .site-menu .sub-toggle {
        margin-left: 8px;
        cursor: pointer;
        background: none;
        border: none;
        padding: 0;
        color: inherit;
    }

    body.menu-visible::before {
        content: '';
        position: fixed;
        inset: 0;
        background: rgba(37, 36, 36, 0.5);
        z-index: 999;
        cursor: pointer;
    }

    .site-header__hamburger {
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-header__hamburger svg {
        width: 24px;
        height: 24px;
    }

    body.menu-visible,
    body.no-scroll {
        overflow: hidden;
    }

    /* === Hero === */
    .home-hero {
        min-height: 500px;
        padding: 60px 0;
        height: 100dvh;
    }

    .home-hero__title img {
        max-width: 320px;
    }

    .home-hero__subtitle {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .container,
    .entry-content {
        max-width: 100%;
        width: 100%;
        padding: 0 15px;
    }

    body {
        font-size: 16px;
        line-height: 1.5;
    }

    .text-3,
    .text-3 p {
        font-size: 16px;
    }

    .text-5 {
        font-size: 12px;

    }

    .text-6 {
        font-size: 12px;
    }

    .btn {
        font-size: 16px;
    }

    .hide-mobile {
        display: none;
    }

    .site-menu {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }

    .home-hero__content {
        max-width: 100%;
    }

    .home-promo {
        min-height: 400px;
    }

    .home-promo__title img {
        max-width: 100%;
    }

    .home-features {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .home-features__media {
        min-height: 400px;
    }

    .home-features__content {
        padding: 40px 20px;
    }

    .home-brand {
        grid-template-columns: 1fr;
        gap: 0;
        padding-left: 0;
        min-height: auto;
    }

    .home-brand__content {
        padding: 40px 20px;
    }

    .home-brand__media {
        min-height: 400px;
        padding: 30px;
    }

    .home-brand__caption {
        font-size: 20px;
    }

    .catalog__list {
        grid-template-columns: 1fr;
    }

    .archive-product__list {
        grid-template-columns: 1fr 1fr;
    }

    .page-projects__item {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .page-projects__list {
        gap: 30px;
    }

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

    .page-contacts__lamp {
        display: none;
    }

    .page-404__decor--left,
    .page-404__decor--right {
        max-width: 150px;
    }

    .page-404__title {
        font-size: clamp(120px, 30vw, 220px);
    }

    .page-404__actions {
        flex-direction: column;
        align-items: center;
    }

    .page-404__title>svg {
        width: clamp(180px, 41vw, 760px);
    }

    .page-stores__grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .page-stores__list .page-stores__item:first-child {
        padding-top: 10px;
    }

    .page-stores__map {
        height: 400px;
    }

    /* === Cart === */
    .cart-form__layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .cart-form__items {
        gap: 16px;
    }

    .cart-form__item {
        grid-template-columns: 100px 1fr auto;
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "media name     remove"
            "media color    color"
            "media qty      subtotal";
        column-gap: 16px;
        row-gap: 8px;
        align-items: center;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--color-muted);
    }

    .cart-form__item:last-child {
        border-bottom: none;
    }

    .cart-form__media {
        grid-area: media;
        width: 100px;
        height: 90px;
        align-self: start;
    }

    .cart-form__name {
        grid-area: name;
        font-size: 14px;
    }

    .cart-form__color {
        grid-area: color;
    }

    .cart-form__price {
        display: none;
    }

    .cart-form__qty {
        grid-area: qty;
    }

    .cart-form__subtotal {
        grid-area: subtotal;
        justify-self: end;
        font-weight: 600;
    }

    .cart-form__remove {
        grid-area: remove;
        justify-self: end;
        font-size: 0;
    }

    .cart-form__remove svg {
        width: 22px;
        height: 22px;
    }

    .cart-form__totals {
        padding: 28px;
    }

    .checkout-form__layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .checkout-fields-row {
        grid-template-columns: 1fr;
    }

    .checkout-radio-list--inline {
        flex-direction: column;
        gap: 16px;
    }

    .checkout-summary {
        position: static;
    }

    .thankyou {
        padding: 40px 0 60px;
    }

    .thankyou__title {
        font-size: clamp(56px, 18vw, 128px);
        margin-bottom: 30px;
    }

    .thankyou__decor {
        max-width: 120px;
    }

    .thankyou__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 50px;
    }

    .page-auth {
        padding: 0;
        padding-top: 30px;
    }

    .page-auth__title {
        font-size: clamp(36px, 12vw, 64px);
        margin-bottom: 30px;
    }

    .page-auth__form {
        margin-bottom: 20px;
    }

    .page-auth__decor {
        display: none;
    }

    .page-auth__row {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .account-page__layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .account-nav {
        padding: 24px;
    }

    .account-form__row--three {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .account-form__section {
        gap: 6px;
    }

    .account-orders__item {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .site-popup--order .site-popup__dialog {
        padding: 30px 20px;
    }

    .order-card__item {
        grid-template-columns: 100px 1fr;
        grid-template-areas:
            "media name"
            "media color"
            "pricing pricing";
        gap: 8px 16px;
    }

    .order-card__media {
        grid-area: media;
    }

    .order-card__name {
        grid-area: name;
    }

    .order-card__color {
        grid-area: color;
    }

    .order-card__pricing {
        grid-area: pricing;
        margin-top: 8px;
    }

    /* === Categories === */
    .home-categories {
        margin-top: 24px;
        margin-bottom: 40px;
    }

    .home-categories__list {
        grid-template-columns: 1fr 1fr;
        row-gap: 20px;
    }

    .home-categories__link {
        gap: 12px;
    }

    .home-categories__name {
        padding-right: 12px;
        font-size: 14px;
        justify-content: flex-start;
    }

    .home-architecture {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .home-architecture__text {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 30px;
    }

    body .home-architecture__title {
        font-size: 20px;
    }

    .home-architecture__image {
        width: 100%;
        height: auto;
    }

    /* === Features === */
    .home-features__heading {
        top: 0;
        padding: 60px 30px;
        height: auto;
    }

    .home-features__title {
        font-size: clamp(46px, 14vw, 90px);
    }

    .home-features__subtitle {
        font-size: 16px;
    }

    .home-features__list {
        gap: 40px;
    }

    /* === Promo === */
    .home-promo {
        margin-top: 0;
        margin-bottom: 0;
    }

    .home-brand__text.text-editor>p:first-child {
        margin-top: 0;
    }

    .home-promo__content {
        gap: 24px;
    }

    .home-promo__title img {
        max-width: 280px;
    }

    .home-promo__text {
        font-size: 16px;
    }

    /* === Brand === */
    .home-brand__caption {
        font-size: 16px;
        text-align: left;
    }

    .home-brand__text.text-editor p {
        font-size: 16px;
        margin-bottom: 24px;
    }

    .home-brand__media {
        padding: 30px 20px 40px;
    }

    /* === Footer === */
    .site-footer {
        margin-top: 40px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .home .site-footer {
        margin-top: 0;
    }

    .site-footer__top {
        flex-direction: column;
        gap: 32px;
        padding-bottom: 50px;
    }

    .site-footer__nav,
    .site-footer__contacts,
    .site-footer__cta {
        width: 100%;
    }

    .site-footer__cta {
        order: 4;
    }

    .site-footer__cta .btn {
        width: 100%;
    }

    .site-footer__aside {
        order: 5;
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .site-footer__logo {
        position: static;
        width: 50px;
    }

    .back-to-top {
        right: 16px;
        bottom: 16px;
        width: 42px;
        height: 42px;
    }

    .site-footer__logo {
        position: static;
        width: 50px;
    }

    .site-footer__address {
        margin-top: 16px;
    }

    .site-footer__bottom {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
        font-size: 13px;
    }

    .site-footer__legal {
        display: flex;
        flex-wrap: wrap;
        gap: 0 12px;
    }

    .site-footer__legal-sep {
        margin: 0 8px;
    }

    .site-footer__bottom>.site-footer__legal-sep {
        display: none;
    }

    body:not(.home) .site-main {
        margin-top: 30px;
    }

    body.mdev h1,
    body .heading-1 {
        margin-bottom: 20px !important;
    }

    /* === Single product: intro === */
    .single-product__intro {
        margin-bottom: 40px;
    }

    .single-product__intro-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .single-product__purchase {
        margin-top: 16px;
        gap: 16px;
    }

    /* === Single product: attributes === */
    .single-product__attributes {
        padding: 30px 0;
    }

    body.mdev .single-product__attributes-title {
        margin-bottom: 20px;
    }

    .product-attributes {
        grid-template-columns: minmax(120px, 1fr) 1fr;
        grid-template-rows: repeat(8, auto);
        grid-auto-flow: column;
        column-gap: 24px;
        row-gap: 14px;
    }

    .product-attributes::before {
        display: none;
    }

    .product-attributes__label {
        font-size: 14px;
        align-self: start;
        grid-row: auto;
    }

    .product-attributes__value {
        font-size: 14px;
        align-self: start;
        grid-row: auto;
        text-transform: none;
    }

    .product-attributes__swatches,
    .product-attributes__options {
        gap: 6px;
    }

    /* === Single product: extra === */
    .single-product__extra-grid {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 40px;
    }

    .single-product__extra-col {
        max-width: 100%;
    }

    .page-projects__text {
        font-size: 16px;
    }

    .page-contacts__grid {
        gap: 35px;
    }

    .contact-form__row {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .checkout-fields-row {
        gap: 6px;
    }

    .checkout-section+.checkout-section {
        margin-top: 30px;
    }

    .checkout-form__layout {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    main.account-page,
    main.checkout-page {
        padding-bottom: 40px;
    }

    .page-404__decor--left {
        bottom: -40px;
    }

    .page-404__decor--right {
        top: calc(60px - var(--header-height));
    }

    .page-404__title {
        margin-bottom: 20px;
    }

    .page-404__actions {
        gap: 10px;
    }

    /* === Single product: intro (v5) === */
    .single-product__intro {
        margin-bottom: 40px;
    }

    .product__layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .product__description {
        margin-bottom: 32px;
    }

    .product__attributes__list {
        grid-template-columns: 140px 1fr;
        row-gap: 10px;
    }

    .product__purchase {
        position: static;
    }

    .product-purchase {
        padding: 24px 20px 22px;
    }

    .product-purchase__price {
        font-size: 26px;
    }

    .product-purchase .single_add_to_cart_button,
    .product-purchase__add {
        height: 54px;
        font-size: 16px;
    }

    /* === Single product: extra === */
    .single-product__extra-grid {
        flex-direction: column;
        gap: 24px;
        margin-bottom: 40px;
    }

    .single-product__extra-col {
        max-width: 100%;
    }

    .site-header__search.is-open .site-header__search-form {
        position: fixed;
        top: var(--header-height, 60px);
        left: 0;
        right: 0;
        width: 100%;
        border-radius: 0;
        border-left: none;
        border-right: none;
        max-height: calc(100vh - var(--header-height, 60px));
    }

    .site-header__search-input {
        height: 44px;
    }

    .site-header__search-clear {
        right: 28px;
    }

    .site-header__search.is-open .site-header__search-results {
        position: fixed;
        top: var(--header-height, 60px);
        left: 0;
        right: 0;
        border-radius: 0;
        border-left: none;
        border-right: none;
        max-height: calc(100vh - var(--header-height, 60px));
    }

    .catalog__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .single-product__intro {
        margin-bottom: 40px;
    }

    .product__top {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .product__purchase {
        position: static;
    }

    .single-product__details {
        margin-bottom: 56px;
    }

    .product__bottom {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .single-product__interior {
        margin-bottom: 56px;
    }

    .interior-gallery--2,
    .interior-gallery--3,
    .interior-gallery--4,
    .interior-gallery--5,
    .interior-gallery--6 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
        aspect-ratio: auto;
    }

    .interior-gallery--2 .interior-gallery__item:nth-child(n),
    .interior-gallery--3 .interior-gallery__item:nth-child(n),
    .interior-gallery--4 .interior-gallery__item:nth-child(n),
    .interior-gallery--5 .interior-gallery__item:nth-child(n),
    .interior-gallery--6 .interior-gallery__item:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
        aspect-ratio: 4 / 3;
    }

    .interior-gallery--mirror,
    .interior-gallery--mirror .interior-gallery__image {
        transform: none;
    }
}

@media (max-width: 767px) {
    .home-hero__bg {
        object-position: 70%;
    }

    .page-about__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .page-about__media {
        order: -1;
    }
}

@media (max-width: 600px) {
    .admin-bar .site-header {
        top: 46px;
    }
}

@media (max-width: 575px) {
    .home-hero {
        min-height: 400px;
        padding: 40px 0;
    }

    .home-hero__title img {
        max-width: 220px;
    }

    .home-hero__button {
        margin-top: 40px;
    }

    body.home h1.home-hero__title {
        margin-bottom: 38px !important;
    }

    .home-promo {
        min-height: 320px;
    }

    .home-promo__content {
        gap: 15px;
    }

    .archive-product__list {
        grid-template-columns: 1fr;
    }

    .product-gallery {
        grid-template-columns: 1fr;
    }

    .product-gallery__list {
        aspect-ratio: 2;
    }

    .home-categories__list {
        grid-template-columns: 1fr;
    }

    .home-categories__name {
        font-size: 16px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: 24px;
        padding-right: 24px;
    }

    .catalog__link {
        gap: 16px;
    }

    .catalog__list .catalog__name {
        justify-content: flex-start;
    }

    .home-features__title {
        font-size: clamp(42px, 18vw, 60px);
    }

    .home-features__heading {
        padding: 40px 20px;
    }

    .home-features__content {
        padding: 30px 16px 40px;
    }

    .home-promo__title img {
        max-width: 220px;
    }

    .home-brand__content {
        padding: 30px 16px;
    }

    .home-brand__caption {
        font-size: 14px;
    }

    .product-attributes {
        column-gap: 16px;
        row-gap: 12px;
    }

    .product-attributes__swatch {
        width: 24px;
        height: 24px;
    }

    .product-attributes__swatch.is-active {
        width: 28px;
        height: 27px;
    }

    .catalog__list {
        grid-template-columns: 1fr;
    }

    .catalog__link {
        gap: 14px;
    }

    .interior-gallery--2,
    .interior-gallery--3,
    .interior-gallery--4,
    .interior-gallery--5,
    .interior-gallery--6 {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 425px) {
    .site-footer__bottom nav .site-footer__legal-sep {
        display: none;
    }

    .site-footer__legal {
        flex-direction: column;
    }
}