/* Hustlify mobile-fix.css — подключается ПОСЛЕДНИМ */

/* 1. Чёрный градиент у края экрана: это тень закрытых выезжающих панелей
      (mobile-nav-drawer слева и drawer корзины справа), которая «подтекала» на экран. */
.mobile-nav-drawer{ box-shadow:none !important; visibility:hidden; transition:transform .35s cubic-bezier(.16,1,.3,1), visibility 0s linear .35s; }
.mobile-nav-drawer.open{ box-shadow:20px 0 60px rgba(0,0,0,.35) !important; visibility:visible; transition:transform .35s cubic-bezier(.16,1,.3,1), visibility 0s; }
.drawer{ box-shadow:none !important; visibility:hidden; transition:transform .4s cubic-bezier(.16,1,.3,1), visibility 0s linear .4s; }
.drawer.open{ box-shadow:-20px 0 60px rgba(0,0,0,.3) !important; visibility:visible; transition:transform .4s cubic-bezier(.16,1,.3,1), visibility 0s; }
.search-modal:not(.open){ box-shadow:none !important; visibility:hidden; }
.search-modal.open{ visibility:visible; }
html, body{ overflow-x:clip; }

/* 2. Логотип в шапке — меньше и по левому краю контента (десктоп) */
@media (min-width:861px){
  .rdh-logo img{ height:28px; }
  .rd-header-in{ width:calc(5273 * var(--u)); max-width:none; margin:0 0 0 calc(334 * var(--u)); padding:0; }
  .rd-header-in::before{ inset:0 -28px; }
}

/* 3. Мобильная версия */
@media (max-width:860px){
  /* нижнее меню убрано */
  .mobile-bottom-bar, #mobileBottomBar{ display:none !important; }
  body{ padding-bottom:0 !important; }
  .toast{ bottom:20px; }

  /* шапка: лого слева (на одной линии с текстом хиро), иконки справа */
  .rd-header{ padding-top:8px; }
  .rd-header-in{ width:calc(100% - 16px); height:56px; margin:0 auto; padding:0 20px; gap:4px; }
  .rd-header-in::before{ inset:0; }
  .rdh-logo img{ height:24px; }
  .rdh-links, .rdh-cta{ display:none !important; }
  .rdh-tools{ display:flex !important; margin-left:auto; gap:2px; }

  /* иконки поиска, корзины и меню — вернуть */
  #searchBtn, #cartBtn, #mobileMenuBtn{
    display:flex !important; position:relative !important; left:auto !important; top:auto !important;
    width:40px !important; height:40px !important; padding:0 !important;
    align-items:center; justify-content:center; color:#fff; background:transparent !important; border:0 !important; border-radius:50%;
  }
  #searchBtn svg, #cartBtn svg, #mobileMenuBtn svg{ display:block !important; width:21px; height:21px; }
  #cartBtn .badge{ top:2px; right:0; }
  #mobileMenuBtn::after, #searchBtn::after, #cartBtn::after{ display:none; }
}

@media (max-width:860px){
  .rd-hero .rd-card .rd-3d{
    mix-blend-mode:normal;
    -webkit-mask-image:radial-gradient(ellipse 60% 56% at 50% 52%, #000 55%, transparent 82%);
    mask-image:radial-gradient(ellipse 60% 56% at 50% 52%, #000 55%, transparent 82%);
  }
}