/* Sculpted icon surfaces: light from top left, soft contact shadows. */
.icon-3d{width:32px;height:34px;overflow:visible;filter:drop-shadow(1px 3px 2px #00000018);color:#27292c}
.chip>span{background:linear-gradient(145deg,#ffffff,#e9eaec);box-shadow:inset 2px 2px 3px #fff,inset -2px -3px 5px #00000006,0 5px 9px #00000008;border:1px solid #ffffff;position:relative}
.chip>span .icon-3d{width:39px;height:43px;transform:rotate(-6deg);filter:drop-shadow(2px 4px 2px #00000020)}
.chip.active>span{background:linear-gradient(145deg,#fff387,#ffdc00 55%,#e7bf00);box-shadow:inset 2px 2px 3px #ffffb4,inset -2px -3px 4px #bb970025,0 5px 10px #ccb00024;border-color:#ffed63}
nav button>span{display:block;width:27px;height:29px}
nav .icon-3d{width:27px;height:29px}
nav button.active{background:linear-gradient(145deg,#ffea58,#ffdc00 65%,#edc800);box-shadow:inset 1px 1px 2px #fff59a,0 3px 7px #d8b70024}
header>button{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(145deg,#fff,#ececed);border-radius:15px;box-shadow:inset 1px 1px 2px #fff,0 3px 8px #00000006}
header>button .icon-3d{width:28px;height:30px}
.favorite .icon-3d{width:20px;height:22px;filter:drop-shadow(1px 2px 1px #0002)}
.favorite.chosen{background:linear-gradient(145deg,#fff18a,#ffdc00)}
.yellow,.add,.round{box-shadow:inset 1px 2px 2px #fff67b90,inset -1px -2px 3px #a788001a,0 4px 8px #d1b30016}
.rfq-banner .round{box-shadow:inset 1px 1px 3px #ffffff30,0 6px 10px #6555002b}
.visual svg{filter:drop-shadow(3px 7px 4px #00000013)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.chip>span .icon-3d{transition:transform .25s ease,filter .25s ease}.chip:hover>span .icon-3d{transform:translateY(-4px) rotate(3deg);filter:drop-shadow(3px 8px 3px #00000020)}.product .visual svg{transition:transform .3s ease}.product:hover .visual svg{transform:translateY(-4px) rotate(-2deg)}nav button:hover .icon-3d{transform:translateY(-2px)}}