/* v13 — full mobile layout repair */
html,body{max-width:100%;overflow-x:hidden}
html body.store-body .mobile-nav-toggle-v13,
html body.store-body .mobile-sidebar-head-v13,
html body.store-body .mobile-nav-backdrop-v13{display:none}

@media (max-width:900px){
  html body.store-body{min-width:0!important;overflow-x:hidden!important;background:#f4f8fd!important}
  html body.store-body .store-layout,
  html body.store-body .store-layout.sidebar-collapsed{display:block!important;min-width:0!important;width:100%!important;overflow:visible!important}
  html body.store-body .main{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:12px 12px calc(28px + env(safe-area-inset-bottom))!important;overflow:visible!important}

  /* Off-canvas navigation instead of the full-height desktop rail. */
  html body.store-body .sidebar,
  html body.store-body .sidebar.is-compact{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:1400!important;
    width:min(330px,86vw)!important;
    max-width:330px!important;
    height:100dvh!important;
    min-height:0!important;
    padding:18px 16px calc(22px + env(safe-area-inset-bottom))!important;
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:rgba(248,251,255,.985)!important;
    border:0!important;
    border-right:1px solid #cfe0f3!important;
    border-radius:0 28px 28px 0!important;
    box-shadow:24px 0 70px rgba(49,81,126,.18)!important;
    transform:translate3d(-108%,0,0)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:transform .24s ease,opacity .18s ease,visibility .18s ease!important;
  }
  html body.store-body .sidebar.mobile-open-v13,
  html body.store-body .sidebar.is-compact.mobile-open-v13{
    transform:translate3d(0,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body.store-body .mobile-nav-backdrop-v13{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:1390!important;
    background:rgba(20,35,55,.34)!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }
  html body.store-body .mobile-sidebar-head-v13{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:48px!important;
    padding:0 2px 10px!important;
    border-bottom:1px solid #dce7f4!important;
    color:#142035!important;
  }
  html body.store-body .mobile-sidebar-head-v13 b{font-size:18px!important;line-height:1!important;letter-spacing:-.03em!important}
  html body.store-body .mobile-sidebar-head-v13 button{
    width:40px!important;height:40px!important;display:grid!important;place-items:center!important;
    border:1px solid #cfdef0!important;border-radius:13px!important;background:#fff!important;color:#60738d!important
  }
  html body.store-body .sidebar .logo{height:66px!important;min-height:66px!important;margin:0!important;padding:8px 4px!important;justify-content:flex-start!important;border-bottom:1px solid #e0e9f4!important}
  html body.store-body .sidebar .site-logo-icon-img{width:52px!important;height:52px!important;object-fit:contain!important}
  html body.store-body .sidebar .side-section-title{display:none!important}
  html body.store-body .sidebar .side-cats,
  html body.store-body .sidebar .side-nav{display:grid!important;gap:7px!important;margin:0!important;padding:0!important;border:0!important}
  html body.store-body .sidebar .side-nav{margin-top:2px!important}
  html body.store-body .sidebar .side-cat{
    width:100%!important;height:52px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;
    gap:12px!important;align-items:center!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:16px!important;
    color:#64758d!important;background:transparent!important;font-size:14px!important
  }
  html body.store-body .sidebar .side-cat:hover,
  html body.store-body .sidebar .side-cat.active{background:#eef6ff!important;border-color:#cfe2fa!important;color:#116ef1!important}
  html body.store-body .sidebar .side-icon-clean{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border:1px solid #d5e2f1!important;border-radius:12px!important;background:#fff!important}
  html body.store-body .sidebar .side-label{display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.store-body .sidebar .side-cat-count{display:inline-flex!important;min-width:24px!important;height:24px!important;align-items:center!important;justify-content:center!important;padding:0 7px!important;border-radius:999px!important;background:#e7f2ff!important;color:#1677ff!important;font-size:11px!important}
  html body.store-body .sidebar .side-support,
  html body.store-body .sidebar .side-copy{display:none!important}

  /* Compact two-line mobile header. */
  html body.store-body .topbar.topbar-v849{
    position:relative!important;z-index:900!important;width:100%!important;min-width:0!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;
    margin:0 0 10px!important;padding:0!important
  }
  html body.store-body .topbar.topbar-v849 .topbar-search-v849{
    grid-column:1/-1!important;width:100%!important;min-width:0!important;height:50px!important;min-height:50px!important;
    border-radius:17px!important;padding:0 14px!important;background:rgba(255,255,255,.96)!important;border:1px solid #cdddf0!important
  }
  html body.store-body .topbar.topbar-v849 .quick-trigger-placeholder-v175{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:14px!important}
  html body.store-body .topbar.topbar-v849 .topbar-search-v849 kbd{height:28px!important;min-width:48px!important;padding:0 8px!important;border-radius:9px!important;font-size:10px!important}
  html body.store-body .topbar.topbar-v849 .lang-switch,
  html body.store-body .topbar.topbar-v849 .notifications-shell-v283,
  html body.store-body .topbar.topbar-v849 .cart-shell-v11,
  html body.store-body .topbar.topbar-v849 .profile-menu-shell-v285{min-width:0!important;width:100%!important;position:relative!important}
  html body.store-body .topbar.topbar-v849 .top-btn,
  html body.store-body .topbar.topbar-v849 .login-top,
  html body.store-body .mobile-nav-toggle-v13{
    width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:0!important;
    display:grid!important;place-items:center!important;border:1px solid #cdddf0!important;border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;color:#111b2e!important;box-shadow:0 9px 24px rgba(54,85,127,.055)!important
  }
  html body.store-body .mobile-nav-toggle-v13{grid-column:auto!important}
  html body.store-body .mobile-nav-toggle-v13.active{background:#eaf4ff!important;color:#1677ff!important;border-color:#a9cdfa!important}
  html body.store-body .topbar.topbar-v849 .top-btn .i,
  html body.store-body .topbar.topbar-v849 .login-top .i,
  html body.store-body .mobile-nav-toggle-v13 .i{font-size:21px!important}
  html body.store-body .topbar-action-badge-v11,
  html body.store-body .cart-count-v9{top:-4px!important;right:-4px!important;z-index:4!important}

  html body.store-body .topbar-popover-v9,
  html body.store-body .topbar-popover-v11{
    position:fixed!important;left:12px!important;right:12px!important;top:calc(124px + env(safe-area-inset-top))!important;
    width:auto!important;max-width:none!important;max-height:calc(100dvh - 150px - env(safe-area-inset-bottom))!important;overflow:auto!important
  }
  html body.store-body .lang-menu-v12{padding:14px!important;border-radius:22px!important}

  html body.store-body .rate-strip-v846{
    width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;
    min-height:0!important;height:auto!important;margin:0 0 14px!important;padding:14px!important;border-radius:20px!important
  }
  html body.store-body .rate-left-v846{min-width:0!important;align-items:center!important}
  html body.store-body .rate-copy-v846{min-width:0!important}
  html body.store-body .rate-copy-v846 b{font-size:15px!important}
  html body.store-body .rate-copy-v846 span{font-size:12px!important}
  html body.store-body .rate-live-v846{width:100%!important;min-width:0!important;justify-content:space-between!important;padding:10px 12px!important;border-radius:14px!important}
  html body.store-body .rate-live-v846 strong{font-size:14px!important;white-space:nowrap!important}
  html body.store-body .rate-live-v846 small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:right!important;font-size:11px!important}

  /* Hero: force a real horizontal text layout and remove the collapsed column. */
  html body.store-body .promo-slider{width:100%!important;height:auto!important;min-height:0!important;margin:0 0 14px!important;overflow:visible!important}
  html body.store-body .promo-slider .promo-banner.compact-promo{
    position:relative!important;width:100%!important;height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;
    border-radius:26px!important;overflow:hidden!important
  }
  html body.store-body .promo-slider .promo-banner.compact-promo:not(.active){display:none!important}
  html body.store-body .promo-slider .promo-banner.compact-promo.active{display:grid!important}
  html body.store-body .promo-slider .promo-copy,
  html body.store-body .promo-slider .tg-copy-v389{
    width:100%!important;min-width:0!important;max-width:none!important;min-height:0!important;padding:28px 22px 52px!important;display:block!important
  }
  html body.store-body .promo-slider .promo-label{font-size:10px!important;line-height:1.2!important;letter-spacing:.16em!important;margin-bottom:12px!important}
  html body.store-body .promo-slider .promo-copy h1,
  html body.store-body .promo-slider .hero-mixed-title-v841,
  html body.store-body .promo-slider .hero-mixed-title-v841 *{
    width:auto!important;max-width:100%!important;min-width:0!important;display:inline!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;
    word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;white-space:normal!important
  }
  html body.store-body .promo-slider .promo-copy h1,
  html body.store-body .promo-slider .hero-mixed-title-v841{
    display:block!important;margin:0 0 14px!important;font-size:clamp(32px,9.2vw,46px)!important;line-height:1.02!important;letter-spacing:-.055em!important
  }
  html body.store-body .promo-slider .promo-copy p{width:100%!important;max-width:none!important;margin:0 0 20px!important;font-size:15px!important;line-height:1.55!important}
  html body.store-body .promo-slider .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important}
  html body.store-body .promo-slider .hero-actions>*{width:100%!important;min-width:0!important;height:52px!important;border-radius:16px!important;justify-content:center!important}
  html body.store-body .promo-slider .promo-art.app-promo-art,
  html body.store-body .promo-slider .tg-expo-image-v388{display:none!important}
  html body.store-body .promo-slider .tg-hero-features-v389{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:16px!important}
  html body.store-body .promo-slider .tg-hero-features-v389 span{min-width:0!important;font-size:11px!important}
  html body.store-body .promo-dots{bottom:16px!important;left:50%!important;transform:translateX(-50%)!important}

  html body.store-body .home-chipbar{
    display:flex!important;flex-wrap:nowrap!important;gap:9px!important;width:calc(100% + 12px)!important;overflow-x:auto!important;
    margin:0 -12px 20px 0!important;padding:2px 12px 8px 0!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important
  }
  html body.store-body .home-chipbar::-webkit-scrollbar{display:none!important}
  html body.store-body .home-chipbar a,
  html body.store-body .home-chipbar button{flex:0 0 auto!important;height:48px!important;padding:0 16px!important;border-radius:16px!important;font-size:14px!important;white-space:nowrap!important}

  html body.store-body .home-row{width:100%!important;min-width:0!important;margin:0 0 30px!important}
  html body.store-body .section-head,
  html body.store-body .section-head.compact{width:100%!important;min-width:0!important;margin:0 0 14px!important;gap:12px!important;align-items:center!important}
  html body.store-body .section-title-with-icon{min-width:0!important;gap:10px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2,
  html body.store-body .catalog-top h1{min-width:0!important;margin:0!important;font-size:clamp(27px,7.3vw,36px)!important;line-height:1.02!important;letter-spacing:-.05em!important;word-break:normal!important;overflow-wrap:normal!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:38px!important;height:38px!important;flex:0 0 38px!important}
  html body.store-body .section-head a{flex:0 0 auto!important;font-size:14px!important;white-space:nowrap!important}

  /* One readable card per phone row. */
  html body.store-body .app-grid,
  html body.store-body .app-grid.home-main-grid,
  html body.store-body .catalog-grid.app-list-grid{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
  html body.store-body .material-card-v844{
    width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;padding:18px!important;border-radius:24px!important;overflow:hidden!important
  }
  html body.store-body .material-card-v844__head{margin-bottom:14px!important}
  html body.store-body .material-card-v844__hero{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:16px!important;align-items:center!important;min-width:0!important}
  html body.store-body .material-card-v844__icon-wrap,
  html body.store-body .material-card-v844__icon{width:92px!important;height:92px!important;min-width:92px!important}
  html body.store-body .material-card-v844__hero-copy{min-width:0!important;width:100%!important}
  html body.store-body .material-card-v844__meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:8px!important}
  html body.store-body .material-card-v844__pill{max-width:100%!important;white-space:nowrap!important}
  html body.store-body .material-card-v844__title{width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;font-size:25px!important;line-height:1.08!important;letter-spacing:-.04em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important}
  html body.store-body .material-card-v844__tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:16px 0 0!important}
  html body.store-body .material-card-v844__tags button{height:34px!important;padding:0 12px!important;font-size:13px!important}
  html body.store-body .material-card-v844__description{display:block!important;width:100%!important;min-height:0!important;max-height:none!important;margin:16px 0!important;font-size:15px!important;line-height:1.55!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important}
  html body.store-body .material-card-v844__foot{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-top:14px!important;padding-top:16px!important}
  html body.store-body .material-card-v844__price b{font-size:27px!important;line-height:1!important}
  html body.store-body .material-card-v844__cart{width:100%!important;min-width:0!important;height:54px!important;border-radius:17px!important;font-size:16px!important;justify-content:center!important}

  html body.store-body .catalog-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:6px 0 14px!important}
  html body.store-body .catalog-top h1{font-size:34px!important}
  html body.store-body .currency-tools{flex:0 0 auto!important}
  html body.store-body .catalog-filter{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;border-radius:24px!important;margin-bottom:16px!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{width:100%!important;min-width:0!important;height:52px!important;min-height:52px!important;border-radius:16px!important}
  html body.store-body .catalog-filter .custom-select-menu{position:absolute!important;left:0!important;right:0!important;width:100%!important;z-index:80!important}

  /* Compact footer, no giant empty panel. */
  html body.store-body .site-footer,
  html body.store-body .compact-footer{width:100%!important;margin:26px 0 0!important;padding:18px!important;border-radius:24px!important;min-height:0!important;height:auto!important}
  html body.store-body .footer-line{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;align-items:start!important}
  html body.store-body .footer-left{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important}
  html body.store-body .footer-logo-link{grid-column:1/-1!important;width:min(220px,70vw)!important}
  html body.store-body .footer-domain{justify-self:start!important}
  html body.store-body .footer-year{justify-self:end!important}
  html body.store-body .footer-links{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important}
  html body.store-body .footer-links a{width:100%!important;height:50px!important;justify-content:center!important;border-radius:16px!important;font-size:14px!important}

  html body.store-body .front-admin-speed-dial-v860{right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}
}

@media (max-width:520px){
  html body.store-body .main{padding-left:10px!important;padding-right:10px!important}
  html body.store-body .topbar.topbar-v849{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}
  html body.store-body .topbar.topbar-v849 .top-btn,
  html body.store-body .topbar.topbar-v849 .login-top,
  html body.store-body .mobile-nav-toggle-v13{height:46px!important;min-height:46px!important;border-radius:15px!important}
  html body.store-body .promo-slider .promo-copy,
  html body.store-body .promo-slider .tg-copy-v389{padding:24px 18px 48px!important}
  html body.store-body .promo-slider .promo-copy h1,
  html body.store-body .promo-slider .hero-mixed-title-v841{font-size:clamp(30px,10.2vw,41px)!important}
  html body.store-body .material-card-v844{padding:16px!important;border-radius:22px!important}
  html body.store-body .material-card-v844__hero{grid-template-columns:82px minmax(0,1fr)!important;gap:14px!important}
  html body.store-body .material-card-v844__icon-wrap,
  html body.store-body .material-card-v844__icon{width:82px!important;height:82px!important;min-width:82px!important}
  html body.store-body .material-card-v844__title{font-size:22px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:28px!important}
  html body.store-body .catalog-top h1{font-size:31px!important}
}