/* Approved two-column alignment. Only return-list cards at mobile/tablet widths. */
@media(max-width:860px){
  #skinHeroGrid:has(> .is-clickable){gap:0 12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;}
  #skinHeroGrid .is-clickable,#skinHeroGrid .is-clickable:hover{
    --gallery-art-height:clamp(140px,40vw,210px);
    grid-template-columns:minmax(0,1fr);grid-template-rows:var(--gallery-art-height) auto 26px auto auto auto auto;
    grid-row:span 7;row-gap:0;margin:0 0 14px;padding:0 0 12px;align-content:start;min-width:0;
  }
  #skinHeroGrid .is-clickable .skin-name-row{display:contents;}
  #skinHeroGrid .is-clickable .skin-name{grid-column:1;grid-row:2;margin:12px 12px 0;width:auto;max-width:none;min-width:0;font-size:17px;line-height:1.4;font-weight:600;white-space:normal;overflow-wrap:anywhere;}
  #skinHeroGrid .is-clickable .skin-tag-img{grid-column:1;grid-row:3;margin:4px 12px 0;width:44px;height:22px;max-height:22px;object-fit:contain;object-position:left center;justify-self:start;}
  #skinHeroGrid .is-clickable .wait-days,#skinHeroGrid .is-clickable .wait-days.is-active{grid-column:1;grid-row:4;display:flex;flex-wrap:wrap;align-items:baseline;align-content:start;gap:4px;margin:12px 12px 10px;padding:0;color:#80571c;}
  #skinHeroGrid .is-clickable .wait-days strong{font-size:28px;font-weight:650;line-height:1.2;letter-spacing:-.5px;}
  #skinHeroGrid .is-clickable .wait-days span{font-size:11px;white-space:nowrap;}
  #skinHeroGrid .is-clickable .wait-days.is-active strong{font-size:22px;}
  #skinHeroGrid .is-clickable .skin-date{grid-column:1;grid-row:5;display:flex;flex-direction:column;align-self:start;gap:4px;margin:0 12px;font-size:12px;font-weight:400;line-height:1.5;color:#716b62;}
  #skinHeroGrid .is-clickable .skin-date + .skin-date{grid-row:6;margin-top:10px;}
  #skinHeroGrid .is-clickable .return-date-value{display:block;color:#302c27;font-variant-numeric:tabular-nums;}
  #skinHeroGrid .is-clickable .return-date-start,#skinHeroGrid .is-clickable .return-date-end{display:block;}
  #skinHeroGrid .is-clickable .return-date-end::before{content:"至 ";}
  #skinHeroGrid .is-clickable .return-date-separator{display:none;}
  #skinHeroGrid .is-clickable .return-meta-row{grid-column:1;grid-row:7;align-self:stretch;align-items:baseline;align-content:start;gap:4px 8px;margin:12px 12px 0;padding-top:10px;border-top:1px solid #e9e5de;}
  #skinHeroGrid .is-clickable .return-count,#skinHeroGrid .is-clickable .no-direct-sale-badge{padding:0;border:0;border-radius:0;background:transparent;font-size:11px;font-weight:400;line-height:1.5;}
  #skinHeroGrid .is-clickable .return-count{color:#716b62;}
  #skinHeroGrid .is-clickable .no-direct-sale-badge{color:#a44236;}
  /* Native shared rows keep every field aligned without measuring or rerendering on scroll. */
  @supports(grid-template-rows:subgrid){
    #skinHeroGrid .is-clickable,#skinHeroGrid .is-clickable:hover{grid-template-rows:subgrid;}
  }
}
@media(max-width:350px){
  #skinHeroGrid:has(> .is-clickable){column-gap:10px;}
  #skinHeroGrid .is-clickable .skin-name{font-size:16px;}
  #skinHeroGrid .is-clickable .wait-days strong{font-size:25px;}
  #skinHeroGrid .is-clickable .wait-days{gap:3px;}
  #skinHeroGrid .is-clickable .wait-days span{font-size:10px;}
  #skinHeroGrid .is-clickable .return-count,#skinHeroGrid .is-clickable .no-direct-sale-badge{font-size:10px;}
}