
/* YourAddis V25 cross-device responsive foundation */
:root{--ya-safe-top:env(safe-area-inset-top,0px);--ya-safe-right:env(safe-area-inset-right,0px);--ya-safe-bottom:env(safe-area-inset-bottom,0px);--ya-safe-left:env(safe-area-inset-left,0px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;padding-left:var(--ya-safe-left);padding-right:var(--ya-safe-right);padding-bottom:var(--ya-safe-bottom);touch-action:manipulation}img,svg,video,canvas{max-width:100%;height:auto}button,a,input,select,textarea{font:inherit}button,a,[role="button"],input,select{min-height:44px}input,select,textarea{font-size:16px!important}button{touch-action:manipulation}.ya-install-banner{position:fixed;left:max(12px,var(--ya-safe-left));right:max(12px,var(--ya-safe-right));bottom:max(12px,var(--ya-safe-bottom));z-index:99999;background:#111;color:#fff;border-radius:18px;padding:12px 14px;display:none;align-items:center;gap:12px;box-shadow:0 10px 35px rgba(0,0,0,.25)}.ya-install-banner.show{display:flex}.ya-install-banner span{flex:1}.ya-install-banner button{border:0;border-radius:999px;padding:8px 14px;font-weight:800}.ya-install-banner .ya-install{background:#fff;color:#111}.ya-install-banner .ya-dismiss{background:#333;color:#fff}
@media(max-width:767px){body{padding-top:var(--ya-safe-top)}.modal,.drawer-panel,[role="dialog"]{max-width:100vw!important}.topbar,header{max-width:100vw}.panel,.card{max-width:100%}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(min-width:768px) and (max-width:1199px){main{max-width:100%}.merchant-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1200px){body{--ya-content-max:1440px}}
@media(display-mode:standalone){body{overscroll-behavior-y:none}.ya-install-banner{display:none!important}}
/* V37 install UX */
.ya-ios-install-sheet{position:fixed;inset:0;z-index:100000;display:none;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.45);padding:max(16px,var(--ya-safe-top)) max(12px,var(--ya-safe-right)) max(16px,var(--ya-safe-bottom)) max(12px,var(--ya-safe-left))}.ya-ios-install-sheet.show{display:flex}.ya-ios-install-card{position:relative;width:min(520px,100%);background:#fff;color:#101a14;border-radius:24px;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.35)}.ya-ios-install-card h3{font-size:24px;margin:10px 0 6px}.ya-ios-install-card p{margin:0 0 14px;color:#4c5b52}.ya-ios-install-card ol{margin:0;padding-left:22px;display:grid;gap:12px}.ya-ios-install-card li{line-height:1.45}.ya-ios-icon{width:64px;height:64px;border-radius:16px;background:#0b7a3b;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900}.ya-ios-close{position:absolute;right:14px;top:12px;width:44px;height:44px;border:0;border-radius:999px;background:#eef2ef;color:#111;font-size:28px;line-height:1}.ya-ios-done{width:100%;margin-top:18px;border:0;border-radius:14px;background:#0b7a3b;color:#fff;font-weight:900;padding:13px 18px}.ya-share-symbol{display:inline-block;font-weight:900;font-size:19px}.ya-install-banner{bottom:max(18px,calc(var(--ya-safe-bottom) + 10px))}@media(max-width:480px){.ya-install-banner{left:12px;right:12px;flex-wrap:wrap}.ya-install-banner span{min-width:180px}.ya-install-banner .ya-install,.ya-install-banner .ya-dismiss{flex:0 0 auto}.ya-ios-install-card{border-radius:24px 24px 18px 18px}}


/* V41 cross-app production viewport safety. */
html,body{max-width:100%;overflow-x:hidden}img,svg,video,canvas{max-width:100%;height:auto}button,input,select,textarea{max-width:100%}
@media(max-width:760px){
  body{min-width:320px!important}.app-shell,main{max-width:100%!important;min-width:0!important}.grid-two,.grid-three,.content-grid,.auth-grid,.signup-grid,.form-grid,.settings-grid{min-width:0!important}
  table{font-size:13px}.table-card,.table-wrap,[class*="table"]{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  input,select,textarea{font-size:16px!important}dialog,[role="dialog"],.modal-card,.drawer-panel{max-width:calc(100vw - 16px)!important}
}
@media(min-width:761px) and (max-width:1199px){.app-shell,main{max-width:100%!important;min-width:0!important}}
