:root{--dark:#102b2a;--teal:#286861;--bg:#f5f7f7;--panel:#fff;--text:#203330;--muted:#71807d;--line:#e1e9e7;--good:#178251;--warning:#997420;--shadow:0 3px 20px rgba(19,49,44,.045)}*{box-sizing:border-box}body{margin:0;font:15px/1.48 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--teal);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1{font-size:31px;letter-spacing:-1px;margin:0 0 5px}h2{font-size:19px;margin:0 0 16px}h3{font-size:16px;margin:0 0 4px}p{margin:4px 0 16px;color:var(--muted)}small,.hint{color:var(--muted);font-size:12px}.top{height:69px;background:var(--dark);color:white;display:flex;align-items:center;padding:0 30px;gap:24px}.brand{color:white;display:flex;align-items:baseline;gap:12px}.logo{font-size:27px;font-weight:800;letter-spacing:3px;color:inherit}.logo span{color:#6bcbc0}.brand-sub{font-size:10px;letter-spacing:3px;color:#b6d0cb}.user{margin-left:auto;font-size:13px}.user small{color:#adc9c3}.link-btn{background:transparent;border:1px solid #55716b;border-radius:7px;color:white;padding:8px 12px}.shell{display:flex;min-height:calc(100vh - 69px)}.side{width:230px;flex-shrink:0;background:white;border-right:1px solid var(--line);padding:25px 15px}.side nav{display:grid;gap:5px}.side a{padding:12px 14px;border-radius:9px;color:#526861;font-weight:550}.side a:hover,.side a.active{background:#e7f3f0;color:#125d52}.content{max-width:1400px;width:100%;padding:34px 36px 80px;margin:0 auto}.eyebrow{letter-spacing:2px;font-weight:700;font-size:10px;color:var(--teal);margin-bottom:6px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:28px}.heading p:last-child{margin-bottom:0}.pill,.status{background:#edf4f2;color:var(--teal);border-radius:100px;padding:6px 12px;font-size:12px;font-weight:650}.status.good{background:#e2f6ea;color:#197a47}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:28px}.stat{background:white;border:1px solid var(--line);border-radius:13px;padding:23px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}.stat strong{font-size:30px;letter-spacing:-1px}.stat span{font-size:12px;color:var(--muted)}.cards,.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.location-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:23px;box-shadow:var(--shadow)}.location-card{color:inherit}.location-card:hover{border-color:#86beb4}.location-card p{margin:4px 0 20px}.between{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.progress{height:7px;border-radius:10px;overflow:hidden;background:#e5eeeb;margin:15px 0}.progress i{display:block;height:100%;background:#249f7c;border-radius:10px}.btn{background:var(--teal);border:1px solid var(--teal);border-radius:9px;padding:11px 18px;color:white;font-weight:650;display:inline-flex;justify-content:center;align-items:center;min-height:43px}.btn:hover{background:#1c504c}.btn.secondary{background:white;color:var(--teal);border-color:#b4c9c4}.btn.small{min-height:32px;padding:5px 11px;font-size:12px}.btn.full{width:100%}.panel{margin-bottom:16px}.panel form{margin-top:14px}.panel label,.auth label{display:flex;flex-direction:column;gap:6px;color:#4d625d;font-weight:600;font-size:13px}input:not([type=checkbox]):not([type=hidden]),select{background:white;min-height:43px;border:1px solid #cad7d3;border-radius:8px;padding:10px 12px;color:var(--text);max-width:100%;width:100%;outline-color:#249f7c}form:not(.inline):not(.form-grid){display:grid;gap:15px}.inline,.form-grid{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.inline>label,.form-grid>label{flex:1;min-width:165px}.form-grid button,.inline button{margin-bottom:0}.toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:18px 0}.toolbar>input{max-width:390px}.check{display:flex!important;flex-direction:row!important;align-items:center;white-space:nowrap}.item-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:15px 0}.item-row.hidden{display:none}.mark{color:var(--good);font-size:20px}.item-name{flex:1;min-width:80px}.item-name b,.item-name small{display:block}.qty-wrap{width:112px;flex-shrink:0;text-align:right}.qty-wrap input{text-align:right;font-size:19px;font-weight:650}.saved{font-size:10px;display:block;margin-top:3px;min-height:14px}.saved.good{color:var(--good)}.saved.bad{color:#ba3939}.request{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;gap:12px}.request p{margin:2px 0}.actions{display:flex;gap:6px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}td,th{padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted)}.chip{display:inline-block;border-radius:7px;background:#eff4f3;padding:5px 9px;margin:3px;color:#526b64;font-size:12px}.chips{display:flex;flex-wrap:wrap}.alert{padding:13px 16px;border-radius:10px;background:#fff5dd;color:#735a25;margin-bottom:16px}.alert.ok{background:#e3f5e9;color:#166940}.alert.bad{background:#fce8e6;color:#ad3838}.auth{min-height:100vh;display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#102b2a,#2a635a)}.auth .panel{width:100%;max-width:425px;padding:36px}.auth .logo{color:var(--dark);margin-bottom:14px}.mobile-nav{display:none}@media(max-width:900px){.side{display:none}.content{padding:23px 18px 90px}.top{padding:0 18px}.brand-sub{display:none}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:white;border-top:1px solid var(--line);z-index:4;padding:9px 0 max(9px,env(safe-area-inset-bottom))}.mobile-nav a{font-size:12px;font-weight:650;padding:8px 6px}}@media(max-width:640px){h1{font-size:25px}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:22px}.cards,.two{grid-template-columns:1fr}.panel,.location-card{padding:17px}.toolbar{flex-wrap:wrap}.toolbar>input{max-width:none}.user{font-size:0}.user small{font-size:0}.top{gap:10px}.item-row{gap:8px}.qty-wrap{width:91px}.item-name b{font-size:14px}.heading{align-items:flex-start}}

/* v0.5 mobile-first counting and offline-draft status */
.count-panel{padding:16px 20px}.count-panel .count-sticky{position:sticky;top:0;z-index:3;background:#fff;padding:9px 0 12px;border-bottom:1px solid var(--line)}.sync-banner{font-size:12px;padding:9px 12px;border-radius:8px;background:#e9f7ef;color:#126b46;margin:9px 0}.sync-banner.pending-sync{background:#fff4d9;color:#815d18}.sync-banner.alert-sync{background:#ffebe9;color:#ad3333}.count-panel .item-row{min-height:66px;padding:9px 4px}.count-panel .item-name b{line-height:1.25}.count-panel .qty-wrap{width:105px}.count-panel .qty{min-height:48px!important;font-size:18px!important}.count-panel .saved.draft{color:#936414}.count-panel .toolbar{margin:12px 0 0;gap:8px}.count-panel #retry-all{white-space:nowrap}.count-panel .item-row:focus-within{background:#f2faf7;border-radius:8px}@media(max-width:640px){.count-heading{margin-bottom:13px}.count-panel{padding:10px 12px}.count-panel .count-sticky{top:0}.count-panel .toolbar{display:grid;grid-template-columns:1fr auto;align-items:center}.count-panel #search{grid-column:1 / -1}.count-panel #retry-all{padding:7px 9px}.count-panel .item-row{min-height:64px;gap:7px}.count-panel .item-name b{font-size:13px}.count-panel .item-name small{font-size:11px}.count-panel .qty-wrap{width:86px}.count-panel .qty{padding:7px!important;text-align:center!important;font-size:18px!important}.count-panel .saved{font-size:10px}}

/* v0.6: faster mobile counting without touching the save protocol */
.count-panel .toolbar{display:grid;grid-template-columns:minmax(170px,1fr) auto minmax(150px,220px) auto;gap:9px;align-items:center}
.count-panel #search{max-width:none}.count-panel #category-filter{min-height:43px;max-width:220px}
.count-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap;margin:8px 0 1px}
.count-actions #visible-summary{margin-right:auto;color:var(--muted);font-size:12px}
.count-panel .item-row:nth-child(even){background:#fbfcfc}
.count-panel .item-row:focus-within{background:#eaf7f3;outline:1px solid #a4cfc4;outline-offset:-1px}
.count-panel .item-row .mark{min-width:20px;text-align:center}
@media(max-width:760px){.count-panel .toolbar{grid-template-columns:minmax(0,1fr) auto;gap:8px}.count-panel #category-filter{grid-column:1;grid-row:2;max-width:none}.count-panel .check{grid-column:2;grid-row:2;font-size:12px}.count-panel #clear-search{grid-column:2;grid-row:1}.count-actions{display:grid;grid-template-columns:1fr 1fr}.count-actions #visible-summary{grid-column:1/-1}.count-actions button{width:100%;min-height:42px}.count-panel .item-row{min-height:61px}.count-panel .qty{font-size:20px!important}.count-panel .count-sticky{padding-top:4px}}

/* v0.7 compact mobile-first controls; filters are tucked away until requested. */
.count-panel .quick-search{display:grid;grid-template-columns:minmax(0,1fr) 38px auto;gap:7px;align-items:center;margin-top:10px}
.count-panel .quick-search #search{max-width:none;min-width:0;min-height:40px}
.count-panel .quick-search .btn{min-height:40px;padding:7px 10px}
.count-panel .count-filters{margin-top:7px;border:1px solid var(--line);border-radius:9px;background:#fbfdfc}
.count-panel .count-filters summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:7px 11px;font-size:12px;font-weight:650}
.count-panel .count-filters summary::-webkit-details-marker{display:none}
.count-panel .count-filters summary:after{content:'▾';color:var(--teal);margin-left:7px}
.count-panel .count-filters[open] summary:after{content:'▴'}
.count-panel #filter-hint{font-weight:400;color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:auto}
.count-panel .filter-content{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 11px;border-top:1px solid var(--line)}
.count-panel .filter-content select{min-width:0;min-height:40px}
.count-panel .count-actions.compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0 0;font-size:12px}
.count-panel .count-actions.compact #retry-all{min-height:30px;padding:4px 9px}
@media(max-width:760px){.count-panel .quick-search{grid-template-columns:minmax(0,1fr) 38px 72px}.count-panel .quick-search .btn{padding:6px}.count-panel .filter-content{grid-template-columns:1fr;gap:8px}.count-panel .count-actions.compact{display:flex}.count-panel .count-actions.compact button{width:auto}.count-panel .count-filters{margin-top:5px}}

/* v1.0 counting UX hotfix: intentionally overrides legacy responsive rules. */
.count-panel .count-sticky{padding:7px 0 7px;}
.count-panel .count-sticky .between{flex-wrap:nowrap;gap:7px;}
.count-panel .count-sticky .between b{font-size:12px;white-space:nowrap;}
.count-panel #counter{font-size:12px;white-space:nowrap;font-weight:650;}
.count-panel .progress{height:4px;margin:6px 0 8px;}
.count-panel .sync-banner{font-size:11px;margin:4px 0 7px;padding:6px 9px;line-height:1.25;}
.count-panel .sync-banner.good-sync{display:none;}
.count-panel .count-actions.compact #retry-all[hidden]{display:none!important;}
.count-panel .quick-search{display:grid;grid-template-columns:minmax(0,1fr) 36px 68px;gap:5px;align-items:center;margin:5px 0 0;}
.count-panel .quick-search #search{min-height:38px;height:38px;font-size:14px;padding:7px 10px;grid-column:auto;grid-row:auto;}
.count-panel .quick-search .btn{width:100%;min-width:0;min-height:38px;height:38px;padding:0 5px;grid-column:auto;grid-row:auto;}
.count-panel .count-filters{border:0;background:transparent;margin:3px 0 0;}
.count-panel .count-filters summary{justify-content:flex-start;gap:6px;font-size:12px;padding:3px 0;}
.count-panel .count-filters summary:after{margin-left:0;}
.count-panel #filter-hint{margin-left:2px;font-size:11px;max-width:55%;}
.count-panel .count-actions.compact{margin:1px 0 2px;min-height:0;}
.count-panel #visible-summary{font-size:11px;}
.count-panel .item-row{min-height:57px;padding:8px 2px;}
.count-panel .item-name b{font-size:13px;line-height:1.25;}
.count-panel .item-name small{font-size:11px;}
.count-panel .qty-wrap{width:78px;}
.count-panel .qty{min-height:39px!important;height:39px;font-size:17px!important;padding:5px!important;}
.count-panel .saved:empty{display:none;}
@media(max-width:760px){
 .count-panel{padding:8px 11px;}
 .count-panel .count-sticky{top:0;padding:5px 0 7px;}
 .count-panel .quick-search{grid-template-columns:minmax(0,1fr) 36px 68px;gap:5px;}
 .count-panel .quick-search #search{grid-column:auto!important;grid-row:auto!important;}
 .count-panel .quick-search #clear-search,.count-panel .quick-search #next-uncounted{grid-column:auto!important;grid-row:auto!important;}
 .count-panel .quick-search .btn{padding:0 3px!important;}
 .count-panel .count-actions.compact{display:flex;flex-wrap:nowrap;gap:6px;}
 .count-panel .count-actions.compact button{width:auto;min-height:30px;}
 .count-panel .item-row{min-height:55px;gap:6px;}
 .count-panel .item-name{min-width:0;}
 .count-panel .qty-wrap{width:76px;}
 .count-panel .item-name b{font-size:13px;}
 .count-panel .mark{min-width:16px;font-size:16px;}
}
@media(max-width:375px){.count-panel #counter{font-size:11px}.count-panel .count-sticky .between b{font-size:11px}.count-panel .quick-search{grid-template-columns:minmax(0,1fr) 32px 62px}}

/* v1.1 single-purpose mobile counting view. Keep regular pages unchanged. */
.count-screen .count-back,.count-screen .count-help{display:none}
.count-screen .count-guidance{font-size:12px;margin:-16px 0 12px;color:var(--muted)}
.count-screen .count-panel .saved:empty{display:none}
.count-screen .count-panel .item-row.hidden{display:none!important}
.count-screen .count-panel .count-actions.compact #visible-summary{font-weight:600;color:var(--teal)}
@media (max-width:900px){
 body.count-screen{background:#fff}
 .count-screen .top{height:48px;padding:0 15px}
 .count-screen .top .logo{font-size:20px;letter-spacing:2px}
 .count-screen .top .brand-sub,.count-screen .top .user{display:none}
 .count-screen .top .link-btn{font-size:12px;padding:6px 9px}
 .count-screen .shell{min-height:calc(100dvh - 48px)}
 .count-screen .content{padding:8px 12px 22px;max-width:660px}
 .count-screen .mobile-nav{display:none}
 .count-screen .count-heading{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:10px;margin:2px 0 5px}
 .count-screen .count-heading .btn{display:none}
 .count-screen .count-back{display:flex;width:34px;height:34px;flex-shrink:0;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:10px;font-size:22px;color:var(--teal)}
 .count-screen .count-heading-title{min-width:0;flex:1}
 .count-screen .count-heading .eyebrow{font-size:9px;letter-spacing:1.2px;margin:0}
 .count-screen .count-heading h1{font-size:20px;line-height:1.14;letter-spacing:-.35px;margin:1px 0}
 .count-screen .count-help{display:flex;width:28px;height:28px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:13px;font-weight:700;color:var(--teal)}
 .count-screen .count-guidance{font-size:11px;line-height:1.35;margin:0 0 8px;color:var(--muted)}
 .count-screen .count-panel{padding:0;border:0;box-shadow:none;border-radius:0;background:transparent}
 .count-screen .count-panel .count-sticky{position:sticky;top:0;z-index:6;background:#fff;padding:8px 0 7px;border-bottom:1px solid var(--line)}
 .count-screen .count-panel .count-sticky .between{flex-wrap:nowrap}
 .count-screen .count-panel .count-sticky .between b,.count-screen .count-panel #counter{font-size:12px}
 .count-screen .count-panel .progress{height:3px;margin:5px 0 8px}
 .count-screen .count-panel .quick-search{grid-template-columns:minmax(0,1fr) 34px 65px;gap:5px;margin:0}
 .count-screen .count-panel .quick-search #search,.count-screen .count-panel .quick-search .btn{min-height:36px;height:36px;font-size:13px;border-radius:8px}
 .count-screen .count-panel .quick-search #search{padding:5px 9px;grid-column:auto!important;grid-row:auto!important}
 .count-screen .count-panel .quick-search #clear-search,.count-screen .count-panel .quick-search #next-uncounted{grid-column:auto!important;grid-row:auto!important;padding:0 2px!important}
 .count-screen .count-panel .count-filters{margin:2px 0 0;border:0;background:transparent}
 .count-screen .count-panel .count-filters summary{padding:2px 0;font-size:11px}
 .count-screen .count-panel .count-actions.compact{margin:0;display:flex;align-items:center;gap:7px;min-height:18px}
 .count-screen .count-panel #visible-summary{font-size:11px;line-height:1.2}
 .count-screen .count-panel .count-actions.compact button{width:auto;min-height:26px;font-size:11px}
 .count-screen .count-panel .sync-banner{margin:4px 0;padding:5px 8px;font-size:11px;line-height:1.25}
 .count-screen .count-panel .sync-banner.good-sync{display:none}
 .count-screen .count-panel .item-row{min-height:59px;padding:8px 0;gap:8px;background:white!important;scroll-margin-top:156px}
 .count-screen .count-panel .item-name{flex:1;min-width:0}
 .count-screen .count-panel .item-name b{font-size:13px;line-height:1.2;overflow-wrap:anywhere}
 .count-screen .count-panel .item-name small{font-size:11px;line-height:1.2;margin-top:2px}
 .count-screen .count-panel .mark{min-width:18px;font-size:19px}
 .count-screen .count-panel .qty-wrap{width:78px;flex-shrink:0}
 .count-screen .count-panel .qty{min-height:43px!important;height:43px;text-align:center!important;font-size:17px!important;padding:5px!important}
 .count-screen .count-panel .saved{font-size:10px;line-height:1.1;min-height:0;margin:2px 0 0}
 .count-screen .count-panel .item-row:focus-within{background:#f1faf6!important}
}
@media (max-width:360px){.count-screen .count-panel .quick-search{grid-template-columns:minmax(0,1fr) 31px 59px}.count-screen .count-panel .qty-wrap{width:69px}}

/* v1.2 iOS Safari input-focus zoom repair. Safari zooms editable fields below 16px. */
@media (max-width: 900px) {
  .count-screen .count-panel input#search,
  .count-screen .count-panel input.qty,
  .count-screen .count-panel select#category-filter,
  .count-screen input:not([type="checkbox"]):not([type="hidden"]),
  .count-screen select,
  .count-screen textarea {
    font-size: 16px !important;
    -webkit-text-size-adjust: 100%;
  }
  .count-screen .count-panel .quick-search #search {
    font-size: 16px !important;
    min-width: 0;
    width: 100%;
  }
  .count-screen .count-panel .qty {
    font-size: 17px !important;
    width: 100%;
    min-width: 0;
  }
  .count-screen .count-panel .item-row {min-width: 0;}
  .count-screen .count-panel .item-name {min-width: 0; overflow-wrap: anywhere;}
  .count-screen .count-panel .qty-wrap {flex: 0 0 78px; max-width: 78px;}
  .count-screen .count-panel .quick-search {min-width: 0;}
  body.count-screen {overflow-x: clip;}
}
@media (max-width: 360px) {
  .count-screen .count-panel .qty-wrap {flex-basis: 69px;max-width:69px;}
}

/* v1.3: Quick Count alternative. Preserves existing checklist and saved-count engine. */
.count-screen .count-mode-switch{display:flex;gap:5px;padding:4px;background:#eaf2ef;border-radius:12px;margin:8px 0 10px}
.count-screen .mode-tab{flex:1;min-width:0;border:0;border-radius:9px;padding:10px 8px;background:transparent;color:#2e6761;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer}
.count-screen .mode-tab.is-selected{background:white;color:#0d3835;box-shadow:0 1px 5px #1038311d}
.count-screen .quick-count-view[hidden],.count-screen .count-panel[hidden]{display:none!important}
.count-screen .quick-count-view{max-width:620px;margin:0 auto 16px}
.count-screen .qc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#476964;font-size:13px;font-weight:600;margin:12px 0 8px}
.count-screen .qc-progress{height:5px;background:#e5efeb;border-radius:100px;overflow:hidden;margin-bottom:16px}
.count-screen .qc-progress i{height:100%;display:block;background:#1e8f74;width:0;transition:width .2s}
.count-screen .qc-card{border:1px solid #dce7e3;box-shadow:0 4px 14px #003c2a09;border-radius:16px;padding:22px;background:#fff}
.count-screen .qc-kicker{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#54837b}
.count-screen .qc-card h2{font-size:clamp(20px,5vw,29px);line-height:1.2;margin:10px 0;overflow-wrap:anywhere;color:#173633}
.count-screen .qc-card p{margin:0 0 25px;color:#687e79;font-size:15px}
.count-screen .qc-card label{display:block;color:#243f39;font-weight:700;margin-bottom:7px;font-size:14px}
.count-screen #qc-qty{display:block;box-sizing:border-box;width:100%;min-height:64px;height:64px;font-size:26px!important;font-weight:700;line-height:1.2;border:2px solid #9abcb3;border-radius:12px;padding:10px 16px;color:#123b36;background:white}
.count-screen #qc-qty:focus{outline:3px solid #a0e5d1;outline-offset:1px;border-color:#1e7d67}
.count-screen #qc-save{min-height:23px;font-size:13px;color:#38766b;font-weight:600;margin:11px 0 4px}
.count-screen #qc-save.qc-warning{color:#a35c15}.count-screen #qc-save.qc-error{color:#af3434}
.count-screen .qc-card small{display:block;color:#7a8e8a;font-size:12px}
.count-screen .qc-controls{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.count-screen .qc-controls .btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center}
.count-screen .qc-extra{display:flex;flex-wrap:wrap;gap:8px}
.count-screen .qc-extra .btn{flex:1;min-width:140px;padding:9px;font-size:12px}
.count-screen .qc-help{color:#70837c;font-size:12px;line-height:1.45;margin:13px 0}
@media(max-width:760px){.count-screen .qc-card{padding:19px 16px}.count-screen .count-mode-switch{margin:7px 0}.count-screen .mode-tab{min-height:40px;font-size:14px}.count-screen .qc-card p{margin-bottom:20px}.count-screen .qc-controls .btn{font-size:15px}}

/* v1.4 photo thumbnails: kept small so quantities remain visible on phones */
.count-screen .count-product-photo{width:42px;height:54px;flex:0 0 42px;object-fit:contain;border:1px solid #edf0ee;border-radius:7px;background:#fff}
.count-screen .qc-product-photo{display:block;width:100%;max-width:132px;height:124px;object-fit:contain;margin:2px auto 8px}
.count-screen .qc-product-photo[hidden]{display:none!important}
@media(max-width:480px){.count-screen .count-product-photo{width:36px;height:46px;flex-basis:36px}.count-screen .count-panel .item-row{gap:6px}.count-screen .qty-wrap{flex:0 0 76px;min-width:76px}}