/* FLY-LAX.COM · the product cards of the shopping pages (js/shop_cards.js), in one place. */
/* the photo on a light slate (owner, 2026-10-25: darker than white); multiply turns a photo's own white background into that slate */
/* the photo sits inside the 4:3 box (1 rem in, the box's padding) and never sizes it: every card's photo box is the same height, whatever the photo's shape */
.shot{position:relative;aspect-ratio:4/3;background:#cbd5e1}
.shot img{position:absolute;inset:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);object-fit:contain;mix-blend-mode:multiply}
/* a figure box: the two figures that matter on a trip */
.fig{background:rgba(12,74,110,.35);border:1px solid rgba(56,189,248,.18)}

/* the retail plan (2026-10-28): the shelf tile's and the guide row's smaller photo box (half a rem in on a phone row) */
.shot.sm img{inset:.5rem;width:calc(100% - 1rem);height:calc(100% - 1rem)}
@media (min-width:640px){.shelf .shot.sm img{inset:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem)}}
/* the maker's 3 facts, one click away in a guide row */
summary{list-style:none}
summary::-webkit-details-marker{display:none}
.chev{transition:transform .2s ease}
details[open]>summary .chev{transform:rotate(90deg)}
.shelf[id],li[id]{scroll-margin-top:6rem}