.star-models{margin:24px 0}.star-models [hidden]{display:none!important}.star-intro{display:flex;gap:24px;align-items:start;justify-content:space-between;border-top:3px solid #17264d;padding:22px 0}.star-intro h3{font-size:23px;line-height:1.5;margin:0 0 10px;color:#17264d}.star-intro p{max-width:650px;font-size:14px;line-height:1.9;color:#586578;margin:0}.star-models button,.star-models select,.star-models input{font:inherit}.star-reset{border:1px solid #b5c0cf;background:white;padding:10px 14px;color:#20365b;cursor:pointer;white-space:nowrap}.star-toolbar{display:grid;grid-template-columns:minmax(200px,2fr) repeat(3,minmax(100px,1fr)) auto;gap:12px;align-items:end;background:#f2f5f8;padding:18px}.star-toolbar label,.star-variant{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#47566b}.star-toolbar input,.star-toolbar select,.star-variant select{box-sizing:border-box;min-width:0;width:100%;border:1px solid #bbc5d0;background:#fff;padding:11px 9px;color:#1f314c;border-radius:3px}.star-status{font-weight:600;font-size:15px;margin:22px 0 8px}.star-source-note,.star-footer{font-size:13px;line-height:1.8;color:#647185}.star-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px;margin:24px 0}.star-card{border:1px solid #dce2e9;padding:18px;display:flex;flex-direction:column;align-items:start;background:white;min-width:0}.star-image{border:0;background:white;padding:0;width:100%;height:200px;cursor:zoom-in}.star-image img{width:100%;height:100%;object-fit:contain}.star-kind{color:#626f81;font-size:12px;margin:18px 0 8px}.star-card h3{font-size:16px;line-height:1.6;margin:0 0 9px;font-weight:600;color:#23364e}.star-model{font-size:17px;font-weight:700;overflow-wrap:anywhere;color:#173a67;margin:0 0 6px}.star-spec{font-size:13px;line-height:1.7;margin:0 0 14px;color:#4d5b6e}.star-variant{width:100%;margin-bottom:14px}.star-card small{font-size:11px;color:#65768b;margin-top:auto;padding-top:10px}.star-card a{font-size:13px;color:#225489;margin-top:8px}.star-empty{grid-column:1/-1;padding:35px;background:#f2f5f8}.star-models :focus-visible,.star-dialog :focus-visible{outline:3px solid #b57a19;outline-offset:3px}.star-dialog{max-width:700px;width:calc(100% - 48px);box-sizing:border-box;border:1px solid #aebccc;padding:28px;color:#23364e;max-height:90vh;overflow:auto}.star-dialog::backdrop{background:#11213a99}.star-dialog img{display:block;width:100%;height:50vh;object-fit:contain}.star-dialog p{line-height:1.7}.star-close{float:right;background:white;border:1px solid #b6c1cf;padding:8px 16px;cursor:pointer}.star-dialog a{color:#225489}@media(max-width:1100px){.star-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.star-search{grid-column:1/-1}.star-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.star-intro{flex-direction:column}.star-grid{grid-template-columns:1fr}.star-toolbar{padding:14px}.star-image{height:240px}.star-dialog{padding:18px}}
.star-models[hidden],#product-grid[hidden],.results-controls label[hidden],.product-area>.image-note[hidden]{display:none!important}

.star-overview-link{display:block;margin:18px 0 24px;padding:15px 18px;border-left:3px solid #17264d;background:#f2f5f8;color:#203e65;font-size:14px;line-height:1.7}.star-overview-link[hidden]{display:none!important}#product-grid .star-card{text-align:left}#product-grid .star-card .star-model{margin:0 0 6px}#product-grid .star-card select{font:inherit;width:100%;min-width:0}

/* Shared product-card presentation: images and spacing carry the grouping. */
.product-grid,.star-grid{column-gap:30px;row-gap:54px}
.product-card,.star-card{border:0;box-shadow:none;padding:0;background:#fff;text-align:left;min-width:0}
.product-visual,.star-image{height:230px;padding:15px 8px;display:flex;align-items:center;justify-content:center;background:#fff;width:100%;flex-shrink:0}
.star-image{cursor:pointer}
.product-visual img,.star-image img{width:100%;height:100%;object-fit:contain;transition:transform .18s ease-out}
.product-card h3{margin:18px 0 0;max-width:none;font-size:16px;line-height:1.6;font-weight:600}
.star-kind{margin:18px 0 8px}.star-card h3{font-size:16px;line-height:1.6}
.star-variant{margin-bottom:0}.star-image:focus-visible{outline:2px solid #ed8526;outline-offset:4px}
@media(hover:hover){.product-link:hover .product-visual img,.star-image:hover img{transform:scale(1.025)}}
@media(min-width:1600px){.product-visual,.star-image{height:260px}}
@media(max-width:1100px){.product-grid,.star-grid{column-gap:20px;row-gap:36px}.product-visual,.star-image{height:220px}}
@media(max-width:760px){.product-grid,.star-grid{column-gap:16px;row-gap:32px}.product-visual,.star-image{height:180px;padding:8px 0}.product-card h3{margin-top:18px;font-size:14px}.star-card h3{font-size:14px}}
@media(max-width:380px){.product-visual,.star-image{height:145px}}
@media(prefers-reduced-motion:reduce){.product-visual img,.star-image img{transition:none}.product-link:hover .product-visual img,.star-image:hover img{transform:none}}

.star-models{margin:24px 0}.star-models>.star-grid{margin:0 0 24px}

/* Center the identity; keep detailed purchasing fields aligned for scanning. */
.product-card{text-align:center}
.product-card h3,.star-card h3{color:#343a40;text-align:center}
.product-card .classification-note{text-align:center}
.star-card h3{width:100%;margin:18px 0 0}
.star-card .star-kind{width:100%;text-align:center;margin:8px 0 16px}
.star-card-specs{width:100%;max-width:300px;align-self:center;text-align:left}
.star-card-specs .star-model{color:#343a40}
.star-card .detail-title-trigger:hover{color:#a9510c}

/* Share field heights across each visual row, including wrapped specifications. */
@supports (grid-template-rows:subgrid){
  .star-grid,.product-grid:has(>.star-card){row-gap:0}
  .star-grid>.star-card,.product-grid>.star-card{
    display:grid;grid-row:span 7;grid-template-rows:subgrid;
    row-gap:0;align-items:start;padding-bottom:54px;
  }
  .product-grid:has(>.star-card)>.product-card{grid-row:span 7;padding-bottom:54px}
  .star-card>.star-card-specs{
    display:grid;grid-row:4 / span 3;grid-template-rows:subgrid;
    row-gap:0;align-self:stretch;justify-self:center;min-width:0;
  }
  .star-card-specs>.star-model{grid-row:1}
  .star-card-specs>.star-spec{grid-row:2;overflow-wrap:anywhere}
  .star-card-specs>.star-variant{grid-row:3;align-self:start}
  .star-card>small{grid-row:7}
  @media(max-width:1100px){
    .star-grid>.star-card,.product-grid>.star-card,
    .product-grid:has(>.star-card)>.product-card{padding-bottom:36px}
  }
  @media(max-width:760px){
    .star-grid>.star-card,.product-grid>.star-card,
    .product-grid:has(>.star-card)>.product-card{padding-bottom:32px}
  }
}
