/* LVPS page-specific overrides. Load after main site CSS. */
/* Desktop/tablet: keep shared .half-image styles untouched elsewhere. */
@media only screen and (min-width: 64.1em) {
  .half-image.specials-feature { margin-top: 12px; margin-bottom: 10px; }
  .half-image.gift-card-feature { margin-bottom: 0; }
  .half-image.gift-card-feature .media {
    width: 33.3333%; right: 66.6667%; height: 100%; padding-top: 0;
    position: absolute; margin-bottom: 0;
  }
  .half-image.gift-card-feature .copy { width: 66.6667%; float: right; }
  .half-image.gift-card-feature .media img { object-fit: contain; }
  .half-image.gift-card-feature .copy .inner { max-width: 760px; margin: 0 auto; }
  .half-image.gift-card-feature .copy.padded2 { padding-top: 45px; padding-bottom: 45px; }
}
/* Small screens: flush artwork to viewport edges, text remains padded. */
@media only screen and (max-width: 64em) {
  .container > .row:has(> .specials-feature),
  .container > .row:has(> .gift-card-feature) { padding-left: 0; padding-right: 0; }
  .half-image.specials-feature,
  .half-image.gift-card-feature { margin-top: 0; }
  .half-image.specials-feature .media,
  .half-image.gift-card-feature .media {
    position: relative; left: auto; right: auto; width: 100%;
    height: auto; padding-top: 0; margin: 0;
  }
  .half-image.specials-feature .media img,
  .half-image.gift-card-feature .media img {
    display: block; position: relative; width: 100%; height: auto;
    object-fit: contain;
  }
  .half-image.specials-feature .copy,
  .half-image.gift-card-feature .copy { width: 100%; padding-left: 20px; padding-right: 20px; }
  .half-image.specials-feature .copy.padded2,
  .half-image.gift-card-feature .copy.padded2 { padding-top: 25px; padding-bottom: 25px; }
}