/* Classic component refinements shared across the original screens. */
.product-option{position:relative;min-width:0}
.product-option .prodcard{width:100%;height:100%;text-align:left}
.product-option .fav{z-index:3;right:10px;top:10px;background:var(--surface);box-shadow:var(--sh-soft)}
.product-option .prodcard__tick{left:14px;right:auto;pointer-events:none}
.product-option .thumb img{width:100%;height:100%;object-fit:contain;display:block}
.sheet .itemgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.sheet .prodcard__body{min-width:0}
.sheet .prodcard__name{overflow-wrap:anywhere}
.sheet .thumb{background:var(--plate)}
.fab[hidden],.fab.is-hidden{display:none!important}
@media(max-width:500px){.sheet .itemgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sheet .prodcard__body{padding:10px}.sheet .prodcard__name{font-size:13px}}