:root{font-family:"Microsoft YaHei",Arial,sans-serif;color:#202724;background:#f3f6f5;font-size:16px}*{box-sizing:border-box}body{margin:0}.modal-open{overflow:hidden}.customer-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding:13px 24px;background:#fff;border-bottom:1px solid #dbe3df;box-shadow:0 2px 10px rgba(20,48,40,.05)}.customer-brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.customer-brand>span{display:grid;place-items:center;width:40px;height:40px;border-radius:6px;background:#08775f;color:#fff;font-size:20px;font-weight:700}.customer-brand h1{margin:0;font-size:20px}.customer-brand p{margin:2px 0 0;color:#6c7772;font-size:12px}.customer-tabs{display:flex;justify-content:center;gap:7px;min-width:0;overflow-x:auto;padding:2px}.tab{flex:none;height:36px;padding:0 12px;border:1px solid #cad6d1;border-radius:4px;background:#fff;color:#36423e;font:inherit;cursor:pointer}.tab b{margin-left:5px;padding:2px 5px;border-radius:3px;background:#edf2f0;color:#68736f;font-size:11px}.tab.active{border-color:#08775f;background:#08775f;color:#fff}.tab.active b{background:#fff;color:#08775f}.customer-search{display:flex;height:38px}.customer-search input{width:210px;min-width:0;padding:0 11px;border:1px solid #c9d5d0;border-right:0;outline:none;font:inherit}.customer-search input:focus{border-color:#08775f}.customer-search button{padding:0 14px;border:1px solid #08775f;background:#08775f;color:#fff;font:inherit;cursor:pointer}main{padding:20px 24px 40px}.customer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;align-items:start}.product-card{display:grid;grid-template-rows:260px auto;min-width:0;padding:0;border:1px solid #d8e0dd;border-radius:6px;overflow:hidden;background:#fff;color:inherit;text-align:left;font:inherit;cursor:pointer}.product-card:hover{border-color:#08775f;box-shadow:0 7px 22px rgba(24,59,49,.12)}.product-image{display:grid;place-items:center;overflow:hidden;background:#eef2f0;color:#89948f;border-bottom:1px solid #dfe6e3}.product-image img{display:block;width:100%;height:100%;object-fit:contain}.product-copy{display:flex;flex-direction:column;min-height:145px;padding:15px}.product-copy>strong{font-size:18px;line-height:1.4}.product-copy>small{margin-top:6px;color:#74807b}.price{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-top:auto;padding-top:14px;border-top:1px solid #e1e6e4}.price small{color:#697570}.price b{color:#c53649;font-size:23px}.message{grid-column:1/-1;padding:70px 20px;background:#fff;border:1px solid #d9e1de;text-align:center;color:#68736f}.message.error{color:#b52d3e}.customer-overlay{position:fixed;inset:0;z-index:30;padding:4vh 4vw;background:rgba(25,31,29,.72)}.customer-overlay[hidden]{display:none}.customer-dialog{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);max-width:1120px;height:92vh;margin:auto;overflow:hidden;border-radius:7px;background:#fff}.close{position:absolute;right:16px;top:16px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#303936;color:#fff;font-size:28px;cursor:pointer}.nav{position:absolute;top:50%;z-index:2;width:42px;height:54px;border:0;background:#303936;color:#fff;font-size:32px;cursor:pointer}.nav:disabled{opacity:.25}.prev{left:10px}.next{right:10px}.detail-image{display:grid;place-items:center;min-width:0;overflow:hidden;background:#eef2f0;color:#89948f}.detail-image img{display:block;width:100%;height:100%;object-fit:contain}.detail-copy{display:flex;flex-direction:column;justify-content:center;padding:44px 40px}.detail-copy>small{color:#6f7b76}.detail-copy h2{margin:10px 0 34px;font-size:30px;line-height:1.35}.detail-price{padding-top:22px;border-top:1px solid #dce4e0}.detail-price span{display:block;color:#6d7873}.detail-price strong{display:block;margin-top:6px;color:#c53649;font-size:38px}
.customer-dialog>#detail{display:contents}

/* Keep the complete thumbnail visible for all source aspect ratios. */
.product-image{background:#fff;padding:8px}
.product-image img{max-width:100%;max-height:100%;object-fit:contain;object-position:center center}
@media(min-width:1700px){.customer-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.customer-header{grid-template-columns:auto minmax(0,1fr)}.customer-tabs{grid-column:1/-1;grid-row:2;justify-content:flex-start}.customer-search{justify-self:end}}
@media(max-width:700px){.customer-header{grid-template-columns:1fr;gap:9px;padding:10px 12px}.customer-brand{grid-row:1}.customer-tabs{grid-column:1;grid-row:2;justify-content:flex-start}.customer-search{grid-row:3;width:100%}.customer-search input{width:100%;flex:1}.customer-search button{min-width:64px}main{padding:12px}.customer-grid{grid-template-columns:1fr 1fr;gap:10px}.product-card{grid-template-rows:170px auto}.product-copy{min-height:132px;padding:12px}.product-copy>strong{font-size:16px}.price b{font-size:20px}.customer-overlay{padding:0}.customer-dialog{display:flex;flex-direction:column;width:100%;height:100dvh;border-radius:0}.customer-dialog>#detail{display:flex;flex:1;min-height:0;flex-direction:column}.detail-image{flex:1;min-height:0}.detail-copy{flex:none;padding:20px 18px calc(26px + env(safe-area-inset-bottom))}.detail-copy h2{margin:6px 0 17px;font-size:23px}.detail-price strong{font-size:30px}.close{position:fixed;top:calc(10px + env(safe-area-inset-top));right:10px}.nav{position:fixed;top:auto;bottom:calc(14px + env(safe-area-inset-bottom))}.prev{left:10px}.next{right:10px}}
@media(max-width:430px){.customer-grid{grid-template-columns:1fr}.product-card{grid-template-rows:230px auto}}

/* Thumbnail images must remain fully visible for every source aspect ratio. */
.product-card{display:flex;flex-direction:column}
.product-image{display:flex;align-items:center;justify-content:center;height:auto;min-height:220px;aspect-ratio:4/3;padding:8px;overflow:hidden;background:#fff}
.product-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
@media(max-width:700px){.product-image{min-height:170px;aspect-ratio:4/3}}
@media(max-width:430px){.product-image{min-height:230px;aspect-ratio:4/3}}