.product-detail-page{z-index:0;isolation:isolate;min-height:calc(100vh - 40px);padding:3rem clamp(1.5rem,6vw,6rem) 4rem calc(clamp(1.5rem,6vw,6rem) + 56px);position:relative}.product-detail-page:before{z-index:-1;background-image:conic-gradient(#fcfcfc 25%, #f05 0 50%, #fcfcfc 0 75%, #f05 0);content:"";pointer-events:none;background-repeat:repeat-y;background-size:56px 56px;width:56px;position:absolute;top:-40px;bottom:0;left:0}.product-detail{grid-template-columns:minmax(0,.9fr) minmax(18rem,.85fr);align-items:start;gap:clamp(2rem,6vw,7rem);width:min(100%,80rem);margin:0 auto;display:grid}.product-gallery{gap:1rem;display:grid}.product-gallery-frame{background:0 0;border:3px dashed #f05;position:relative;overflow:hidden}.product-gallery-main-image{object-fit:contain;object-position:center;width:100%;max-height:min(70vh,48rem);display:block}.product-gallery-main-image--leaving{height:100%;position:absolute;inset:0}.product-gallery-main-image--entering.product-gallery-main-image--next{animation:.18s ease-out product-gallery-slide-in-next}.product-gallery-main-image--entering.product-gallery-main-image--previous{animation:.18s ease-out product-gallery-slide-in-previous}.product-gallery-main-image--leaving.product-gallery-main-image--next{animation:.18s ease-in forwards product-gallery-slide-out-next}.product-gallery-main-image--leaving.product-gallery-main-image--previous{animation:.18s ease-in forwards product-gallery-slide-out-previous}.product-gallery-slider{scrollbar-width:thin;border:0;gap:.7rem;min-inline-size:0;margin:0;padding:0 0 .25rem;display:flex;overflow-x:auto}.product-gallery-slider button{cursor:pointer;background:#fcfcfc;border:1px solid #b6b6b6;flex:none;width:4rem;height:5rem;padding:0}.product-gallery-slider button.is-selected{border:2px solid #f05}.product-gallery-slider img{object-fit:cover;width:100%;height:100%;display:block}.product-detail-content{gap:clamp(1.25rem,2vw,2rem);width:min(100%,clamp(18rem,32vw,30rem));display:grid}.product-detail-content h1,.product-detail-content p{margin:0}.product-detail-description{overflow-wrap:break-word;max-inline-size:clamp(18rem,32vw,30rem);font-size:clamp(.9rem,1.2vw,1rem);line-height:1.6}.product-purchase{gap:clamp(1.25rem,2vw,1.75rem);width:min(100%,clamp(12rem,24vw,28rem));display:grid}.product-purchase-selectors{gap:clamp(.75rem,1.2vw,1rem)}.product-purchase-summary{gap:1rem;display:grid}.product-purchase-actions{align-items:center;gap:.5rem;display:flex}.product-purchase-price{color:#f05;letter-spacing:-.04em;font-size:clamp(1.2rem,2.3vw,2rem);font-weight:600;line-height:1.4}.product-purchase-actions>div>button{color:#fcfcfc;width:fit-content;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#f05;border:0;border-radius:20px;padding:.7rem 1rem;font-size:.75rem;font-weight:600}.product-purchase-actions>div>button:disabled{cursor:not-allowed}.product-purchase-actions>.favorite-product-button{color:#fcfcfc;cursor:pointer;background:#171717;border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid}.product-purchase-actions>.favorite-product-button img{filter:brightness(0)invert();width:1rem;height:1rem}.product-details{border-top:1px solid #b6b6b6;gap:clamp(.75rem,1.25vw,1rem);width:min(100%,clamp(18rem,30vw,28rem));padding-top:clamp(1.25rem,2vw,1.75rem);display:grid}.product-details h2,.product-details dl,.product-details dt,.product-details dd{margin:0}.product-details h2{letter-spacing:.1em;font-size:.75rem;font-weight:600}.product-details dl{gap:clamp(.5rem,.9vw,.75rem);display:grid}.product-details dl>div{justify-content:space-between;gap:clamp(1rem,3vw,2rem);font-size:clamp(.8rem,1.1vw,.9rem);display:flex}.product-details dt{color:#4a4a4a}.product-details dd{text-align:right}@keyframes product-gallery-slide-in-next{0%{transform:translate(100%)}}@keyframes product-gallery-slide-in-previous{0%{transform:translate(-100%)}}@keyframes product-gallery-slide-out-next{to{transform:translate(-100%)}}@keyframes product-gallery-slide-out-previous{to{transform:translate(100%)}}@media (width<=700px){.product-detail-page{padding:1.5rem 1rem 2rem calc(1rem + 56px)}.product-detail{grid-template-columns:1fr;gap:2rem;width:min(100%,40rem)}.product-detail-content,.product-purchase,.product-details{width:100%}.product-gallery-slider button{width:2.75rem;height:3.5rem}}
