/* Exhibition composition v18. Existing v17 commerce/host hooks remain stable.
   Light is scenic; ordinary items keep their real server grade and stats. */
body #detail-dialog[data-shop-quality="v17"] {
  --shop18-accent:#bdc9c1;
  --shop18-light:rgba(163,204,189,.18);
  --shop18-room:url('/resource/ui/shop-v18/runtime/workshop-stage.webp');
  --shop-ink:#f7f0df;
  --shop-muted:#adc1bd;
  --shop-line:rgba(183,168,127,.25);
}
body #detail-dialog[data-shop-quality="v17"] .dialog-header {
  background:linear-gradient(100deg,#1a302e,#13242a 58%,#18272b);
  box-shadow:inset 0 1px #d5c08729;
}
body #detail-dialog[data-shop-quality="v17"] .dialog-body {
  background:radial-gradient(ellipse at 8% 10%,#33484555,transparent 68%),#0d1b21;
}
body #detail-dialog[data-shop-quality="v17"] .shop-v18 { gap:14px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-top { padding:0 2px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-content { gap:14px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-exhibition {
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);
  gap:22px;
  flex:1;
  min-width:0;
}
.shop-v18-spotlight { position:relative; min-width:0; isolation:isolate; display:flex; flex-direction:column; overflow:hidden; border-radius:6px; background:#162a2d; box-shadow:0 14px 34px #0004,inset 0 0 0 1px #aa997c42; }
.shop-v18-spotlight::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,#0b1d20aa,#172d2b55 44%,#0b1b20f5 76%),var(--shop18-room) 48% 46%/cover; opacity:.84; }
.shop-v18-room-heading { padding:18px 22px 0; flex:none; z-index:3; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-room-heading h3 { font-size:18px; margin:3px 0 0; letter-spacing:.03em; line-height:1.4; color:#d3dfd3; font-weight:500; }
.shop-v18-spotlight-copy { padding:0 22px 18px; margin-top:auto; position:relative; z-index:3; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight-copy h3 { font-size:26px; line-height:1.3; margin:6px 0; color:var(--shop-ink); }
.shop-v18-spotlight-effect { font-size:14px; color:#bbd5c8; }
.shop-v18-spotlight-effect b { color:#a5dfc6; }
.shop-v18-spotlight-bottom { display:flex; gap:14px; align-items:center; justify-content:space-between; padding-top:14px; margin-top:14px; border-top:1px solid #9faf962b; }
body #detail-dialog[data-shop-quality="v17"] button.shop-v18-spotlight-open { background-color:#19302d!important; border-color:#80907a!important; min-height:44px; display:flex; align-items:center; gap:16px; padding:8px 12px; font-size:13px; white-space:nowrap; }
.shop-v18-collection { display:flex; flex-direction:column; gap:12px; min-width:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-catalog-tools { min-height:44px; gap:8px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-filters { gap:2px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-filters button { padding:7px 12px; font-size:13px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-storage { max-width:110px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 button.shop-v18-card {
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(108px,1fr) auto auto;
  min-height:230px;
  padding:12px 14px;
  gap:5px;
  border-color:#81928766!important;
  border-radius:5px;
  background-image:linear-gradient(135deg,#2b403b66,transparent 55%),linear-gradient(180deg,#203532,#14272a)!important;
  background-color:#182c2e!important;
  box-shadow:0 6px 16px #0003,inset 0 1px #d9dac411!important;
  overflow:hidden;
}
body #detail-dialog[data-shop-quality="v17"] .shop-v18 button.shop-v18-card:hover:not(:disabled) { border-color:#b3c7ae!important; box-shadow:0 8px 22px #0004,inset 0 0 0 1px #d5c28c44!important; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-badge { background:none; border:0; padding:0; color:#b8c8bd; font-size:11px; grid-column:auto; }
.shop-v18-card-stage { position:relative; display:grid; place-items:center; min-height:0; width:100%; isolation:isolate; grid-column:auto; grid-row:auto; }
.shop-v18-card-halo { position:absolute; width:92%; height:105%; z-index:-1; background:radial-gradient(ellipse at 50% 40%,var(--shop18-light),transparent 70%); pointer-events:none; }
.shop-v18-card-stage::after { content:""; position:absolute; width:78%; height:11px; bottom:3px; border-radius:50%; background:radial-gradient(ellipse,#8fa99a39,#0002 40%,transparent 70%); z-index:-1; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-card-stage>.shop-v17-art { width:100%; height:118px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-card .shop-v17-art :is(img,picture) { max-width:180px; max-height:118px; width:100%; height:100%; padding:2px; filter:drop-shadow(0 9px 8px #0008); object-fit:contain; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-copy { grid-column:auto; gap:4px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-copy strong { font-size:16px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-copy small { font-size:12px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-bottom { grid-column:auto; padding-top:7px; border-top:1px solid #8b9b842b; }
/* The same material, contact shadow and quiet light support every large item. */
.shop-v18-stage { position:relative; display:grid; place-items:center; isolation:isolate; overflow:hidden; min-width:0; min-height:0; width:100%; }
.shop-v18-atmosphere { position:absolute; inset:0; background:radial-gradient(ellipse at 50% 46%,var(--shop18-light),transparent 66%); z-index:-2; pointer-events:none; }
.shop-v18-glyph { position:absolute; width:78%; aspect-ratio:1; max-width:330px; left:11%; top:50%; transform:translateY(-50%); opacity:.5; pointer-events:none; z-index:-1; }
.shop-v18-glyph>i { position:absolute; inset:8%; border:1px solid #aec3a82f; border-radius:50%; }
.shop-v18-glyph>i:nth-child(2) { inset:22%; border-radius:3px; transform:rotate(45deg); border-color:#c7bb8540; }
.shop-v18-glyph>i:nth-child(3) { inset:1%; border:1px dashed #a0bbaa30; }
.shop-v18-pedestal { position:absolute; width:68%; height:23px; bottom:12%; background:linear-gradient(180deg,#a4b7a124,#263b3444 30%,#081519a8); border-top:1px solid #a8bd9b78; border-bottom:2px solid #071014aa; border-radius:50%; box-shadow:0 12px 14px #0005; z-index:-1; pointer-events:none; }
.shop-v18-pedestal::before { content:""; position:absolute; inset:-8px -16%; border-radius:50%; background:radial-gradient(ellipse,#a1cbb247,transparent 68%); opacity:.4; }
.shop-v18-stage-edge { position:absolute; bottom:4%; left:12%; right:12%; height:1px; background:linear-gradient(90deg,transparent,#adc3a142,transparent); pointer-events:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-stage>.shop-v18-product-art { display:flex; align-items:center; justify-content:center; width:85%; height:85%; max-width:none; position:relative; z-index:1; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-stage>.shop-v17-art :is(img,picture) { width:100%; height:100%; max-width:none; max-height:none; object-fit:contain; padding:4px; filter:drop-shadow(0 12px 9px #0009); }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-feature-stage { height:268px; flex:1 1 268px; min-height:190px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-feature-stage>.shop-v18-product-art { height:90%; max-height:318px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-detail { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); padding:0; gap:32px; min-height:0; border:0; background:transparent; border-radius:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-inspect-stage { min-height:380px; height:100%; max-height:520px; border-radius:5px; background:linear-gradient(180deg,#07181b94,#0d202664 42%,#0c1c22e8 94%),var(--shop18-room) center/cover; box-shadow:inset 0 0 0 1px #95a79242,0 12px 32px #0004; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-inspect-stage>.shop-v18-product-art { height:350px; max-height:85%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-item-info { padding:22px 12px 22px 0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-item-info h3 { font-size:32px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-effect { padding:14px 0; border-block:1px solid #8a9d8927; margin:14px 0; font-size:20px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-review { width:100%; max-width:1080px; }
.shop-v18-review-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:32px; }
.shop-v18-review-summary { display:flex; flex-direction:column; gap:16px; min-width:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-review-stage { min-height:300px; height:100%; border-radius:5px; background:linear-gradient(180deg,#0c202380,#0b1a21bd),var(--shop18-room) 50% 46%/cover; box-shadow:inset 0 0 0 1px #81947942; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-review-stage>.shop-v18-product-art { height:270px; max-height:88%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-review-summary .shop-v17-order-item { border:0; background:#1b302e; padding:12px 14px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-success { max-width:760px; gap:8px; padding:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-success h3 { display:flex; gap:8px; align-items:center; justify-content:center; font-size:20px; margin:0; color:#bdd6c7; }
.shop-v18-success h3 .shop-v17-success-seal { width:24px; height:24px; font-size:15px; border-color:#85b8a366; background:transparent; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-success-stage { width:100%; height:268px; background:radial-gradient(ellipse,var(--shop18-light),transparent 70%); }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-success-stage>.shop-v18-product-art { width:70%; height:238px; max-height:88%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-success .shop-v17-success-name { font-size:28px; margin-top:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-success .shop-v17-cost { max-width:560px; background:#122a29; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-success .shop-v17-transaction { max-width:560px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 [data-element="fire"] { --shop18-light:rgba(212,151,89,.2); --shop18-accent:#e1b190; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 [data-element="water"] { --shop18-light:rgba(122,191,215,.21); --shop18-accent:#a1dce1; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 [data-element="lightning"] { --shop18-light:rgba(164,160,220,.2); --shop18-accent:#bfb9e6; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 [data-element="wind"] { --shop18-light:rgba(153,218,179,.2); --shop18-accent:#b3dfbc; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18 [data-element="earth"] { --shop18-light:rgba(205,184,139,.2); --shop18-accent:#d4c08c; }
/* Compact desktop keeps the stage; portrait gives it a short horizontal scene. */
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-exhibition { gap:16px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] button.shop-v18-card { grid-template-rows:auto minmax(88px,1fr) auto auto; min-height:208px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card-stage>.shop-v17-art { height:104px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:104px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-feature-stage { min-height:160px; }
@media (max-width:900px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-exhibition { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:14px; }
  .shop-v18-room-heading { padding:14px 16px 0; }
  .shop-v18-spotlight-copy { padding:0 16px 14px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight-copy h3 { font-size:23px; }
  .shop-v18-spotlight-bottom { gap:8px; }
  body #detail-dialog[data-shop-quality="v17"] button.shop-v18-spotlight-open { gap:7px; padding-inline:8px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-detail { gap:22px; }
  .shop-v18-review-body { gap:22px; }
}
@media (max-width:700px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 { gap:10px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-content { gap:10px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-exhibition,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-exhibition { display:flex; flex-direction:column; gap:8px; }
  .shop-v18-spotlight { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); grid-template-rows:auto minmax(0,1fr); min-height:164px; }
  .shop-v18-spotlight::before { background:linear-gradient(90deg,#0c1e2280,#0c1c21ec 63%),var(--shop18-room) center/cover; }
  .shop-v18-room-heading { grid-column:2; grid-row:1; padding:12px 12px 0 0; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-room-heading h3 { display:none; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-feature-stage,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-feature-stage { grid-column:1; grid-row:1/3; height:164px; min-height:0; }
  .shop-v18-spotlight-copy { grid-column:2; grid-row:2; padding:5px 12px 12px 0; margin-top:0; display:flex; flex-direction:column; justify-content:center; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight-copy h3 { font-size:20px; margin:3px 0; }
  .shop-v18-spotlight-copy>.shop-v17-kicker { display:none; }
  .shop-v18-spotlight-effect { font-size:12px; }
  .shop-v18-spotlight-bottom { gap:8px; padding-top:8px; margin-top:6px; border-top:0; }
  .shop-v18-spotlight-bottom .shop-v17-price { gap:3px; }
  .shop-v18-spotlight-bottom .shop-v17-price b { font-size:19px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight-bottom .shop-v17-material { width:22px; height:22px; }
  body #detail-dialog[data-shop-quality="v17"] button.shop-v18-spotlight-open { font-size:12px; padding:6px 8px; gap:4px; }
  .shop-v18-collection { gap:6px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-grid { gap:10px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 button.shop-v18-card,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] button.shop-v18-card { grid-template-rows:auto minmax(106px,1fr) auto auto; min-height:218px; padding:10px 11px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-card-stage>.shop-v17-art,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card-stage>.shop-v17-art { height:116px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-card .shop-v17-art :is(img,picture),
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:116px; max-width:150px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-detail { grid-template-columns:minmax(0,1fr); gap:4px; padding:0; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-inspect-stage { min-height:0; height:240px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-inspect-stage>.shop-v18-product-art { height:218px; max-height:90%; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-item-info { padding:16px 8px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-item-info h3 { font-size:27px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-effect { font-size:18px; padding:10px 0; }
  .shop-v18-review-body { grid-template-columns:minmax(0,1fr); gap:14px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-review-stage { height:174px; min-height:0; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-review-stage>.shop-v18-product-art { height:158px; max-height:90%; }
  .shop-v18-review-summary { gap:12px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-success-stage { height:208px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-success-stage>.shop-v18-product-art { height:190px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-success .shop-v17-success-name { font-size:24px; }
}
@media (max-width:380px) {
  .shop-v18-spotlight { min-height:112px; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-feature-stage,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-feature-stage { height:112px; }
  .shop-v18-room-heading { padding-top:8px; }
  .shop-v18-spotlight-copy { padding-bottom:8px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight-copy h3 { font-size:17px; }
  .shop-v18-spotlight-bottom { gap:4px; padding-top:3px; margin-top:3px; }
  body #detail-dialog[data-shop-quality="v17"] button.shop-v18-spotlight-open { font-size:11px; padding-inline:5px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-copy strong { font-size:14px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v17-card-copy small { font-size:11px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 button.shop-v18-card,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] button.shop-v18-card { min-height:164px; grid-template-rows:auto minmax(62px,1fr) auto auto; padding:8px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-card-stage>.shop-v17-art,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card-stage>.shop-v17-art { height:64px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-card .shop-v17-art :is(img,picture),
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:64px; }
}
/* A shallow landscape must keep every price and native footer in the first view. */
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] { gap:8px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-exhibition { display:block; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-spotlight { display:none; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-collection { gap:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] button.shop-v18-card { grid-template-columns:84px minmax(0,1fr); grid-template-rows:auto auto auto; min-height:100px; padding:8px; gap:3px 10px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v17-card-badge { grid-column:2; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-card-stage { grid-column:1; grid-row:1/4; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-card-stage>.shop-v17-art { height:82px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:82px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v17-card-copy { grid-column:2; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v17-card-bottom { grid-column:2; padding-top:0; border:0; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v17-detail { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:20px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-inspect-stage { min-height:205px; height:100%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-inspect-stage>.shop-v18-product-art { height:182px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v17-item-info { padding:8px 4px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-review-body { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:20px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-review-stage { min-height:205px; height:100%; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-review-stage>.shop-v18-product-art { height:184px; }
/* Bound the feature scene so its price and action share the first catalog view. */
@media (min-width:701px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-feature-stage { height:260px; flex:0 0 260px; min-height:0; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-feature-stage { height:210px; flex:0 0 210px; min-height:0; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-grid[data-page-size="2"] .shop-v18-card-stage>.shop-v17-art { height:166px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-grid[data-page-size="2"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:166px; }
}
@media (max-width:380px) {
  .shop-v18-room-heading { display:none; }
  .shop-v18-spotlight-copy { grid-row:1/3; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-card-stage>.shop-v17-art,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card-stage>.shop-v17-art { height:58px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 .shop-v18-card .shop-v17-art :is(img,picture),
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:58px; }
}
.shop-v18-stage { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr); }
body #detail-dialog[data-shop-quality="v17"] .shop-v18-stage>.shop-v18-product-art,
body #detail-dialog[data-shop-quality="v17"] .shop-v18-stage>.shop-v17-art :is(img,picture) { min-height:0; min-width:0; }
@media (min-width:701px) {
  .shop-v18-room-heading { padding-top:12px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-room-heading h3 { font-size:16px; margin-top:2px; }
  .shop-v18-spotlight-copy { padding-bottom:14px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight-copy h3 { font-size:24px; margin-block:4px; }
  .shop-v18-spotlight-bottom { margin-top:10px; padding-top:10px; }
}
/* Overrides above must not enlarge shallow landscape card mounts. */
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-grid[data-page-size="2"] .shop-v18-card-stage>.shop-v17-art { height:82px; }
body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-short="true"] .shop-v18-grid[data-page-size="2"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:82px; }
@media (min-width:381px) and (max-width:700px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v18:not([data-short="true"]) .shop-v18-card-stage>.shop-v17-art,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18:not([data-short="true"])[data-compact="true"] .shop-v18-card-stage>.shop-v17-art { height:150px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18:not([data-short="true"]) .shop-v18-card .shop-v17-art :is(img,picture),
  body #detail-dialog[data-shop-quality="v17"] .shop-v18:not([data-short="true"])[data-compact="true"] .shop-v18-card .shop-v17-art :is(img,picture) { max-height:150px; }
}
@media (max-width:380px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v18 button.shop-v18-card,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] button.shop-v18-card { padding:6px 8px; gap:3px; }
}
/* Keep the mount etched and subtle; the item surface owns the contrast. */
.shop-v18-glyph { opacity:.3; }
/* Reserve one extra name line and a wrapped 44px-or-larger page action on the
   smallest portrait. The duplicated featured stat remains on both item cards. */
@media (max-width:380px) {
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-spotlight { min-height:90px; }
  body #detail-dialog[data-shop-quality="v17"] .shop-v18-feature-stage,
  body #detail-dialog[data-shop-quality="v17"] .shop-v18[data-compact="true"] .shop-v18-feature-stage { height:90px; }
  .shop-v18-spotlight-effect { display:none; }
}
