/* ZUPIX MOBILE-020 — production mobile layer
   Loaded for every public page, but all overrides are isolated to phone/tablet widths.
   Goal: native-feeling navigation, safe-area support, compact cards/forms and zero horizontal page overflow. */

:root{--z20-mobile-nav-h:72px;--z20-safe-bottom:env(safe-area-inset-bottom,0px)}
.z20-mobile-nav{display:none}
.z18-catalog-button,.z18-catalog-button *{text-decoration:none!important}

@media(max-width:760px){
  html{overflow-x:hidden!important;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:118px;scroll-padding-bottom:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom) + 16px)}
  body{min-width:0!important;max-width:100vw!important;overflow-x:hidden!important}
  body:has(.z20-mobile-nav){padding-bottom:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom))!important}
  body>*{max-width:100vw}
  img,svg,video,canvas{max-width:100%}
  input,select,textarea,button{font-size:16px}
  button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
  a,button{touch-action:manipulation}

  /* Header: two-row compact top bar. Desktop actions move to bottom navigation. */
  html body .z18-header{padding:0 10px!important;border-bottom:1px solid rgba(222,227,237,.94)!important;background:rgba(255,255,255,.985)!important;box-shadow:0 5px 18px rgba(28,37,65,.045)!important}
  html body .z18-header-shell{width:100%!important;min-height:106px!important;padding:8px 0 9px!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;grid-template-rows:44px 45px!important;gap:7px 9px!important;align-items:center!important}
  html body .z18-brand{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;height:44px!important;padding:0!important}
  html body .z18-brand img{width:104px!important;max-width:104px!important;height:auto!important}
  html body .z18-catalog-button{grid-column:2!important;grid-row:1!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:0!important;border-radius:14px!important;margin:0!important;box-shadow:0 6px 18px rgba(87,68,221,.17)!important}
  html body .z18-catalog-button b,html body .z18-catalog-button em{display:none!important}
  html body .z18-catalog-button-inner{display:grid!important;place-items:center!important}
  html body .z18-catalog-glyph{width:21px!important;height:21px!important}
  html body .z18-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:45px!important;min-width:0!important;padding:0 10px 0 13px!important;border-radius:14px!important;gap:8px!important;box-shadow:none!important}
  html body .z18-search>svg{width:19px!important;height:19px!important}
  html body .z18-search input{font-size:16px!important;font-weight:520!important}
  html body .z18-search button{width:34px!important;height:34px!important;border-radius:11px!important;flex:0 0 34px!important}
  html body .z18-actions,html body .z18-menu-toggle{display:none!important}

  /* Catalogue becomes a real mobile sheet. Taxonomy is still lazy-loaded. */
  html body .z18-catalog-mega{position:fixed!important;z-index:1600!important;left:8px!important;right:8px!important;top:112px!important;bottom:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom) + 8px)!important;width:auto!important;height:auto!important;max-height:none!important;transform:translateY(12px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html body .z18-header.catalog-open .z18-catalog-mega{transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  html body .z18-catalog-mega-inner{height:100%!important;min-height:0!important;max-height:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:22px!important;background:rgba(255,255,255,.995)!important;box-shadow:0 22px 65px rgba(18,27,52,.22)!important}
  html body .z18-catalog-groups{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:10px!important;border-right:0!important;border-bottom:1px solid #edf0f5!important;background:#fafbfe!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  html body .z18-catalog-groups::-webkit-scrollbar{display:none!important}
  html body .z18-catalog-side-head{display:none!important}
  html body .z18-catalog-groups>a{flex:0 0 auto!important;display:flex!important;grid-template-columns:none!important;min-height:39px!important;height:39px!important;max-width:170px!important;padding:0 11px!important;border:1px solid #e6e9f1!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;gap:7px!important}
  html body .z18-catalog-groups>.z18-mega-section-tab{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:7px!important;width:auto!important;min-width:0!important;max-width:190px!important;min-height:39px!important;height:39px!important;padding:0 11px!important;border:1px solid #e6e9f1!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;color:#536078!important}
  html body .z18-catalog-groups>.z18-mega-section-tab.is-active{border-color:#d2c6fb!important;background:#f1edff!important;color:#603de0!important}
  html body .z18-catalog-groups>.z18-mega-section-tab .z18-mega-cat-icon,html body .z18-catalog-groups>.z18-mega-section-tab>i{display:none!important}
  html body .z18-catalog-groups>.z18-mega-section-tab>b{font-size:11px!important;font-weight:700!important;white-space:nowrap!important}
  html body .z18-catalog-groups>a .z18-mega-cat-icon{display:none!important}
  html body .z18-catalog-groups>a b{font-size:11px!important;white-space:nowrap!important}
  html body .z18-catalog-groups>a i{display:none!important}
  html body .z18-catalog-stage{min-height:0!important;flex:1 1 auto!important;overflow:auto!important;overscroll-behavior:contain!important}
  html body .z18-catalog-showcase{padding:16px 14px 22px!important;overflow:visible!important}
  html body .z18-catalog-showcase-head{align-items:flex-start!important;margin-bottom:14px!important;gap:8px!important}
  html body .z18-catalog-showcase-head h2{font-size:21px!important}
  html body .z18-catalog-showcase-head>a{font-size:10.5px!important;white-space:nowrap!important}
  html body .z18-catalog-popular{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-bottom:16px!important}
  html body .z18-catalog-popular>a{padding:6px 2px!important;gap:5px!important}
  html body .z18-catalog-popular>a>span{width:49px!important;height:49px!important;border-radius:14px!important}
  html body .z18-catalog-popular b{font-size:9.5px!important}
  html body .z18-catalog-columns{grid-template-columns:1fr 1fr!important;gap:16px!important;padding-top:16px!important}
  html body .z18-catalog-columns>div:last-child{display:none!important}
  html body .z18-catalog-columns h3{font-size:13px!important}
  html body .z18-catalog-columns a{font-size:11.5px!important;line-height:1.4!important}
  html body .z18-catalog-lazy-state{padding:8px 4px!important;font-size:12px!important;color:#7f899b!important}

  /* Bottom navigation. */
  html body .z20-mobile-nav{position:fixed!important;z-index:1700!important;left:0!important;right:0!important;bottom:0!important;height:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom))!important;padding:6px 7px var(--z20-safe-bottom)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:start!important;border-top:1px solid rgba(219,224,235,.96)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;box-shadow:0 -10px 34px rgba(25,34,61,.09)!important}
  .z20-mobile-nav-item{position:relative!important;min-width:0!important;height:58px!important;border:0!important;border-radius:14px!important;background:transparent!important;color:#7a8599!important;text-decoration:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;font:inherit!important;cursor:pointer!important}
  .z20-mobile-nav-item>span{position:relative!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:10px!important;color:#233049!important}
  .z20-mobile-nav-item svg{width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  .z20-mobile-nav-item small{max-width:100%!important;font-size:9.5px!important;font-weight:720!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .z20-mobile-nav-item.is-active{color:#6542e8!important;background:#f7f5ff!important}
  .z20-mobile-nav-item.is-active>span{color:#633ee7!important;background:#eee9ff!important}
  .z20-mobile-nav-item>span em{position:absolute!important;right:-7px!important;top:-5px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;background:#653bea!important;color:#fff!important;font:800 9px/17px Onest,system-ui,sans-serif!important;text-align:center!important;font-style:normal!important}
  .z20-mobile-sell{transform:translateY(-8px)!important}
  .z20-mobile-sell>span{width:46px!important;height:46px!important;border-radius:16px!important;background:linear-gradient(135deg,#7948f6,#4856f4 55%,#2685f5)!important;color:#fff!important;box-shadow:0 9px 24px rgba(75,73,230,.28)!important}
  .z20-mobile-sell small{margin-top:-1px!important;color:#556178!important}
  .z20-mobile-sell.is-active>span{background:linear-gradient(135deg,#6b3eea,#3f4eea 55%,#1e77e9)!important;color:#fff!important}
  .z20-mobile-profile-mark{font-weight:900!important;font-size:12px!important;background:linear-gradient(135deg,#1d2740,#6940ef)!important;color:#fff!important;border-radius:50%!important}

  /* Common mobile layout primitives. */
  html body .container,html body .z14-shell,html body .ztx-shell,html body .z17-shell,html body .zreq-shell,html body .z78-product-shell,html body .zlegal-shell{width:calc(100% - 20px)!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
  html body .page{padding:18px 0 32px!important;min-height:0!important}
  html body .panel,html body .card,html body .auth-card,html body .z14-card{border-radius:18px!important}
  html body .auth-card{max-width:none!important;margin:8px auto 20px!important;padding:20px 17px!important}
  html body .auth-card h1{font-size:27px!important;line-height:1.1!important}
  html body .form-stack{gap:13px!important}
  html body .form-stack input,html body .form-stack select,html body .form-stack textarea,html body .panel input,html body .panel select,html body .panel textarea{font-size:16px!important;min-height:48px!important}
  html body .btn{min-height:46px!important}
  html body .btn-wide{width:100%!important}

  /* Home / feed. */
  html body .premium-home{padding-left:8px!important;padding-right:8px!important;padding-bottom:28px!important}
  html body .premium-home .market-main{width:100%!important}
  html body .premium-home .market-icon-strip{margin-left:0!important;margin-right:0!important;padding-left:8px!important;padding-right:8px!important;border-radius:18px!important}
  html body .premium-home .market-icon-rail{overflow-x:auto!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  html body .premium-home .market-icon-rail::-webkit-scrollbar{display:none!important}
  html body .premium-home .market-rail-item{scroll-snap-align:start!important}
  html body .premium-home .market-products-section{padding:12px!important;border-radius:18px!important}
  html body .premium-home .products-heading{grid-template-columns:1fr auto!important;gap:8px!important;padding:0 1px!important;align-items:center!important}
  html body .premium-home .products-heading h2{font-size:20px!important}
  html body .premium-home .product-tabs{grid-column:1/-1!important;margin:3px -2px 0!important;padding:0 2px 3px!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;overscroll-behavior-inline:contain!important}
  html body .premium-home .product-tabs::-webkit-scrollbar{display:none!important}
  html body .premium-home .product-tabs button{flex:0 0 auto!important;min-height:34px!important;font-size:10.5px!important}
  html body .premium-home .market-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .premium-home .market-card{min-width:0!important;border-radius:15px!important}
  html body .premium-home .market-cover-wrap{height:auto!important;aspect-ratio:1.28/1!important}
  html body .premium-home .market-card-body{padding:9px!important}
  html body .premium-home .market-card-body h3{font-size:11.5px!important;line-height:1.3!important;min-height:30px!important;margin:6px 0!important}
  html body .premium-home .market-price-line strong{font-size:15px!important}
  html body .premium-home .market-card-seller{gap:5px!important}
  html body .premium-home .market-trust-strip{overflow-x:auto!important;scrollbar-width:none!important}
  html body .premium-home .market-trust-strip::-webkit-scrollbar{display:none!important}

  /* Quick top-up: single-card flow on phones, horizontal service selector. */
  html body .zquick-topup{margin:10px 0 14px!important;padding:9px!important;border-radius:18px!important;gap:8px!important}
  html body .zquick-services{min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  html body .zquick-services::-webkit-scrollbar{display:none!important}
  html body .zquick-service-grid{min-width:max-content!important}
  html body .zquick-copy h2{font-size:21px!important;line-height:1.15!important}
  html body .zquick-copy p{font-size:11.5px!important;line-height:1.45!important}
  html body .zquick-field{min-height:72px!important}
  html body .zquick-pay{min-height:74px!important}
  html body .zquick-pay>strong{font-size:22px!important}

  /* Full catalogue. */
  html body .ztx-main{padding:14px 0 32px!important}
  html body .ztx-hero{padding:20px 16px!important;border-radius:20px!important}
  html body .ztx-hero h1{font-size:27px!important;line-height:1.12!important}
  html body .ztx-hero p{font-size:13px!important}
  html body .ztx-hero label{height:49px!important;margin-top:16px!important;padding:0 13px!important}
  html body .ztx-tabs{margin:14px 0!important;gap:7px!important;flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important}
  html body .ztx-tabs::-webkit-scrollbar{display:none!important}
  html body .ztx-tabs a{flex:0 0 auto!important;height:42px!important;border-radius:14px!important;padding-right:12px!important}
  html body .ztx-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .ztx-entity{padding:9px 6px 11px!important;border-radius:17px!important;gap:6px!important}
  html body .ztx-icon,html body .ztx-icon b{width:70px!important;height:70px!important;border-radius:19px!important}
  html body .ztx-entity strong{min-height:32px!important;font-size:12.5px!important}
  html body .ztx-subcats{margin-top:16px!important;padding:16px!important;border-radius:20px!important}
  html body .ztx-subhead h2{font-size:23px!important}

  /* Marketplace seller/admin forms. */
  html body .z14-main{padding:15px 0 30px!important}
  html body .z14-pagehead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:13px!important}
  html body .z14-pagehead h1{font-size:25px!important;line-height:1.12!important}
  html body .z14-pagehead .z14-actions,html body .z14-pagehead>a.z14-btn{align-self:stretch!important;width:100%!important}
  html body .z14-grid,html body .z14-product-form,html body .z14-orderbox,html body .z14-public-product{grid-template-columns:1fr!important;gap:12px!important}
  html body .z14-side,html body .z14-formpreview{position:static!important;top:auto!important}
  html body .z14-side{display:flex!important;gap:5px!important;overflow-x:auto!important;padding:7px!important;scrollbar-width:none!important}
  html body .z14-side::-webkit-scrollbar{display:none!important}
  html body .z14-side a{flex:0 0 auto!important;white-space:nowrap!important;min-height:42px!important}
  html body .z14-card{padding:15px!important;margin-bottom:11px!important}
  html body .z14-formgrid{grid-template-columns:1fr!important;gap:12px!important}
  html body .z14-field.full{grid-column:auto!important}
  html body .z14-field input,html body .z14-field select,html body .z14-input,html body .z14-select{height:48px!important;font-size:16px!important}
  html body .z14-field textarea,html body .z14-textarea{font-size:16px!important}
  html body .z14-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .z14-metric{padding:14px!important;border-radius:14px!important}
  html body .z14-metric strong{font-size:19px!important}
  html body .z14-tablewrap{margin:0 -15px!important;padding:0 15px 4px!important;overflow-x:auto!important;scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important}
  html body .z14-table{min-width:720px!important}
  html body .z14-gallery-edit{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body .z14-actions{gap:7px!important}
  html body .z14-actions .z14-btn{flex:1 1 auto!important;min-height:44px!important}

  /* Product page. */
  html body.z78-product-page .z78-product-main{padding-top:10px!important}
  html body.z78-product-page .z78-product-shell{width:calc(100% - 16px)!important}
  html body.z78-product-page .z78-product-breadcrumb{margin:0 2px 9px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none!important}
  html body.z78-product-page .z78-product-stage{grid-template-columns:1fr!important;gap:9px!important}
  html body.z78-product-page .z78-product-visual,html body.z78-product-page .z78-product-info{border-radius:18px!important}
  html body.z78-product-page .z78-product-visual{padding:7px!important}
  html body.z78-product-page .z78-product-imagewrap{min-height:0!important;height:auto!important;aspect-ratio:1.12/1!important;border-radius:14px!important}
  html body.z78-product-page .z78-product-imagewrap>img{max-height:none!important}
  html body.z78-product-page .z78-product-info{padding:16px!important}
  html body.z78-product-page .z78-product-info h1{font-size:24px!important;line-height:1.14!important}
  html body.z78-product-page .z78-price-row{margin:15px 0 9px!important}
  html body.z78-product-page .z78-price-row>strong:first-child{font-size:30px!important}
  html body.z78-product-page .z78-seller-strip{margin-bottom:11px!important}
  html body.z78-product-page .z78-product-details{grid-template-columns:1fr!important;gap:9px!important}
  html body.z78-product-page .z78-product-details article{padding:16px!important;border-radius:18px!important}

  /* Promotion page. */
  html body.z15promo-page .z19promo-shell{grid-template-columns:1fr!important;gap:12px!important}
  html body.z15promo-page .z19promo-preview-panel{order:-1!important}
  html body.z15promo-page .z19promo-preview-sticky{position:static!important;max-width:none!important;padding:12px!important;border-radius:18px!important}
  html body.z15promo-page .z19promo-current{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  html body.z15promo-page .z19promo-current article{min-height:80px!important;padding:11px!important;border-radius:14px!important}
  html body.z15promo-page .z19promo-current article>span{font-size:12px!important}
  html body.z15promo-page .z19promo-current article>small{font-size:10px!important}
  html body.z15promo-page .z21promo-package-grid{grid-template-columns:1fr!important;gap:9px!important}
  html body.z15promo-page .z21promo-package{padding:15px!important;border-radius:18px!important}
  html body.z15promo-page .z19promo-service{padding:15px!important;border-radius:18px!important}
  html body.z15promo-page .z19promo-service-head p{font-size:12.5px!important}
  html body.z15promo-page .z19promo-buyline{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  html body.z15promo-page .z19promo-buyline .z19promo-pay{width:100%!important;min-width:0!important}

  /* Pro. */
  html body.zpro-body .zpro-main{padding:14px 8px 30px!important}
  html body.zpro-body .zpro-choice{padding:16px 11px!important;border-radius:20px!important}
  html body.zpro-body .zpro-choice-head h1{font-size:27px!important;line-height:1.13!important}
  html body.zpro-body .zpro-choice-grid{grid-template-columns:1fr!important;gap:10px!important}
  html body.zpro-body .zpro-choice-card{padding:18px!important;border-radius:18px!important}
  html body.zpro-body .zpro-choice-benefits{grid-template-columns:1fr!important;gap:7px!important}
  html body.zpro-body .zpro-choice-bottom{grid-template-columns:1fr!important;gap:10px!important}
  html body.zpro-body .zpro-choice-button{width:100%!important;min-height:48px!important}
  html body.zpro-body .zpro-command-center,html body.zpro-body .zpro-dashboard-grid{grid-template-columns:1fr!important}

  /* Chats become single-pane on phones. */
  html body.z17-chat-body .z17-chat-page{padding:8px 0 18px!important}
  html body.z17-chat-body .z17-shell{width:calc(100% - 12px)!important}
  html body.z17-chat-body .z17-chat-layout{display:block!important;min-height:calc(100dvh - 190px)!important;border-radius:18px!important;overflow:hidden!important}
  html body.z17-chat-body .z17-conversations{border:0!important;min-height:calc(100dvh - 190px)!important}
  html body.z17-chat-body .z17-thread-list{grid-template-columns:1fr!important}
  html body.z17-chat-body .z17-chat-panel{min-height:calc(100dvh - 190px)!important}
  html body.z17-chat-body .z17-message-list{height:auto!important;min-height:0!important;max-height:calc(100dvh - 315px)!important;padding:13px 10px!important;overflow-y:auto!important}
  html body.z17-chat-body .z17-compose{position:sticky!important;bottom:0!important;padding:9px!important;background:#fff!important;border-top:1px solid #edf0f5!important}
  html body.z17-chat-body .z17-compose textarea{font-size:16px!important;max-height:120px!important}
  html body.z17-chat-body.z20-chat-thread-open .z17-conversations{display:none!important}
  html body.z17-chat-body:not(.z20-chat-thread-open) .z17-chat-panel{display:none!important}
  .z20-chat-back{display:inline-grid!important;place-items:center!important;width:38px!important;height:38px!important;flex:0 0 38px!important;border:1px solid #e2e6ef!important;border-radius:12px!important;background:#fff!important;color:#4f5c73!important;text-decoration:none!important;font-size:20px!important}

  /* Buyer requests. */
  html body.zreq-page .zreq-main{padding-top:12px!important}
  html body.zreq-page .zreq-shell{width:calc(100% - 16px)!important;margin-top:10px!important}
  html body.zreq-page .zreq-page-head{padding:16px!important;border-radius:18px!important}
  html body.zreq-page .zreq-page-head h1{font-size:23px!important}
  html body.zreq-page .zreq-layout{grid-template-columns:1fr!important;gap:10px!important}
  html body.zreq-page .zreq-create,html body.zreq-page .zreq-feed{padding:15px!important;border-radius:18px!important}
  html body.zreq-page .zreq-grid{grid-template-columns:1fr!important}

  /* Seller landing. */
  html body .zs223-shell{width:calc(100% - 20px)!important}
  html body .zs223-hero{padding:24px 0 27px!important}
  html body .zs223-copy h1{font-size:36px!important;line-height:1.05!important}
  html body .zs223-copy>p{font-size:15px!important;line-height:1.55!important}
  html body .zs223-actions{flex-direction:column!important;align-items:stretch!important}
  html body .zs223-primary,html body .zs223-secondary{width:100%!important;min-height:50px!important}
  html body .zs223-trust{grid-template-columns:1fr!important;gap:7px!important}
  html body .zs223-benefits{grid-template-columns:1fr!important;padding:26px 0!important;gap:9px!important}
  html body .zs223-how{grid-template-columns:1fr!important;padding:22px 16px!important;border-radius:20px!important;gap:22px!important}
  html body .zs223-final{flex-direction:column!important;align-items:stretch!important;padding:24px 18px!important;border-radius:20px!important}
  html body .zs223-final a{width:100%!important;justify-content:center!important}

  /* Account. */
  html body .account-page-v145{padding-top:14px!important}
  html body .account-profile-panel{padding:16px!important;border-radius:18px!important}
  html body .account-profile-head{grid-template-columns:1fr!important;text-align:center!important;gap:14px!important}
  html body .account-profile-copy h1{font-size:26px!important}
  html body .account-profile-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;max-width:none!important;width:100%!important}
  html body .account-dashboard-action{width:100%!important;min-width:0!important}
  html body .account-action-logout{grid-column:1/-1!important;width:100%!important}

  /* Legal and contacts. */
  html body.zlegal-body .zlegal-main{padding:12px 8px 18px!important}
  html body.zlegal-body .zlegal-hero{padding:17px 15px!important;border-radius:18px!important}
  html body.zlegal-body .zlegal-hero h1{font-size:27px!important;line-height:1.14!important}
  html body.zlegal-body .zlegal-side{display:flex!important;overflow-x:auto!important;scrollbar-width:none!important}
  html body.zlegal-body .zlegal-side::-webkit-scrollbar{display:none!important}
  html body.zlegal-body .zlegal-side a{flex:0 0 auto!important;white-space:nowrap!important}
  html body.zlegal-body .zlegal-doc{padding:18px 15px 22px!important;border-radius:18px!important}
  html body.zlegal-body .zlegal-table{display:block!important;overflow-x:auto!important}

  /* Footer. */
  html body .zupix-site-footer{margin-bottom:0!important}
  html body .zupix-footer-shell{width:calc(100% - 20px)!important}
  html body .zupix-footer-main{grid-template-columns:1fr!important;gap:24px!important;padding-top:28px!important}
  html body .zupix-footer-nav{grid-template-columns:1fr 1fr!important;gap:20px 12px!important}
  html body .zupix-footer-bottom{align-items:flex-start!important;flex-direction:column!important;gap:8px!important;padding-bottom:22px!important}

  /* Mobile design editor must stay above bottom nav. */
  html body .zid-launcher{bottom:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom) + 8px)!important}
  html body .zid-panel{max-height:calc(100dvh - 150px)!important}

  /* Optional product quick-buy bar injected by zupix-mobile-v020.js. */
  .z20-mobile-buybar{position:fixed!important;z-index:1680!important;left:8px!important;right:8px!important;bottom:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom) + 8px)!important;min-height:58px!important;padding:8px 9px 8px 13px!important;border:1px solid rgba(219,224,235,.95)!important;border-radius:18px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 16px 40px rgba(24,33,62,.16)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
  .z20-mobile-buybar-copy{min-width:0!important;display:grid!important;gap:2px!important}.z20-mobile-buybar-copy small{color:#8a94a6!important;font-size:9.5px!important;font-weight:650!important}.z20-mobile-buybar-copy strong{color:#0ca158!important;font-size:19px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .z20-mobile-buybar button{height:42px!important;min-width:124px!important;padding:0 15px!important;border:0!important;border-radius:13px!important;background:linear-gradient(110deg,#7440ef,#2e88f6)!important;color:#fff!important;font:750 12px/1 Onest,system-ui,sans-serif!important;box-shadow:0 8px 19px rgba(67,85,224,.21)!important}
  body.z20-has-buybar{padding-bottom:calc(var(--z20-mobile-nav-h) + var(--z20-safe-bottom) + 76px)!important}

  /* Generic overflow guards for old widgets. */
  html body table{max-width:100%}
  html body pre,html body code{overflow-wrap:anywhere}
  html body [style*="width:"]{max-width:100%}
}

@media(max-width:420px){
  :root{--z20-mobile-nav-h:69px}
  html body .z18-header{padding-left:8px!important;padding-right:8px!important}
  html body .z18-header-shell{grid-template-columns:auto auto minmax(0,1fr)!important;gap:7px!important}
  html body .z18-brand img{width:96px!important;max-width:96px!important}
  html body .z18-catalog-button{width:42px!important;min-width:42px!important;height:42px!important}
  html body .z20-mobile-nav{padding-left:3px!important;padding-right:3px!important}
  .z20-mobile-nav-item small{font-size:8.7px!important}
  html body .premium-home .market-product-grid{gap:7px!important}
  html body .premium-home .market-products-section{padding:9px!important}
  html body .premium-home .market-card-body{padding:8px!important}
  html body .premium-home .market-card-body h3{font-size:10.8px!important}
  html body .ztx-grid{gap:7px!important}
  html body .ztx-icon,html body .ztx-icon b{width:64px!important;height:64px!important}
  html body .z14-metrics{grid-template-columns:1fr 1fr!important}
  html body .z14-card{padding:13px!important}
  html body .account-profile-actions{grid-template-columns:1fr!important}
  html body .zupix-footer-nav{grid-template-columns:1fr!important}
}

@media(prefers-reduced-motion:reduce){
  .z20-mobile-nav-item,.z18-catalog-mega,.z20-mobile-buybar{transition:none!important;animation:none!important}
}