/* Plugin extra styles that supplement the theme. Kept minimal — main styles live in the theme. */
.pw-alert{border-radius:12px;padding:.75rem 1rem;font-size:.9rem;margin:.5rem 0}
.pw-alert-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}
.pw-alert-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.pw-alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}
[data-pw-msg]:empty{display:none}

/* v1.1.7 account navigation */
.pw-account-nav-wrap{padding:8px 0;background:#fff;border-bottom:1px solid #e5e7eb}.pw-account-nav-wrap .pw-container{display:flex;justify-content:flex-end}.pw-account-menu{position:relative}.pw-account-menu summary{cursor:pointer;font-weight:700;padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;list-style:none}.pw-account-menu-box{position:absolute;right:0;top:44px;z-index:9999;min-width:230px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px rgba(15,23,42,.15);padding:8px}.pw-account-menu-box a{display:block;padding:10px 12px;text-decoration:none;border-radius:8px}.pw-account-menu-box a:hover{background:#f1f5f9}@media(max-width:700px){[data-pw-multi-size-options]{grid-template-columns:1fr 1fr!important}}


/* v1.2.24 supplier/customer profile viewer */
.pw-profile-modal{display:none;position:fixed;inset:0;z-index:100000}.pw-profile-modal.is-open{display:block}.pw-profile-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(2px)}.pw-profile-modal-dialog{position:relative;z-index:2;width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;margin:14px auto;background:#fff;border-radius:20px;box-shadow:0 25px 70px rgba(15,23,42,.3);padding:26px}.pw-profile-modal-close{position:absolute;right:14px;top:10px;width:40px;height:40px;border:0;border-radius:50%;background:#f1f5f9;color:#0f172a;font-size:28px;line-height:1;cursor:pointer}.pw-profile-head{display:flex;align-items:center;gap:18px;padding-right:44px}.pw-profile-avatar{width:110px;height:110px;object-fit:cover;border-radius:18px;border:1px solid #dbeafe;flex:0 0 110px}.pw-profile-avatar-shop{background:#eaf5fb}.pw-profile-avatar-placeholder{display:grid;place-items:center;background:#eff6ff;font-size:42px}.pw-profile-modal-title{margin:2px 0 5px;font-size:1.65rem;color:#163b69}.pw-profile-rating{margin-top:6px;color:#b7791f;font-weight:700}.pw-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.pw-profile-grid>div{padding:13px 14px;border:1px solid #e5e7eb;border-radius:12px;background:#fafcff}.pw-profile-grid>div.full{grid-column:1/-1}.pw-profile-grid span{display:block;color:#64748b;font-size:.82rem;margin-bottom:4px}.pw-profile-grid strong{display:block;color:#0f172a;word-break:break-word}.pw-profile-grid a{color:#1677c8;text-decoration:none}.pw-profile-section-title{margin:24px 0 12px;color:#163b69}.pw-profile-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pw-profile-gallery-img{width:100%;height:190px;object-fit:cover;border-radius:14px;border:1px solid #e2e8f0}.pw-profile-name{border:0;background:none;padding:0;text-align:left;color:#163b69;font-size:1rem;font-weight:800;cursor:pointer}.pw-profile-name:hover{text-decoration:underline;color:#1677c8}body.pw-profile-modal-open{overflow:hidden}@media(max-width:700px){.pw-profile-modal-dialog{padding:20px}.pw-profile-head{align-items:flex-start}.pw-profile-grid{grid-template-columns:1fr}.pw-profile-grid>div.full{grid-column:auto}.pw-profile-gallery{grid-template-columns:1fr}.pw-profile-gallery-img{height:180px}}

.pw-account-logged-in{display:flex;align-items:center}.pw-account-logout{display:inline-block;cursor:pointer;font-weight:700;padding:9px 14px;border:1px solid #cbd5e1;border-radius:10px;text-decoration:none;color:inherit;background:#fff}.pw-account-logout:hover{background:#f1f5f9}

/* v1.2.57 — Mobile-first responsive polish
 * Keeps desktop layout intact and makes PaniWala dashboards/forms/cards usable on phones.
 */
*,*::before,*::after{box-sizing:border-box}
img,video,iframe{max-width:100%;height:auto}
.pw-container,.pw-page,.pw-dashboard-shell{width:min(1180px,calc(100% - 32px));max-width:1180px;margin-left:auto;margin-right:auto}
.pw-dashboard-shell{overflow:visible}
.pw-dashboard-shell,.pw-dashboard-shell *{min-width:0}
.pw-dashboard-head h1{overflow-wrap:anywhere;line-height:1.12}
.pw-section-sub{overflow-wrap:anywhere}
.pw-tabs{display:flex;gap:8px;align-items:center;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px 7px;white-space:nowrap}
.pw-tabs::-webkit-scrollbar{display:none}
.pw-tab{flex:0 0 auto;white-space:nowrap}
.pw-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.pw-table{min-width:680px}
.pw-card,.pw-stat-card,.pw-profile-modal-dialog{overflow-wrap:anywhere}
.pw-input,.pw-select,.pw-textarea{max-width:100%;width:100%}
.pw-form-row>div{min-width:0}

@media (max-width: 768px){
  .pw-container,.pw-page,.pw-dashboard-shell{width:calc(100% - 20px);max-width:none}
  .pw-dashboard-shell{padding:0!important;margin-top:12px}
  .pw-dashboard-head{padding:4px 2px 0}
  .pw-dashboard-head h1{font-size:clamp(1.55rem,7vw,2.15rem);margin:.25rem 0}
  .pw-dashboard-head .pw-sub{font-size:.88rem;line-height:1.45}

  /* Dashboard tabs: one compact horizontal strip instead of squeezing text. */
  .pw-tabs{margin-top:12px!important;gap:6px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}
  .pw-tab{font-size:.78rem!important;padding:8px 10px!important;border-radius:9px;line-height:1.15}

  /* Customer/supplier stat cards */
  .pw-grid-5,.pw-grid-4,.pw-grid-3,.pw-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .pw-stat-card{padding:13px!important;min-height:88px}
  .pw-stat-label{font-size:.68rem!important;line-height:1.25}
  .pw-stat-value{font-size:1.45rem!important;line-height:1.15}
  .pw-stat-bar{width:4px!important}

  /* Recent order cards */
  .pw-dashboard-shell h2,.pw-dashboard-shell h3{line-height:1.2}
  .pw-dashboard-shell h3{font-size:1.05rem}
  .pw-card{border-radius:12px!important}
  .pw-dashboard-shell .pw-card{padding:13px!important}
  .pw-dashboard-shell .pw-card .pw-flex{gap:7px!important}
  .pw-dashboard-shell .pw-section-sub{font-size:.84rem;line-height:1.4}
  .pw-mono{font-size:.76rem}
  .pw-pill{font-size:.7rem!important;padding:4px 7px!important}

  /* Order form: stack complex desktop rows vertically. */
  .pw-form-row{grid-template-columns:1fr!important;gap:10px!important}
  .pw-form-row>.full{grid-column:auto!important}
  .pw-form-row .pw-form-row{grid-template-columns:1fr!important}
  .pw-label{font-size:.78rem}
  .pw-input,.pw-select,.pw-textarea{font-size:16px!important;min-height:44px}
  .pw-btn{min-height:42px;max-width:100%}

  /* Tables become scrollable rather than overflowing the page. */
  .pw-table-wrap{border-radius:10px}
  .pw-table{min-width:680px;font-size:.82rem}
  .pw-table th,.pw-table td{padding:9px 8px!important}

  /* Supplier pricing/water-type rows */
  .pw-water-option-row{grid-template-columns:1fr!important;align-items:stretch!important}
  .pw-water-option-row>div{width:100%!important}

  /* Supplier dashboard order/customer cards */
  .pw-dashboard-shell [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .pw-dashboard-shell [style*="display:flex"]{max-width:100%}
  .pw-dashboard-shell .pw-profile-gallery{grid-template-columns:1fr!important}

  /* Profile modal */
  .pw-profile-modal-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);margin:10px auto;padding:16px;border-radius:15px}
  .pw-profile-head{gap:12px;padding-right:40px}
  .pw-profile-avatar{width:78px;height:78px;flex-basis:78px;border-radius:12px}
  .pw-profile-modal-title{font-size:1.25rem}
  .pw-profile-gallery-img{height:180px}

  /* Account bar */
  .pw-account-nav-wrap{padding:6px 0}
  .pw-account-nav-wrap .pw-container{width:calc(100% - 20px)}
  .pw-account-menu summary,.pw-account-logout{min-height:40px;padding:8px 12px}

  /* Prevent long inline content from creating horizontal page scroll. */
  .pw-dashboard-shell pre,.pw-dashboard-shell code{white-space:pre-wrap;overflow-wrap:anywhere}
  .pw-dashboard-shell input,.pw-dashboard-shell select,.pw-dashboard-shell textarea,.pw-dashboard-shell button{max-width:100%}
}

@media (max-width: 480px){
  .pw-container,.pw-page,.pw-dashboard-shell{width:calc(100% - 14px)}
  .pw-grid-5,.pw-grid-4,.pw-grid-3,.pw-grid-2{grid-template-columns:1fr!important;gap:9px!important}
  .pw-tabs{gap:4px}
  .pw-tab{font-size:.74rem!important;padding:7px 9px!important}
  .pw-stat-card{min-height:78px;padding:11px!important}
  .pw-stat-value{font-size:1.3rem!important}
  .pw-dashboard-shell .pw-card{padding:11px!important}
  .pw-btn{width:auto}
}

/* v1.2.58 — Phone order-flow redesign
 * Fixes the mobile order page so desktop tables/cards never squeeze into a
 * narrow column. Each order item becomes a clean touch-friendly card.
 */
@media (max-width: 768px){
  /* The order form must occupy the complete phone width. */
  [data-pw-grid]{display:block!important;width:100%!important;margin:14px 0!important}
  [data-pw-grid] > .pw-card{width:100%!important;max-width:none!important;margin:0!important}
  [data-pw-order-form]{width:100%!important;max-width:none!important}

  /* Size selector: replace the wide desktop table with stacked cards. */
  [data-pw-order-form] > .pw-card:has(table){
    overflow:visible!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  [data-pw-order-form] > .pw-card:has(table) > table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  [data-pw-order-form] > .pw-card:has(table) thead{display:none!important}
  [data-pw-order-form] > .pw-card:has(table) tbody{display:block!important;width:100%!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(145px,44%)!important;
    gap:0!important;
    width:100%!important;
    margin:0 0 10px!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid #dbe4ee!important;
    border-radius:16px!important;
    box-shadow:0 3px 12px rgba(15,23,42,.05)!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td{
    min-width:0!important;
    width:auto!important;
    padding:6px 4px!important;
    border:0!important;
    text-align:left!important;
    vertical-align:middle!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1){grid-column:1;grid-row:1;align-self:center}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2){grid-column:2;grid-row:1;align-self:center}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(n+3){
    grid-column:1/-1;
    display:flex!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:10px!important;
    min-height:38px!important;
    border-top:1px solid #eef2f7!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(3)::before{content:'Price';font-size:.78rem;color:#64748b;font-weight:600}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(4)::before{content:'Delivery';font-size:.78rem;color:#64748b;font-weight:600}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5)::before{content:'Temperature';font-size:.78rem;color:#64748b;font-weight:600}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6)::before{content:'Water Type';font-size:.78rem;color:#64748b;font-weight:600}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(7)::before{content:'Total';font-size:.78rem;color:#64748b;font-weight:700}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5) .pw-select,
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6) .pw-select{width:min(58%,220px)!important;min-height:42px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(7){font-weight:800!important;font-size:1rem!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) label{font-size:1.02rem!important;line-height:1.25!important;display:block}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) .pw-section-sub{font-size:.78rem!important;margin-top:3px}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) > div{justify-content:flex-end!important;gap:5px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-input{width:58px!important;min-width:58px!important;height:40px!important;padding:7px!important}

  /* Search + selected RO section. */
  [data-pw-order-form] [data-pw-common-results] > .pw-card,
  [data-pw-order-form] [data-pw-common-results] .pw-card[style*="display:flex"]{
    display:block!important;
    width:100%!important;
    padding:14px!important;
    margin:8px 0!important;
    border-radius:16px!important;
  }
  [data-pw-order-form] [data-pw-common-results] .pw-btn[data-pw-pick-common]{
    display:block!important;
    width:100%!important;
    margin-top:12px!important;
    min-height:44px!important;
  }
  [data-pw-order-form] [data-pw-common-results] .pw-profile-name{display:block!important;font-size:1.08rem!important;line-height:1.3!important;margin-bottom:5px!important}
  [data-pw-order-form] [data-pw-common-results] .pw-section-sub{font-size:.86rem!important;line-height:1.45!important;overflow-wrap:anywhere}

  /* Delivery/address and checkout cards. */
  [data-pw-order-form] .pw-form-row{grid-template-columns:1fr!important}
  [data-pw-order-form] .pw-form-row>div{width:100%!important}
  [data-pw-order-form] .pw-form-row .full{grid-column:auto!important}
  [data-pw-order-form] [name="address_type"] + *{vertical-align:middle}
  [data-pw-order-form] [data-pw-summary] > table{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  [data-pw-order-form] [data-pw-summary] > table thead{display:none!important}
  [data-pw-order-form] [data-pw-summary] > table tbody{display:block!important}
  [data-pw-order-form] [data-pw-summary] > table tr{display:grid!important;grid-template-columns:1fr 1fr!important;padding:10px 0!important;border-bottom:1px solid #e5e7eb!important}
  [data-pw-order-form] [data-pw-summary] > table td{display:block!important;padding:5px 7px!important;text-align:left!important;overflow-wrap:anywhere!important}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(1)::before{content:'Item';display:block;font-size:.68rem;color:#64748b;font-weight:600}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(2)::before{content:'Qty';display:block;font-size:.68rem;color:#64748b;font-weight:600}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(3)::before{content:'Price';display:block;font-size:.68rem;color:#64748b;font-weight:600}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(4)::before{content:'Delivery';display:block;font-size:.68rem;color:#64748b;font-weight:600}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(5)::before{content:'Type';display:block;font-size:.68rem;color:#64748b;font-weight:600}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(6)::before{content:'Water';display:block;font-size:.68rem;color:#64748b;font-weight:600}
  [data-pw-order-form] [data-pw-summary] > table td:nth-child(7)::before{content:'Total';display:block;font-size:.68rem;color:#64748b;font-weight:700}
  [data-pw-order-form] [data-pw-summary] + *{max-width:100%!important}
  [data-pw-order-form] [data-pw-place]{width:100%!important;min-height:50px!important;font-size:1rem!important}
}

@media (max-width: 480px){
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card]{grid-template-columns:minmax(0,1fr) 142px!important;padding:10px!important;border-radius:14px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5) .pw-select,
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6) .pw-select{width:56%!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) label{font-size:.98rem!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-btn{width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-input{width:50px!important;min-width:50px!important;height:38px!important}
}

/* v1.2.59 — Full-bleed mobile app-style layout
 * Reference: supplied PaniWala mobile mockup. Desktop remains unchanged.
 */
.pw-mobile-bottom-nav{display:none}

@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:72px!important}

  /* Escape theme/page-builder side gutters on phones. */
  .pw-container,.pw-page,.pw-dashboard-shell{
    width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;
    padding-left:12px!important;padding-right:12px!important;
  }
  .pw-dashboard-shell{padding-top:8px!important}

  /* Order form is full viewport width, like the supplied mobile reference. */
  [data-pw-grid]{
    width:100vw!important;max-width:100vw!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
    padding:0 10px!important;
  }
  [data-pw-order-form]{width:100%!important;max-width:100%!important}
  [data-pw-order-form] > .pw-card{width:100%!important;max-width:100%!important}
  [data-pw-order-form] > .pw-card:has(table){padding:0!important}

  /* Water-size cards: no horizontal squeeze. */
  [data-pw-order-form] > .pw-card:has(table) tbody{display:block!important;width:100%!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card]{
    width:100%!important;max-width:100%!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    overflow:hidden!important;
    margin:0 0 10px!important;
    background:#fff!important;
    border:1px solid #dbe5f0!important;
    box-shadow:0 3px 12px rgba(15,23,42,.05)!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td{min-width:0!important;overflow-wrap:anywhere!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1){grid-column:1!important;grid-row:1!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2){grid-column:2!important;grid-row:1!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(n+3){grid-column:1/-1!important}

  /* Search / supplier area should also be full width. */
  [data-pw-order-form] [data-pw-common-results],
  [data-pw-order-form] [data-pw-common-picked]{width:100%!important;max-width:100%!important}
  [data-pw-order-form] [data-pw-common-results] .pw-card{width:100%!important;max-width:100%!important}
  [data-pw-order-form] [data-pw-common-results] .pw-profile-name{font-size:1.12rem!important}
  [data-pw-order-form] [data-pw-common-results] .pw-btn[data-pw-pick-common]{width:100%!important}

  /* Checkout summary: compact, readable rows. */
  [data-pw-order-form] [data-pw-summary] table{width:100%!important;table-layout:fixed!important}
  [data-pw-order-form] [data-pw-summary] td{word-break:normal!important;overflow-wrap:anywhere!important}

  /* Mobile customer dashboard: app-like cards and full-width content. */
  .pw-dashboard-head{padding:8px 4px 0!important}
  .pw-dashboard-head h1{font-size:2rem!important;margin:4px 0 8px!important;color:#082f67}
  .pw-dashboard-shell .pw-tabs{display:none!important}
  .pw-dashboard-shell .pw-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pw-dashboard-shell .pw-stat-card{min-height:88px!important;border-radius:14px!important;padding:13px!important;background:#fff!important;box-shadow:0 2px 10px rgba(15,23,42,.06)!important}
  .pw-dashboard-shell .pw-stat-value{font-size:1.45rem!important;font-weight:800!important;color:#082f67!important}
  .pw-dashboard-shell h3{font-size:1.2rem!important;color:#082f67!important;margin-top:22px!important}
  .pw-dashboard-shell .pw-card{border-radius:14px!important;background:#fff!important}
  .pw-dashboard-shell .pw-flex{min-width:0!important}

  /* Bottom navigation exactly as an app-style mobile bar. */
  .pw-mobile-bottom-nav{
    display:grid!important;grid-template-columns:repeat(5,1fr)!important;
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    z-index:99999!important;height:66px!important;
    background:#fff!important;border-top:1px solid #dbe5f0!important;
    box-shadow:0 -4px 18px rgba(15,23,42,.08)!important;
    padding:5px 4px env(safe-area-inset-bottom,5px)!important;
  }
  .pw-mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-decoration:none!important;color:#64748b!important;font-size:11px!important;line-height:1.05!important;font-weight:600!important;min-width:0!important}
  .pw-mobile-bottom-nav a span{font-size:21px!important;line-height:1!important;color:#64748b!important}
  .pw-mobile-bottom-nav a small{font-size:10px!important;white-space:nowrap!important}
  .pw-mobile-bottom-nav a.is-active,.pw-mobile-bottom-nav a.is-active span{color:#0867d8!important}

  /* Keep fixed nav from covering the last card/button. */
  .pw-dashboard-shell{padding-bottom:82px!important}
}

@media (max-width:480px){
  .pw-container,.pw-page,.pw-dashboard-shell{padding-left:10px!important;padding-right:10px!important}
  [data-pw-grid]{padding-left:6px!important;padding-right:6px!important}
  .pw-dashboard-shell .pw-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pw-dashboard-shell .pw-stat-card{padding:11px!important}
  .pw-dashboard-shell .pw-stat-label{font-size:.64rem!important}
  .pw-dashboard-shell .pw-stat-value{font-size:1.28rem!important}
}

/* v1.2.59 — Full-bleed mobile app-style layout */
.pw-mobile-bottom-nav{display:none}
@media (max-width:768px){
  html,body{max-width:100%;overflow-x:hidden}
  body{padding-bottom:72px!important}
  .pw-container,.pw-page,.pw-dashboard-shell{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:12px!important;padding-right:12px!important}
  .pw-dashboard-shell{padding-top:8px!important}
  [data-pw-grid]{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:0 10px!important}
  [data-pw-order-form]{width:100%!important;max-width:100%!important}
  [data-pw-order-form] > .pw-card{width:100%!important;max-width:100%!important}
  [data-pw-order-form] > .pw-card:has(table){padding:0!important}
  [data-pw-order-form] > .pw-card:has(table) tbody{display:block!important;width:100%!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card]{width:100%!important;max-width:100%!important;grid-template-columns:minmax(0,1fr) auto!important;overflow:hidden!important;margin:0 0 10px!important;background:#fff!important;border:1px solid #dbe5f0!important;box-shadow:0 3px 12px rgba(15,23,42,.05)!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td{min-width:0!important;overflow-wrap:anywhere!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1){grid-column:1!important;grid-row:1!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2){grid-column:2!important;grid-row:1!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(n+3){grid-column:1/-1!important}
  [data-pw-order-form] [data-pw-common-results],[data-pw-order-form] [data-pw-common-picked]{width:100%!important;max-width:100%!important}
  [data-pw-order-form] [data-pw-common-results] .pw-card{width:100%!important;max-width:100%!important}
  [data-pw-order-form] [data-pw-common-results] .pw-profile-name{font-size:1.12rem!important}
  [data-pw-order-form] [data-pw-common-results] .pw-btn[data-pw-pick-common]{width:100%!important}
  [data-pw-order-form] [data-pw-summary] table{width:100%!important;table-layout:fixed!important}
  [data-pw-order-form] [data-pw-summary] td{word-break:normal!important;overflow-wrap:anywhere!important}
  .pw-dashboard-head{padding:8px 4px 0!important}
  .pw-dashboard-head h1{font-size:2rem!important;margin:4px 0 8px!important;color:#082f67}
  .pw-dashboard-shell .pw-tabs{display:none!important}
  .pw-dashboard-shell .pw-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .pw-dashboard-shell .pw-stat-card{min-height:88px!important;border-radius:14px!important;padding:13px!important;background:#fff!important;box-shadow:0 2px 10px rgba(15,23,42,.06)!important}
  .pw-dashboard-shell .pw-stat-value{font-size:1.45rem!important;font-weight:800!important;color:#082f67!important}
  .pw-dashboard-shell h3{font-size:1.2rem!important;color:#082f67!important;margin-top:22px!important}
  .pw-dashboard-shell .pw-card{border-radius:14px!important;background:#fff!important}
  .pw-mobile-bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99999!important;height:66px!important;background:#fff!important;border-top:1px solid #dbe5f0!important;box-shadow:0 -4px 18px rgba(15,23,42,.08)!important;padding:5px 4px env(safe-area-inset-bottom,5px)!important}
  .pw-mobile-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;text-decoration:none!important;color:#64748b!important;font-size:11px!important;line-height:1.05!important;font-weight:600!important;min-width:0!important}
  .pw-mobile-bottom-nav a span{font-size:21px!important;line-height:1!important;color:#64748b!important}
  .pw-mobile-bottom-nav a small{font-size:10px!important;white-space:nowrap!important}
  .pw-mobile-bottom-nav a.is-active,.pw-mobile-bottom-nav a.is-active span{color:#0867d8!important}
  .pw-dashboard-shell{padding-bottom:82px!important}
}
@media (max-width:480px){
  .pw-container,.pw-page,.pw-dashboard-shell{padding-left:10px!important;padding-right:10px!important}
  [data-pw-grid]{padding-left:6px!important;padding-right:6px!important}
  .pw-dashboard-shell .pw-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pw-dashboard-shell .pw-stat-card{padding:11px!important}
  .pw-dashboard-shell .pw-stat-label{font-size:.64rem!important}
  .pw-dashboard-shell .pw-stat-value{font-size:1.28rem!important}
}


/* v1.2.62 — final mobile order/review fix */
.pw-review-single{max-width:100%;width:100%}
.pw-review-single .pw-form-row{align-items:start}

@media (max-width:768px){
  html,body{overflow-x:hidden!important}
  .pw-order-items-wrap{width:100%!important;max-width:100%!important;overflow:visible!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
  .pw-order-items-table{display:block!important;width:100%!important;min-width:0!important;border-collapse:separate!important;border-spacing:0!important}
  .pw-order-items-table thead{display:none!important}
  .pw-order-items-table tbody{display:block!important;width:100%!important}
  .pw-order-items-table tr[data-pw-size-card]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;max-width:100%!important;
    margin:0 0 12px!important;padding:12px!important;
    background:#fff!important;border:1px solid #dbe5f0!important;
    border-radius:16px!important;box-shadow:0 3px 12px rgba(15,23,42,.06)!important;
    overflow:hidden!important;
  }
  .pw-order-items-table tr[data-pw-size-card] td{
    min-width:0!important;width:auto!important;padding:7px 5px!important;
    border:0!important;text-align:left!important;vertical-align:middle!important;
    overflow-wrap:anywhere!important;
  }
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(1){grid-column:1!important;grid-row:1!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(2){grid-column:2!important;grid-row:1!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(n+3){
    grid-column:1/-1!important;display:flex!important;
    justify-content:space-between!important;align-items:center!important;
    gap:10px!important;min-height:48px!important;
    border-top:1px solid #eef2f7!important;
  }
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(3)::before{content:"Price";font-size:.82rem;color:#64748b;font-weight:600}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(4)::before{content:"Delivery";font-size:.82rem;color:#64748b;font-weight:600}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(5)::before{content:"Temperature";font-size:.82rem;color:#64748b;font-weight:600}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(6)::before{content:"Water Type";font-size:.82rem;color:#64748b;font-weight:600}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(7)::before{content:"Total";font-size:.82rem;color:#64748b;font-weight:700}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(5) .pw-select,
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(6) .pw-select{
    width:min(58vw,220px)!important;min-height:42px!important
  }
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(1) label{font-size:1.02rem!important;line-height:1.25!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(1) .pw-section-sub{font-size:.78rem!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(2)>div{justify-content:flex-end!important;gap:5px!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(2) .pw-btn{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(2) .pw-input{width:54px!important;min-width:54px!important;height:40px!important;padding:6px!important}
  .pw-review-single{padding:14px!important}
  .pw-review-single .pw-form-row{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .pw-review-single .pw-form-row>.full{grid-column:1/-1!important}
}
@media (max-width:480px){
  .pw-order-items-table tr[data-pw-size-card]{grid-template-columns:minmax(0,1fr) 138px!important;padding:10px!important}
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(5) .pw-select,
  .pw-order-items-table tr[data-pw-size-card] td:nth-child(6) .pw-select{width:55%!important}
  .pw-review-single .pw-form-row{grid-template-columns:1fr!important}
  .pw-review-single .pw-form-row>.full{grid-column:auto!important}
}


/* v1.2.63 — review form has exactly two ratings */
.pw-review-single .pw-form-row > div:nth-child(3),
.pw-review-single .pw-form-row > div:nth-child(4){display:none!important}
.pw-review-single .pw-form-row > div:nth-child(1),
.pw-review-single .pw-form-row > div:nth-child(2){display:block!important}
@media (min-width:769px){
  .pw-review-single .pw-form-row{
    grid-template-columns:1fr 1fr!important;
  }
  .pw-review-single .pw-form-row > .full{
    grid-column:1/-1!important;
  }
}


/* v1.2.64 Premium Home Redesign */
.pw-premium-home-hero{background:linear-gradient(135deg,#eff8ff 0%,#dff1ff 52%,#eef9ff 100%);padding:44px 0 36px;overflow:hidden}
.pw-premium-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
.pw-premium-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d7e8f8;color:#1b5f95;padding:8px 14px;border-radius:999px;font-weight:700;box-shadow:0 8px 24px rgba(35,101,160,.08)}
.pw-premium-copy h1{font-size:56px;line-height:1.06;margin:18px 0 14px;color:#16355f;letter-spacing:-1.5px}
.pw-premium-copy h1 span{color:#1f8fd0}
.pw-premium-copy p{font-size:18px;line-height:1.75;color:#4d6278;max-width:620px}
.pw-premium-actions{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}
.pw-premium-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:12px;font-weight:800;text-decoration:none}
.pw-premium-btn.pw-primary{background:linear-gradient(135deg,#0f67d8,#27a8c7);color:#fff;box-shadow:0 14px 30px rgba(15,103,216,.22)}
.pw-premium-btn.pw-outline{border:2px solid #1e67b3;color:#164f89;background:#fff}
.pw-premium-trust{display:flex;gap:18px;flex-wrap:wrap;color:#34506b;font-weight:700;font-size:14px}
.pw-premium-visual{position:relative;min-height:420px}
.pw-water-ring{position:absolute;inset:14% 4% 8%;border-radius:50%;background:radial-gradient(circle,rgba(126,212,255,.38) 0 32%,rgba(255,255,255,0) 34%),radial-gradient(ellipse at center,rgba(49,163,225,.16),rgba(49,163,225,0) 65%)}
.pw-splash{position:absolute;border-radius:50%;border:2px solid rgba(55,161,225,.22);box-shadow:0 0 0 16px rgba(55,161,225,.05),0 0 0 36px rgba(55,161,225,.03)}
.pw-splash-a{width:240px;height:140px;left:18%;bottom:7%;transform:rotate(-14deg)}
.pw-splash-b{width:170px;height:90px;right:2%;bottom:10%;transform:rotate(12deg)}
.pw-jar-card{position:absolute;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.8);backdrop-filter:blur(10px);border-radius:28px;box-shadow:0 24px 50px rgba(22,84,140,.18);display:flex;align-items:center;justify-content:center}
.pw-jar-card img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(17,76,136,.18))}
.pw-jar-card b{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#174f9c,#2e9fe6);color:#fff;border-radius:999px;padding:9px 12px;font-size:18px}
.pw-jar-20{width:56%;height:78%;left:4%;bottom:4%}
.pw-jar-15{width:42%;height:60%;right:2%;bottom:8%}
.pw-glass{position:absolute;right:8%;bottom:4%;width:110px;height:150px;border:3px solid rgba(255,255,255,.75);border-top:none;border-radius:18px 18px 28px 28px;background:linear-gradient(to bottom,rgba(255,255,255,.2),rgba(255,255,255,.45));overflow:hidden;box-shadow:0 18px 28px rgba(25,93,151,.15)}
.pw-glass-water{position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,#8ee7ff,#2a9ad9);border-radius:45% 45% 0 0/18% 18% 0 0;animation:pwWave 3s ease-in-out infinite}
.pw-drop{position:absolute;width:22px;height:30px;background:linear-gradient(180deg,#baf2ff,#2b9ad9);border-radius:50% 50% 50% 0;transform:rotate(45deg);left:42px;top:-18px;animation:pwDrop 2.4s ease-in infinite}
@keyframes pwDrop{0%,30%{transform:translateY(-6px) rotate(45deg);opacity:0}45%{opacity:1}70%{transform:translateY(74px) rotate(45deg);opacity:1}100%{transform:translateY(110px) rotate(45deg);opacity:0}}
@keyframes pwWave{0%,100%{height:40%}50%{height:48%}}
.pw-bubble{position:absolute;width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 18px rgba(88,190,245,.8);animation:pwFloat 5s ease-in-out infinite}
.b1{left:18%;top:18%}.b2{right:18%;top:24%;animation-delay:1s}.b3{right:34%;top:8%;animation-delay:2s}.b4{left:44%;bottom:12%;animation-delay:3s}
@keyframes pwFloat{50%{transform:translateY(-18px) translateX(8px);opacity:.55}}
.pw-leaf{position:absolute;width:74px;height:130px;background:linear-gradient(180deg,#87d16a,#3b9b57);border-radius:100% 0 100% 0;opacity:.9}
.leaf1{right:-10px;top:20px;transform:rotate(24deg)}.leaf2{right:44px;top:0;transform:rotate(-18deg) scale(.7)}
.pw-premium-benefits{margin-top:-8px;padding:0 0 28px;background:#fff}
.pw-premium-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pw-benefit{background:linear-gradient(135deg,#fff,#f3f9fd);border:1px solid #dcecf8;border-radius:22px;padding:20px;display:flex;gap:16px;align-items:center;box-shadow:0 10px 24px rgba(34,91,145,.07)}
.pw-benefit-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:30px;background:#e8f6ff}
.pw-benefit h3{margin:0 0 6px;color:#183a63;font-size:18px}.pw-benefit p{margin:0;color:#62758a;line-height:1.5}
.pw-premium-products-strip{padding:22px 0 36px;background:#fff}
.pw-strip-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.pw-strip-head h2{margin:0;color:#183a63;font-size:28px}.pw-strip-head p{margin:6px 0 0;color:#64768b}.pw-strip-head a{font-weight:800;color:#1768bf;text-decoration:none}
.pw-premium-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pw-premium-product{min-height:230px;border:1px solid #d8e7f2;border-radius:24px;background:linear-gradient(135deg,#f6fbff,#edf7ff);padding:18px;display:flex;align-items:center;gap:18px;box-shadow:0 14px 30px rgba(36,103,159,.08)}.pw-premium-product img{width:48%;max-height:200px;object-fit:contain}.pw-premium-product span{color:#1685cc;font-weight:700}.pw-premium-product h3{font-size:28px;color:#183a63;margin:8px 0}.pw-premium-product strong{color:#60758b}
@media(max-width:768px){.pw-premium-home-hero{padding:24px 0 18px}.pw-premium-hero-grid{grid-template-columns:1fr;gap:10px}.pw-premium-copy h1{font-size:36px;letter-spacing:-.5px}.pw-premium-copy p{font-size:15px}.pw-premium-visual{min-height:330px}.pw-jar-20{width:60%;height:78%;left:0}.pw-jar-15{width:46%;height:56%;right:0}.pw-glass{transform:scale(.78);transform-origin:bottom right;right:0}.pw-premium-trust{gap:10px;font-size:12px}.pw-premium-benefit-grid{grid-template-columns:1fr;gap:12px}.pw-premium-product-grid{grid-template-columns:1fr}.pw-premium-product{min-height:190px}.pw-premium-product h3{font-size:24px}.pw-strip-head{align-items:start;flex-direction:column}.pw-premium-btn{width:100%}.pw-premium-actions{display:grid;grid-template-columns:1fr}}


/* v1.2.67 Mobile Fullscreen Compact Fix */
@media (max-width: 768px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:14px;line-height:1.35}
  #page,.site,.site-content,.content-area,.entry-content,
  .paniwala-container,.pw-container,.pw-page,.pw-dashboard,
  .pw-dashboard-container,.pw-main,.pw-card-wrap{
    width:100%!important;max-width:100%!important;
    margin-left:0!important;margin-right:0!important;
  }
  .pw-container{padding-left:14px!important;padding-right:14px!important}

  /* Order Water cards: keep every row inside the phone viewport */
  .paniwala-order-table,.pw-order-table,.order-table,
  .paniwala-order-grid,.pw-order-grid{
    width:100%!important;max-width:100%!important;
    overflow-x:hidden!important;
  }
  .paniwala-order-table table,.pw-order-table table,.order-table table{
    width:100%!important;table-layout:fixed!important;
  }
  .paniwala-order-table th,.paniwala-order-table td,
  .pw-order-table th,.pw-order-table td,
  .order-table th,.order-table td{
    padding:6px 4px!important;font-size:11px!important;
    word-break:normal!important;overflow-wrap:anywhere!important;
  }

  /* Compact product/order cards */
  .pw-product-card,.paniwala-product-card,.water-product-card,
  .pw-order-item,.order-item,.pw-card{
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .pw-product-card h2,.pw-product-card h3,
  .paniwala-product-card h2,.paniwala-product-card h3{
    font-size:20px!important;
    line-height:1.2!important;
  }
  .pw-product-card label,.pw-product-card .field-label,
  .paniwala-product-card label,.paniwala-product-card .field-label{
    font-size:13px!important;
  }

  /* Prevent Temperature / Water Type labels from collapsing into one letter per line */
  .pw-product-card .row,.paniwala-product-card .row,
  .pw-order-item .row,.order-item .row{
    display:grid!important;
    grid-template-columns:minmax(100px,1fr) minmax(150px,1.4fr)!important;
    gap:8px!important;align-items:center!important;
  }
  .pw-product-card .row label,.paniwala-product-card .row label,
  .pw-order-item .row label,.order-item .row label{
    min-width:0!important;white-space:normal!important;
    word-break:normal!important;overflow-wrap:normal!important;
  }
  .pw-product-card select,.paniwala-product-card select,
  .pw-order-item select,.order-item select{
    width:100%!important;min-width:0!important;
    font-size:14px!important;padding:10px 12px!important;
  }

  /* Dashboard/Profile forms: smaller typography and tighter spacing */
  .pw-dashboard h1,.paniwala-dashboard h1,
  .pw-dashboard h2,.paniwala-dashboard h2{
    font-size:30px!important;line-height:1.1!important;
    margin:8px 0 12px!important;
  }
  .pw-dashboard h3,.paniwala-dashboard h3{font-size:19px!important}
  .pw-dashboard p,.paniwala-dashboard p{font-size:14px!important}
  .pw-dashboard label,.paniwala-dashboard label,
  .pw-profile label,.paniwala-profile label{font-size:14px!important}
  .pw-dashboard input,.pw-dashboard select,.pw-dashboard textarea,
  .paniwala-dashboard input,.paniwala-dashboard select,.paniwala-dashboard textarea,
  .pw-profile input,.pw-profile select,.pw-profile textarea,
  .paniwala-profile input,.paniwala-profile select,.paniwala-profile textarea{
    width:100%!important;box-sizing:border-box!important;
    font-size:14px!important;min-height:44px!important;padding:9px 12px!important;
  }
  .pw-dashboard .card,.paniwala-dashboard .card,
  .pw-profile .card,.paniwala-profile .card{
    padding:14px!important;margin-bottom:12px!important;
  }

  /* Hindi instruction/info boxes */
  .pw-notice,.pw-info,.paniwala-notice,.paniwala-info,
  .notice,.info-box{
    font-size:13px!important;line-height:1.5!important;
    padding:12px!important;
  }

  /* Bottom mobile navigation: fixed, compact, full width */
  .pw-mobile-nav,.paniwala-mobile-nav,.mobile-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;
    bottom:0!important;width:100%!important;max-width:none!important;
    z-index:99999!important;box-sizing:border-box!important;
  }
  .pw-mobile-nav a,.paniwala-mobile-nav a,.mobile-bottom-nav a{
    font-size:11px!important;padding:7px 2px!important;
  }

  /* Keep page content clear of fixed bottom nav */
  body:has(.pw-mobile-nav),body:has(.paniwala-mobile-nav),body:has(.mobile-bottom-nav){
    padding-bottom:68px!important;
  }
}

/* Extra-small Android phones */
@media (max-width:390px){
  .pw-container{padding-left:10px!important;padding-right:10px!important}
  .pw-dashboard h1,.paniwala-dashboard h1{font-size:27px!important}
  .pw-product-card .row,.paniwala-product-card .row,
  .pw-order-item .row,.order-item .row{
    grid-template-columns:minmax(88px,0.85fr) minmax(135px,1.15fr)!important;
  }
  .pw-product-card select,.paniwala-product-card select,
  .pw-order-item select,.order-item select{font-size:13px!important;padding:9px 8px!important}
}


/* v1.2.69 — Supplier Dashboard mobile layout matches desktop presentation.
 * Visual-only CSS: no PHP/JS/order/location functionality changed.
 */
@media (max-width: 768px){
  html, body{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  /* Keep the dashboard inside the phone viewport and prevent theme H1 rules
     from creating the oversized/clipped heading seen on some mobile themes. */
  .pw-dashboard-shell{
    display:block!important;
    width:100%!important;
    max-width:1180px!important;
    box-sizing:border-box!important;
    margin:0 auto!important;
    padding:12px 12px 80px!important;
    overflow:visible!important;
  }

  .pw-dashboard-shell .pw-dashboard-head{
    width:100%!important;
    box-sizing:border-box!important;
    padding:4px 2px 0!important;
    margin:0!important;
  }

  .pw-dashboard-shell .pw-dashboard-head h1,
  .pw-dashboard-shell h1{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    font-size:32px!important;
    line-height:1.12!important;
    letter-spacing:-.5px!important;
    margin:5px 0 9px!important;
    padding:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    white-space:normal!important;
  }

  .pw-dashboard-shell .pw-dashboard-head .pw-section-sub{
    font-size:11px!important;
    line-height:1.3!important;
    margin:0!important;
  }

  .pw-dashboard-shell .pw-dashboard-head .pw-sub{
    font-size:15px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
    margin:0!important;
  }

  .pw-dashboard-shell .pw-dashboard-head .pw-btn{
    width:auto!important;
    max-width:100%!important;
    font-size:13px!important;
    min-height:40px!important;
    padding:8px 14px!important;
    margin-top:10px!important;
  }

  /* Show the same dashboard sections as desktop; allow the long tab row
     to scroll horizontally instead of disappearing/squeezing. */
  .pw-dashboard-shell .pw-tabs{
    display:flex!important;
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    gap:6px!important;
    margin:14px 0 0!important;
    padding:3px 2px 8px!important;
  }
  .pw-dashboard-shell .pw-tab{
    display:inline-flex!important;
    flex:0 0 auto!important;
    font-size:12px!important;
    line-height:1.2!important;
    padding:8px 10px!important;
  }

  /* Desktop-like two-column statistic cards, scaled for the phone. */
  .pw-dashboard-shell .pw-grid-5{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  .pw-dashboard-shell .pw-stat-card{
    width:100%!important;
    min-width:0!important;
    min-height:82px!important;
    box-sizing:border-box!important;
    padding:11px!important;
    border-radius:14px!important;
  }
  .pw-dashboard-shell .pw-stat-label{
    font-size:12px!important;
    line-height:1.2!important;
    overflow-wrap:anywhere!important;
  }
  .pw-dashboard-shell .pw-stat-value{
    font-size:22px!important;
    line-height:1.15!important;
  }

  /* Supplier order cards: same information hierarchy as desktop, but stacked
     vertically so every control remains visible within the phone. */
  .pw-dashboard-shell .pw-order-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:13px!important;
    margin-bottom:10px!important;
    overflow:hidden!important;
  }
  .pw-dashboard-shell .pw-order-card > .pw-flex{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .pw-dashboard-shell .pw-order-card > .pw-flex > div{
    min-width:0!important;
    max-width:100%!important;
  }
  .pw-dashboard-shell .pw-order-card > .pw-flex > div:last-child{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
  }
  .pw-dashboard-shell .pw-order-card .pw-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    min-height:40px!important;
    padding:8px 7px!important;
    font-size:12px!important;
    white-space:normal!important;
  }

  .pw-dashboard-shell .pw-card{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Tables remain contained; no horizontal page overflow. */
  .pw-dashboard-shell .pw-table-wrap{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
  }
}

@media (max-width:390px){
  .pw-dashboard-shell{
    padding-left:9px!important;
    padding-right:9px!important;
  }
  .pw-dashboard-shell .pw-dashboard-head h1,
  .pw-dashboard-shell h1{
    font-size:29px!important;
  }
  .pw-dashboard-shell .pw-stat-label{font-size:11px!important}
  .pw-dashboard-shell .pw-stat-value{font-size:20px!important}
  .pw-dashboard-shell .pw-order-card > .pw-flex > div:last-child{
    grid-template-columns:1fr 1fr!important;
  }
  .pw-dashboard-shell .pw-order-card .pw-btn{
    font-size:11px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

/* v1.2.70 — Professional mobile Order Water cards
 * Mobile-only UI polish. Order logic, pricing, search, location and desktop remain unchanged.
 */
@media (max-width: 768px){
  [data-pw-order-form]{font-size:14px!important}
  [data-pw-order-form] > .pw-card:has(table){margin-bottom:14px!important}

  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card]{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto auto auto auto!important;
    gap:0!important;
    margin:0 0 12px!important;
    padding:14px!important;
    border:1px solid #d8e4ef!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
    box-shadow:0 4px 16px rgba(15,42,70,.07)!important;
  }

  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td{
    box-sizing:border-box!important;
    padding:7px 2px!important;
    border:0!important;
    text-align:left!important;
  }

  /* Product title + checkbox */
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1){
    grid-column:1!important;grid-row:1!important;align-self:center!important;
    padding:0 4px 10px 0!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) label{
    display:flex!important;align-items:center!important;gap:8px!important;
    font-size:17px!important;font-weight:800!important;line-height:1.2!important;
    color:#0b315f!important;margin:0!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) input[type=checkbox]{
    width:20px!important;height:20px!important;min-width:20px!important;margin:0!important;
    accent-color:#1479d1!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) .pw-section-sub{
    margin:4px 0 0 28px!important;font-size:12px!important;line-height:1.2!important;color:#718096!important;
  }

  /* Quantity control */
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2){
    grid-column:2!important;grid-row:1!important;align-self:center!important;padding:0 0 10px!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2)>div{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-btn{
    width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;
    padding:0!important;border-radius:10px!important;font-size:20px!important;font-weight:700!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-input{
    width:48px!important;min-width:48px!important;height:38px!important;min-height:38px!important;
    padding:5px 3px!important;border-radius:10px!important;text-align:center!important;font-size:15px!important;font-weight:700!important;
  }

  /* Price and delivery as compact two-column information */
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(3){
    grid-column:1!important;grid-row:2!important;border-top:1px solid #edf2f7!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(4){
    grid-column:2!important;grid-row:2!important;border-top:1px solid #edf2f7!important;text-align:right!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(3)::before,
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(4)::before{
    display:block!important;font-size:11px!important;font-weight:600!important;color:#7a8796!important;margin-bottom:2px!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(3)::before{content:'Price / Jar'!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(4)::before{content:'Delivery'!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(3),
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(4){
    font-size:15px!important;font-weight:700!important;color:#122f52!important;
  }

  /* Temperature and water type */
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5){
    grid-column:1/-1!important;grid-row:3!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6){
    grid-column:1/-1!important;grid-row:4!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5)::before,
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6)::before{
    display:block!important;font-size:11px!important;font-weight:600!important;color:#7a8796!important;margin:2px 0 4px!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5)::before{content:'Temperature'!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6)::before{content:'Water Type'!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(5) .pw-select,
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(6) .pw-select{
    display:block!important;width:100%!important;min-width:0!important;min-height:42px!important;
    height:42px!important;padding:8px 12px!important;border:1px solid #cbd9e7!important;border-radius:11px!important;
    background:#fff!important;font-size:14px!important;color:#172b44!important;
  }

  /* Total highlight */
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(7){
    grid-column:1/-1!important;grid-row:5!important;
    margin-top:5px!important;padding:11px 2px 2px!important;
    border-top:1px dashed #cbd9e7!important;text-align:right!important;
    font-size:18px!important;font-weight:800!important;color:#0756a0!important;
  }
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(7)::before{
    content:'Total'!important;float:left!important;margin-top:2px!important;font-size:12px!important;font-weight:700!important;color:#718096!important;
  }

  /* Make the section around the size cards feel lighter and less bulky. */
  [data-pw-order-form] .pw-order-items-wrap{background:transparent!important}
  [data-pw-order-form] .pw-order-items-wrap + .pw-card{border-radius:15px!important}

  /* Search controls: easy one-handed use */
  [data-pw-order-form] [data-pw-common-search]{font-size:15px!important;min-height:44px!important;border-radius:11px!important}
  [data-pw-order-form] [data-pw-find-common]{min-height:44px!important;padding:8px 13px!important;border-radius:11px!important;white-space:nowrap!important}

  /* Address/checkout cards */
  [data-pw-order-form] > .pw-card:not(:has(table)){border-radius:15px!important}
  [data-pw-order-form] h3{font-size:17px!important;line-height:1.3!important}
  [data-pw-order-form] .pw-label{font-size:12px!important;font-weight:700!important;color:#44576d!important}
  [data-pw-order-form] .pw-input,
  [data-pw-order-form] .pw-select,
  [data-pw-order-form] .pw-textarea{font-size:15px!important;border-radius:10px!important}

  /* Keep the fixed bottom app navigation clear of the form. */
  body{padding-bottom:76px!important}
}

@media (max-width:390px){
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card]{padding:12px!important;border-radius:16px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(1) label{font-size:16px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-btn{width:35px!important;min-width:35px!important;height:36px!important;min-height:36px!important}
  [data-pw-order-form] > .pw-card:has(table) tr[data-pw-size-card] td:nth-child(2) .pw-input{width:44px!important;min-width:44px!important;height:36px!important;min-height:36px!important}
}

/* v1.2.71 — clean professional order UI */
.pw-order-section-heading{margin:0 0 10px;padding:0 2px}
.pw-order-section-heading h3{margin:0;color:#0b2f63;font-size:1rem;font-weight:800}
.pw-common-results:empty{display:none!important}
@media(max-width:768px){
  .pw-order-section-heading{margin:0 0 8px}
  .pw-order-section-heading h3{font-size:.98rem}
  [data-pw-order-form] > .pw-card{border-radius:14px!important}
  [data-pw-order-form] .pw-label{font-size:.88rem!important}
}

/* v1.2.79 Supplier payment collection + dashboard navigation polish */
.pw-collection-form .pw-form-row{align-items:end}
.pw-inline-confirm-form{margin:0}
@media (min-width: 769px){
  .pw-dashboard-shell .pw-tabs{flex-wrap:wrap!important;overflow:visible!important;white-space:normal!important;align-items:center!important}
  .pw-dashboard-shell .pw-tab{flex:0 0 auto!important}
}
@media (max-width: 768px){
  .pw-dashboard-shell .pw-tabs{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;overflow:visible!important;white-space:normal!important;padding:4px 0 8px!important}
  .pw-dashboard-shell .pw-tab{display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;min-width:0!important;padding:9px 6px!important;font-size:11px!important;line-height:1.15!important;border-radius:9px!important}
  .pw-collection-form .pw-form-row{display:block!important}
  .pw-collection-form .pw-form-row>div{margin-bottom:10px!important}
  .pw-inline-confirm-form .pw-btn{width:100%!important}
  .pw-dashboard-shell .pw-table-wrap{overflow-x:auto!important}
}

/* v1.2.81 — supplier My Customers payment request actions */
.pw-customer-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:260px}.pw-customer-payment-request{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pw-customer-payment-period{width:auto;min-width:96px;padding:.55rem .65rem}.pw-customer-contact-actions{display:flex;gap:6px}.pw-customer-actions .pw-btn{white-space:nowrap}
@media (max-width:700px){.pw-customer-actions{min-width:0}.pw-customer-payment-request{width:100%}.pw-customer-payment-request .pw-customer-payment-period{flex:1}.pw-customer-payment-request .pw-btn{flex:1}.pw-customer-contact-actions .pw-btn{flex:1}}