:root{color-scheme:dark;--bg:#061525;--panel:#0b2035;--border:#1b3b54;--muted:#8fa7bc;--text:#eaf3fc;--cyan:#27cbe7;--blue:#1687ff;--green:#36d5aa;--amber:#f7bf60;--red:#ff8190}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;white-space:nowrap}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}input,select,textarea{color:var(--text);background:#07192c;border:1px solid #31516a;border-radius:7px;padding:9px 11px;max-width:100%}input::placeholder,textarea::placeholder{color:#7892a8}label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#bacbd9}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:.3px}h2{font-size:16px}h3{font-size:14px}.eyebrow{font-size:10px;color:#75a0bb;letter-spacing:1.7px;margin-bottom:4px}.muted{color:var(--muted);font-size:12px}.primary,.outline,.text-button,.icon-button{border-radius:7px;padding:8px 15px;min-height:37px}.primary{background:var(--blue);border:1px solid var(--blue);color:white;font-weight:600}.primary:hover{background:#2796ff}.outline{background:#0b243d;border:1px solid #28516c;color:#d2e7f6}.outline:hover{background:#143650}.text-button{color:#9ac6e4;border:0;background:transparent;padding:6px}.icon-button{font-size:26px;background:transparent;border:0;color:#b8c9d8;padding:0 10px}.small{padding:5px 10px;min-height:31px;font-size:12px}[hidden]{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 60% 30%,#10334e 0,transparent 60%)}.login-card{width:440px;max-width:calc(100vw - 36px);padding:38px;background:#0b2035;border:1px solid #28506c;border-radius:15px;box-shadow:0 25px 100px #0004}.brand-mark{display:grid;place-items:center;background:linear-gradient(135deg,#0f87e3,#26bfd8);color:white;font-weight:800;width:44px;height:44px;border-radius:11px;font-size:18px}.login-card>.brand-mark{margin-bottom:24px}.login-card>p:not(.eyebrow){color:var(--muted);margin:10px 0 24px}.login-card form,.stack-form{display:flex;flex-direction:column;gap:18px}.login-note{margin-top:23px;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}#login-error{color:var(--red);font-size:13px}.app{display:grid;grid-template-columns:208px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#04101d;border-right:1px solid var(--border);padding:28px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px}.brand strong{font-size:18px}.brand small{display:block;color:#718fa7;font-size:9px;letter-spacing:1px}.nav-caption{margin:38px 12px 13px;color:#66869e;font-size:11px}.nav{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;margin-bottom:7px;border:0;border-radius:8px;text-align:left;color:#93aec5;background:transparent;font-size:16px}.nav span{font-size:14px}.nav.active{background:#0a3e6b;color:#eef7ff;box-shadow:inset 3px 0 var(--cyan)}.nav:hover{background:#0c2c45}.sidebar-bottom{margin-top:auto;font-size:10px;color:#8ba6bb}.sidebar-bottom p{line-height:1.9;margin-top:15px;color:#6a879e}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px}.main{padding:26px 28px 40px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.user-tools{display:flex;align-items:center;gap:13px;font-size:12px}.connection{color:var(--green)}.connection.offline{color:var(--red)}.modebar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.segmented{display:flex;border:1px solid var(--border);border-radius:8px;padding:3px;background:#051323}.segmented button{border:0;background:transparent;padding:7px 15px;color:var(--muted);border-radius:5px;font-size:12px}.segmented button.selected{background:#145182;color:white}#source-time{font-size:11px;color:var(--muted);margin-right:auto}.notice{font-size:12px;color:#a3c0d6;padding:12px 15px;background:#0b2840;border:1px solid #1b3f5b;border-radius:8px;margin-bottom:18px}.notice.trial{background:#322719;border-color:#6a4b23;color:#f0cb91}.warning{background:#3c252b;border:1px solid #774250;border-radius:7px;padding:12px;color:#ffc5c9;margin:10px 0;font-size:12px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.metric{padding:16px 18px;border:1px solid var(--border);background:linear-gradient(120deg,#0c2942,#0b2035);border-radius:9px}.metric span{display:block;color:#a2bbcd;font-size:12px}.metric strong{display:block;font-size:29px;line-height:1.5;color:var(--cyan);font-variant-numeric:tabular-nums}.metric small{color:#688ba7;font-size:10px}.metric.warn strong{color:var(--amber)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 18px}.panel-head h2+.muted{display:block;font-size:11px;margin-top:2px}.filters{padding:0 18px 16px;display:flex;gap:9px;flex-wrap:wrap}.filters input{flex:1;min-width:180px}.filters select{font-size:12px}.table-wrap{overflow:auto;max-height:calc(100vh - 380px);min-height:280px}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}th{position:sticky;top:0;background:#102c44;padding:12px 13px;color:#93b3ca;font-weight:500;text-align:left;white-space:nowrap;z-index:3;border-bottom:1px solid #2c4b63}td{padding:11px 13px;border-bottom:1px solid #17344b;white-space:nowrap;font-variant-numeric:tabular-nums}tbody tr:hover td{background:#11304a}th:nth-child(1),td:nth-child(1){position:sticky;left:0;min-width:100px;background:#0d263d;z-index:2}th:nth-child(2),td:nth-child(2){position:sticky;left:100px;min-width:155px;background:#0d263d;z-index:2;box-shadow:5px 0 6px -5px #0006}th:nth-child(1),th:nth-child(2){z-index:4;background:#102c44}td small{display:block;color:#789bb6;font-size:10px}td .sku{display:block;width:220px;overflow:hidden;text-overflow:ellipsis;color:#9eb8cc}.order-link{padding:0;border:0;background:none;color:#cce9ff;font-variant-numeric:tabular-nums}.order-link:hover{text-decoration:underline}.cell-link{padding:3px 7px;border:1px solid #2b5976;color:#c3e7fc;background:#10324d;border-radius:4px;min-width:54px}.badge{display:inline-block;border-radius:5px;padding:2px 7px;background:#183a51;color:#9fc7dc;font-size:11px}.badge.green{background:#123f3a;color:#68d9b8}.badge.amber{background:#41351e;color:#f1c372}.badge.gray{background:#273445;color:#9baebe}.badge.red{background:#422832;color:#ff9baa}.negative{color:#ff9ba8}.positive{color:#60d7bd}.pagination{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;font-size:11px;color:#8fabbe}.pagination>div{display:flex;gap:14px;align-items:center}.empty{padding:65px 20px;text-align:center;color:var(--muted)}.chart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin:18px 0}.chart-grid .panel{min-width:0}#trend{padding:10px 20px 20px}#trend svg{width:100%;height:240px}.summary-row{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid var(--border);font-size:13px}.stack-form{padding:20px}.history-item{padding:16px 20px;border-top:1px solid var(--border)}.history-item p{font-size:12px;color:var(--muted);white-space:pre-wrap;word-break:break-word;margin-top:5px}.history-item strong{font-size:13px}.user-row{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;border-bottom:1px solid var(--border)}.user-row small{display:block;color:var(--muted)}.backdrop{position:fixed;inset:0;background:#01091688;z-index:20}.drawer{position:fixed;inset:0 0 0 auto;width:490px;max-width:100%;background:#0a2035;border-left:1px solid #37627d;z-index:21;box-shadow:-15px 0 50px #0005;display:flex;flex-direction:column}.drawer-title{display:flex;justify-content:space-between;padding:23px;border-bottom:1px solid var(--border)}.drawer-title h2{font-size:21px}.drawer-body{overflow-y:auto;padding:20px 23px 35px}#drawer-sku{overflow-wrap:anywhere;color:#b7cddd;font-size:12px;margin-bottom:13px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.fact{background:#102e46;border:1px solid #21425b;border-radius:6px;padding:10px}.fact span{display:block;color:#8dacbf;font-size:10px}.fact strong{font-size:16px}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.drawer form>label{margin-top:15px}.drawer input,.drawer select,.drawer textarea{width:100%}#weight-reference{margin:8px 0}.preview{margin-top:20px;padding:14px;background:#0b2f42;border:1px solid #1a5266;border-radius:7px}.preview-top{display:flex;justify-content:space-between}.preview strong{font-size:23px;color:var(--cyan)}.preview small{display:block;color:#8fb4c9}.preview p{font-size:12px;margin-top:8px;color:#b4d1e2}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.drawer-actions button{font-size:12px}.remark-box{border:1px solid var(--border);border-radius:8px;margin-top:24px}.remark-box .panel-head{padding:12px}.remark-box p{padding:0 12px 14px;white-space:pre-wrap;font-size:12px;color:#bed9ed}#save-status{font-size:12px;color:var(--muted);margin-top:10px}#save-status.error{color:var(--red)}#order-history{margin-top:20px}#order-history .history-item{padding:12px 0}#toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);z-index:50;background:#194868;border:1px solid #367493;padding:12px 22px;box-shadow:0 8px 40px #0006;border-radius:9px;font-size:13px;max-width:90vw}dialog{background:var(--panel);color:var(--text);border:1px solid #38607b;border-radius:12px;width:420px;max-width:90vw}dialog::backdrop{background:#0009}@media(max-width:1150px){.app{grid-template-columns:170px minmax(0,1fr)}.main{padding:20px 18px}.sidebar{padding:24px 12px}.brand strong{font-size:16px}.user-tools{gap:7px}.cards{gap:8px}.metric{padding:13px}.metric strong{font-size:25px}.chart-grid{grid-template-columns:1fr}}@media(max-width:760px){.app{display:block}.sidebar{position:static;height:auto;padding:12px;border-bottom:1px solid var(--border)}.sidebar .brand,.nav-caption,.sidebar-bottom{display:none}nav{display:flex;gap:4px}.nav{padding:8px;justify-content:center;margin:0}.nav span{font-size:12px}.main{padding:16px 12px}header{align-items:flex-start;gap:6px}h1{font-size:20px}.user-tools{flex-wrap:wrap;justify-content:flex-end;max-width:200px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric:last-child{grid-column:span 2}.metric strong{font-size:26px}.table-wrap{max-height:65vh}.modebar{gap:8px}.segmented button{padding:7px 9px}.panel-head{flex-wrap:wrap}.filters{padding:0 12px 12px}.filters select{flex:1}.connection{font-size:10px}#source-time{width:100%}td .sku{width:180px}}

.facts{grid-template-columns:repeat(2,1fr)}.facts>div{background:#102e46;padding:9px;border-radius:6px;font-size:11px;color:var(--muted)}.facts strong{display:block;font-size:16px;color:var(--text)}.preview{display:grid;grid-template-columns:1fr 1fr;gap:15px}.preview>div span{display:block;font-size:11px;color:var(--muted)}.preview strong{font-size:19px}.preview strong.negative{color:var(--red)}.history-row{padding:14px 18px;border-bottom:1px solid var(--border);font-size:12px;overflow-wrap:anywhere}.history-row strong,.history-row span{display:block}.history-row p{margin-top:6px;color:var(--muted)}.store-row{padding:15px 18px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);font-size:12px}#trend svg{display:block;width:100%;max-height:350px}

.inline-cell{min-width:130px;vertical-align:top}.inline-input{width:105px;padding:7px 9px;border-color:#397798;background:#082b40;font-variant-numeric:tabular-nums}.inline-cell .inline-status{max-width:150px;white-space:normal;color:var(--green);min-height:16px;margin-top:3px}.inline-cell.inline-error .inline-status{color:var(--red)}.inline-actions button{border:0;background:transparent;color:var(--cyan);padding:1px 0;font-size:11px;text-decoration:underline}

.table-navigation,.horizontal-control{display:flex;align-items:center;gap:12px;padding:10px 18px;background:#102a40;border-top:1px solid var(--border);font-size:12px;color:var(--muted)}.table-navigation span{margin-right:auto}.horizontal-control input{flex:1;min-width:60px;padding:0;height:20px;accent-color:var(--cyan);cursor:ew-resize}.horizontal-control>span:last-child{min-width:60px;text-align:right}.table-wrap{max-height:60vh;scrollbar-width:auto;scrollbar-color:#4e8fb7 #102a40}.table-wrap::-webkit-scrollbar{height:14px;width:12px}.table-wrap::-webkit-scrollbar-thumb{background:#4e8fb7;border:3px solid #102a40;border-radius:10px}.table-remark{white-space:normal;min-width:240px;max-width:320px}.row-results{margin:0 18px 14px;border:1px solid #326786;border-radius:8px;background:#0a2b40;padding:12px 15px}.result-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px}.result-heading span{color:var(--muted)}.result-values{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:10px 0}.result-values span{display:block;color:var(--muted);font-size:11px}.result-values strong{font-size:18px;color:var(--cyan)}.result-values strong.negative{color:var(--red)}.result-remark{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid #28516c;padding-top:9px;font-size:12px}.result-remark p{color:#bed9ed;overflow-wrap:anywhere}.pagination{gap:12px;flex-wrap:wrap}.pagination>div{flex-wrap:wrap}@media(max-width:760px){.result-values{grid-template-columns:repeat(2,minmax(0,1fr))}.row-results{margin:0 10px 12px}.table-navigation{gap:6px;flex-wrap:wrap}.horizontal-control{padding:10px}.result-remark{align-items:flex-start;flex-direction:column}.pagination>div{gap:8px}}
/* Procurement workspace: inputs and results fit without horizontal navigation. */
.app{grid-template-columns:180px minmax(0,1fr)}.main{padding:22px 24px 32px}#cards{gap:10px;margin:14px 0}#cards .metric{padding:11px 14px}#cards .metric strong{font-size:24px}#cards .metric small{font-size:10px}
#work-page>.panel{overflow:visible}.procurement-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start;padding:0 16px 16px}.order-list{min-width:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.list-caption{display:flex;justify-content:space-between;gap:8px;padding:11px 12px;background:#102c44;font-size:12px}.list-caption span{color:var(--muted);font-size:11px}.table-wrap{min-width:0;min-height:320px;max-height:65vh;overflow-y:auto;overflow-x:hidden}#orders{table-layout:fixed;width:100%}.col-order{width:150px}.col-purchase{width:105px}.col-weight{width:115px}#orders th,#orders td{min-width:0;white-space:normal;overflow-wrap:anywhere;padding:10px}#orders th{font-size:11px}#orders th:nth-child(1),#orders th:nth-child(2){position:sticky;left:auto;top:0;box-shadow:none;z-index:3}#orders td:nth-child(1),#orders td:nth-child(2){position:static;box-shadow:none;background:transparent}#orders td{vertical-align:top}#orders td .sku{width:auto;max-width:100%;white-space:normal;overflow-wrap:anywhere;display:block;font-size:11px;line-height:1.6}#orders .inline-cell{min-width:0}#orders .inline-input{width:100%;min-width:0;max-width:100%;padding:7px 8px}#orders .inline-status{max-width:100%;line-height:1.5}#orders .reference-weight{color:#89a9bc;font-size:10px;margin-top:5px}#orders .order-identity small{font-size:10px;line-height:1.65}#orders .badge{margin:5px 0}#orders .row-details{font-size:10px;padding:4px 0;color:#79bfe9}#orders .selected-row td{background:#123750!important}#orders .selected-row td:first-child{box-shadow:inset 3px 0 var(--cyan)}#orders .order-link{font-size:12px;font-weight:600}
.row-results{position:sticky;top:16px;align-self:start;margin:0;padding:16px;background:#0a2b40;border:1px solid #326786}.result-heading{display:flex;flex-direction:column;gap:4px}.result-heading>strong{font-size:18px;color:#eaf3fc;letter-spacing:.3px}.result-heading>span:last-child{font-size:11px}.result-context{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0;border-bottom:1px solid #28516c;font-size:10px;color:var(--muted)}.result-context span{display:flex;justify-content:space-between;gap:5px}.result-context b{font-weight:500;color:#d3e8f5}.result-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.result-values>div{background:#10364e;border-radius:6px;padding:9px 10px;min-width:0}.result-values strong{font-size:20px;overflow-wrap:anywhere}.result-values .result-profit strong{color:var(--green)}.result-values strong.negative{color:var(--red)!important}.result-remark{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:12px}.result-remark h3{color:var(--muted);font-size:11px;font-weight:500;margin-bottom:5px}.result-remark strong{display:block;font-size:14px;color:#f1cb88;margin-bottom:16px}.result-remark p{line-height:1.75;font-size:12px;white-space:pre-wrap}.result-remark button{width:100%}.result-footnote{font-size:10px;color:#82a7be;margin-top:12px;line-height:1.6}.pagination{padding:11px;gap:8px}.pagination>div{gap:8px;font-size:10px}.pagination .small{padding:4px 8px}
@media(min-width:1600px){.procurement-layout{grid-template-columns:minmax(0,1fr) 350px}.col-order{width:175px}.col-purchase{width:130px}.col-weight{width:140px}}
@media(max-width:1150px){.procurement-layout{grid-template-columns:minmax(0,1fr)}.row-results{position:static;order:-1}.result-heading{flex-direction:row;align-items:center;flex-wrap:wrap}.result-heading .eyebrow{width:100%}.result-values{grid-template-columns:repeat(6,minmax(0,1fr))}.result-values strong{font-size:17px}.result-context{grid-template-columns:repeat(4,minmax(0,1fr))}.result-remark{display:grid;grid-template-columns:minmax(0,1fr) 160px;align-items:end}.result-remark strong{margin-bottom:8px}.result-footnote{margin-top:8px}.result-remark button{font-size:12px}.col-order{width:170px}.col-purchase{width:120px}.col-weight{width:130px}}
@media(max-width:760px){.app{display:block}.main{padding:14px 10px}.procurement-layout{padding:0 10px 10px;gap:12px}.result-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.result-values>div{padding:8px}.result-values strong{font-size:16px}.result-context{grid-template-columns:1fr 1fr}.result-remark{display:flex}.row-results{padding:12px}.result-heading>span:last-child{width:100%}.list-caption{flex-direction:column;gap:2px}#orders,#orders tbody{display:block}#orders thead,#orders colgroup{display:none}#orders tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border-bottom:1px solid #31516a}#orders td{display:block;border:0;padding:5px;min-width:0}#orders .order-identity,#orders .product-identity{grid-column:1/-1}#orders .order-identity small{display:inline;margin-right:10px}#orders .order-identity [data-result=status]{display:inline;margin-left:10px}#orders .order-identity{padding-bottom:0}#orders .product-identity{padding-top:2px}#orders .sku{font-size:10px}#orders .inline-cell:before,#orders .readonly-cell:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px}#orders .selected-row{background:#123750;box-shadow:inset 3px 0 var(--cyan)}#orders .selected-row td:first-child{box-shadow:none}.table-wrap{max-height:65vh}.pagination{justify-content:center}.pagination>span{width:100%;text-align:center}.pagination>div{justify-content:center}}

#orders .sku-copy{border:0;background:transparent;text-align:left;padding:0;color:#a9cee5;white-space:normal;user-select:text;cursor:copy}#orders .sku-copy:hover,#orders .order-link[data-copy]:hover{color:var(--cyan);text-decoration:underline}#orders .order-link[data-copy]{cursor:copy;user-select:text}

.product-cell{display:flex;align-items:center;gap:10px;min-width:0}.product-text{min-width:0;flex:1}.product-photo{flex:0 0 56px;width:56px;height:64px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;color:#7794a7;font-size:10px;line-height:1.5;text-align:center;white-space:normal;cursor:zoom-in}.product-photo img{width:100%;height:100%;object-fit:contain}.product-photo:hover{opacity:.9}.product-photo:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.missing-photo{background:#0c2639;cursor:default}#photo-dialog{width:min(620px,94vw);max-width:94vw;max-height:92vh;padding:18px;overflow:auto;border:1px solid #42647a;border-radius:14px;background:#0b2538;color:#e6f0f6}#photo-dialog::backdrop{background:#000b}.photo-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.photo-heading h2{font-size:16px}#photo-full{display:block;max-width:100%;width:100%;height:min(60vh,600px);object-fit:contain;background:transparent;border-radius:0}#photo-full[hidden]{display:none}#photo-caption{overflow-wrap:anywhere;white-space:normal;margin:12px 0;font-size:12px}#photo-dialog .muted{font-size:11px}#photo-error{padding:40px 10px;text-align:center}
@media(max-width:760px){.product-photo{flex-basis:48px;width:48px;height:56px}.product-cell{gap:10px}}

/* 商品真实退货率：仅来自实际配送、拒收和退货账单事件。 */
.cards{grid-template-columns:repeat(6,minmax(0,1fr))}
.return-risk{display:inline-block;margin:4px 0 0 3px;padding:2px 6px;border-radius:5px;font-size:10px;line-height:1.35;white-space:nowrap}
.return-high{background:#512832;color:#ff9baa;border:1px solid #864352}
.return-warn{background:#4b3a20;color:#f5cb7a;border:1px solid #80622d}
.return-ok{background:#123f3a;color:#73dfc0;border:1px solid #276f62}
.return-unknown{background:#263646;color:#a8bac7;border:1px solid #3d5265}
.facts>div small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.preview small{line-height:1.45}
@media(max-width:1150px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

#photo-hover{position:fixed;z-index:150;pointer-events:none;width:min(320px,calc(100vw - 16px));padding:10px;background:#0b2538;border:1px solid #42647a;border-radius:10px;box-shadow:0 12px 35px #0008}#photo-hover[hidden]{display:none}#photo-hover-image{display:block;width:100%;height:min(380px,calc(100vh - 80px));object-fit:contain;background:transparent}#photo-hover-caption{display:block;margin-top:8px;font-size:11px;color:#a9cee5;line-height:1.4}

.product-photo{ text-decoration:none; }a.product-photo[href]{cursor:pointer}