/* v17 — Telegram Web inspired mobile shell without duplicating navigation markup */
@media (max-width:900px){
  html,body{overscroll-behavior-y:none}
  html body.store-body{background:#f4f8fc!important}
  html body.store-body .store-layout{display:block!important;width:100%!important;min-width:0!important}
  html body.store-body .main{width:100%!important;min-width:0!important;max-width:none!important;padding:8px 8px calc(76px + env(safe-area-inset-bottom))!important}

  /* compact app bar: hamburger, search, cart */
  html body.store-body.ui-topbar-v849 .topbar.topbar-v849,
  html body.store-body .topbar.topbar-v849{
    position:sticky!important;top:0!important;z-index:1200!important;
    display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;grid-template-rows:50px!important;
    align-items:center!important;gap:8px!important;width:100%!important;min-height:58px!important;height:58px!important;
    margin:0 0 8px!important;padding:4px!important;border:1px solid rgba(182,204,231,.82)!important;border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 8px 24px rgba(40,73,120,.08)!important;
    backdrop-filter:blur(18px) saturate(150%)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important
  }
  html body.store-body .topbar.topbar-v849>.mobile-nav-toggle-v13{
    display:grid!important;grid-column:1!important;grid-row:1!important;width:44px!important;min-width:44px!important;max-width:44px!important;
    height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;
    background:transparent!important;color:#223047!important;place-items:center!important
  }
  html body.store-body .topbar.topbar-v849>.mobile-nav-toggle-v13:hover,
  html body.store-body .topbar.topbar-v849>.mobile-nav-toggle-v13.active{background:#eaf3ff!important;color:#0a84ff!important}
  html body.store-body .topbar.topbar-v849>.search{
    grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:44px!important;min-height:44px!important;max-height:44px!important;
    margin:0!important;padding:0 12px!important;border:0!important;border-radius:14px!important;background:#eef4fa!important;box-shadow:none!important
  }
  html body.store-body .topbar.topbar-v849>.search .quick-trigger-placeholder-v175{font-size:14px!important;font-weight:600!important;color:#7c8da3!important}
  html body.store-body .topbar.topbar-v849>.search .i,
  html body.store-body .topbar.topbar-v849>.search iconify-icon{width:19px!important;height:19px!important;font-size:19px!important;color:#60758e!important}
  html body.store-body .topbar.topbar-v849>.search kbd{display:none!important}
  html body.store-body .topbar.topbar-v849>.cart-shell-v11{
    display:block!important;grid-column:3!important;grid-row:1!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;margin:0!important;position:relative!important
  }
  html body.store-body .topbar.topbar-v849>.cart-shell-v11>.cart-top-v11{
    width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;
    border:0!important;border-radius:14px!important;background:transparent!important;color:#223047!important;padding:0!important;display:grid!important;place-items:center!important
  }
  html body.store-body .topbar.topbar-v849>.cart-shell-v11>.cart-top-v11:hover{background:#eaf3ff!important;color:#0a84ff!important}
  html body.store-body .topbar.topbar-v849>.cart-shell-v11 .i,
  html body.store-body .topbar.topbar-v849>.cart-shell-v11 iconify-icon{width:20px!important;height:20px!important;font-size:20px!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>.profile-menu-shell-v285,
  html body.store-body .topbar.topbar-v849>.guest-login-v931{display:none!important}
  html body.store-body .topbar.topbar-v849 .topbar-action-badge-v11,
  html body.store-body .topbar.topbar-v849 .cart-count-v9{top:-2px!important;right:-2px!important;min-width:18px!important;height:18px!important;font-size:10px!important;box-shadow:0 0 0 3px #fff!important}

  /* compact USDT service banner */
  html body.store-body .rate-strip-v846{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;width:100%!important;min-height:50px!important;margin:0 0 10px!important;padding:7px 9px!important;gap:8px!important;border-radius:16px!important;background:#fff!important;box-shadow:0 6px 18px rgba(40,73,120,.05)!important}
  html body.store-body .rate-left-v846{min-width:0!important;gap:8px!important}
  html body.store-body .rate-icon-v846{width:30px!important;height:30px!important;flex:0 0 30px!important}
  html body.store-body .rate-copy-v846 b{font-size:12.5px!important;line-height:1.1!important;white-space:nowrap!important}
  html body.store-body .rate-copy-v846 span{display:none!important}
  html body.store-body .rate-live-v846{min-width:0!important;min-height:32px!important;height:32px!important;padding:0 9px!important;border-radius:11px!important;gap:6px!important;white-space:nowrap!important}
  html body.store-body .rate-live-v846 strong{font-size:11.5px!important}
  html body.store-body .rate-live-v846 small{font-size:9.5px!important;max-width:118px!important;overflow:hidden!important;text-overflow:ellipsis!important}

  /* slide drawer */
  html body.store-body .mobile-nav-backdrop-v13{position:fixed!important;inset:0!important;z-index:2190!important;display:block!important;border:0!important;background:rgba(25,40,58,.38)!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important}
  html body.store-body .sidebar.is-compact{
    display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;z-index:2200!important;
    width:min(88vw,360px)!important;max-width:360px!important;height:100dvh!important;min-height:0!important;
    padding:132px 10px calc(18px + env(safe-area-inset-bottom))!important;border:0!important;border-right:1px solid #d9e5f2!important;border-radius:0 22px 22px 0!important;
    background:#fff!important;box-shadow:22px 0 60px rgba(24,48,82,.22)!important;transform:translate3d(-104%,0,0)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility .18s ease!important
  }
  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 .sidebar.is-compact>.logo{display:flex!important;position:absolute!important;top:10px!important;left:12px!important;right:58px!important;width:auto!important;height:50px!important;margin:0!important;padding:0 10px!important;border-radius:15px!important;background:#f1f6fb!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}
  html body.store-body .sidebar.is-compact>.logo img{width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important}
  html body.store-body .sidebar.is-compact>.logo:after{content:'ilyaugly dev';font-size:14px;font-weight:800;color:#1d2a3d;white-space:nowrap}
  html body.store-body .sidebar.is-compact>.side-section-title{display:none!important}
  html body.store-body .sidebar.is-compact .side-cats,
  html body.store-body .sidebar.is-compact .side-nav{display:grid!important;gap:3px!important;margin:0!important;padding:0!important}
  html body.store-body .sidebar.is-compact .side-cat{width:100%!important;min-height:48px!important;padding:6px 9px!important;border-radius:13px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;color:#29384d!important;text-decoration:none!important}
  html body.store-body .sidebar.is-compact .side-cat:hover,
  html body.store-body .sidebar.is-compact .side-cat.active{background:#eaf3ff!important;color:#0a84ff!important}
  html body.store-body .sidebar.is-compact .side-icon-clean{width:36px!important;height:36px!important;border-radius:11px!important;display:grid!important;place-items:center!important;background:#f1f6fb!important;color:#6f8299!important}
  html body.store-body .sidebar.is-compact .side-cat.active .side-icon-clean{background:#d8eaff!important;color:#0a84ff!important}
  html body.store-body .sidebar.is-compact .side-label{display:block!important;min-width:0!important;font-size:13px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body.store-body .sidebar.is-compact .side-cat-count{display:grid!important;place-items:center!important;min-width:24px!important;height:24px!important;padding:0 6px!important;border-radius:99px!important;background:#eef3f8!important;color:#6c7e94!important;font-size:10px!important}
  html body.store-body .sidebar.is-compact .side-support{margin-top:10px!important;padding:10px!important;border-radius:15px!important;background:#f4f8fc!important}
  html body.store-body .sidebar.is-compact .side-copy{display:none!important}

  /* move the existing actions into the open drawer */
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.mobile-nav-toggle-v13{
    display:grid!important;position:fixed!important;top:14px!important;left:calc(min(88vw,360px) - 54px)!important;z-index:2220!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;background:#fff!important;box-shadow:0 4px 14px rgba(41,72,109,.1)!important
  }
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.lang-switch,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.notifications-shell-v283,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.cart-shell-v11,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.profile-menu-shell-v285,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.guest-login-v931{
    display:block!important;position:fixed!important;top:72px!important;z-index:2220!important;width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important
  }
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.lang-switch{left:14px!important}
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.notifications-shell-v283{left:70px!important}
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.cart-shell-v11{left:126px!important;grid-column:auto!important;grid-row:auto!important}
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.profile-menu-shell-v285,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.guest-login-v931{left:182px!important}
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.lang-switch>.top-btn,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.notifications-shell-v283>.top-btn,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.cart-shell-v11>.cart-top-v11,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.profile-menu-shell-v285>.login-top,
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849>.guest-login-v931{
    display:grid!important;place-items:center!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important;padding:0!important;border:1px solid #dce8f4!important;border-radius:15px!important;background:#f5f9fd!important;color:#27384d!important
  }
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849 .lang-flag-img{width:25px!important;height:25px!important;min-width:25px!important}
  html body.store-body.mobile-nav-open-v14 .topbar.topbar-v849 .topbar-action-badge-v11{top:-3px!important;right:-3px!important;box-shadow:0 0 0 3px #fff!important}

  /* sheets on mobile */
  html body.store-body .notifications-panel-v283,
  html body.store-body .notifications-panel-v351,
  html body.store-body .lang-menu-v12,
  html body.store-body .profile-menu-v11{
    position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;max-height:min(78dvh,680px)!important;margin:0!important;border-radius:22px!important;z-index:2300!important;overflow:auto!important
  }

  /* home */
  html body.store-body .promo-slider{margin:0 0 10px!important}
  html body.store-body .promo-slider .promo-banner.compact-promo{min-height:248px!important;height:auto!important;border-radius:20px!important}
  html body.store-body .promo-slider .promo-copy,
  html body.store-body .promo-slider .tg-copy-v389{padding:18px 15px 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.2vw,34px)!important;line-height:1.02!important;margin-bottom:10px!important}
  html body.store-body .promo-slider .promo-copy p{font-size:13px!important;line-height:1.45!important;margin-bottom:14px!important}
  html body.store-body .promo-slider .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  html body.store-body .promo-slider .hero-actions>*{width:100%!important;height:44px!important;border-radius:13px!important;font-size:12.5px!important}
  html body.store-body .promo-slider .promo-visual,
  html body.store-body .promo-slider .tg-art-v389{display:none!important}
  html body.store-body .home-chipbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;width:calc(100% + 16px)!important;margin:0 -8px 14px!important;padding:0 8px 4px!important;gap:7px!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:38px!important;border-radius:13px!important;padding:0 12px!important;font-size:12px!important;scroll-snap-align:start!important}
  html body.store-body .home-row{margin-bottom:20px!important}
  html body.store-body .section-head,
  html body.store-body .section-head.compact{align-items:center!important;margin:0 0 10px!important;gap:8px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:25px!important;line-height:1.06!important;letter-spacing:-.045em!important}
  html body.store-body .section-head a{font-size:12px!important;white-space:nowrap!important}

  /* one-column Telegram-like item cards */
  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:1fr!important;gap:9px!important}
  html body.store-body .material-card-v844{min-height:0!important;padding:12px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(39,72,115,.06)!important}
  html body.store-body .material-card-v844__hero{grid-template-columns:62px minmax(0,1fr)!important;gap:11px!important;align-items:center!important}
  html body.store-body .material-card-v844__icon-wrap,
  html body.store-body .material-card-v844__icon{width:62px!important;height:62px!important;min-width:62px!important;border-radius:16px!important}
  html body.store-body .material-card-v844__title{font-size:18px!important;line-height:1.12!important;-webkit-line-clamp:2!important}
  html body.store-body .material-card-v844__meta{gap:5px!important;margin:0 0 5px!important}
  html body.store-body .material-card-v844__pill{height:24px!important;padding:0 8px!important;border-radius:9px!important;font-size:9.5px!important}
  html body.store-body .material-card-v844__tags{display:flex!important;flex-wrap:nowrap!important;overflow:hidden!important;margin-top:9px!important;gap:5px!important}
  html body.store-body .material-card-v844__tags button{flex:0 0 auto!important;height:27px!important;padding:0 9px!important;font-size:10.5px!important}
  html body.store-body .material-card-v844__description{margin:9px 0!important;font-size:12.5px!important;line-height:1.42!important;-webkit-line-clamp:2!important}
  html body.store-body .material-card-v844__foot{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;margin-top:8px!important;padding-top:10px!important}
  html body.store-body .material-card-v844__price b{font-size:20px!important}
  html body.store-body .material-card-v844__price span{display:none!important}
  html body.store-body .material-card-v844__cart{width:auto!important;min-width:116px!important;height:40px!important;border-radius:12px!important;padding:0 12px!important;font-size:12px!important}

  html body.store-body .site-footer,
  html body.store-body .compact-footer{margin-top:16px!important;padding:12px!important;border-radius:18px!important}
  html body.store-body .footer-line{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body.store-body .footer-brand{justify-content:center!important}
  html body.store-body .footer-links{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  html body.store-body .footer-links a{height:40px!important;border-radius:12px!important;font-size:11px!important}
}

@media (max-width:430px){
  html body.store-body .main{padding:6px 6px calc(72px + env(safe-area-inset-bottom))!important}
  html body.store-body .topbar.topbar-v849{grid-template-columns:42px minmax(0,1fr) 42px!important;grid-template-rows:46px!important;min-height:54px!important;height:54px!important;border-radius:16px!important;padding:4px!important;gap:6px!important}
  html body.store-body .topbar.topbar-v849>.mobile-nav-toggle-v13,
  html body.store-body .topbar.topbar-v849>.cart-shell-v11,
  html body.store-body .topbar.topbar-v849>.cart-shell-v11>.cart-top-v11{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:13px!important}
  html body.store-body .topbar.topbar-v849>.search{height:42px!important;min-height:42px!important;max-height:42px!important;border-radius:13px!important;padding:0 10px!important}
  html body.store-body .rate-strip-v846{min-height:46px!important;padding:6px 8px!important;border-radius:15px!important}
  html body.store-body .rate-live-v846 small{display:none!important}
  html body.store-body .promo-slider .promo-banner.compact-promo{min-height:236px!important}
  html body.store-body .section-title-with-icon h2,
  html body.store-body .section-head h2{font-size:23px!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 .topbar.topbar-v849>.search .quick-trigger-placeholder-v175{font-size:12.5px!important}
  html body.store-body .rate-copy-v846 b{font-size:11.5px!important}
  html body.store-body .rate-live-v846 strong{font-size:10.5px!important}
  html body.store-body .promo-slider .promo-copy h1,
  html body.store-body .promo-slider .hero-mixed-title-v841{font-size:25px!important}
  html body.store-body .material-card-v844__hero{grid-template-columns:56px minmax(0,1fr)!important}
  html body.store-body .material-card-v844__icon-wrap,
  html body.store-body .material-card-v844__icon{width:56px!important;height:56px!important;min-width:56px!important}
}