.product{transition:transform .24s ease,box-shadow .24s ease}
.product:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(70,47,29,.14)}
.product-media{aspect-ratio:1.48;overflow:hidden;background:#eadbc7}
.product-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.product:hover .product-media img{transform:scale(1.045)}
.heart{z-index:2;background:rgba(255,253,249,.92);box-shadow:0 5px 14px rgba(70,47,29,.1);transition:transform .2s ease,background .2s ease}
.heart:hover{transform:scale(1.08);background:#fffdf9}
.heart{width:44px;height:44px}
.heart:focus-visible{outline:3px solid #805a39;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.product,.product-media img,.heart{transition:none}.product:hover,.product:hover .product-media img,.heart:hover{transform:none}}
@media(max-width:520px){.product-media{aspect-ratio:1.45}}
.product-open{display:block;width:100%;padding:0;border:0;text-align:left;color:inherit;background:none;cursor:pointer;font:inherit}.product-open:focus-visible{outline:3px solid #85603f;outline-offset:-4px}.product-link{display:block;margin-top:14px;font:500 13px/1.5 system-ui;color:#735335}.product-dialog{width:min(900px,calc(100% - 32px));max-height:90dvh;overflow:auto;border:1px solid #d7c7b5;border-radius:18px;padding:0;background:#fffdf9;color:#33241e;box-shadow:0 24px 80px #0004}.product-dialog::backdrop{background:#20171099;backdrop-filter:blur(5px)}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr}.detail-image{width:100%;height:100%;min-height:390px;object-fit:cover}.detail-copy{padding:48px 30px 32px}.detail-copy h2{font:normal 2rem/1.15 Georgia,serif;letter-spacing:-.03em}.detail-copy p{color:#695b52;font-size:14px;line-height:1.7}.detail-copy .button{font-size:14px;margin-top:10px}.detail-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border:1px solid #ddcfbd;border-radius:50%;background:#fffdf9;cursor:pointer;font-size:23px}.detail-caption{font-size:12px!important}.product-dialog :focus-visible{outline:3px solid #85603f;outline-offset:3px}@media(max-width:600px){.detail-layout{grid-template-columns:1fr}.detail-image{min-height:0;max-height:300px;aspect-ratio:1.5}.detail-copy{padding:24px}.detail-copy h2{margin-top:12px}}body:has(.product-dialog[open]){overflow:hidden}