/* Mobile v20 — consolidated iPhone/Safari repair pass.
   Loaded last to neutralize accumulated mobile overrides. */
@media (max-width:900px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  html body.store-body{--mobile-bottom-nav-h:76px!important;background:#f4f7fb!important}
  html body.store-body #app,
  html body.store-body .store-layout{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  html body.store-body .store-layout{display:block!important;grid-template-columns:none!important;min-height:100dvh!important}
  html body.store-body .sidebar,
  html body.store-body .sidebar.is-compact,
  html body.store-body .sidebar.mobile-open-v13,
  html body.store-body .mobile-nav-backdrop-v13{display:none!important;visibility:hidden!important;pointer-events:none!important}
  html body.store-body .main{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:8px 8px calc(var(--mobile-bottom-nav-h) + 24px + env(safe-area-inset-bottom))!important;overflow:visible!important}

  /* Mobile header: one search field only. */
  html body.store-body .topbar.topbar-v849{
    position:sticky!important;top:0!important;z-index:1180!important;display:block!important;
    width:100%!important;height:auto!important;min-height:0!important;margin:0 0 8px!important;padding:5px!important;
    border:1px solid #c9dbef!important;border-radius:17px!important;background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 24px rgba(38,72,116,.08)!important;overflow:hidden!important;
    backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important
  }
  html body.store-body .topbar.topbar-v849>*:not(.search):not(.topbar-search-v849){
    display:none!important;visibility:hidden!important;opacity:0!important;position:absolute!important;inset:auto!important;
    width:0!important;height:0!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;
    overflow:hidden!important;pointer-events:none!important
  }
  html body.store-body .topbar.topbar-v849>.search,
  html body.store-body .topbar.topbar-v849>.topbar-search-v849{
    position:relative!important;inset:auto!important;display:flex!important;align-items:center!important;gap:10px!important;
    width:100%!important;max-width:none!important;min-width:0!important;height:46px!important;min-height:46px!important;
    margin:0!important;padding:0 13px!important;border:0!important;border-radius:13px!important;background:#eef4fa!important;
    box-shadow:none!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important
  }
  html body.store-body .topbar.topbar-v849>.search .quick-trigger-placeholder-v175{font-size:14px!important;line-height:1!important;font-weight:650!important;color:#718198!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.store-body .topbar.topbar-v849>.search .i,
  html body.store-body .topbar.topbar-v849>.search iconify-icon{width:20px!important;height:20px!important;font-size:20px!important;color:#0a84ff!important;flex:0 0 auto!important}
  html body.store-body .topbar.topbar-v849>.search kbd{display:none!important}

  /* Compact rate block. */
  html body.store-body .rate-strip.rate-strip-v846{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;width:100%!important;min-height:0!important;margin:0 0 10px!important;padding:12px!important;border-radius:20px!important;border:1px solid #c9dbef!important;background:#fff!important;box-shadow:0 8px 24px rgba(38,72,116,.055)!important}
  html body.store-body .rate-left-v846{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-width:0!important}
  html body.store-body .rate-icon-v846{width:38px!important;height:38px!important;min-width:38px!important;border-radius:13px!important}
  html body.store-body .rate-copy-v846{min-width:0!important;text-align:left!important}
  html body.store-body .rate-copy-v846 b{display:block!important;font-size:14px!important;line-height:1.1!important;white-space:nowrap!important}
  html body.store-body .rate-copy-v846 span{display:block!important;font-size:10.5px!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.store-body .rate-live-v846{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;width:100%!important;min-width:0!important;padding:9px 12px!important;border-radius:14px!important;background:#f5f9fd!important;border:1px solid #d2e1f1!important}
  html body.store-body .rate-live-v846 strong{font-size:13px!important;line-height:1!important;white-space:nowrap!important}
  html body.store-body .rate-live-v846 small{display:block!important;min-width:0!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:right!important}

  /* Home hero: keep the stable DLE slide only on phones. */
  html body.store-body .promo-slider{position:relative!important;width:100%!important;height:auto!important;min-height:0!important;margin:0 0 12px!important;overflow:visible!important}
  html body.store-body .promo-slider .telegram-slide{display:none!important;visibility:hidden!important;position:absolute!important;pointer-events:none!important}
  html body.store-body .promo-slider .dle-slide,
  html body.store-body .promo-slider .dle-slide.active,
  html body.store-body .promo-slider .dle-slide:not(.active){display:grid!important;visibility:visible!important;opacity:1!important;position:relative!important;transform:none!important;pointer-events:auto!important}
  html body.store-body .promo-slider .promo-banner.compact-promo{grid-template-columns:1fr!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;border-radius:24px!important;overflow:hidden!important}
  html body.store-body .promo-slider .promo-copy{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;padding:22px 20px 58px!important}
  html body.store-body .promo-slider .promo-label{margin-bottom:12px!important;font-size:10px!important;letter-spacing:.16em!important}
  html body.store-body .promo-slider .hero-mixed-title-v841,
  html body.store-body .promo-slider .promo-copy h1{display:block!important;width:100%!important;max-width:none!important;margin:0 0 12px!important;font-size:clamp(31px,8.6vw,42px)!important;line-height:1.02!important;letter-spacing:-.055em!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important}
  html body.store-body .promo-slider .hero-mixed-title-v841 span,
  html body.store-body .promo-slider .hero-mixed-title-v841 strong{display:inline!important;white-space:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important}
  html body.store-body .promo-slider .promo-copy p{width:100%!important;max-width:none!important;margin:0 0 16px!important;font-size:13.5px!important;line-height:1.5!important}
  html body.store-body .promo-slider .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}
  html body.store-body .promo-slider .hero-actions>*{width:100%!important;min-width:0!important;height:48px!important;border-radius:15px!important;font-size:13px!important}
  html body.store-body .promo-slider .promo-art{display:none!important}
  html body.store-body .promo-slider .promo-dots{left:50%!important;right:auto!important;bottom:14px!important;transform:translateX(-50%)!important}
  html body.store-body .promo-slider .promo-dots button:nth-child(2){display:none!important}

  /* Horizontal category chips. */
  html body.store-body .home-chipbar{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:calc(100% + 16px)!important;margin:0 -8px 16px!important;padding:0 8px 4px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scroll-snap-type:x proximity!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{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;gap:8px!important;height:44px!important;padding:0 13px!important;border-radius:15px!important;scroll-snap-align:start!important;font-size:12px!important;white-space:nowrap!important}

  /* Section headings. */
  html body.store-body .home-row{width:100%!important;min-width:0!important;margin:0 0 22px!important}
  html body.store-body .section-head,
  html body.store-body .section-head.compact{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;margin:0 0 12px!important}
  html body.store-body .section-title-with-icon{display:flex!important;align-items:center!important;min-width:0!important;gap:9px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{min-width:0!important;margin:0!important;font-size:27px!important;line-height:1.04!important;letter-spacing:-.045em!important;white-space:normal!important;word-break:normal!important;writing-mode:horizontal-tb!important}
  html body.store-body .section-head a{flex:0 0 auto!important;font-size:12px!important;white-space:nowrap!important}
  html body.store-body .new-material-icon,
  html body.store-body .home-block-tgs-icon-v892{width:30px!important;height:30px!important;min-width:30px!important}

  /* Product cards: one stable column, no inherited fixed height. */
  html body.store-body .app-grid,
  html body.store-body .home-main-grid,
  html body.store-body .material-grid-v844,
  html body.store-body .catalog-grid,
  html body.store-body .catalog-grid.app-list-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;min-width:0!important}
  html body.store-body .material-card-v844{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:18px!important;border-radius:24px!important;overflow:hidden!important;contain:layout paint!important}
  html body.store-body .material-card-v844__head{min-height:30px!important;margin-bottom:14px!important}
  html body.store-body .material-card-v844__hero{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;align-items:center!important;gap:16px!important;width:100%!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;max-width:92px!important;border-radius:22px!important}
  html body.store-body .material-card-v844__hero-copy{display:block!important;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:0 0 8px!important}
  html body.store-body .material-card-v844__pill{max-width:100%!important;height:31px!important;padding:0 11px!important;border-radius:12px!important;font-size:11px!important;white-space:nowrap!important}
  html body.store-body .material-card-v844__title{display:-webkit-box!important;width:100%!important;min-width:0!important;margin:0!important;font-size:24px!important;line-height:1.08!important;letter-spacing:-.04em!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;writing-mode:horizontal-tb!important}
  html body.store-body .material-card-v844__tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;width:100%!important;margin:16px 0 0!important;overflow:visible!important}
  html body.store-body .material-card-v844__tags button{flex:0 0 auto!important;max-width:100%!important;height:32px!important;padding:0 12px!important;border-radius:12px!important;font-size:11.5px!important;white-space:nowrap!important}
  html body.store-body .material-card-v844__description{display:-webkit-box!important;width:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:16px 0 0!important;font-size:14px!important;line-height:1.5!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;writing-mode:horizontal-tb!important}
  html body.store-body .material-card-v844__foot{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;gap:13px!important;width:100%!important;margin-top:18px!important;padding-top:17px!important}
  html body.store-body .material-card-v844__price{display:block!important;min-width:0!important}
  html body.store-body .material-card-v844__price small{font-size:10px!important}
  html body.store-body .material-card-v844__price b{display:block!important;font-size:29px!important;line-height:1.05!important;white-space:nowrap!important}
  html body.store-body .material-card-v844__price span{display:block!important;margin-top:4px!important;font-size:12px!important}
  html body.store-body .material-card-v844__cart{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-width:0!important;height:54px!important;margin:0!important;padding:0 16px!important;border-radius:17px!important;font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* Catalog/filter page. */
  html body.store-body .catalog-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;margin:4px 0 14px!important}
  html body.store-body .catalog-top h1{min-width:0!important;margin:0!important;font-size:32px!important;line-height:1!important;letter-spacing:-.05em!important;white-space:normal!important}
  html body.store-body .currency-tools{flex:0 0 auto!important}
  html body.store-body .catalog-filter{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%!important;margin:0 0 16px!important;padding:14px!important;border-radius:22px!important}
  html body.store-body .catalog-filter>label,
  html body.store-body .catalog-filter>.custom-select,
  html body.store-body .catalog-filter>.primary{width:100%!important;min-width:0!important;height:50px!important;border-radius:15px!important}

  /* Footer is redundant in the app shell; bottom navigation replaces it. */
  html body.store-body .site-footer,
  html body.store-body footer.site-footer,
  html body.store-body .compact-footer{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

  /* Fixed bottom navigation. */
  html body.store-body .mobile-bottom-nav-v18{position:fixed!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;z-index:2250!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:center!important;gap:3px!important;width:auto!important;min-height:68px!important;margin:0!important;padding:6px!important;border:1px solid rgba(122,148,181,.3)!important;border-radius:24px!important;background:rgba(248,251,255,.96)!important;box-shadow:0 18px 52px rgba(25,51,86,.2),inset 0 1px 0 rgba(255,255,255,.94)!important;backdrop-filter:blur(24px) saturate(160%)!important;-webkit-backdrop-filter:blur(24px) saturate(160%)!important;transform:translateZ(0)!important}
  html body.store-body .mobile-bottom-nav-v18>button{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;height:56px!important;margin:0!important;padding:4px 2px!important;border:0!important;border-radius:17px!important;background:transparent!important;color:#718198!important;box-shadow:none!important;overflow:visible!important}
  html body.store-body .mobile-bottom-nav-v18>button.active{background:#e8f2ff!important;color:#0a84ff!important}
  html body.store-body .mobile-bottom-nav-v18>button .i,
  html body.store-body .mobile-bottom-nav-v18>button iconify-icon{width:23px!important;height:23px!important;font-size:23px!important;color:currentColor!important}
  html body.store-body .mobile-bottom-nav-v18>button:after{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:9.5px!important;line-height:1!important;font-weight:750!important;color:currentColor!important}
  html body.store-body .mobile-bottom-nav-v18>button>b{position:absolute!important;top:1px!important;right:7px!important;display:grid!important;place-items:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border:2px solid #f8fbff!important;border-radius:99px!important;background:#ff3b62!important;color:#fff!important;font-size:8px!important;font-weight:800!important;line-height:1!important}

  /* Authentication pages: no forced viewport-height canvas and no giant blank tail. */
  html body.store-body .store-layout.auth-layout-v930,
  html body.store-body #app>.store-layout.auth-layout-v930{display:block!important;width:100%!important;min-height:100dvh!important;height:auto!important;overflow:visible!important}
  html body.store-body #app>.store-layout.auth-layout-v930>main.main{display:block!important;width:100%!important;min-height:100dvh!important;height:auto!important;margin:0!important;padding:10px!important;overflow:visible!important}
  html body.store-body .auth-v928{display:block!important;width:100%!important;height:auto!important;min-height:calc(100dvh - 20px)!important;padding:0!important;overflow:visible!important}
  html body.store-body .auth-v928-orb{display:none!important}
  html body.store-body .auth-v928-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:54px!important;min-height:54px!important;margin:0 0 16px!important;padding:0 4px!important}
  html body.store-body .auth-v928-brand{display:flex!important;align-items:center!important;min-width:0!important;max-width:calc(100% - 58px)!important}
  html body.store-body .auth-v928-brand img{display:block!important;width:150px!important;max-width:68vw!important;height:auto!important}
  html body.store-body .auth-v928-brand span{display:none!important}
  html body.store-body .auth-v928-back{position:relative!important;display:grid!important;place-items:center!important;width:46px!important;min-width:46px!important;height:46px!important;min-height:46px!important;padding:0!important;border-radius:15px!important;overflow:hidden!important;color:#52657d!important}
  html body.store-body .auth-v928-back .i,
  html body.store-body .auth-v928-back iconify-icon,
  html body.store-body .auth-v928-back span{display:none!important}
  html body.store-body .auth-v928-back:before{content:'←'!important;display:block!important;font-size:23px!important;line-height:1!important;font-weight:500!important}
  html body.store-body .auth-v928-shell{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-width:520px!important;margin:0 auto!important;overflow:visible!important}
  html body.store-body .auth-v928-story{display:none!important}
  html body.store-body .auth-v928-card{display:block!important;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:22px 18px!important;border-radius:25px!important;overflow:visible!important}
  html body.store-body .auth-v928-card-head h2{font-size:27px!important;line-height:1.05!important}
  html body.store-body .auth-v928-field input{font-size:16px!important}
}

@media (max-width:430px){
  html body.store-body{--mobile-bottom-nav-h:72px!important}
  html body.store-body .main{padding:6px 6px calc(var(--mobile-bottom-nav-h) + 20px + env(safe-area-inset-bottom))!important}
  html body.store-body .topbar.topbar-v849{padding:4px!important;border-radius:15px!important}
  html body.store-body .topbar.topbar-v849>.search,
  html body.store-body .topbar.topbar-v849>.topbar-search-v849{height:44px!important;min-height:44px!important;padding:0 12px!important;border-radius:12px!important}
  html body.store-body .rate-strip.rate-strip-v846{padding:10px!important;border-radius:18px!important}
  html body.store-body .promo-slider .promo-copy{padding:20px 17px 54px!important}
  html body.store-body .promo-slider .hero-mixed-title-v841,
  html body.store-body .promo-slider .promo-copy h1{font-size:clamp(29px,9vw,37px)!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:25px!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:13px!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;max-width:82px!important;border-radius:20px!important}
  html body.store-body .material-card-v844__title{font-size:22px!important}
  html body.store-body .material-card-v844__description{font-size:13.5px!important}
  html body.store-body .material-card-v844__price b{font-size:27px!important}
  html body.store-body .mobile-bottom-nav-v18{left:7px!important;right:7px!important;bottom:calc(6px + env(safe-area-inset-bottom))!important;min-height:66px!important;padding:5px!important;border-radius:22px!important}
  html body.store-body .mobile-bottom-nav-v18>button{height:55px!important;border-radius:16px!important}
  html body.store-body .auth-v928-topbar{margin-bottom:10px!important}
  html body.store-body .auth-v928-card{padding:20px 16px!important;border-radius:23px!important}
}

@media (max-width:360px){
  html body.store-body .material-card-v844__hero{grid-template-columns:72px minmax(0,1fr)!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;max-width:72px!important}
  html body.store-body .material-card-v844__title{font-size:20px!important}
  html body.store-body .mobile-bottom-nav-v18>button:after{font-size:8.8px!important}
}

/* No storefront bottom navigation inside standalone documentation. */
@media (max-width:900px){
  html.page-docs-v20 body.store-body .mobile-bottom-nav-v18{display:none!important}
}

/* Mobile v21 — storefront rebuild for phones and compact tablets.
   Final override: language button in header, native page scroll, no carousels/rate strip. */
@media (max-width:900px){
  html,
  html.mobile-nav-open-v14{
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y pinch-zoom!important;
    overscroll-behavior-y:auto!important;
    -webkit-text-size-adjust:100%!important;
  }
  html body.store-body,
  html body.store-body.mobile-nav-open-v14{
    position:relative!important;
    width:100%!important;
    min-height:100dvh!important;
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    touch-action:pan-y pinch-zoom!important;
    overscroll-behavior-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  html body.store-body #app,
  html body.store-body .store-layout,
  html body.store-body .store-layout.sidebar-collapsed{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    min-height:100dvh!important;
    height:auto!important;
    overflow:visible!important;
    touch-action:pan-y pinch-zoom!important;
  }
  html body.store-body .main{
    position:relative!important;
    width:100%!important;
    max-width:760px!important;
    min-width:0!important;
    min-height:100dvh!important;
    height:auto!important;
    margin:0 auto!important;
    padding:10px 12px calc(92px + env(safe-area-inset-bottom))!important;
    overflow:visible!important;
    touch-action:pan-y pinch-zoom!important;
  }

  /* Search + language button. */
  html body.store-body .topbar.topbar-v849{
    position:sticky!important;
    top:0!important;
    z-index:1180!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    grid-template-rows:52px!important;
    align-items:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-height:64px!important;
    height:64px!important;
    margin:0 0 12px!important;
    padding:6px!important;
    border:1px solid rgba(183,204,229,.9)!important;
    border-radius:20px!important;
    background:rgba(250,252,255,.96)!important;
    box-shadow:0 10px 30px rgba(44,78,124,.1)!important;
    overflow:visible!important;
    backdrop-filter:blur(22px) saturate(165%)!important;
    -webkit-backdrop-filter:blur(22px) saturate(165%)!important;
  }
  html body.store-body .topbar.topbar-v849>*:not(.search):not(.topbar-search-v849):not(.lang-switch){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  html body.store-body .topbar.topbar-v849>.search,
  html body.store-body .topbar.topbar-v849>.topbar-search-v849{
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    gap:11px!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 15px!important;
    border:1px solid rgba(186,207,232,.76)!important;
    border-radius:15px!important;
    background:#f2f7fc!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
    transform:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    overflow:hidden!important;
  }
  html body.store-body .topbar.topbar-v849>.search .quick-trigger-placeholder-v175{
    min-width:0!important;
    font-size:15px!important;
    line-height:1.1!important;
    font-weight:700!important;
    color:#718198!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  html body.store-body .topbar.topbar-v849>.search .i,
  html body.store-body .topbar.topbar-v849>.search iconify-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    font-size:22px!important;
    color:#0a84ff!important;
  }
  html body.store-body .topbar.topbar-v849>.search kbd{display:none!important}
  html body.store-body .topbar.topbar-v849>.lang-switch{
    grid-column:2!important;
    grid-row:1!important;
    position:relative!important;
    inset:auto!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
  html body.store-body .topbar.topbar-v849>.lang-switch>.lang-top{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(183,204,229,.9)!important;
    border-radius:15px!important;
    background:#fff!important;
    color:#172033!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  html body.store-body .topbar.topbar-v849>.lang-switch>.lang-top:active{transform:scale(.96)!important}
  html body.store-body .topbar.topbar-v849>.lang-switch>.lang-top.active{
    border-color:#79b5ff!important;
    background:#eaf4ff!important;
    box-shadow:0 0 0 3px rgba(10,132,255,.11)!important;
  }
  html body.store-body .topbar.topbar-v849 .lang-flag-img{
    display:block!important;
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
    object-fit:cover!important;
    border-radius:999px!important;
    box-shadow:0 0 0 1px rgba(55,76,103,.12)!important;
  }
  html body.store-body .topbar.topbar-v849 .lang-menu{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:74px!important;
    bottom:auto!important;
    z-index:2400!important;
    display:block!important;
    width:calc(100% - 24px)!important;
    max-width:430px!important;
    min-width:0!important;
    max-height:min(70dvh,520px)!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid rgba(174,198,227,.92)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 24px 70px rgba(28,58,96,.24)!important;
    transform:translateX(-50%)!important;
    overflow:auto!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    backdrop-filter:blur(24px) saturate(170%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(170%)!important;
  }

  /* Currency ticker and currency switcher are desktop-only. */
  html body.store-body .rate-strip.rate-strip-v846,
  html body.store-body .currency-tools,
  html body.store-body .currency-icons{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Mobile hero is a static card, not a carousel. */
  html body.store-body .promo-slider{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 14px!important;
    overflow:visible!important;
    touch-action:pan-y pinch-zoom!important;
  }
  html body.store-body .promo-slider .telegram-slide,
  html body.store-body .promo-slider .promo-dots{
    display:none!important;
    visibility:hidden!important;
    position:absolute!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }
  html body.store-body .promo-slider .dle-slide,
  html body.store-body .promo-slider .dle-slide.active,
  html body.store-body .promo-slider .dle-slide:not(.active){
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  html body.store-body .promo-slider .promo-banner.compact-promo{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    border:1px solid rgba(177,204,236,.9)!important;
    border-radius:25px!important;
    background:linear-gradient(145deg,#fff 0%,#eef6ff 100%)!important;
    box-shadow:0 16px 42px rgba(43,83,132,.1)!important;
    overflow:hidden!important;
  }
  html body.store-body .promo-slider .promo-copy{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    padding:24px 22px!important;
  }
  html body.store-body .promo-slider .promo-label{
    display:block!important;
    margin:0 0 12px!important;
    font-size:10px!important;
    line-height:1!important;
    letter-spacing:.18em!important;
  }
  html body.store-body .promo-slider .hero-mixed-title-v841,
  html body.store-body .promo-slider .promo-copy h1{
    display:block!important;
    width:100%!important;
    max-width:560px!important;
    margin:0 0 12px!important;
    font-size:clamp(30px,6.8vw,44px)!important;
    line-height:1.02!important;
    letter-spacing:-.055em!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    writing-mode:horizontal-tb!important;
  }
  html body.store-body .promo-slider .promo-copy p{
    width:100%!important;
    max-width:580px!important;
    margin:0 0 18px!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  html body.store-body .promo-slider .hero-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
  }
  html body.store-body .promo-slider .hero-actions>*{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    border-radius:15px!important;
    font-size:13px!important;
  }
  html body.store-body .promo-slider .promo-art{display:none!important}

  /* Category navigation is a grid, never a horizontal slider. */
  html body.store-body .home-chipbar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 22px!important;
    padding:0!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
    touch-action:pan-y pinch-zoom!important;
  }
  html body.store-body .home-chipbar>a,
  html body.store-body .home-chipbar>button{
    display:grid!important;
    grid-template-columns:28px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:9px!important;
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    margin:0!important;
    padding:0 13px!important;
    border:1px solid rgba(181,204,231,.82)!important;
    border-radius:17px!important;
    background:#fff!important;
    color:#192338!important;
    box-shadow:0 8px 24px rgba(45,78,119,.055)!important;
    scroll-snap-align:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  html body.store-body .home-chipbar>a>.i,
  html body.store-body .home-chipbar>a>iconify-icon,
  html body.store-body .home-chipbar>button>.i,
  html body.store-body .home-chipbar>button>iconify-icon{
    width:24px!important;
    height:24px!important;
    font-size:24px!important;
    color:#0a84ff!important;
  }
  html body.store-body .home-chipbar>a>span,
  html body.store-body .home-chipbar>button>span{
    min-width:24px!important;
    height:24px!important;
    padding:0 7px!important;
    border-radius:999px!important;
    background:#eaf4ff!important;
    color:#0a84ff!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  /* Compact tablet cards; phones switch to a single column below. */
  html body.store-body .app-grid,
  html body.store-body .home-main-grid,
  html body.store-body .material-grid-v844,
  html body.store-body .catalog-grid,
  html body.store-body .catalog-grid.app-list-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  html body.store-body .material-card-v844{
    padding:16px!important;
    border-radius:22px!important;
    contain:layout paint!important;
  }
  html body.store-body .material-card-v844__hero{
    grid-template-columns:76px 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:76px!important;
    height:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    border-radius:19px!important;
  }
  html body.store-body .material-card-v844__title{font-size:20px!important}
  html body.store-body .material-card-v844__description{font-size:13px!important;-webkit-line-clamp:3!important}
  html body.store-body .material-card-v844__price b{font-size:25px!important}
  html body.store-body .material-card-v844__cart{height:49px!important;border-radius:15px!important;font-size:13px!important}
  html body.store-body .catalog-top{justify-content:flex-start!important}

  /* Bottom navigation stays compact and centered on tablets. */
  html body.store-body .mobile-bottom-nav-v18{
    left:50%!important;
    right:auto!important;
    bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:calc(100% - 20px)!important;
    max-width:560px!important;
    min-height:68px!important;
    transform:translate3d(-50%,0,0)!important;
    border-radius:24px!important;
  }
}

@media (max-width:620px){
  html body.store-body .main{
    max-width:none!important;
    padding:8px 8px calc(88px + env(safe-area-inset-bottom))!important;
  }
  html body.store-body .promo-slider .hero-actions{grid-template-columns:1fr!important}
  html body.store-body .app-grid,
  html body.store-body .home-main-grid,
  html body.store-body .material-grid-v844,
  html body.store-body .catalog-grid,
  html body.store-body .catalog-grid.app-list-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
  html body.store-body .material-card-v844__hero{
    grid-template-columns:86px 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:86px!important;
    height:86px!important;
    min-width:86px!important;
    max-width:86px!important;
    border-radius:21px!important;
  }
  html body.store-body .material-card-v844__title{font-size:23px!important}
}

@media (max-width:430px){
  html body.store-body .main{padding:6px 6px calc(84px + env(safe-area-inset-bottom))!important}
  html body.store-body .topbar.topbar-v849{
    grid-template-columns:minmax(0,1fr) 46px!important;
    grid-template-rows:48px!important;
    gap:6px!important;
    height:60px!important;
    min-height:60px!important;
    margin-bottom:9px!important;
    padding:5px!important;
    border-radius:18px!important;
  }
  html body.store-body .topbar.topbar-v849>.search,
  html body.store-body .topbar.topbar-v849>.topbar-search-v849{
    height:48px!important;
    min-height:48px!important;
    padding:0 13px!important;
    border-radius:14px!important;
  }
  html body.store-body .topbar.topbar-v849>.lang-switch,
  html body.store-body .topbar.topbar-v849>.lang-switch>.lang-top{
    width:46px!important;
    min-width:46px!important;
    max-width:46px!important;
    height:48px!important;
    min-height:48px!important;
    border-radius:14px!important;
  }
  html body.store-body .topbar.topbar-v849 .lang-flag-img{width:25px!important;height:25px!important;min-width:25px!important}
  html body.store-body .topbar.topbar-v849 .lang-menu{top:68px!important;width:calc(100% - 12px)!important}
  html body.store-body .promo-slider .promo-copy{padding:21px 18px!important}
  html body.store-body .promo-slider .hero-mixed-title-v841,
  html body.store-body .promo-slider .promo-copy h1{font-size:clamp(29px,9vw,38px)!important}
  html body.store-body .home-chipbar{gap:7px!important}
  html body.store-body .home-chipbar>a,
  html body.store-body .home-chipbar>button{
    grid-template-columns:25px minmax(0,1fr) auto!important;
    gap:7px!important;
    height:49px!important;
    padding:0 10px!important;
    border-radius:15px!important;
    font-size:11.5px!important;
  }
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:24px!important}
  html body.store-body .mobile-bottom-nav-v18{
    width:calc(100% - 12px)!important;
    bottom:calc(6px + env(safe-area-inset-bottom))!important;
    min-height:64px!important;
    border-radius:22px!important;
  }
}

@media (max-width:350px){
  html body.store-body .home-chipbar{grid-template-columns:1fr!important}
}
