@media (min-width: 1025px) {
    .banner-btn-position-hover .banner-btn-wrapper {
        position: absolute;
        top: 100%;
        opacity: 0;
        transition: opacity .25s ease, transform .25s ease;
        transform: translateY(15px);
        display: none;
    }
}
.wd-nav-vertical>li>a {
    padding: 8px 12px;
    color: var(--color-gray-800);
    text-transform: unset;
    font-size: 14px;
    line-height: 18px;
}
#formOrderOneClick .popup .close_order {
    display: block;
    width: 2em;
    height: 2em;
    position: absolute;
    padding: 2px;
    top: -6px;
    right: -6px;
    cursor: pointer;
    color: #fff;
    -webkit-border-radius: 20%;
    -moz-border-radius: 20%;
    -o-border-radius: 20%;
    -ms-border-radius: 20%;
    border-radius: 20%;
    text-align: center;
    color: black;
}
@media only screen and (max-width: 767px) {
  .woobt-wrap-responsive .woobt-products .woobt-product .woobt-thumb img {
    width: 216px;
    display: block;
    margin: 0 auto;
  }
}
.woobt-products .woobt-product .woobt-title {
    flex-grow: 1;
    padding-left: 100px;
}

.woobt-products .woobt-product .woobt-thumb img {
    width: 100px;
    max-width: 180px;
    height: auto;
    display: block;
}
.woobt-products .woobt-product {
    padding: 10px 0;
    margin: 0;
    justify-content: space-between;
    display: flex;
    align-items: center;
    border-bottom: 1px dotted #e5e5e5;
}
.wd-nav[class*="wd-style-underline"] .nav-link-text {
    position: relative;
    display: inline-block;
    line-height: 1.2;
    font-size: 16px;
}
.wd-logo img[width]:not([src$=".svg"]) {
    width: auto;
    object-fit: contain;
    padding-left: 34px;
}
.wd-sub-menu li>a {
    position: relative;
    display: flex;
    align-items: center;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000000;
    font-size: 14px;
    line-height: 1.3;
}
.widget {
    margin-bottom: 22px;
    padding-bottom: 0px;
    border-bottom: 0px solid var(--brdcolor-gray-300);
}

.btn.btn-color-default {
    background-color: #F3F3F3;
    color: #3E3E3E;
    display: none;
}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
    
    width: 33px!important;
    height: 33px!important;
}
.sub_text {
    padding-left: 200px;
    padding-right: 200px;
    color: #fff;
    font-family: 'ROBOTO';
    font-weight: 300;
    font-size: 17px;
}

@media (max-width: 768px) {
	.sub_text  {
    padding-left: 25px;
    padding-right: 25px;
    color: #fff;
    font-family: 'ROBOTO';
    font-weight: 300;
    font-size: 17px;
}
	.wpdt-fs-000013 {
    font-size: 7px !important;
}
}

.header-btn {
    font-size: 20px !important; /* ваш потрібний розмір */
    font-weight: 600;           /* жирність, можна забрати */
}

.header-btn-gold {
    font-size: 16px !important; /* ваш потрібний розмір */
    font-weight: 400;           /* жирність, можна забрати */
}


/* Поднимаем бургер и сам header выше всего */
.home .wd-header,
.home .wd-sticky-header,
.home .wd-header .mobile-nav-icon,
.home .wd-header .wd-tools-element.mobile-nav-icon {
  position: relative;
  z-index: 100000; /* выше языковых ссылок/оверлеев */
}

/* Опускаем языковые ссылки, чтобы не перекрывали */
.home .wd-header a.woodmart-nav-link[lang],
.home .wd-header a.woodmart-nav-link[hreflang] {
  position: relative;
  z-index: 1;
}

/* Небольшой зазор, чтобы “UA/RU” не наезжали на левый край */
@media (max-width: 768px){
  .home .wd-header a.woodmart-nav-link[lang],
  .home .wd-header a.woodmart-nav-link[hreflang]{
    margin-left: 44px; /* при нужде подстрой число */
  }
}

/* Если верхний блок/баннер на главной создаёт перекрывающий слой — отключим его клики */
.home .rev_slider_wrapper,
.home .rev_slider,
.home .vc_row[data-vc-full-width]{
  pointer-events: none;
}
.home .wd-header{ pointer-events:auto; }

/* Админбар не толкает контент */
#wpadminbar{position:fixed;}
html{margin-top:0!important;}
body.admin-bar{ --gm-admin:32px; }
@media (max-width:782px){ body.admin-bar{ --gm-admin:46px; } }

/* 1) Всегда sticky: без переключения fixed JS-скриптом Woodmart */
.wd-header,
.wd-sticky-header{
  position: sticky !important;
  top: var(--gm-admin,0px);
  /* отдельный слой — плавный скролл */
  transform: translateZ(0);
  will-change: transform;
  backface-visibility: hidden;
  transition: transform 180ms ease-out;
}

/* 2) Фиксируем высоту, чтобы не было «прыжка» при первом закреплении */
.wd-header{ min-height: var(--gm-hh, 72px); }

/* 3) Убираем «клон/заглушку» шапки, который вставляет Woodmart */
.wd-sticky-clone{ display:none !important; }

/* 4) Если есть полоса-вкладки под галереей — тоже sticky */
.gm-tabs-sticky{
  position: sticky;
  top: calc(var(--gm-admin,0px) + var(--gm-hh,72px));
  z-index:60;
  transform: translateZ(0);
  will-change: transform;
}

@media (max-width: 768px) {
  #bwc-widget-action {
    bottom: calc(135px + env(safe-area-inset-bottom)) !important;
    right: 12px !important;
  }
}

@media (max-width: 768px) {
  #bwc-chat-omnicanhel {
    bottom: calc(170px + env(safe-area-inset-bottom)) !important;
    right: 12px !important;
  }
}

/* ======================================================
   GM GoldMandarin – Catalog Tiles (Elementor Grid)
   ====================================================== */

.gm-goldmandarin-catalog-tiles{
  gap: 18px;
}

/* Карточка */
.gm-goldmandarin-catalog-tiles > .e-con{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  transition: transform .15s ease, box-shadow .15s ease;
}

/* Hover */
.gm-goldmandarin-catalog-tiles > .e-con:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
}

/* Изображение */
.gm-goldmandarin-catalog-tiles > .e-con .elementor-widget-image{
  margin: 0 !important;
}

.gm-goldmandarin-catalog-tiles > .e-con .elementor-widget-image img{
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
}

/* Заголовок */
.gm-goldmandarin-catalog-tiles > .e-con .elementor-widget-heading{
  padding: 12px 12px 14px;
}

.gm-goldmandarin-catalog-tiles > .e-con .elementor-heading-title{
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

/* Mobile */
@media (max-width: 767px){
  .gm-goldmandarin-catalog-tiles{
    gap: 12px;
  }

  .gm-goldmandarin-catalog-tiles > .e-con .elementor-widget-image img{
    height: 170px;
  }

  .gm-goldmandarin-catalog-tiles > .e-con{
    border-radius: 10px;
  }
}


/* Когда открыт side-cart (есть opened overlay) — Binotel скрываем */
.wd-close-side.wd-close-side-opened ~ bchat#bwc-wrap,
.wd-close-side.wd-close-side-opened ~ #bwc-wrap,
.wd-close-side.wd-close-side-opened ~ bchat#bwc-chat,
.wd-close-side.wd-close-side-opened ~ #bwc-chat{
  display: none !important;
}

/* =====================================================
   GM TOP BAR — FINAL (no conflicts)
   ===================================================== */

.gm-tb-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;

  height: 44px;

  font-family: Montserrat, Inter, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .6px;
  text-transform: uppercase;

  color: #ffffff;
  line-height: 1;
}

.gm-tb-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 24px;
  padding: 0 16px;

  background: #f59b23;
  color: #ffffff;

  font-size: 13px;
  font-weight: 900;
  line-height: 1;

  border-radius: 6px;
}

.gm-tb-text{
  white-space: nowrap; /* щоб текст не переносився */
}
/* =====================================================
   GM TOP BAR — MOBILE ADAPTATION
   ===================================================== */
@media (max-width: 768px){

  .gm-tb-wrap{
    height: 36px;              /* ниже */
    gap: 10px;

    font-size: 13px;           /* текст меньше */
    font-weight: 800;
    letter-spacing: .4px;
  }

  .gm-tb-badge{
    height: 20px;
    padding: 0 10px;

    font-size: 11px;
    font-weight: 900;
    line-height: 20px;

    border-radius: 5px;
  }

  .gm-tb-text{
    font-size: 13px;
    white-space: nowrap;
  }
}


/* =====================================================
   GM — BOX ONLY MAIN HEADER (FINAL)
   Affects ONLY .whb-main-header
   ===================================================== */

/* 1) Сам ряд main header — фон на всю ширину */
.whb-main-header{
  width: 100%;
}

/* 2) Основной внутренний контейнер main header */
.whb-main-header .whb-row-inner{
  max-width: 1500px;       /* ← ПОСТАВЬ ТОЧНО КАК У ГАЛЕРЕИ */
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* 3) Страховка: если WoodMart использует flex-обёртки */
.whb-main-header .whb-flex-row,
.whb-main-header .whb-flex-row-inner{
  max-width: 1500px;       /* ← ТО ЖЕ ЗНАЧЕНИЕ */
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}

/* 4) На всякий случай: если внутри есть container/container-fluid */
.whb-main-header .container,
.whb-main-header .container-fluid{
  max-width: 1500px;       /* ← ТО ЖЕ ЗНАЧЕНИЕ */
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  box-sizing: border-box;
}
/* =====================================================
   GM HEADER PHONE — FINAL (desktop + mobile)
   ===================================================== */

.gm-hphone{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  isolation: isolate; /* чтобы z-index работал корректно и не было сюрпризов */
}

/* toggle */
.gm-hphone-toggle{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* button */
.gm-hphone-btn{
  width: 44px;
  height: 44px;
  min-width: 44px;

  border-radius: 50%;
  background: #fff;
  border: 1px solid #e6e6e6;
  color: #111;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  user-select: none;

  line-height: 1;
  padding: 0;
  margin: 0;

  transition: box-shadow .18s ease, border-color .18s ease, transform .18s ease;
}

.gm-hphone-btn:hover{
  border-color: #d8d8d8;
  box-shadow: 0 8px 22px rgba(0,0,0,.12);
  transform: translateY(-1px);
}

.gm-hphone-ico{
  width: 18px;
  height: 18px;
  display: block;
  color: #111;
  fill: currentColor;
}

/* popup base */
.gm-hphone-pop{
  position: absolute;
  top: calc(100% + 12px);
  right: 0;

  width: 300px;
  padding: 12px;

  background: #fff;
  border: 1px solid #111;
  border-radius: 16px;

  box-shadow: 0 24px 70px rgba(0,0,0,.22);

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;

  transition: opacity .18s ease, transform .18s ease;
  z-index: 99999;
}

/* desktop arrow */
.gm-hphone-pop:before{
  content:"";
  position:absolute;
  top:-7px;
  right:18px;
  width:12px;
  height:12px;
  background:#fff;
  border-left:1px solid #111;
  border-top:1px solid #111;
  transform: rotate(45deg);
}

/* open desktop hover */
@media (min-width:1025px){
  .gm-hphone:hover .gm-hphone-pop{
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* open click (mobile + works anywhere) */
.gm-hphone-toggle:checked ~ .gm-hphone-pop{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* typography */
.gm-hphone-title{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .2px;
  text-transform: uppercase;
  color: #7a7a7a;
  margin: 0 0 10px 0;
}

/* IMPORTANT: убираем "синие ссылки" темы */
.gm-hphone-pop a{
  color:#111 !important;
  text-decoration:none !important;
}
.gm-hphone-pop a:visited{
  color:#111 !important;
}
.gm-hphone-pop a:hover{
  text-decoration:none !important;
}

/* rows */
.gm-hphone-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 10px 12px;
  border-radius: 12px;

  background: transparent;
  border: 1px solid transparent;

  transition: background .15s ease, border-color .15s ease;
}

.gm-hphone-item:hover{
  background: rgba(245,155,35,.10);
  border-color: rgba(245,155,35,.30);
}

.gm-hphone-num{
  font-family: Montserrat, Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .2px;
  color:#111;
  white-space: nowrap;
}

.gm-hphone-tag{
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15px;

  padding: 4px 8px;
  border-radius: 999px;

  background: #f6f6f6;
  border: 1px solid #e7e7e7;
  color:#333;
  white-space: nowrap;
}

/* =====================================================
   GM CALL + MOBILE HEADER BOTTOM FIXES (FULL) — FINAL
   - Телефон: 44x44, popup поверх, не режется
   - Язык: 44x44, не толкает ряд, dropdown не улетает за экран
   - Header bottom: один цвет ТОЛЬКО для ряда, НО dropdown языка и popup телефона не перекрашиваем
   - Spacing: чуть шире (через padding по краям), без выезда/ломания
   ===================================================== */

@media (max-width: 768px){

  /* =================================================
     (A) PHONE WIDGET — 44x44 like Woodmart + popup
     ================================================= */

  /* контейнер woodmart для Text/HTML где у тебя gmcall */
  .whb-header-bottom .wd-header-text.reset-last-child{
    width: 44px !important;
    flex: 0 0 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  .gmcall-wrap,
  .gmcall-box{
    width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 44px !important;

    /* слой выше чем у соседних элементов */
    z-index: 99998 !important;
  }

  .gmcall-toggle{
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .gmcall-btn{
    width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: none !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
    user-select: none !important;

    font-size: 0 !important;
    color: transparent !important;
    line-height: 1 !important;

    position: relative !important;
    z-index: 99999 !important;
  }

  .gmcall-btn::before{
    content: "" !important;
    width: 20px !important;
    height: 20px !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    /* белая svg */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.3 22 2 13.7 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.59a1 1 0 01-.25 1.01l-2.2 2.19z'/%3E%3C/svg%3E");
  }

  /* POPUP */
  .gmcall-pop{
    position: absolute !important;
    top: calc(100% + 10px) !important;
    left: 50% !important;

    width: min(360px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;

    transform: translateX(-50%) translateY(10px) !important;

    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 18px !important;
    padding: 14px !important;

    box-shadow:
      0 12px 30px rgba(0,0,0,.12),
      0 2px 6px rgba(0,0,0,.06) !important;

    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity .18s ease, transform .18s ease !important;

    /* самый верхний слой */
    z-index: 100000 !important;
  }

  .gmcall-toggle:checked ~ .gmcall-pop{
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateX(-50%) translateY(0) !important;
  }

  .gmcall-item{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    padding: 12px 14px !important;
    border-radius: 14px !important;

    background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%) !important;
    border: 1px solid rgba(0,0,0,.06) !important;

    text-decoration: none !important;
    color: #1f2328 !important;

    font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: .15px !important;
    white-space: nowrap !important;
  }

  .gmcall-item + .gmcall-item{ margin-top: 10px !important; }


  /* =================================================
     (B) LANGUAGE WIDGET — 44x44, no pushing, dropdown safe
     ================================================= */

  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav{
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    min-width: 0 !important;
  }

  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav ul,
  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav li{
    margin: 0 !important;
    padding: 0 !important;
  }

  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav ul.wd-nav{
    gap: 0 !important;
  }

  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav a,
  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav .woodmart-nav-link{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 44px !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav .nav-link-text{
    font-weight: 800 !important;
    font-size: 12px !important;
    letter-spacing: .2px !important;
  }

  /* dropdown не улетает вправо */
  .whb-header-bottom .wd-header-nav.wd-header-secondary-nav li{
    position: relative !important;
  }

  .whb-header-bottom
  .wd-header-nav.wd-header-secondary-nav
  .wd-dropdown-menu.wd-dropdown{
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    max-width: calc(100vw - 16px) !important;
  }

  .whb-header-bottom
  .wd-header-nav.wd-header-secondary-nav
  .wd-dropdown-menu.wd-dropdown .container{
    max-width: 100% !important;
  }


  /* =================================================
     (C) HEADER BOTTOM — ONE COLOR, BUT NOT dropdown / phone popup
     ================================================= */

  :root{ --gm-mobile-header-color: #ffffff; }

  /* красим только header bottom */
  .whb-header-bottom,
  .whb-header-bottom *{
    color: var(--gm-mobile-header-color) !important;
    fill: var(--gm-mobile-header-color) !important;
    stroke: var(--gm-mobile-header-color) !important;
    border-color: var(--gm-mobile-header-color) !important;
  }

  /* НЕ красим dropdown языка */
  .whb-header-bottom .wd-dropdown-menu,
  .whb-header-bottom .wd-dropdown-menu *{
    color: initial !important;
    fill: initial !important;
    stroke: initial !important;
    border-color: initial !important;
  }

  /* НЕ красим popup телефона (иначе цифры белые на белом) */
  .whb-header-bottom .gmcall-pop,
  .whb-header-bottom .gmcall-pop *{
    color: #1f2328 !important;
    fill: initial !important;
    stroke: initial !important;
    border-color: initial !important;
  }

  /* стрелка возле UA — только стрелку */
  .whb-header-bottom a.woodmart-nav-link::after{
    background: none !important;
    border-color: var(--gm-mobile-header-color) !important;
  }

  /* счета */
  .whb-header-bottom .wd-tools-count{
    color: var(--gm-mobile-header-color) !important;
    border-color: var(--gm-mobile-header-color) !important;
    background: transparent !important;
  }

  /* фоны не трогаем */
  .whb-header-bottom a,
  .whb-header-bottom a::before,
  .whb-header-bottom a::after{
    background-color: transparent !important;
  }


  /* =================================================
     (D) SPACING — чуть шире, но не ломает
     - делаем шире через padding по краям
     - и гарантируем что popup не режется
     ================================================= */

  .whb-header-bottom .whb-column.whb-col-mobile{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    justify-content: space-between !important;

    /* чуть шире */
    padding-left: clamp(10px, 3vw, 18px) !important;
    padding-right: clamp(10px, 3vw, 18px) !important;

    flex-wrap: nowrap !important;
    min-width: 0 !important;
  }

  .whb-header-bottom .whb-column.whb-col-mobile > *{
    margin: 0 !important;
  }

  /* НЕ режем popup (важно, если где-то стоит overflow hidden) */
  .whb-header-bottom .whb-column.whb-col-mobile,
  .whb-header-bottom .whb-flex-row.whb-header-bottom-inner,
  .whb-header-bottom .container{
    overflow: visible !important;
  }
}

/* ===============================
   PHONE ICON — DESKTOP ONLY
   Черный круг + белая трубка
   =============================== */
@media (min-width: 1025px){

  .gm-hphone-btn{
    background: #000 !important;   /* черный круг */
    border-color: #000 !important;
  }

  .gm-hphone-ico{
    color: #fff !important;        /* белая трубка */
    fill: #fff !important;
  }

}

/* ===============================
   GM HEADER PHONE — DESKTOP ICON FIX (FINAL)
   Черный круг + белая трубка (точечно)
   =============================== */
@media (min-width: 1025px){

  .gm-hphone-btn{
    background: #000 !important;
    border-color: #000 !important;
  }

  .gm-hphone-ico{
    width: 20px !important;   /* можно 18/20/22 */
    height: 20px !important;
    display: block !important;
    color: #fff !important;   /* currentColor */
    fill: currentColor !important;
  }

  .gm-hphone-ico path{
    fill: currentColor !important;    /* на случай, если тема ломает fill */
    stroke: currentColor !important;  /* если вдруг будет stroke-иконка */
  }
}

.gm-hphone-btn{
  width:44px; height:44px;
  display:flex; align-items:center; justify-content:center;
  border-radius:999px;
  position:relative;
}

/* ✅ иконка всегда будет, даже если label пустой */
.gm-hphone-btn::before{
  content:"";
  display:block;
  width:22px;
  height:22px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.3 22 2 13.7 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.59a1 1 0 01-.25 1.01l-2.2 2.19z'/%3E%3C/svg%3E");
}

/* ===============================
   GM PHONE POPUP — ВСЕГДА ПОВЕРХ
   только рамка с номерами
   =============================== */

.gm-phone-pop,
.gm-hphone-pop {
  position: absolute !important;
  z-index: 999999 !important;
}
/* ===============================
   FIX LAYERS: PHONE POPUP ABOVE HELP
   =============================== */

/* Help всегда ниже */
.gm-header-help{
  position: relative !important;
  z-index: 1 !important;
}

/* Блок телефона (иконка + попап) всегда выше help */
.gm-hphone,
.gm-phone{
  position: relative !important;
  z-index: 9990 !important;
}

/* Сама рамка (попап) ещё выше */
.gm-phone-pop,
.gm-hphone-pop{
  position: absolute !important;
  z-index: 9999 !important;
}

/* =========================
   Блокування видимості полів
   ========================= */
   
   .wpcf7 form .hidden-fields-container {
    display: none !important;
}


/* Fix mobile overflow on single product add-to-cart */
@media (max-width: 767.98px){
  .single-product .wd-single-add-cart.wd-design-justify .variations_form{
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
  }

  .single-product .wd-single-add-cart.wd-design-justify .variations_form > *{
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}/* GM Mobile UX M1-M5 */ .wd-footer.color-scheme-light,.wd-footer.footer-container{background-color:#1a1a1a!important;background:#1a1a1a!important} html,body{overflow-x:hidden!important} @media(max-width:767px){.wd-social-icons{display:none!important}}

/* ================================================
   CLS FIX - Виправлення зміщення макета
   Тільки загальний контейнер форми
   ================================================ */
.single-product .elementor-element[data-widget_type="wd_single_product_add_to_cart.default"] > .elementor-widget-container {
    min-height: 0;
    contain: layout style;
}

@media (max-width: 768px) {
    .single-product .elementor-element[data-widget_type="wd_single_product_add_to_cart.default"] > .elementor-widget-container {
        min-height: 700px;
    }
}


/* Fix: WooCommerce product form stretching in right column - pulls Оплата block closer to buttons */
.elementor-element-5218bb50 {
  align-self: flex-start !important;
  height: auto !important;
  flex-grow: 0 !important;
}
.elementor-element-5218bb50 > .elementor-widget-container {
  height: auto !important;
}

/* Fix: WooCommerce product form stretching - brings Оплата block closer to buttons */
.elementor-element-5218bb50 {
  align-self: flex-start !important;
  height: auto !important;
  flex-grow: 0 !important;
}
.elementor-element-5218bb50 > .elementor-widget-container {
  height: auto !important;
}

/* GM swatches: visual only, non-clickable (kept colors + N) */
.gm-cs__dot,
.gm-cs__more {
	    pointer-events: none !important;
	    cursor: default !important;
}

/* =========================================================================
 *    gm-a11y: contrast fix (WCAG 2.1 AA, 1.4.3)
 *      Appearance -> Customize -> Additional CSS
 *        <head> ->  W3TC-.
 *    : 2026-07-02
 *    ========================================================================= */

/*   -- #999 (2.85:1) -> #767676 (4.54:1) */
.gm-cat-label {
	  color: #767676 !important;
}

/*  -- #d4870a (2.89:1) -> #b3720a (3.94:1).    . */
.wd-product .price .gm-price-nums,
.product .price .gm-price-nums,
.gm-price-nums {
	  color: #b3720a !important;
}

/*   -- #8a9bb0 (2.84:1) -> #5f7288 (4.94:1) */
.wd-product .price .gm-price-unit,
.product .price .gm-price-unit,
.gm-price-unit {
	  color: #5f7288 !important;
}

/* -:    (1.88:1) ->   #1a1a1a (9.27:1) */
.gm-promo-discount .gm-promo-title,
.gm-promo-title,
.gm-promo-discount .gm-promo-text,
.gm-promo-text {
	  color: #1a1a1a !important;
}

/* RU header: make logo row white like homepage etalon */
.whb-header_656085 .whb-general-header.whb-with-bg { background-color: #ffffff !important; }

/* Робимо посилання у breadcrumb помітними не лише кольором (WCAG 1.4.1) */
.breadcrumb a,
.woodmart-breadcrumbs a,
.wd-breadcrumbs a,
[class*="breadcrumb"] a {
    text-decoration: underline !important;
}


/* Знімаємо обмеження ширини body (перекриваємо 49933.css), щоб десктопна шапка з'являлась на екранах >=1025px */
body { max-width: none !important; }


/* Кнопка КАТАЛОГ: вписуємо блок каталогу рівно у висоту нижнього рядка шапки */
.whb-header_752317 .whb-header-bottom .wd-header-cats.wd-style-1 {
    height: 36px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.whb-header_752317 .whb-header-bottom .wd-header-cats.wd-style-1 .menu-opener {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}


/* Знижуємо брейкпоінт desktop-шапки 752317 до 992px (екрани з DPR 1.5 не досягають 1025px) */
@media (min-width: 992px) {
    .whb-header_752317 .whb-visible-lg { display: flex !important; }
    .whb-header_752317 .whb-hidden-lg,
    .whb-header_752317 .whb-col-mobile { display: none !important; }
}


/* Fix: text-editor widget display:flex without flex-direction breaks multi-paragraph content on info pages (2026-07-23) */
body.page-id-26755 .elementor-widget-text-editor,
body.page-id-26751 .elementor-widget-text-editor{
	    flex-direction: column;
}

/* Fix: LCP false-positive from .zoomImg (WooCommerce/jquery.zoom hover-zoom clone image, ~2x larger area than the real product photo). It is created dynamically by JS with no opacity set until hover, so in that brief gap Chrome can pick it as the LCP element instead of the correctly optimized .wp-post-image. Setting opacity:0 by default via CSS removes it from LCP consideration; JS still overrides opacity inline on hover, so the zoom feature keeps working. (2026-07-24) */
.zoomImg {
	    opacity: 0;
}

/* Fix: mobile button layout - shrink Buy button and place wishlist/compare icons to its right (2026-07-27) */
@media (max-width:767px){
  #gm-multibox .gm-actions,
  #gm-calc2 .gm-actions{
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    row-gap: 10px;
  }
  #gm-multibox .gm-actions .gm-btn-buy,
  #gm-calc2 .gm-actions .gm-btn-buy{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    order: 1 !important;
  }
  #gm-multibox .gm-actions .wd-action-btn,
  #gm-calc2 .gm-actions .wd-action-btn{
    order: 2 !important;
    flex: 0 0 auto !important;
  }
  #gm-multibox .gm-actions .gm-btn-consult,
  #gm-calc2 .gm-actions .gm-btn-consult{
    order: 3 !important;
    flex: 1 1 100% !important;
  }
}


/* ===== GM TOP BAR FIX (mobile) ===== */
.gm-tb-wrap{height:auto;min-height:44px;padding:6px 0;flex-wrap:wrap;}
.gm-tb-badge{height:auto;min-height:24px;padding:4px 14px;flex:0 0 auto;white-space:nowrap;line-height:1.1;}
.gm-tb-badge .gm-tb-badge{background:none !important;padding:0;min-height:0;font-size:inherit;}
.gm-tb-badge .gm-tb-wrap{min-height:0;padding:0;}
.gm-tb-text{white-space:nowrap;}
@media (max-width:768px){
  .gm-tb-wrap{height:auto;min-height:34px;padding:4px 0;gap:8px;font-size:12px;letter-spacing:.2px;}
  .gm-tb-badge{height:auto;min-height:18px;font-size:10px;padding:3px 8px;line-height:1.1;}
  .gm-tb-text{font-size:12px;}
}
@media (max-width:420px){
  .gm-tb-wrap{gap:6px;font-size:11px;letter-spacing:0;}
  .gm-tb-badge{font-size:9px;padding:3px 7px;}
  .gm-tb-text{font-size:11px;white-space:normal;text-align:center;line-height:1.25;}
}

/* ===== GM TOP BAR HEIGHT (mobile row was 0) ===== */
@media (max-width:1024px){
  :root{--wd-top-bar-sm-h:36px !important;--wd-top-bar-sticky-h:36px !important;}
  .whb-top-bar-inner{height:36px !important;max-height:36px !important;}
  .whb-top-bar{overflow:visible;}
}

/* ===== GM TOP BAR FIX V2 ===== */
@media (max-width:1024px){
  .whb-top-bar-inner{height:auto !important;max-height:none !important;min-height:36px !important;}
}
@media (max-width:420px){
  .gm-tb-text{white-space:nowrap;}
}
@media (max-width:360px){
  .gm-tb-wrap{font-size:10px;gap:5px;}
  .gm-tb-text{font-size:10px;white-space:nowrap;}
  .gm-tb-badge{font-size:8px;padding:3px 6px;}
}

/* ===== GM a11y contrast fix — 16.08.2026 — WCAG AA 4.5:1 ===== */
/* Rollback: delete this block from Additional CSS.             */
/* Backup of previous CSS: /root/gm-404-20260816/custom-css-backup-*.css */

/* price: #83B735 (2.39) -> #5C8125 (4.53) */
.price .woocommerce-Price-amount,
.price .woocommerce-Price-amount bdi,
.price .woocommerce-Price-currencySymbol,
p.price,
p.price span {
	color: #5C8125 !important;
}

/* info button: #FF8A00 (2.36) -> #B46100 (4.52) */
.gm-info-line .gm-info-btn,
button.gm-info-btn {
	color: #B46100 !important;
}

/* price label: #F4B46A (1.69) -> #A8600C (4.51) */
.gm-card .gm-price .gm-price-label,
span.gm-price-label {
	color: #F4B46A !important;
}

/* laying accent: #F59E0B (2.06) -> #A16707 (4.50) */
.gm-laying-cta__text .gm-orange,
span.gm-orange {
	color: #A16707 !important;
}

/* youtube panel: #FB923C (2.26) -> #C05904 (4.52) */
.ppv-video-panel .ppv-video-panel__eyebrow {
	color: #C05904 !important;
}
.ppv-video-panel .ppv-video-panel__play {
	background-color: #C05904 !important;
}

/* brand link: #D87E17 (3.04) -> #AD6512 (4.54) */
.woocommerce-product-attributes a[href*="brand"],
.gm-brand-link {
	color: #AD6512 !important;
}

/* inline links in body copy: underline (not only colour) */
.woocommerce-product-details__short-description a,
.wc-tab p a,
.entry-content p a,
.wd-single-post-content p a {
	text-decoration: underline;
	text-underline-offset: 2px;
}
/* ===== end GM a11y contrast fix ===== */

/* --- GM a11y contrast fix, patch 2 (16.08.2026) --- */
/* CTA "ЗАМОВИТИ УКЛАДКУ": #83B735 (2.39) -> #577A22 (4.99) */
.gm-laying-cta .gm-laying-cta__btn,
button.gm-laying-cta__btn {
	color: #577A22 !important;
}
/* youtube panel: #C05904 was 4.49, one hundredth short -> #B55304 (5.00) */
.ppv-video-panel .ppv-video-panel__eyebrow {
	color: #B55304 !important;
}
.ppv-video-panel .ppv-video-panel__play {
	background-color: #B55304 !important;
}
/* price label: extra margin -> #9C580B (5.14 on its tint) */
.gm-card .gm-price .gm-price-label,
span.gm-price-label {
	color: #F4B46A !important;
}
/* brand link in Elementor heading: #D87E17 (3.04) -> #A15E11 (5.09) */
p.elementor-heading-title a[href*="zolotyj-mandaryn"],
p.elementor-heading-title a[href*="/бренд/"] {
	color: #A15E11 !important;
}
/* --- end patch 2 --- */

/* --- GM a11y contrast fix, patch 3 (16.08.2026) --- */
/* Counter +/- : #F8FAFC on white = 1.05 -> practically invisible.
   Fix: dark grey #374151 (10.31:1). This is a real usability bug,
   not just a Lighthouse score.                                    */
.gm-card .gm-counter button,
.gm-counter button {
	color: #B6BCC4 !important;
}
/* "КРАТНІСТЬ ПРОДАЖУ" grey on dark card: #6B7280 on #2F3538 = 2.57
   -> #B6BCC4 (6.51:1)                                             */
.gm-card .gm-head .gm-title,
span.gm-title {
	color: #B6BCC4 !important;
}
/* --- end patch 3 --- */


/* --- GM a11y, patch 4 (17.08.2026) ---------------------------
   1. Посилання в описі товару відрізнялись лише кольором.
      Підкреслення, як для абзаців 16.08.
   2. Кнопка «Відправити» у формі коментаря: білий на #DD9933 = 2.41.
      Тло лишаємо брендове, текст темний #1F2937 -> 6.05.
   ------------------------------------------------------------ */

.gm-product-desc a {
	text-decoration: underline;
	text-underline-offset: 2px;
}

#respond .form-submit #submit,
#commentform .form-submit #submit {
	color: #1F2937 !important;
}