/* Real product photographs, with the existing card typography and material icons. */
.product-card{display:flex;flex-direction:column;min-width:0}
.product-photo{margin:22px 0 23px;aspect-ratio:8/5;overflow:hidden;border-radius:2px;background:var(--sand);isolation:isolate}
.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.product-card:focus-within{border-color:var(--green)}
.product-card:focus-within .product-photo img{transform:scale(1.045)}
.product-details{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}
.product-details>div:first-child{min-width:0}
.product-details h3,.compact .product-details h3{margin:0;font-size:clamp(36px,3.6vw,50px)}
.product-details p{font-size:11px;color:var(--muted);margin-top:7px}
.product-details .material-icon,.product-details .sand-texture{position:static;flex-shrink:0;width:62px;height:45px;margin:0;opacity:.8}
.product-details .sand-texture{width:54px;height:36px;background-size:6px 6px,11px 11px}
.product-action{margin-top:auto}
@media(hover:hover) and (pointer:fine){.product-card:hover{border-color:#9ba98c}.product-card:hover .product-photo img{transform:scale(1.045)}}
@media(min-width:801px) and (max-width:1100px){.product-details{gap:8px}.product-details h3{font-size:clamp(32px,3.5vw,40px)}.product-details h3 span{font-size:14px}.product-details .material-icon,.product-details .sand-texture{width:44px;height:35px}}
@media(min-width:561px) and (max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-details h3,.compact .product-details h3{font-size:40px}.product-details h3 span{font-size:15px}.product-photo{margin-block:20px}}
@media(max-width:560px){.product-card{padding:23px 23px 0;min-height:0}.product-photo{margin-block:21px}.product-details h3,.compact .product-details h3{font-size:46px}.product-details{margin-bottom:23px}.product-details .material-icon{width:70px;height:48px}.product-details .sand-texture{width:60px;height:40px}}
@media(max-width:360px){.product-details{gap:8px}.product-details h3{font-size:40px}.product-details h3 span{font-size:15px}.product-details .material-icon,.product-details .sand-texture{width:52px;height:38px}}
@media(prefers-reduced-motion:reduce){.product-card .product-photo img{transform:none!important;transition:none}}