/* ===== HERO GALLERY V4.1 (local) ===== */
body.ui2 .ui2-hero-media{display:flex;flex-direction:column;gap:12px;padding:14px;
  background:var(--if-bg,#FAF8F3);min-height:0;position:relative}
body.ui2 .hero-main{display:block;width:100%;border:1px solid var(--ui-border,#E5E9E4);
  border-radius:13px;background:#fff;padding:0;cursor:default;overflow:hidden}
body.ui2 .hero-main img.hero-main-img{position:static;width:100%;height:auto;max-height:none;
  aspect-ratio:1/1;object-fit:contain!important;display:block;transform:none!important;
  transition:opacity .2s ease}
body.ui2 .hero-cap{position:static;background:none;color:var(--ui-muted,#78847D);
  font-size:.8rem;padding:0 2px}
body.ui2 .hero-thumbs{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;
  align-items:center}
body.ui2 .hero-thumb{position:relative;padding:0;border:1px solid var(--ui-border,#E5E9E4);
  border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;aspect-ratio:1/1}
body.ui2 .hero-thumb img{width:100%;height:100%;object-fit:contain!important;display:block;
  background:#fff;transform:none!important}
body.ui2 .hero-thumb:hover{border-color:var(--ui-gold,#BD8B4A)}
body.ui2 .hero-thumb[aria-current="true"]{border-color:var(--ui-primary,#07553F);
  box-shadow:0 0 0 2px rgba(7,85,63,.18)}
body.ui2 .hero-thumb-reset{aspect-ratio:auto;min-height:38px;padding:0 10px;font:inherit;
  font-size:.74rem;font-weight:600;color:var(--ui-primary-deep,#1D4535);white-space:nowrap}
body.ui2 .hero-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 10px;
  background:#fff;border:1px solid var(--ui-border,#E5E9E4);border-radius:10px;min-height:46px}
body.ui2 .hero-info[hidden]{display:none}
body.ui2 .hero-info-hint{color:var(--ui-muted,#78847D);font-size:.82rem}
body.ui2 .hero-info-hint,body.ui2 .hero-info-sku,body.ui2 .hero-info-price{line-height:20px}
body.ui2 .hero-info-hint[hidden],body.ui2 .hero-info-sku[hidden],
body.ui2 .hero-info-price[hidden],body.ui2 .hero-info .ui2-btn[hidden]{display:none}
body.ui2 .hero-info-sku{font-weight:700;font-family:ui-monospace,Menlo,monospace;color:#1D4535}
body.ui2 .hero-info-price{font-size:.82rem;color:var(--ui-primary-deep,#1D4535);font-weight:600}
body.ui2 .hero-info-price[hidden]{display:none}
body.ui2 .hero-info .ui2-btn.ghost.small{margin-left:auto;min-height:28px;padding:0 12px;
  height:28px;line-height:26px;font-size:.72rem;font-weight:600;text-decoration:none;
  white-space:nowrap;align-self:center}
@media (max-width:1023px){
  body.ui2 .ui2-hero{grid-template-columns:1fr}
  body.ui2 .ui2-hero-media{order:-1}
  body.ui2 .hero-thumbs{grid-template-columns:repeat(4,1fr);gap:6px}
  body.ui2 .hero-thumb-reset{grid-column:1/-1;min-height:34px}
}
