h1, .entry-content :where(h1),
h2, .entry-content :where(h2),
h3, .entry-content :where(h3) {
    text-transform: none !important;
}


.ast-shop-product-out-of-stock {
    display: none !important;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    justify-content: space-between;
}

.ast-separate-container.single-product .ast-article-single {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}

.woocommerce #content div.product .woocommerce-tabs,
.woocommerce div.product .woocommerce-tabs,
.woocommerce-page #content div.product .woocommerce-tabs,
.woocommerce-page div.product .woocommerce-tabs {
    order: 2;
}

.related.products {
    order: 1;
    width: 100%;
}

.woocommerce ul.products li.product .price,
.woocommerce-page ul.products li.product .price {
    font-size: 1.2em;
}

.custom-menu-link .gm-menu-item__txt {
    color: #d80b2a;
    font-weight: 700;
}

.ast-select-options-trigger {
    display: none;
}

#wc1c_guid {
    display: none !important;
}

.gm-actions {
    display: none !important;
}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:hover {
    color: #f6eded;
}

.footer-widget-area[data-section="sidebar-widgets-footer-widget-4"].footer-widget-area-inner a:hover {
    color: #f6eded;
}

.ast-builder-layout-element[data-section="section-fb-social-icons-1"] {
    display: none;
}

.aws-search-result {
    width: 465px !important;
    border-radius: 4px !important;
    top: 50px !important;
}

.aws-container .aws-show-clear .aws-search-field {
    padding-right: 0px;
}

.aws-container .aws-search-form {
    height: 34px !important;
}

.aws-search-result ul li {
    border-bottom: 0;
}

.aws-container .aws-search-form .aws-search-btn svg {
    fill: #000 !important;
    transition: fill 0.3s ease;
}

.aws-container .aws-search-form .aws-form-btn {
    background: rgba(216, 11, 42);
    border: 0px solid #d8d8d8;
}

.aws-container .aws-search-form .aws-form-btn:hover {
    background: rgba(216, 11, 42)f0;
}


.gm-navbar~.gm-main-menu-wrapper .gm-dropdown-menu .gm-menu-item__link::after {
    display: none;
}


.menu-item-price {
    display: block;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    padding-left: 115px;
    position: relative;
    bottom: 10px;
}

.menu-item-availability {
    display: block;
    font-size: 12px;
    color: #1bb61b;
    font-weight: bold;
    padding-left: 115px;
    position: relative;
    bottom: 10px;
    /* або червоний, якщо товару немає в наявності */
}

.out-of-stock {
    color: #ffb100;
}

.in-stock {
    color: #1bb61b;
}

.limited-stock {
    color: #a19f9f;
}

.on-backorder {
    color: #74c0fc;
}

ul .out_of_stock_color,
ul.products .out_of_stock_color,
li.wc-block-grid__product .out_of_stock_color {
    color: #ffb100 !important;
}

ul .available_on_backorder_color,
ul.products .available_on_backorder_color,
li.wc-block-grid__product .available_on_backorder_color {
    color: #74c0fc;
}

.woo-custom-stock-status {
    color: #a19f9f;
}

.aws-search-result .aws_result_stock.out {
    color: #ffb100;
}

.woocommerce div.product .woo-custom-stock-status.out_of_stock_color {
    color: #ffb100 !important;
}

@media only screen and (max-width: 767px) {
    .aws-container .aws-search-form {
        position: absolute;
        top: 60px;
        left: 0;
    }

    .aws-search-result {
        width: 100% !important;
        top: 94px !important;
        left: 0 !important;
    }

    .ast-separate-container .ast-woocommerce-container {
        padding: 2em 1em 1.33333em;
    }

    .gm-navbar .gm-logo>a img {
        margin-left: 120px;
    }
}

@media only screen and (max-width: 544px) {
    .main-header {
        font-size: 27px !important;
    }

    .main-header-item {
        font-size: 30px !important;
    }

    .gm-navbar .gm-menu-actions-wrapper {
        margin: 0 0px 0px 24px;
    }

    .gm-container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .aws-container .aws-search-form {
        position: absolute;
        top: 60px;
        left: 0;
    }

    .aws-search-result {
        width: 100% !important;
        top: 94px !important;
        left: 0 !important;
        position: fixed;
    }

    .ast-separate-container .ast-woocommerce-container {
        padding: 2em 1em 1.33333em;
    }

    .gm-navbar .gm-logo>a img {
        margin-left: 120px;
    }

    .menu-item-price {
        padding-left: 97px;
    }

    .menu-item-availability {
        padding-left: 97px;
    }
}

.gm-navigation-drawer .gm-anchor {
    border-bottom: 0px dotted rgba(90, 90, 90, 1);
}

.aws-container .aws-search-form .aws-wrapper {
    border-radius: 4px 0px 0px 4px !important;
}

.aws-container .aws-search-form .aws-form-btn {
    background: #fafafa;
    border: 0px solid #d8d8d8;
    border-radius: 0px 4px 4px 0px !important;
}

.aws-container .aws-search-form .aws-form-btn {
    margin: 0 0 0 -6px;
    z-index: 2;
}

ul {
    list-style: none
}

.fa-bullseye:before {
    color: rgba(216, 11, 42);
    fill: rgba(216, 11, 42);
}

.aws-container .aws-search-form .aws-form-btn:hover {
    background: rgba(216, 11, 42);
}

.aws-container .aws-search-form .aws-wrapper {
    width: 250px;
}

.aws-container .aws-search-field {
    border: 0px solid white;
}

.aws-search-result::before {
    content: '';
    position: absolute;
    top: -8px;
    /* Розташування трикутника над елементом */
    left: 10%;
    /* Трикутник по центру елемента */
    transform: translateX(-50%);
    border-width: 0 10px 10px 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    /* Колір трикутника (білий) */
    display: block;
    width: 0;
    height: 0;
}

input[type="search"]:focus {
    border-style: none;
}

@media (min-width: 1024px) {
    .fa-bars:before {
        display: none;
    }
}

.main-header {
    color: rgba(216, 11, 42);
    font-weight: bold;
    font-size: 55px;
}

.main-header-item {
    font-weight: bold;
    font-size: 65px;
}



/* Groovy Menu */
@media (min-width: 1024px) {
    .gm-menu-btn .gm-menu-btn--text {
        display: block !important;
    }

    .gm-dropdown-menu {
        height: calc(100vh - 70px);
    }

    .gm-navbar .gm-main-menu-wrapper .gm-navbar-nav.nav--left {
        justify-content: left;
    }

}

header.gm-navbar {
    position: sticky !important;
    top: 0;
    color: #fff !important;
    transition: background-color 0.3s !important;
    /* u0410u043du0456u043cu0430u0446u0456u044f u0437u043cu0456u043du0438 u043au043eu043bu044cu043eu0440u0443 */
}

header.gray-bg {
    background-color: #000 !important;
    /* u041au043eu043bu0456u0440 u0448u0430u043fu043au0438 u043fu0456u0434 u0447u0430u0441 u043fu0440u043eu043au0440u0443u0447u0443u0432u0430u043du043du044f */
    height: 50px;
}


.cutom-menu-link {
    font-style: bold !important;
}

.gm-logo {
    order: 2;
}

.gm-menu-actions-wrapper {
    order: 3;
}

.gm-menu-btn {
    order: 1;
    z-index: 1001;
    padding: 10px 10px 10px 0;
}

.custom-menu-link {
    color: black !important;
    font-weight: 700;
}

.gm-navbar .gm-menu-actions-wrapper {
    margin: 0px 0px;
}

.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title {
    width: 72px;
}


/* Home Menu */
.home-menu .menu-item a {
    background-color: white;
    border-radius: 50px;
    border: 1px solid #eeeeee;
}

@media (max-width: 1024px) {
    .home-menu .menu-item a {
        margin-bottom: 5px;
    }
}

.home-menu .menu-image {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
}

.home-menu .menu-image-title {
    padding-left: 5px !important;
}

/* Home Banner */
.home-banner .elementor-slides .swiper-slide-inner {
    max-width: 1200px;
}

.home-banner .elementor-slides .swiper-slide-inner .swiper-slide-contents {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.home-banner .elementor-slides .swiper-slide-inner .swiper-slide-contents > * {
    order: 1;
}

.home-banner .elementor-slides .swiper-slide-inner .swiper-slide-contents > .elementor-slide-description {
    order: 0;
}

.home-banner .elementor-slides .swiper-slide-inner .swiper-slide-contents > .elementor-slide-description b {
    color: rgba(216, 11, 42);
    font-size: 1.1em;
}

.home-banner .elementor-slides .swiper-slide-inner .swiper-slide-contents .elementor-slide-button {
    padding: 12px 35px;
    border-radius: 100px;
}


/* Cart */
.woocommerce-cart .cart-collaterals .cart_totals, .woocommerce-cart .cart-collaterals .cross-sells {
    width: 100%;
}

.woocommerce-cart-form .actions > .button {
    display: none !important;
}

.woocommerce-cart-form .actions {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.woocommerce-cart-form .actions .coupon {
    position: absolute;
    padding: 0.7em 0;
}

.woocommerce-js #customer_details, .woocommerce-js .woocommerce table.shop_table {
    margin-bottom: 0;
}


.woocommerce-cart .woocommerce-shipping-totals.shipping {
    display: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    padding: 0 15px;
}

.woocommerce-cart .cart-collaterals .cart_totals>h2 {
    display: none;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table {
    border-bottom: 0;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table .product-quantity {
    text-align: center;
}

.woocommerce-cart .woocommerce-cart-form table.shop_table .product-subtotal {
    text-align: right;
    padding-right: 30px;
}

.woocommerce-cart .cart-collaterals .cart_totals {
    border-top: 0;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.woocommerce-cart .cart-collaterals .cart_totals .shop_table {
    width: 255px;
}

.woocommerce-cart .cart-collaterals .cart_totals .shop_table .order-total > td {
    text-align: right;
}

.woocommerce-cart .cart-collaterals .cart_totals .cart-subtotal {
    display: none;
}

.woocommerce-cart .cart-collaterals .cart_totals .order-total > * {
    border-top: 0;
}

@media (min-width: 768px) {
    .woocommerce-cart-form .actions {
        min-height: unset !important;
    }
}

@media (max-width: 920px) {
    .woocommerce-cart .cart-collaterals .cart_totals .shop_table {
        width: 233px;
    }
}


@media (max-width: 768px) { 
    .woocommerce-cart .cart-collaterals .cart_totals .shop_table,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
    .woocommerce-cart .wc-proceed-to-checkout {
        width: 100%;
    }

    .woocommerce-cart-form .actions .coupon {
        position: relative;
    }

}


/* Checkout */
/*.woocommerce-checkout .woocommerce-checkout .address-field,*/
/*.woocommerce-checkout .woocommerce-checkout .cart-subtotal {*/
/*    display: none;*/
/*}*/

/* Movies Slider */
.movies .swiper-slide img {
    aspect-ratio: 0.64;
    object-fit: cover;
}

/* Upsell carousell */
.custom-upsell-carousel {
    order: 1;
    margin-top: 20px;
}


.ast-sticky-add-to-cart-action-price.price,
.ast-sticky-add-to-cart .single_add_to_cart_button {
    text-wrap-mode: nowrap;
}

.ast-sticky-add-to-cart-action-wrap .woo-custom-stock-status {
    display: none;
}

@media (max-width: 921px) {
    .ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-title-wrap {
        gap: 20px;
    }

    .ast-sticky-add-to-cart .ast-sticky-add-to-cart-content .ast-sticky-add-to-cart-action-wrap {
        justify-content: center;
    }

    .ast-sticky-add-to-cart .ast-sticky-add-to-cart-title-wrap > img {
        display: block;
    }

    .ast-sticky-add-to-cart .ast-sticky-add-to-cart-content {
        flex-direction: column;
    }
}

.contacts-header3 {
    margin: 0 !important;
}


@media (max-width: 1200px) {
    .ast-separate-container .ast-woocommerce-container {
        padding: 2em !important;
    }
}

@media (max-width: 992px) {
    .ast-separate-container .ast-woocommerce-container {
        padding: 2em !important;
    }
}

@media (min-width: 1201px) {
    .ast-separate-container .ast-woocommerce-container {
        padding: 2em !important;
    }
}

@media (min-width: 993px) {
    .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
        margin: 2em 0 !important;
        padding: 0;
    }
}

#secondary {
    margin: 2em 0;
}

.page-title {
    margin-bottom: 15px;
}





/* ========== БАННЕРНЫЙ СЛАЙДЕР ========== */

.banner-swiper {
  width: 100%;
  height: 80vh;
  max-height: 1120px;
  position: relative;
  overflow: hidden;
}

.banner-swiper .swiper-slide {
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: end;
  padding: 20px 50px;
}

.banner-swiper .swiper-slide .slide-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.banner-swiper .swiper-slide .overlay {
    background-color: #00000044;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.banner-swiper .slide-content {
  max-width: 600px;
  color: white;
  opacity: 0;
  filter: blur(20px);
  transition: all 1s ease;
}

.banner-swiper .swiper-slide-active .slide-content {
  opacity: 1;
  filter: blur(0);
}

.slide-content {
  opacity: 0;
  transform: translateX(0);
  transition: opacity 1s ease, transform 1s ease;
}

/* Базовое состояние: без анимации */
.slide-content {
  opacity: 0;
  transform: translateX(0);
  filter: blur(20px);
  transition: none;
}

/* Активный слайд — включаем анимацию появления */
.swiper-slide-active .slide-content,
.swiper-slide-duplicate-active .slide-content {
  opacity: 1;
  transform: translateX(0);
  filter: blur(0);
  transition: opacity 0.6s ease, transform 0.6s ease, filter 0.6s ease;
}

/* Предыдущий — без анимации, резко влево и размыто */
.swiper-slide-prev .slide-content,
.swiper-slide-duplicate-prev .slide-content {
  opacity: 0;
  transform: translateX(-80%);
  filter: blur(10px);
  transition: none;
}

/* Следующий — без анимации, резко вправо и размыто */
.swiper-slide-next .slide-content,
.swiper-slide-duplicate-next .slide-content {
  opacity: 0;
  transform: translateX(80%);
  filter: blur(10px);
  transition: none;
}

.slide-content h2 {
  font-size: 65px;
  line-height: 100%;
  margin: 0;
  color: #ffffffaa;
  font-weight: 500;

}

.slide-content h2 b {
    font-size: 110%;
    color: #fffffff2;
    font-weight: 500;
}

.slide-content p {
  font-size: 27px;
  line-height: 1.14em;
  margin: 15px 0;
  color: #ffffffcc;
}

@media (max-width: 992px) {
    .banner-swiper {
        max-height: 800px;
    }
    .slide-content h2 {
        font-size: 40px;
    }

    .slide-content p {
        font-size: 20px;
    }

    .banner-swiper .swiper-slide {
        padding-bottom: 90px;
    }

    .slide-buttons {
        margin-top: 20px;

    }

    .slide-buttons > a {
        width: 100%;
        margin: 10px 0 0 0 !important;
        text-align: center;
    }

    .slide-buttons > a > span,
    .slide-buttons > a > div {
        width: 100%;
    }
}

.slide-buttons .btn {
  display: inline-flex;
  align-items: center;
  margin-right: 12px;
  margin-top: 20px;
  padding: 12px 25px;
  background: #cfd0d3;
  border: 1px solid rgb(207, 208, 211);
  color: black;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 30px;
  font-size: 13px;
  line-height: 1em;
  height: 42px;
  transition: all 0.3s;
}

.slide-buttons .btn-secondary {
  background: rgba(255, 255, 255, 0);
  color: white;
}


/* Кастомная пагинация */
.pagination-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

.custom-pagination {
  position: absolute !important;
  left: auto !important;
  right: 0 !important;
  width: auto !important;
  display: flex;
  gap: 9px;
  justify-content: right;
  bottom: 34px !important;
  padding-right:22px;
}

.swiper-pagination-bullet {
  width: 34px;
  height: 7px;
  border-radius: 4px;
  background-color: #575a66;
  position: relative;
  z-index: 1;
  cursor: pointer;
  opacity: 1;
}

.swiper-pagination-bullet {
  background: #575a66;
}

/* Даже активный — всё равно серый */
.swiper-pagination-bullet-active {
  background: #575a66;
}

.activeIndicator {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-color: #fffffff2;
  height: 7px;
  border-radius: 4px;
  transition: transform 0.3s ease;
  z-index: 2;
}

@media (max-width: 992px) {
    .custom-pagination {
        width: 100% !important;
        justify-content: center;
    }
}

/* Home Products Slides */
.home-product-slides ul.products {
    grid-template-columns: repeat(4, 1fr) !important;
    overflow-x: auto;
}

/* Контейнер с прокруткой */
.home-product-slides ul.products {
  overflow-x: auto;
  /* scrollbar-width: thin; для Firefox */
  scrollbar-color: #8b8b8b #ffffff00; /* thumb и track для Firefox */
}

/* Стилизация для WebKit-браузеров (Chrome, Safari, Edge) */
.home-product-slides ul.products::-webkit-scrollbar {
  height: 16px; /* Высота скроллбара по горизонтали */
}

.home-product-slides ul.products::-webkit-scrollbar-track {
  background: #ffffff00; /* фон трека */
  border-radius: 10px;
}

.home-product-slides ul.products::-webkit-scrollbar-thumb {
  background-color: #8b8b8b; /* цвет ползунка */
  border-radius: 10px;
  border: 0px solid #ffffff00; /* пространство вокруг ползунка */
}

.home-product-slides ul.products::-webkit-scrollbar-thumb:hover {
  background-color: #636363; /* цвет при наведении */
}

/* Убираем стрелки (они обычно по вертикали, но на всякий случай) */
.home-product-slides ul.products::-webkit-scrollbar-button {
  display: none;
}
/* */

.home-product-slides ul.products .product {
    min-width: 250px !important;
    margin-bottom: 20px !important; 
}

/* ========== MOVIE СЛАЙДЕР ========== */
.infinite-carousel {
  overflow: hidden;
  width: 100%;
  background: #111;
  padding: 20px 0;
  position: relative;
}

.carousel-track {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scroll 90s linear infinite;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.carousel-item {
  flex: 0 0 auto;
  width: 180px;
  height: 270px;
  border-radius: 16px;
  overflow: hidden;
}

.carousel-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* Кнопка с активным градиентом */
.active-bg-gradient {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  overflow: hidden;
}

.gradient-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: radial-gradient(circle at center, rgba(255,255,255,0.3), transparent 40%);
  opacity: 0;
  transition: background 0.3s ease, opacity 0.3s ease;
  z-index: 0;
}

.active-bg-gradient span:not(.gradient-bg) {
  position: relative;
  z-index: 1;
}

/* Кнопка с градиентом бордюра */
.active-border-gradient {
  position: relative;
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
  z-index: 0;
  border: unset !important;
}

.active-border-gradient .frame-content {
  /* position: relative; */
  /* padding: 12px 24px; */
  /* background-color: #111; */
  /* color: #fff; */
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* border-radius: 6px; */
  /* margin: 1px; имитация рамки */
}

.active-border-gradient .frame-gradient {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  z-index: 1;
  pointer-events: none;
  /* opacity: 0; */
  transition: background 0.3s ease;

  /* Маска: скрываем внутреннюю часть, оставляем только рамку */
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  mask:
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude;

  padding: 1px;
  border-radius: inherit;
  box-sizing: border-box;
}




/* Product small card */
.products .product {
    padding: 15px !important;
    border-radius: 26px !important;
    background-color: #ECECED !important;
}

.products .product .astra-shop-thumbnail-wrap {
    position: relative;
}

.products .product .astra-shop-thumbnail-wrap .woo-custom-stock-status {
    position: absolute;
    right: 0;
    bottom: -30px;
    margin: 0 !important;
}

.products .product .astra-shop-summary-wrap {
    margin-top: 10px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: start;
}

.products .product .astra-shop-summary-wrap .ast-loop-product__link {
    flex-grow: 1;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.products .product .astra-shop-summary-wrap .price {
    font-size: 23px !important;
    font-weight: 500 !important;
    color: #575A66;
}

.products .product .astra-shop-thumbnail-wrap > a {
    background-color: #CFD0D3;
    border-radius: 12px;
    overflow: hidden;;
}

.products .product .astra-shop-thumbnail-wrap > a img {
    margin: 0 !important;
}


.wt-related-products .carousel-wrap {
    padding: 0 !important;
    margin: 0 !important;
}

/* За Симейством */
.custom-menu-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
}

.custom-menu-grid .menu-item,
.custom-menu-grid .menu-item.active-border-gradient .frame-content {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
    border-radius: 14px;
}

.custom-menu-grid .menu-item {
    padding: 6px;
}



.custom-menu-grid .menu-icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    background-color: #0f132414;
    border-radius: 8px;
    overflow: hidden;
}

.custom-menu-grid .menu-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-menu-grid .menu-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.custom-menu-grid .menu-title {
    font-weight: bold;
    font-size: 17px;
    line-height: 1em;
    text-transform: uppercase;
}

.custom-menu-grid .menu-desc {
    color: #555;
    font-size: 13px;
    line-height: 1.15em;
}

@media (max-width: 768px) {
    .custom-menu-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .custom-menu-grid .menu-item,
    .custom-menu-grid .menu-item.active-border-gradient .frame-content {
        gap: 16px;
    }
}


.wc-block-product-filter-price-slider .text input[type=text].max {
    max-width: 85px;
}

/* Telegram icon */
.dropdown-content1 .fa-telegram:before { 
  content: '';
  display: inline-block;
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12c0-6.627-5.373-12-12-12zm5.894 8.221-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.121l-6.869 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.941z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-image: url("data:image/svg+xml,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12c0-6.627-5.373-12-12-12zm5.894 8.221-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.121l-6.869 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.941z'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}


/* Фильтер меню */
@media (max-width: 921px) {
    .ast-left-sidebar #content>.ast-container {
        flex-direction: column !important;
    }

    .ast-separate-container.ast-two-container #secondary {
        margin-bottom: 0 !important;
    }

    .ast-separate-container #primary {
        padding-top: 0 !important;
    }
}
    .gm-container{
        position: relative;
    }
    .gm-logo{
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    
    
    
    
    
    
    
    
    
    
    
    /* Застосовуємо ефект розкриття тільки для десктопів */
@media (min-width: 992px) {
    /* Обгортка пошуку */
    .gm-menu-actions-wrapper .aws-container {
        width: 40px; /* Початкова ширина (тільки для іконки) */
        transition: width 0.4s ease-in-out;
        position: relative;
        overflow: hidden;
        border-radius: 25px; /* Округлі краі, за бажанням */
        background-color: #fff; /* Колір фону при розкритті */
    }

    /* Стан, коли пошук розкрито */
    .gm-menu-actions-wrapper .aws-container.is-expanded {
        width: 250px; /* Ширина відкритого поля (змініть під свій дизайн) */
    }

    /* Приховуємо саме поле для тексту, поки не розкрито */
    .gm-menu-actions-wrapper .aws-wrapper {
        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
        width: calc(100% - 40px); /* Залишаємо місце для кнопки */
    }

    .gm-menu-actions-wrapper .aws-container.is-expanded .aws-wrapper {
        opacity: 1;
        pointer-events: auto;
    }

    /* Фіксуємо кнопку лупи завжди праворуч */
    .gm-menu-actions-wrapper .aws-search-btn {
        position: absolute !important;
        right: 0;
        top: 0;
        width: 40px;
        height: 100%;
        z-index: 10;
        background: transparent !important;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* Колір лупи при наведенні мишкою */
    .aws-search-btn, .aws-form-btn:hover {
        fill: #000000 !important; /* Чорний колір (або впишіть свій, наприклад акцентний колір сайту) */
    }
   /* Відсовуємо текст, щоб він не ховався під лупою */
    .gm-menu-actions-wrapper .aws-container.is-expanded .aws-search-field {
        padding-right: 45px !important; 
    }
    
    /* Зсуваємо хрестик "×" вліво, щоб він стояв перед лупою */
    .gm-menu-actions-wrapper .aws-container.is-expanded .aws-search-clear {
        right: 40px !important;
        z-index: 15;
    }
    /* Блокуємо клік по самій кнопці плагіна, поки форма закрита */
    .gm-menu-actions-wrapper .aws-container:not(.is-expanded) .aws-search-btn {
        pointer-events: none !important;
    }
    
    /* Робимо весь закритий контейнер клікабельним (щоб спрацював наш скрипт розкриття) */
    .gm-menu-actions-wrapper .aws-container:not(.is-expanded) {
        cursor: pointer;
    }

}