/* design layer: мобильная версия (≤767px) */
@media (max-width:767px){
  html.so-t body{padding-bottom:calc(var(--so-bnav-h) + 28px)}
  html.so-t .tygh-header{border-radius:0 0 var(--so-r-md) var(--so-r-md)}
  html.so-t .ty-mainbox-container{padding:var(--so-s2);border-radius:var(--so-r-md)}
  html.so-t .ut2-cat-container{padding:var(--so-s2)}
  html.so-t h1,html.so-t .ty-mainbox-title{font-size:var(--so-h1)}
  /* сетка карточек 2 в ряд, компактные отступы */
  html.so-t .grid-list div[class^="ty-column"]{padding:0 4px 8px}
  html.so-t .grid-list:not(.owl-carousel){margin:0 -4px}
  html.so-t .ut2-gl__body{padding:8px 8px 12px;border-radius:var(--so-r-md)}
  html.so-t .ut2-gl__price .ty-price-num{font-size:16px}
  /* мобильная шапка */
  html.so-t .ut2-sp-n i,html.so-t .ut2-sp-f i{color:var(--so-text)}
  html.so-t a.ut2-btn-search,html.so-t a.ut2-btn-search i{color:var(--so-text)}
  html.so-t .ut2-sw-w{border-radius:0 var(--so-r-lg) var(--so-r-lg) 0;box-shadow:var(--so-sh-3)}
  html.so-t .ut2-sw .ut2-lfl>a,html.so-t .ut2-sw .ut2-lfl>p>a{font-size:16px;font-weight:500;color:var(--so-text)}
  html.so-t .ut2-sw .ut2-rb.account-info{background:var(--so-accent-soft);border-radius:var(--so-r-md);margin:12px}
  html.so-t .ut2-account-info__avatar i{color:var(--so-accent)}
  /* нижняя навигация: переоформляем панель темы в плавающую пилюлю */
  html.so-t .ut2-sticky-panel__wrap{display:flex !important;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto;box-shadow:none;z-index:1001;pointer-events:none}
  html.so-t .ut2-sticky-panel{opacity:1;width:auto;height:var(--so-bnav-h);border-radius:var(--so-r-lg);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--so-sh-3);overflow:visible;padding:0 6px;pointer-events:auto}
  html.so-t .ut2-sticky-panel a.ut2-sticky-panel__link{height:var(--so-bnav-h);padding-top:10px;color:var(--so-text-2);font-size:11px;font-weight:500;gap:2px;white-space:nowrap}
  html.so-t .ut2-sticky-panel a.ut2-sticky-panel__link>span{font-size:11px;line-height:1.1}
  html.so-t .ut2-sticky-panel a.ut2-sticky-panel__link>i{color:var(--so-text);font-size:24px;min-height:24px;line-height:24px}
  html.so-t .ut2-sticky-panel a.ut2-sticky-panel__link.active i{color:var(--so-accent)}
  html.so-t .ut2-sticky-panel a.ut2-sticky-panel__link>i em[class="count"]{background:var(--so-accent);color:#fff;border-radius:var(--so-r-pill)}
  html.so-t .ut2-sticky-panel .ty-dropdown-box__title{padding:0}
  html.so-t .ut2-sticky-panel a.ut2-btn-search.hidden{bottom:calc(12px + env(safe-area-inset-bottom));left:12px;border-radius:var(--so-r-lg)}
  html.so-t #ut2_pb__sticky_add_to_cart{pointer-events:auto}
  html.so-t .ut2-pb__sticky_add_to_cart{position:relative;bottom:auto;left:auto;right:auto;margin-bottom:8px;border-radius:var(--so-r-md);box-shadow:var(--so-sh-3);background:#fff}
  /* открытые оверлеи темы прячут панель */
  html.so-t.dialog-is-open .ut2-sticky-panel__wrap,html.so-t body.no-scroll .ut2-sticky-panel__wrap{display:none !important}
  /* поиск в мобильной шапке */
  html.so-t .ut2-sticky-panel .ty-search-block__input{border-radius:var(--so-r-pill);background:var(--so-surface-2)}
  /* чипы категорий горизонтальной лентой */
  html.so-t .so-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px var(--so-s2);padding:4px 12px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html.so-t .so-chips::-webkit-scrollbar{display:none}
  html.so-t .so-chip{height:40px}
  /* плитки категорий */
  html.so-t .banners-grid-resizable .ut2-banner .ut2-a__img img{max-width:72px;max-height:72px}
  html.so-t .banners-grid-resizable .ut2-banner .ut2-a__title{font-size:14px !important}
  /* товар */
  html.so-t .ut2-pb__img-wrapper,html.so-t .ut2-pb__right{padding:var(--so-s2);border-radius:var(--so-r-md)}
  html.so-t .ut2-pb__price-actual,html.so-t .ut2-pb__price-actual .ty-price,html.so-t .ut2-pb__price-actual .ty-price-num{font-size:20px}
  html.so-t .ut2-pb__title h1{font-size:22px}
  html.so-t .tab-list-title+div{padding:var(--so-s2);border-radius:var(--so-r-md)}
  /* футер */
  html.so-t .ty-footer-menu{border-radius:var(--so-r-md) var(--so-r-md) 0 0;padding:var(--so-s3) var(--so-s2) var(--so-s2)}
  html.so-t .ty-footer-general__header{border-bottom:1px solid var(--so-line);padding:12px 0}
}
@media (max-width:480px){
  html.so-t .ty-btn{height:40px;padding:0 16px}
}
@media (prefers-reduced-motion:reduce){
  html.so-t *{transition:none !important}
}