/* ZERO_ACCOUNT_MOBILE_V14
   Mobile account/order/checkout responsive layer for Luxury Storefront.
   Scope: customer account shell, address pages, order pages, user finance/tickets/transactions.
*/
:root{--zoc-mobile-safe-bottom:calc(74px + env(safe-area-inset-bottom,0px));}
@media(max-width:880px){
  html,body{max-width:100%;overflow-x:hidden;}
  body{touch-action:pan-y;}
  .lsf-account-shell,.lsf-account-page,.lsf-root{max-width:100%;overflow-x:hidden;}
  .lsf-account-inner{padding:12px 10px 92px!important;}
  .lsf-account-inner>.lsf-shell,.lsf-account-page>.lsf-shell{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:20px!important;padding:12px!important;overflow:hidden!important;}
  .lsf-account-hero{padding:18px 14px!important;border-radius:18px!important;}
  .lsf-account-hero h1,.sc-step-head h1,.jf-sec-title,.oc-title{font-size:22px!important;line-height:1.45!important;}
  .lsf-account-hero p,.sc-step-head p,.jf-muted,.oc-muted,.muted{font-size:13px!important;line-height:1.9!important;}
  .lsf-account-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .lsf-account-grid a{min-height:112px!important;padding:14px 10px!important;border-radius:18px!important;}
  .lsf-account-grid h3{font-size:14px!important;margin:6px 0 4px!important;}
  .lsf-account-grid p{font-size:11px!important;line-height:1.6!important;}
  .lsf-customer-card-nav{position:sticky!important;top:0!important;z-index:120!important;padding:8px 0!important;}
  .lsf-customer-card-nav .lsf-shell{justify-content:flex-start!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 10px 6px!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;}
  .lsf-customer-card-nav .lsf-shell::-webkit-scrollbar{height:0!important;display:none!important;}
  .lsf-customer-card-nav a{flex:0 0 72px!important;min-width:72px!important;min-height:64px!important;border-radius:16px!important;padding:8px 6px!important;scroll-snap-align:start!important;}
  .lsf-customer-card-nav i{font-size:21px!important;}
  .lsf-customer-card-nav span{font-size:10px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
  .lsf-mobile-bottom-nav-v10{display:grid!important;}
  .sc-page{width:100%!important;max-width:100%!important;padding:12px 10px var(--zoc-mobile-safe-bottom)!important;box-sizing:border-box!important;overflow:hidden!important;}
  .sc-step-head{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px 14px!important;border-radius:18px!important;margin-bottom:12px!important;}
  .sc-step-head>div{min-width:0!important;}
  .sc-step-head .sc-btn,.sc-step-head a.sc-btn,.sc-step-head button.sc-btn,.zoc-cdoc-actions .sc-btn{width:100%!important;min-height:46px!important;box-sizing:border-box!important;}
  .zoc-cdoc-actions,.sc-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .sc-order-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .sc-order-card{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:14px!important;border-radius:18px!important;min-width:0!important;}
  .sc-order-card>div{min-width:0!important;}
  .sc-order-card span,.sc-order-card h2,.sc-order-card small,.sc-order-card b{overflow-wrap:anywhere!important;}
  .sc-order-card>div:last-child{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;flex-wrap:wrap!important;}
  .sc-order-overview,.zoc-cdoc-info-grid,.zoc-cdoc-total-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .sc-checkout-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  .sc-card,.sc-invoice,.zoc-cdoc-info-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:18px!important;}
  .sc-invoice{position:relative!important;top:auto!important;order:20!important;margin-top:0!important;}
  .zoc-cdoc-table-wrap{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:16px!important;}
  .zoc-cdoc-table-wrap::-webkit-scrollbar,.sc-table-wrap::-webkit-scrollbar,.oc-table-wrap::-webkit-scrollbar{height:6px!important;}
  .zoc-cdoc-items{min-width:0!important;width:100%!important;}
  .zoc-cdoc-items thead{display:none!important;}
  .zoc-cdoc-items,.zoc-cdoc-items tbody,.zoc-cdoc-items tr,.zoc-cdoc-items td{display:block!important;}
  .zoc-cdoc-items tr{position:relative;margin:0 0 10px!important;padding:12px!important;border:1px solid var(--sc-line,#e5e7eb)!important;border-radius:16px!important;background:var(--sc-card,#fff)!important;}
  .zoc-cdoc-items td{display:grid!important;grid-template-columns:104px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;border:0!important;padding:7px 0!important;text-align:right!important;}
  .zoc-cdoc-items td::before{content:attr(data-zoc-label);color:var(--sc-muted,#64748b);font-size:12px;font-weight:900;}
  .zoc-cdoc-items td:first-child{grid-template-columns:1fr!important;}
  .zoc-cdoc-items td:first-child::before{display:none!important;}
  .zoc-cdoc-thumb{width:64px!important;height:64px!important;border-radius:16px!important;}
  .zoc-cdoc-document{width:100%!important;max-width:100%!important;padding:12px!important;overflow-x:auto!important;border-radius:16px!important;}
  .zoc-cdoc-document h2.zoc-cdoc-title{font-size:20px!important;white-space:normal!important;}
  .zoc-cdoc-strip,.zoc-cdoc-parties,.zoc-cdoc-doc-totals,.zoc-cdoc-sign{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .zoc-cdoc-party,.zoc-cdoc-strip div,.zoc-cdoc-total{min-width:0!important;overflow-wrap:anywhere!important;}
  .zoc-cdoc-doc-table{min-width:860px!important;table-layout:fixed!important;}
  .zoc-cdoc-logo{max-width:120px!important;max-height:58px!important;object-fit:contain!important;display:block!important;margin:0 0 8px auto!important;}
  .jf-section,.jf-wrap,.oc-wrap{width:100%!important;max-width:100%!important;padding:12px 10px var(--zoc-mobile-safe-bottom)!important;box-sizing:border-box!important;overflow:hidden!important;}
  .jf-card,.oc-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;border-radius:18px!important;padding:14px!important;overflow:hidden!important;}
  .jf-grid,.jf-row,.oc-head,.d-flex{max-width:100%!important;}
  .jf-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .jf-grid>*{grid-column:auto!important;min-width:0!important;}
  .jf-map-row{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .jf-map-row input{min-width:0!important;width:100%!important;}
  #jfPickMap,#jfMap,.sc-map-picker{height:320px!important;min-height:320px!important;border-radius:16px!important;}
  .jf-modal{align-items:flex-end!important;padding:10px!important;}
  .jf-modal-box{width:100%!important;max-height:92vh!important;border-radius:20px 20px 16px 16px!important;overflow:auto!important;}
  .jf-modal-b{padding:10px!important;}
  .jf-modal-f{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
  .jf-btn,.jf-btn-outline,.oc-btn,.btnx,.btn,.sc-btn{min-height:44px!important;border-radius:14px!important;white-space:normal!important;text-align:center!important;}
  form .jf-btn,form .oc-btn,form .btn,form button{width:100%;}
  input:not([type=radio]):not([type=checkbox]):not([type=hidden]),textarea,select,.form-control{width:100%!important;max-width:100%!important;box-sizing:border-box!important;font-size:16px!important;}
  textarea{min-height:104px!important;}
  .addr-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .addr-item{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;gap:8px!important;padding:14px!important;border-radius:18px!important;min-height:0!important;}
  .addr-meta{padding-left:0!important;overflow-wrap:anywhere!important;line-height:1.9!important;}
  .addr-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;}
  .addr-actions a,.addr-actions button{width:100%!important;justify-content:center!important;}
  .oc-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:stretch!important;}
  .oc-head .d-flex,.oc-head>div:last-child{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;}
  .oc-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;align-items:start!important;padding:14px!important;border-radius:16px!important;margin:0 0 10px!important;border:1px solid rgba(0,0,0,.08)!important;background:#fff!important;}
  .oc-row .d-flex{display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px!important;}
  .oc-row .btn,.oc-row .btnx{flex:1 1 120px!important;}
  .oc-card>.oc-row{border-bottom:1px solid rgba(0,0,0,.08)!important;}
  .oc-table{width:100%!important;min-width:0!important;}
  .oc-table thead{display:none!important;}
  .oc-table,.oc-table tbody,.oc-table tr,.oc-table td{display:block!important;}
  .oc-table tr{margin:0 0 10px!important;padding:12px!important;border:1px solid #e5e7eb!important;border-radius:16px!important;background:#fff!important;}
  .oc-table td{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important;gap:10px!important;border:0!important;padding:7px 0!important;word-break:break-word!important;}
  .oc-table td::before{content:attr(data-zoc-label);color:#64748b;font-size:12px;font-weight:900;}
  .msg{border-radius:16px!important;padding:12px!important;max-width:100%!important;}
  .stars{display:flex!important;gap:4px!important;flex-wrap:wrap!important;}
}
@media(max-width:430px){
  .lsf-account-grid{grid-template-columns:1fr!important;}
  .lsf-customer-card-nav a{flex-basis:68px!important;min-width:68px!important;}
  .addr-actions{grid-template-columns:1fr!important;}
  .zoc-cdoc-items td,.oc-table td{grid-template-columns:92px minmax(0,1fr)!important;}
  .sc-page,.jf-section,.jf-wrap,.oc-wrap{padding-left:8px!important;padding-right:8px!important;}
}
@media print{
  .lsf-mobile-bottom-nav-v10,.lsf-customer-card-nav{display:none!important;}
  .zoc-cdoc-document{overflow:visible!important;}
  .zoc-cdoc-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .zoc-cdoc-parties{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .zoc-cdoc-doc-totals{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .zoc-cdoc-sign{display:grid!important;grid-template-columns:1fr 1fr!important;}
  .zoc-cdoc-doc-table{display:table!important;width:100%!important;min-width:0!important;table-layout:fixed!important;}
  .zoc-cdoc-doc-table thead{display:table-header-group!important;}
  .zoc-cdoc-doc-table tbody{display:table-row-group!important;}
  .zoc-cdoc-doc-table tr{display:table-row!important;}
  .zoc-cdoc-doc-table th,.zoc-cdoc-doc-table td{display:table-cell!important;}
  @page{size:A4 landscape;margin:8mm;}
}