/* Local UX/UI proposal. This file is intentionally not part of production. */
.vp-ux-mobile-actions{display:none}
.vp-ux-install-link{white-space:nowrap}
@media(max-width:600px){
  .vp-analytics-notice{max-height:min(43vh,360px);overflow:auto;padding:12px!important;font-size:12px!important;line-height:1.4!important}
  .vp-analytics-notice p{margin-bottom:10px!important}
  .vp-analytics-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important}
  .vp-analytics-actions button{min-height:44px;padding:8px!important;font-size:12px!important}
  body.vp-ux-has-actions{padding-bottom:max(74px,env(safe-area-inset-bottom))!important}
  .vp-ux-mobile-actions{position:fixed;z-index:2147482000;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;display:grid;grid-template-columns:1fr 1.15fr;gap:8px;padding:8px;border:1px solid #dfe2e7;border-radius:16px;background:#fffffff2;box-shadow:0 16px 44px #11182738;backdrop-filter:blur(14px)}
  .vp-ux-mobile-actions a{display:flex;min-height:48px;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;background:#eef0f3;color:#202329!important;font:700 13px/1.2 Arial,sans-serif;text-decoration:none!important}
  .vp-ux-mobile-actions a:last-child{background:#bd252d;color:#fff!important}
  body.vp-ux-materials .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  body.vp-ux-materials .product-media{min-height:126px!important;padding:8px!important}
  body.vp-ux-materials .product-media img,body.vp-ux-materials .no-image{height:118px!important}
  body.vp-ux-materials .product-body{min-height:190px!important;padding:11px!important}
  body.vp-ux-materials .product h3{font-size:13px!important;line-height:1.3!important}
  body.vp-ux-materials .description{display:none!important}
  body.vp-ux-materials .price{font-size:13px!important}
  body.vp-ux-materials .actions{grid-template-columns:1fr!important}
  body.vp-ux-materials .btn{min-height:44px!important;font-size:12px!important}
  body.vp-ux-materials .product-category{font-size:8px!important}
  body.vp-ux-materials .vp-app-offer{bottom:max(72px,calc(env(safe-area-inset-bottom) + 72px))!important}
  body.vp-ux-materials .vp-app-offer__button,
  body.vp-ux-materials .vp-app-offer__close,
  body.vp-ux-materials .modal-close,
  body.vp-ux-materials .quantity button,
  body.vp-ux-materials .quantity input,
  body.vp-ux-materials .remove{min-width:44px!important;min-height:44px!important}
  body.vp-ux-materials .quantity{grid-template-columns:44px 58px 44px!important}
}
@media(max-width:350px){
  body.vp-ux-materials .grid{grid-template-columns:1fr!important}
  #vp-concepts .vp-contact-links{width:100%;min-width:0!important}
  #vp-concepts .vp-contact-phone{align-items:flex-start;flex-direction:column;gap:8px}
  #vp-concepts .vp-contact-links>a{max-width:100%;overflow-wrap:anywhere}
}