/* v16 — iPhone SE/mobile density pass: stable header, readable home and catalog */
@media (max-width:900px){
  html body.store-body.ui-topbar-v849 .store-layout>main.main>.topbar.topbar-v849,
  html body.store-body.ui-topbar-v849 .main>.topbar.topbar-v849,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849{
    display:grid!important;
    grid-auto-flow:row!important;
    grid-auto-rows:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    gap:8px!important;
    margin:0 0 10px!important;
    padding:0!important;
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-user-v16{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-guest-v16{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search.topbar-search-v849,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search.quick-search-trigger{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 14px!important;
    border-radius:16px!important;
    gap:10px!important;
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search .i,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search iconify-icon{
    width:20px!important;height:20px!important;font-size:20px!important
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .quick-trigger-placeholder-v175{
    font-size:14px!important;font-weight:600!important
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search kbd{display:none!important}

  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.lang-switch.custom-select,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.notifications-shell-v283,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.cart-shell-v11,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.profile-menu-shell-v285,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.guest-login-v931,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.mobile-nav-toggle-v13{
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:0!important;
    position:relative!important;
    display:block!important;
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-user-v16>.lang-switch.custom-select{grid-column:1!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-user-v16>.notifications-shell-v283{grid-column:2!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-user-v16>.cart-shell-v11{grid-column:3!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-user-v16>.profile-menu-shell-v285{grid-column:4!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-user-v16>.mobile-nav-toggle-v13{grid-column:5!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-guest-v16>.cart-shell-v11{grid-column:1!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-guest-v16>.guest-login-v931{grid-column:2!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849.is-guest-v16>.mobile-nav-toggle-v13{grid-column:3!important}

  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.lang-switch.custom-select>.top-btn,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.notifications-shell-v283>.top-btn,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.cart-shell-v11>.cart-top-v11,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.profile-menu-shell-v285>.login-top,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.guest-login-v931,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.mobile-nav-toggle-v13{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    padding:0!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .top-btn .i,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .login-top .i,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .mobile-nav-toggle-v13 .i,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .top-btn iconify-icon,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .login-top iconify-icon,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .mobile-nav-toggle-v13 iconify-icon{
    width:20px!important;height:20px!important;font-size:20px!important
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .lang-flag-img{
    width:26px!important;height:26px!important;min-width:26px!important
  }
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .topbar-action-badge-v11,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .cart-count-v9,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849 .notifications-count-v283{
    top:-4px!important;right:-4px!important;transform:none!important
  }

  html body.store-body .rate-strip-v846{
    margin-bottom:10px!important;
    padding:12px!important;
    gap:8px!important;
    border-radius:18px!important;
  }
  html body.store-body .rate-left-v846{gap:10px!important}
  html body.store-body .rate-icon-v846{width:34px!important;height:34px!important;flex:0 0 34px!important}
  html body.store-body .rate-copy-v846 b{font-size:14px!important}
  html body.store-body .rate-copy-v846 span{font-size:11px!important;line-height:1.25!important}
  html body.store-body .rate-live-v846{min-height:38px!important;padding:8px 10px!important}
  html body.store-body .rate-live-v846 strong{font-size:13px!important}
  html body.store-body .rate-live-v846 small{font-size:10px!important}

  html body.store-body .promo-slider{margin-bottom:12px!important}
  html body.store-body .promo-slider .promo-banner.compact-promo{border-radius:22px!important}
  html body.store-body .promo-slider .promo-copy,
  html body.store-body .promo-slider .tg-copy-v389{padding:20px 16px 48px!important}
  html body.store-body .promo-slider .promo-label{font-size:10px!important;margin-bottom:9px!important}
  html body.store-body .promo-slider .promo-copy h1,
  html body.store-body .promo-slider .hero-mixed-title-v841{
    margin-bottom:12px!important;
    font-size:clamp(28px,8.6vw,36px)!important;
    line-height:1.02!important;
  }
  html body.store-body .promo-slider .promo-copy p{margin-bottom:16px!important;font-size:13.5px!important;line-height:1.48!important}
  html body.store-body .promo-slider .hero-actions{gap:8px!important}
  html body.store-body .promo-slider .hero-actions>*{height:46px!important;border-radius:14px!important;font-size:13px!important}
  html body.store-body .promo-slider .promo-dots{bottom:12px!important}

  html body.store-body .home-chipbar{
    width:calc(100% + 10px)!important;
    margin:0 -10px 18px 0!important;
    padding:2px 10px 6px 0!important;
    gap:8px!important;
  }
  html body.store-body .home-chipbar a,
  html body.store-body .home-chipbar button{height:44px!important;padding:0 14px!important;border-radius:14px!important;font-size:13px!important}

  html body.store-body .home-row{margin-bottom:24px!important}
  html body.store-body .section-head,
  html body.store-body .section-head.compact{margin-bottom:12px!important;gap:8px!important}
  html body.store-body .section-title-with-icon{gap:8px!important}
  html body.store-body .section-title-with-icon .new-material-icon,
  html body.store-body .section-title-with-icon .home-block-tgs-icon-v892{width:32px!important;height:32px!important;flex:0 0 32px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:clamp(25px,7vw,31px)!important;line-height:1.04!important}
  html body.store-body .section-head a{font-size:13px!important}

  html body.store-body .material-card-v844{
    padding:15px!important;
    border-radius:20px!important;
    gap:0!important;
  }
  html body.store-body .material-card-v844__head{margin-bottom:11px!important}
  html body.store-body .material-card-v844__hero{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}
  html body.store-body .material-card-v844__icon-wrap,
  html body.store-body .material-card-v844__icon{width:72px!important;height:72px!important;min-width:72px!important;border-radius:17px!important}
  html body.store-body .material-card-v844__meta{gap:6px!important;margin-bottom:6px!important}
  html body.store-body .material-card-v844__pill{height:28px!important;padding:0 9px!important;font-size:11px!important}
  html body.store-body .material-card-v844__title{font-size:20px!important;line-height:1.08!important}
  html body.store-body .material-card-v844__tags{gap:6px!important;margin-top:12px!important}
  html body.store-body .material-card-v844__tags button{height:30px!important;padding:0 10px!important;font-size:11.5px!important}
  html body.store-body .material-card-v844__description{margin:12px 0!important;font-size:13.5px!important;line-height:1.48!important;-webkit-line-clamp:3!important}
  html body.store-body .material-card-v844__foot{
    grid-template-columns:minmax(0,1fr) minmax(138px,auto)!important;
    align-items:end!important;
    gap:10px!important;
    margin-top:10px!important;
    padding-top:13px!important;
  }
  html body.store-body .material-card-v844__price b{font-size:23px!important}
  html body.store-body .material-card-v844__price small{font-size:11px!important}
  html body.store-body .material-card-v844__cart{width:auto!important;min-width:138px!important;height:46px!important;border-radius:14px!important;font-size:13px!important;padding:0 14px!important}

  html body.store-body .catalog-top{margin-top:2px!important;margin-bottom:10px!important}
  html body.store-body .catalog-top h1{font-size:29px!important}
  html body.store-body .catalog-filter{padding:12px!important;border-radius:20px!important;gap:8px!important}
  html body.store-body .catalog-filter label,
  html body.store-body .catalog-filter .custom-select,
  html body.store-body .catalog-filter .custom-select-trigger,
  html body.store-body .catalog-filter>button{height:48px!important;min-height:48px!important;border-radius:14px!important}

  html body.store-body .site-footer,
  html body.store-body .compact-footer{margin-top:20px!important;padding:15px!important;border-radius:20px!important}
  html body.store-body .footer-line{gap:13px!important}
  html body.store-body .footer-links{gap:7px!important}
  html body.store-body .footer-links a{height:46px!important;border-radius:14px!important;font-size:13px!important}
}

@media (max-width:430px){
  html body.store-body .main{padding:8px 8px calc(22px + env(safe-area-inset-bottom))!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849{gap:6px!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search.topbar-search-v849,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.search.quick-search-trigger{height:44px!important;min-height:44px!important;max-height:44px!important;border-radius:14px!important;padding:0 12px!important}
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.lang-switch.custom-select,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.notifications-shell-v283,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.cart-shell-v11,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.profile-menu-shell-v285,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.guest-login-v931,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.mobile-nav-toggle-v13,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.lang-switch.custom-select>.top-btn,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.notifications-shell-v283>.top-btn,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.cart-shell-v11>.cart-top-v11,
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849>.profile-menu-shell-v285>.login-top{
    height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:13px!important
  }
  html body.store-body .rate-strip-v846{padding:10px!important}
  html body.store-body .promo-slider .promo-copy,
  html body.store-body .promo-slider .tg-copy-v389{padding:18px 14px 44px!important}
  html body.store-body .promo-slider .promo-copy h1,
  html body.store-body .promo-slider .hero-mixed-title-v841{font-size:clamp(27px,8.9vw,33px)!important}
  html body.store-body .material-card-v844__foot{grid-template-columns:1fr!important}
  html body.store-body .material-card-v844__cart{width:100%!important}
}

@media (max-width:360px){
  html body.store-body .material-card-v844__hero{grid-template-columns:64px minmax(0,1fr)!important}
  html body.store-body .material-card-v844__icon-wrap,
  html body.store-body .material-card-v844__icon{width:64px!important;height:64px!important;min-width:64px!important}
  html body.store-body .material-card-v844__title{font-size:18.5px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:24px!important}
}
