/* Compact editorial cards with square product media at every viewport width. */
.inline-product{width:min(100%,600px);margin-inline:auto;grid-template-columns:240px minmax(0,1fr);align-items:center}
.inline-product>.inline-gallery{padding:0;width:100%;min-width:0;background:#e0c9a4;align-self:center}
.inline-product>.inline-product-copy{align-self:center;padding:25px 30px;min-width:0}
.inline-gallery-stage{position:relative;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:1;overflow:hidden;touch-action:pan-y}
.inline-gallery-slide{position:absolute;inset:0;display:block}
.inline-gallery-slide[hidden],.inline-gallery [hidden]{display:none!important}
.inline-gallery .inline-gallery-slide img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#ffffff}
.inline-gallery[data-ready] .inline-gallery-slide:not([hidden]){animation:gallery-reveal .3s ease-out}
.inline-gallery-controls{position:absolute;inset:0;pointer-events:none;display:none;align-items:center;justify-content:space-between;padding:10px}
.inline-gallery-arrow{opacity:0;visibility:hidden;pointer-events:none}
@media(min-width:701px) and (hover:hover) and (pointer:fine){
  .inline-gallery-controls{display:flex}
  .inline-gallery:hover .inline-gallery-arrow{opacity:1;visibility:visible;pointer-events:auto}
}
@keyframes gallery-reveal{from{opacity:.35}to{opacity:1}}
@media(max-width:700px){.inline-product{grid-template-columns:1fr}.inline-product>.inline-product-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){.inline-gallery[data-ready] .inline-gallery-slide:not([hidden]){animation:none}}