@media (min-width: 1500px) {
    .shop-hero {
        min-height: 385px;
    }

    .shop-product-card__picture {
        height: 185px;
    }
}

@media (max-width: 991.98px) {
    .shop-hero-slider {
        max-width: 900px;
        padding: 40px 40px 43px;
    }

    .shop-header__main {
        grid-template-columns: 70px minmax(170px, 1fr) auto auto;
        gap: 14px;
    }

    .shop-header__actions {
        gap: 10px;
    }

    .shop-account img,
    .shop-account > span {
        display: none;
    }

    .shop-account__mobile-icon {
        display: inline-block;
        color: #354355;
        font-size: 18px;
    }

    .shop-menu-toggle {
        width: 34px;
        height: 32px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        border: 1px solid #e5e8ef;
        border-radius: 4px;
        background: #fff;
    }

    .shop-menu-toggle span {
        width: 16px;
        height: 1px;
        background: #465161;
    }

    .shop-navigation {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 0;
        border-top: 0;
    }

    .shop-header .shop-navigation.collapse:not(.show) {
        display: none;
    }

    .shop-header .shop-navigation.collapse:not(.show) {
        display: none !important;
    }

    .shop-header .shop-navigation.collapsing {
        display: block !important;
    }

    .shop-header .shop-navigation.collapse.show {
        display: block !important;
    }

    .shop-navigation a {
        width: 100%;
        display: block;
        padding: 12px 4px;
        border-top: 1px solid #f0f1f5;
        font-size: 12px;
        white-space: normal;
    }

    .shop-hero {
        min-height: 385px;
    }

    .shop-category-card {
        min-height: 104px;
    }

    .shop-product-card__picture {
        height: 128px;
    }

    .shop-routine {
        min-height: 0;
    }
}

@media (max-width: 575.98px) {
    .shop-hero-slider {
        padding: 22px 18px 54px;
    }

    .shop-topbar {
        font-size: 10px;
    }

    .shop-topbar__inner {
        min-height: 32px;
    }

    .shop-header__main {
        min-height: 57px;
        grid-template-columns: 48px minmax(80px, 1fr) auto auto;
        gap: 7px;
    }

    .shop-logo {
        font-size: 15px;
    }

    .shop-header__actions {
        gap: 10px;
    }

    .shop-favorite {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
    }

    .shop-account {
        gap: 4px;
    }

    .shop-cart {
        min-height: 29px;
        gap: 4px;
        padding: 0 7px;
        font-size: 8px;
        white-space: nowrap;
    }

    .shop-menu-toggle {
        width: 32px;
        height: 29px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
        border: 1px solid #e5e8ef;
        border-radius: 4px;
        background: #fff;
    }

    .shop-menu-toggle span {
        width: 15px;
        height: 1px;
        background: #465161;
    }

    .shop-navigation {
        min-height: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 0;
        border-top: 0;
    }

    .shop-header .shop-navigation.collapse:not(.show) {
        display: none;
    }

    .shop-header .shop-navigation.collapse.show {
        display: block !important;
    }

    .shop-navigation a {
        width: 100%;
        display: block;
        padding: 12px 4px;
        border-top: 1px solid #f0f1f5;
        font-size: 12px;
        white-space: normal;
    }

    .shop-hero {
        min-height: 0;
    }

    .shop-hero h1 {
        margin-top: 9px;
        font-size: clamp(16px, 3.4vw, 25px);
    }

    .shop-hero__copy > p {
        margin-bottom: 9px;
        font-size: 9px;
    }

    .shop-hero__media img {
        aspect-ratio: .92;
        object-position: center;
    }

    .shop-hero__controls {
        bottom: 10px;
    }

    .shop-section {
        margin-top: 24px;
    }

    .shop-category-card {
        min-height: 93px;
    }

    .shop-category-card__image {
        width: 41px;
        height: 35px;
    }

    .shop-category-card b {
        font-size: 8px;
    }

    .shop-product-card__picture {
        height: clamp(94px, 27vw, 145px);
        margin: 6px 6px 0;
    }

    .shop-product-card__details {
        padding: 7px;
    }

    .woocommerce-loop-product__title {
        min-height: 38px;
        font-size: 8px;
    }

    .shop-routine {
        min-height: 0;
        margin-top: 24px;
    }

    .shop-routine h2 {
        font-size: clamp(15px, 3.4vw, 22px);
    }

    .shop-routine__copy > p {
        font-size: 8px;
    }

    .shop-routine__benefits {
        gap: 4px;
        margin-bottom: 9px;
    }

    .shop-routine__benefits span {
        padding: 4px;
        font-size: 6px;
    }

    .shop-why-card {
        min-height: 0;
    }

    .shop-why-card__icon {
        width: 26px;
        height: 26px;
        margin-bottom: 7px;
        font-size: 11px;
    }

    .shop-why-card h3 {
        font-size: 8px;
    }

    .shop-why-card p {
        font-size: 7px;
    }

    .shop-footer {
        padding-top: 20px;
    }

    .shop-footer__bottom {
        flex-wrap: wrap;
        padding: 9px 0;
        font-size: 7px;
    }
}

@media (max-width: 480px) {
    .shop-topbar__inner > span {
        max-width: 73%;
        line-height: 1.35;
    }

    .shop-topbar__inner > a {
        max-width: 27%;
        text-align: right;
    }

    .shop-header__main {
        grid-template-columns: 48px minmax(95px, 1fr) auto auto;
        gap: 6px;
    }

    .shop-logo {
        font-size: 14px;
    }

    .shop-search {
        height: 29px;
    }

    .shop-search input[type="search"] {
        padding: 0 7px;
        font-size: 8px;
    }

    .shop-search button {
        width: 27px;
        flex-basis: 27px;
        font-size: 9px;
    }

    .shop-account img {
        width: 19px;
        height: 19px;
    }

    .shop-cart {
        width: 33px;
        justify-content: center;
        padding: 0;
        font-size: 0;
    }

    .shop-cart i {
        font-size: 11px;
    }

    .shop-menu-toggle {
        width: 27px;
    }

    .shop-hero {
        min-height: 0;
    }

    .shop-eyebrow {
        font-size: 6px;
    }

    .shop-hero h1 {
        margin: 8px 0;
        font-size: clamp(14px, 4.2vw, 19px);
        letter-spacing: -.035em;
    }

    .shop-hero__copy > p {
        margin-bottom: 8px;
        font-size: 7px;
        line-height: 1.55;
    }

    .shop-button {
        min-height: 26px;
        gap: 6px;
        padding: 0 8px;
        font-size: 7px;
    }

    .shop-hero__media img {
        aspect-ratio: .85;
    }

    .shop-section-heading {
        align-items: flex-end;
    }

    .shop-section-heading h2 {
        font-size: 16px;
    }

    .shop-section-heading p {
        font-size: 8px;
        line-height: 1.45;
    }

    .shop-inline-link {
        font-size: 7px;
    }

    .shop-category-card {
        min-height: 88px;
    }

    .shop-category-card__image {
        width: 35px;
        height: 32px;
    }

    .shop-category-card b {
        font-size: 7px;
    }

    .shop-category-card small {
        font-size: 7px;
    }

    .shop-section-heading--compact h2 {
        font-size: 18px;
    }

    .shop-product-card__picture {
        height: 91px;
    }

    .shop-product-badge {
        top: 5px;
        left: 5px;
        padding: 3px 4px;
        font-size: 6px;
    }

    .shop-favorite-button {
        top: 4px;
        right: 4px;
        width: 18px;
        height: 18px;
        font-size: 8px;
    }

    .shop-rating {
        font-size: 7px;
    }

    .shop-rating small {
        font-size: 6px;
    }

    .woocommerce-loop-product__title {
        min-height: 40px;
        font-size: 7px;
    }

    .shop-product-price {
        font-size: 9px;
    }

    .shop-routine h2 {
        max-width: 320px;
        font-size: 18px;
    }

    .shop-routine__copy > p {
        font-size: 8px;
    }

    .shop-routine__image {
        max-width: 390px;
        margin-right: auto;
        margin-left: auto;
    }

    .shop-section-heading--center p {
        max-width: 300px;
        margin: 0 auto;
    }

    .shop-why-card {
        display: grid;
        grid-template-columns: 30px 1fr;
        column-gap: 8px;
        padding: 9px;
    }

    .shop-why-card__icon {
        grid-row: span 2;
        margin: 0;
    }

    .shop-why-card h3 {
        margin: 0 0 4px;
        font-size: 9px;
    }

    .shop-why-card p {
        font-size: 7px;
    }

    .shop-trust-strip b {
        font-size: 7px;
    }

    .shop-trust-strip small {
        font-size: 6px;
    }
}

@media (max-width: 575.98px) {
    .shop-topbar {
        font-size: 11px;
    }

    .shop-header__main {
        grid-template-columns: 48px minmax(70px, 1fr) auto auto;
    }

    .shop-header .shop-navigation.collapse.show {
        display: block !important;
    }

    .shop-header .shop-navigation.collapsing,
    .shop-header .shop-navigation.collapse.show {
        display: block !important;
        flex-direction: column;
    }

    .shop-header .shop-navigation.collapse.show > a {
        width: 100%;
        display: block;
        white-space: normal;
    }

    .shop-hero-slider .owl-nav {
        right: 4%;
        bottom: 23px;
    }

    .shop-hero-slider .owl-nav button.owl-prev,
    .shop-hero-slider .owl-nav button.owl-next {
        width: 30px;
        height: 30px;
    }

    .shop-hero-slider .owl-dots {
        bottom: 35px;
        left: 4%;
    }

    .shop-hero-slider .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
    }

    .shop-hero-slider .owl-dots .owl-dot.active span {
        width: 22px;
    }

    .shop-hero-slider .shop-hero h1,
    .shop-hero-slider .shop-hero h2 {
        font-size: clamp(18px, 5vw, 24px);
    }

    .shop-hero-slider .shop-hero__copy > p {
        font-size: 12px;
    }

    .shop-hero-slider .shop-button {
        font-size: 10px;
    }

    .shop-category-card {
        min-height: 110px;
    }

    .shop-category-card__image {
        width: 54px;
        height: 48px;
    }

    .shop-category-card b {
        font-size: 11px;
    }

    .shop-category-card small,
    .shop-section-heading p {
        font-size: 10px;
    }

    .shop-button {
        font-size: 11px;
    }

    .shop-section-heading h2,
    .shop-section-heading--compact h2 {
        font-size: 22px;
    }

    .shop-inline-link {
        font-size: 10px;
    }

    .shop-product-grid .woocommerce-loop-product__title {
        min-height: 44px;
        font-size: 11px;
    }

    .shop-rating {
        font-size: 9px;
    }

    .shop-rating small {
        font-size: 8px;
    }

    .shop-product-price {
        font-size: 12px;
    }

    .shop-routine h2 {
        font-size: 23px;
    }

    .shop-routine__copy > p {
        font-size: 11px;
    }

    .shop-routine__benefits span {
        font-size: 9px;
    }

    .shop-trust-strip b {
        font-size: 10px;
    }

    .shop-trust-strip small {
        font-size: 9px;
    }

    .shop-why-card h3 {
        font-size: 12px;
    }

    .shop-why-card p {
        font-size: 10px;
    }

    .shop-footer__brand > p,
    .shop-footer__column > a:not(.shop-logo) {
        font-size: 10px;
    }
}

@media (max-width: 480px) {
    .shop-search input[type="search"] {
        font-size: 11px;
    }

    .shop-hero-slider .shop-hero h1,
    .shop-hero-slider .shop-hero h2 {
        font-size: clamp(17px, 5.3vw, 21px);
    }

    .shop-hero-slider .shop-hero__copy > p {
        font-size: 11px;
    }

    .shop-hero-slider .shop-button {
        gap: 4px;
        padding: 0 6px;
        font-size: 9px;
    }

    .shop-category-card {
        min-height: 104px;
    }

    .shop-category-card__image {
        width: 49px;
        height: 44px;
    }

    .shop-product-card__picture {
        height: 105px;
    }

    .shop-product-grid .woocommerce-loop-product__title {
        min-height: 46px;
        font-size: 10px;
    }

    .shop-product-badge {
        font-size: 7px;
    }

    .shop-button {
        font-size: 10px;
    }

    .shop-rating {
        font-size: 8px;
    }

    .shop-rating small {
        font-size: 7px;
    }

    .shop-footer__column h2 {
        font-size: 11px;
    }

    .shop-footer__guarantee,
    .shop-footer__contact small,
    .shop-footer__bottom {
        font-size: 9px;
    }

    .shop-footer__bottom > div span {
        font-size: 8px;
    }
}

@media (max-width: 991.98px) {
    .shop-favorite {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        color: #354355;
    }
}

@media (max-width: 991.98px) {
    .shop-footer__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 22px;
    }

    .shop-footer__brand,
    .shop-footer__contact {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .shop-footer {
        padding-top: 28px;
    }

    .shop-footer .shop-logo--footer {
        font-size: 22px;
    }

    .shop-footer .shop-footer__brand > p {
        font-size: 13px;
    }

    .shop-hero__copy {
        margin-top: 18px;
    }

    .shop-hero__media {
        margin-bottom: 18px;
    }

    .shop-hero__media img {
        aspect-ratio: 1.8;
    }

    .shop-routine__image {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .shop-footer__main {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
        padding-bottom: 22px;
    }

    .shop-footer__brand,
    .shop-footer__contact {
        grid-column: auto;
    }

    .shop-footer__brand > p {
        max-width: 100%;
        font-size: 13px;
    }

    .shop-footer .shop-footer__column h2 {
        margin-bottom: 11px;
        font-size: 15px;
    }

    .shop-footer-menu {
        gap: 8px;
    }

    .shop-footer .shop-footer-menu a,
    .shop-footer .shop-footer__column > a:not(.shop-logo) {
        font-size: 13px;
    }
}