/* Мобильные правки ClubDoctors.Peptides (подключается последним, после fonts.css) */

/* 1. Страница никогда не уезжает вбок */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{max-width:100%;overflow-x:hidden}
img,video,svg,iframe{max-width:100%}
img{height:auto}
table{max-width:100%}
p,li,h1,h2,h3,h4,a{overflow-wrap:anywhere}

/* 2. Поля ввода: 16px, чтобы iPhone не приближал страницу при фокусе */
input,select,textarea{font-size:16px}

@media (max-width:700px){

  /* 3. Удобные для пальца размеры */
  .btn,button,[type=submit],[type=button],.ab-btn{min-height:48px}
  a.btn,.btn{display:inline-flex;align-items:center;justify-content:center}
  input:not([type=checkbox]):not([type=radio]),select{min-height:48px}

  /* 4. Карточка товара: кнопки друг под другом, без растягивания по высоте */
  .pd-btns{display:flex !important;flex-direction:column !important;flex-wrap:nowrap !important;gap:10px !important;height:auto !important;min-height:0 !important}
  .pd-btns>*{flex:none !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important}
  .pd-btns form{display:block}
  .pd-btns .btn,.pd-btns a,.pd-btns button{width:100% !important;min-height:52px !important;height:auto !important;box-sizing:border-box}

  /* 5. Вкладки товара: полоса прокручивается пальцем (стили в product-tabs.css) */
  .pd-tab{padding:0 18px;min-height:46px;font-size:15px;white-space:nowrap}

  /* 5a. Главная: карточки в шапке на всю ширину (а не сдвинуты вправо) */
  .hero-inner{display:flex !important;flex-direction:column !important;min-height:0 !important}
  .hero-cards{position:relative !important;top:auto !important;right:auto !important;left:auto !important;transform:none !important;
    width:100% !important;max-width:none !important;margin:20px 0 0 !important;align-self:stretch}
  .hero-card{padding:14px 14px}
  .hero-card b{font-size:15px}
  .hero-card span{font-size:13px}
  .hero-lead{max-width:none !important;font-size:17px !important}

  /* 6. Отступы страницы по краям */
  .pd,.cta-band,section{box-sizing:border-box}
}

/* 7. Вырез iPhone и нижняя панель браузера */
@supports (padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
  footer{padding-bottom:max(18px,env(safe-area-inset-bottom))}
}

/* 8. Шапка: без «грязного» размытия при прокрутке (на iPhone просвечивает контент) */
@media (max-width:900px){
  html body header:not(#x):not(#y),html body .site-header:not(#x):not(#y){
    background:rgba(255,255,255,.98) !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important;
    box-shadow:0 2px 12px rgba(0,60,70,.07) !important;
  }
}