/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Sep 23 2025 | 12:41:49 */
/* ============== MOBILE / TABLET (≤980px) — ВСТАВИТЬ ЦЕЛИКОМ ============== */
@media (max-width:980px){

  /* Плавные размеры: от очень узких до «нормальных» мобильных
     --icon      : размер «клик-бокса» иконки (минимум 22, максимум 28)
     --icon-gap  : промежуток между иконками (минимум 8, максимум 20)
  */
  .mobile-header-row{
    --icon: clamp(22px, 6.2vw, 28px);
    --icon-gap: clamp(8px, 3.5vw, 20px);
  }

  /* 1) Колонка мобильного хедера: один ряд, расстояние задаёт gap */
  .mobile-header-row .et_pb_column{
    display:flex !important;
    flex-direction:row !important;
    align-items:center;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    width:100% !important;
    gap:var(--icon-gap) !important;
    padding-left:10px !important;
    padding-right:16px !important; /* чуть меньше, чтобы влезал бургер */
    padding-bottom:10px !important;
    box-sizing:border-box;
    position:relative;
    min-width:0; /* защита от переполнения */
  }

  /* 2) «Разделитель» между логотипом и иконками —
        занимает всё свободное место, чтобы иконки были у правого края */
  .mobile-header-row .et_pb_column::after{
    content:"";
    flex:1 1 auto;
    order:2;
    display:block;
    min-width:0;
  }

  /* 3) Базовые правила модулей */
  .mobile-header-row .et_pb_module{
    flex:0 0 auto;
    display:flex !important;
    align-items:center; justify-content:center;
    margin:0 !important;
    padding:0 !important;
    min-width:var(--icon); /* запретим схлопывание меньше иконки */
  }

  /* 4) Порядок элементов */
  .mobile-logo{ order:1; }
  .mobile-icon-home,
  .mobile-icon-search,
  .mobile-icon-user,
  .mobile-icon-wishlist,
  .mobile-icon-cart{ order:3; }
  .hamburger-user,
  .mobile-hamburger-menu,
  .et_mobile_nav_menu{ order:9 !important; }

  /* 5) Логотип */
  .mobile-logo img{
    max-height:50px !important;
    min-height:50px !important;
    height:auto;
    margin-left:-10px !important;
    display:block;
  }

  /* 6) Домик (шорткод [home_icon]) — берёт «резиновый» размер */
  .mobile-icon-home .de-home-icon{
    width:var(--icon); height:var(--icon);
    margin:0 !important;
    opacity:1; transition:opacity .15s ease;
  }
  .mobile-icon-home .de-home-icon:hover{ opacity:.6; }

  /* 7) Остальные иконки — такой же «клик-бокс», как у домика */
  .mobile-icon-search a,
  .mobile-icon-user a,
  .mobile-icon-wishlist .wishlist-link,
  .mobile-icon-cart a,
  .mobile-icon-cart .xoo-wsc-sc-bkcont{
    display:flex; align-items:center; justify-content:center;
    width:var(--icon); height:var(--icon);
  }

  /* мелкие правки */
  .menu-icon-user,
  .dgwt-wcas-search-wrapp,
  .mega-menu-toggle{ padding-bottom:3px !important; }

  /* показать только иконку бургера, меню внутри скрыть */
  .hamburger-user .et_pb_menu__menu,
  .mobile-hamburger-menu .et_pb_menu__menu{ display:none !important; }
  .et_mobile_nav_menu .mobile_menu_bar{ margin:0 !important; }

  /* -------- режим «Пользователь вошёл» -------- */
  .mobile-user-menu .et_mobile_nav_menu{ display:none !important; }
  .mobile-user-menu .et_pb_menu__menu{ display:block !important; }
  .mobile-user-menu .mobile_menu_bar{ display:none !important; }

  .mobile-user-menu .avatar{ max-width:30px; height:auto; margin-right:10px; }
  .mobile-user-menu li a{ display:flex; align-items:center; gap:6px; font-size:12px !important; }
  .mobile-user-menu .et-menu li a{ font-size:12px !important; }

  /* скрыть подписи у стандартного mobile-меню, оставить иконки */
  .mobile-header-row .et-menu li a{ font-size:0 !important; }
  .mobile-header-row .et-menu li a span,
  .mobile-header-row .et-menu li a svg{
    font-size:20px !important; margin:0 4px;
  }

  .mobile-header-row{ padding-top:10px !important; padding-bottom:10px !important; height:auto !important; }
  .mobile-header-row .et_pb_menu{ margin:0 !important; }
  .et_pb_menu_inner_container{ padding-bottom:20px !important; }
}

/* Доп. страховка для ультра-узких экранов (≤320px):
   ещё чуть компактнее — если нужно, можно удалить. */
@media (max-width:320px){
  .mobile-header-row{ --icon: 20px; --icon-gap: 8px; }
	
	
	 /* чуть больше правый паддинг у мобильной строки,
     чтобы бургер не прилипал к краю */
  .hamburger-user{ padding-right: 10px !important; }  /* увеличь/уменьши число */
 
}