.commodity-product-preview{position:relative;display:grid;place-items:center;min-height:360px;margin:0 55px;padding:34px 44px 18px;border-bottom:1px solid #ffffff20;background:radial-gradient(circle at 50% 54%,#ffffff12,transparent 62%);overflow:hidden}
.commodity-product-preview:before{content:"";position:absolute;inset:24px;background:linear-gradient(90deg,#ffffff12 1px,transparent 1px),linear-gradient(#ffffff12 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(circle,#000,transparent 70%)}
.commodity-product-preview>span{position:absolute;z-index:2;left:0;top:22px;padding:7px 12px;border-left:3px solid #c52b2f;color:#c9ced0;font:600 12px/1 "Barlow Condensed";letter-spacing:.16em}
.commodity-product-preview img{position:relative;z-index:1;display:block;width:100%;height:310px;object-fit:contain;filter:drop-shadow(0 20px 24px #0008)}
.commodity-product-preview.is-changing img{animation:commodityReveal .48s cubic-bezier(.2,.75,.3,1)}
.material-modal:has(.commodity-product-preview) .material-applications{padding-top:8px}
.material-modal:has(.commodity-product-preview) .material-application{position:relative;cursor:pointer;transition:background .24s ease,transform .24s ease}
.material-modal:has(.commodity-product-preview) .material-application:after{content:"↗";position:absolute;right:18px;top:18px;color:#ffffff55;font:500 17px "Barlow Condensed"}
.material-modal:has(.commodity-product-preview) .material-application:hover,.material-modal:has(.commodity-product-preview) .material-application:focus-visible,.material-modal:has(.commodity-product-preview) .material-application.is-active{background:#ffffff08}
.material-modal:has(.commodity-product-preview) .material-application.is-active{box-shadow:inset 3px 0 #c52b2f}
.material-modal:has(.commodity-product-preview) .material-application:focus-visible{outline:2px solid #fff;outline-offset:-3px}
@keyframes commodityReveal{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:650px){.commodity-product-preview{min-height:270px;margin:0 24px;padding:42px 8px 10px}.commodity-product-preview img{height:225px}.material-modal:has(.commodity-product-preview) .material-application{padding-right:28px}}
@media(prefers-reduced-motion:reduce){.commodity-product-preview.is-changing img{animation:none}}