/* Phone repair for painting scope pricing: full-width cards instead of a squeezed desktop table. */
@media(max-width:760px){
  .pe-live .painting-module-shell .painting-reference-tabs,
  .pe-live .painting-module-shell .painting-module-workflow{
    display:flex!important;
    align-items:stretch!important;
    width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .pe-live .painting-module-shell .painting-reference-tabs::-webkit-scrollbar,
  .pe-live .painting-module-shell .painting-module-workflow::-webkit-scrollbar{display:none!important;}
  .pe-live .painting-module-shell .painting-reference-tabs{
    position:sticky!important;
    top:0!important;
    z-index:8!important;
    min-height:44px!important;
    padding:0 4px!important;
    border-radius:7px 7px 0 0!important;
  }
  .pe-live .painting-module-shell .painting-reference-tabs :is(button,a){
    flex:0 0 auto!important;
    min-height:42px!important;
    padding:0 12px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .pe-live .painting-module-shell .painting-reference-tabs .painting-pricing-help,
  .pe-live .painting-module-shell .painting-reference-tabs .painting-ai-toggle{margin-left:0!important;}
  .pe-live .painting-module-shell .painting-module-workflow{
    gap:6px!important;
    min-height:54px!important;
    padding:7px 8px!important;
  }
  .pe-live .painting-module-shell .painting-module-workflow button{
    flex:0 0 126px!important;
    min-height:40px!important;
    padding:6px 8px!important;
  }
  .pe-live .painting-module-shell .painting-module-workflow button:not(:last-child)::after{display:none!important;}

  .pe-live .painting-module-shell .paint-scope-card .paint-table-wrap{
    overflow:visible!important;
    padding:0 10px 12px!important;
  }
  .pe-live .painting-module-shell .paint-scope-table,
  .pe-live .painting-module-shell .paint-scope-table tbody,
  .pe-live .painting-module-shell .paint-scope-table tr,
  .pe-live .painting-module-shell .paint-scope-table th,
  .pe-live .painting-module-shell .paint-scope-table td{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    table-layout:auto!important;
  }
  .pe-live .painting-module-shell .paint-scope-table{
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }
  .pe-live .painting-module-shell .paint-scope-table thead{display:none!important;}
  .pe-live .painting-module-shell .paint-scope-table tbody{display:grid!important;gap:10px!important;}
  .pe-live .painting-module-shell .paint-scope-table tr{
    overflow:hidden!important;
    border:1px solid #365066!important;
    border-radius:10px!important;
    background:#0b1722!important;
  }
  .pe-live .painting-module-shell .paint-scope-table td{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
    padding:10px 12px!important;
    border:0!important;
    border-bottom:1px solid #284157!important;
    background:#0b1722!important;
  }
  .pe-live .painting-module-shell .paint-scope-table td:last-child{border-bottom:0!important;}
  .pe-live .painting-module-shell .paint-scope-table td:first-child{
    display:block!important;
    padding:13px 12px!important;
    background:#101e2c!important;
  }
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(2)::before{content:"What is included";}
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(3)::before{content:"Quantity";}
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(4)::before{content:"Price each";}
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(5)::before{content:"Line total";}
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(6)::before{content:"Include this item";}
  .pe-live .painting-module-shell .paint-scope-table td:not(:first-child)::before{
    color:#9fb3c5!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.07em!important;
    line-height:1.2!important;
    text-transform:uppercase!important;
  }
  .pe-live .painting-module-shell .paint-scope-table .paint-scope-item{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
  }
  .pe-live .painting-module-shell .paint-scope-table .paint-scope-item-text strong{font-size:16px!important;}
  .pe-live .painting-module-shell .paint-scope-table .paint-scope-item-text small{font-size:12px!important;}
  .pe-live .painting-module-shell .paint-scope-table .paint-stepper{
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    width:100%!important;
    min-width:0!important;
  }
  .pe-live .painting-module-shell .paint-scope-table .paint-stepper :is(button,input){
    min-height:44px!important;
    font-size:16px!important;
  }
  .pe-live .painting-module-shell .paint-scope-table input[data-paint-scope-input="price"]{
    width:100%!important;
    min-height:44px!important;
    padding:9px 11px!important;
    font-size:16px!important;
  }
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(5)>strong{
    color:#ffb36c!important;
    font-size:21px!important;
  }
  .pe-live .painting-module-shell .paint-scope-table td:nth-child(6) .paint-toggle{justify-self:start!important;}
}