/* V49: targeted improvements on top of V48. Public styles only. */
/* Product cards have a true square visual area, regardless of older wider-card rules. */
.hla-shop-page .hla-products .hla-product-image {
  display:grid;place-items:center;box-sizing:border-box;
  width:100%;height:auto;aspect-ratio:1 / 1!important;
  min-width:0;min-height:0;overflow:hidden;padding:12px!important;
}
.hla-shop-page .hla-products .hla-product-image img {
  display:block;width:100%!important;height:100%!important;
  object-fit:contain!important;object-position:center!important;
  max-width:100%;max-height:100%;filter:none!important;
}
/* Category artwork uses all available height. The original 1:1 logo keeps its ratio. */
.hla-shop-landing .hla-category-card__visual {overflow:hidden;}
.hla-shop-landing .hla-category-card__visual .hla-category-card__shield {
  display:block;width:100%!important;height:100%!important;
  max-width:100%;max-height:100%;object-fit:contain!important;
  object-position:center;transform:none;
}
/* The purple LA placeholder is readable against a solid neutral in every theme. */
html .hla-home-event-photo.hla-home-event-photo--fallback,
html .hla-list-event__image.hla-list-event__image--fallback {
  background:#f0eef1!important;
}
html .hla-home-event-photo--fallback img.hla-event-logo-fallback,
html .hla-list-event__image--fallback img.hla-event-logo-fallback {
  object-fit:contain!important;object-position:center!important;
}
/* Range typography: smaller day numbers and a slimmer en dash; single days retain their size. */
.hla-event-date--range .day,
.hla-list-event__date--range strong {
  display:flex!important;flex-wrap:nowrap;align-items:baseline;justify-content:center;
  gap:0;letter-spacing:-.04em;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
.hla-event-date--range .day {font-size:clamp(23px,2.3vw,34px)!important;line-height:1.1;}
.hla-list-event__date--range strong {font-size:clamp(22px,2.35vw,32px)!important;line-height:1.1;}
.hla-event-date--range .hla-date-range-dash,
.hla-list-event__date--range .hla-date-range-dash {
  font-size:.55em;line-height:1;align-self:center;font-weight:700;
  margin:0 .035em;letter-spacing:0;
}
.hla-event-date--range .month,
.hla-list-event__date--range > span {font-size:clamp(12px,1.25vw,16px);}
@media(max-width:1120px){
 .hla-event-date--range .day{font-size:clamp(21px,2.5vw,29px)!important;}
}
@media(max-width:540px){
 .hla-shop-page .hla-products .hla-product-image{padding:10px!important;}
 .hla-list-event__date--range strong{font-size:23px!important;}
}

/* Narrow sidebar layouts receive additional space for multi-day dates. */
@media(min-width:941px) and (max-width:1330px){
 html.hla-layout-left .hla-event-date--range .day{font-size:clamp(19px,1.9vw,25px)!important;}
}