/* Monoline icon system — single-color, tintable via mask + --icon-ink */
.ic{display:inline-block;flex:0 0 auto;width:28px;height:28px;background-color:var(--icon-ink,#2a2a2a);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:var(--u);mask-image:var(--u)}
.ic-headphones{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M4 14v-2a8 8 0 0 1 16 0v2'/><path d='M4 14a2 2 0 0 1 2 2v2a2 2 0 0 1-4 0v-2a2 2 0 0 1 2-2z'/><path d='M20 14a2 2 0 0 0-2 2v2a2 2 0 0 0 4 0v-2a2 2 0 0 0-2-2z'/></svg>")}
.ic-watch{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='5.4'/><path d='M12 9.3V12l1.8 1'/><path d='M9.6 6.8 10 3.5h4l.4 3.3'/><path d='M9.6 17.2 10 20.5h4l.4-3.3'/></svg>")}
.ic-camera{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2.5'/><circle cx='12' cy='13.5' r='3.2'/><path d='M8.6 7l1.2-2h4.4L15.4 7'/></svg>")}
.ic-coffee{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 8h12v4a5 5 0 0 1-5 5H10a5 5 0 0 1-5-5z'/><path d='M17 9h1.4a2.5 2.5 0 0 1 0 5H17'/><path d='M8 5.5c0-1 1-1 1-2M11.5 5.5c0-1 1-1 1-2'/></svg>")}
.ic-sneaker{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M3 16h13l4 1.3a1.3 1.3 0 0 1 .9 1.2V19a1 1 0 0 1-1 1H3z'/><path d='M3 16v-4.5l3 .6 1.6-2 2 2 2-1 1 2.6'/></svg>")}
.ic-bottle{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='8.5' y='8' width='7' height='11' rx='2'/><path d='M10 8V5.5h4V8'/><path d='M11 3.5h2'/><path d='M8.5 12h7'/></svg>")}
.ic-drone{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='6' cy='7' r='2.1'/><circle cx='18' cy='7' r='2.1'/><circle cx='6' cy='17' r='2.1'/><circle cx='18' cy='17' r='2.1'/><rect x='9.6' y='9.6' width='4.8' height='4.8' rx='1.2'/><path d='M9.6 9.6 7.6 8.6M14.4 9.6l2-1M9.6 14.4l-2 1M14.4 14.4l2 1'/></svg>")}
.ic-battery{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='7' y='3' width='10' height='18' rx='2'/><path d='M10 7h4'/><path d='M12 10.5v5M9.5 13h5'/></svg>")}
.ic-package{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3 20 7.2v9.6L12 21l-8-4.2V7.2z'/><path d='M4 7.2 12 11.5l8-4.3M12 11.5V21'/></svg>")}
.ic-pen{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M5 19l-1.2 1.2 1.2-4.2L16 5l3 3L8.2 18.8z'/><path d='M14 7l3 3'/></svg>")}
.ic-image{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='16' rx='2'/><circle cx='8.5' cy='9' r='1.6'/><path d='M4 18l5-5 3.5 3.5L16 12l4 4'/></svg>")}
.ic-code{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M8.5 8 4.5 12l4 4'/><path d='M15.5 8l4 4-4 4'/><path d='M13.2 6l-2.4 12'/></svg>")}
.ic-globe{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='9'/><path d='M3 12h18'/><path d='M12 3c3 3 3 15 0 18M12 3c-3 3-3 15 0 18'/></svg>")}
.ic-music{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M9.4 17V6l10-2v11'/><circle cx='7' cy='17' r='2.4'/><circle cx='17' cy='15' r='2.4'/></svg>")}
.ic-database{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='12' cy='6' rx='7' ry='2.6'/><path d='M5 6v12c0 1.4 3.1 2.6 7 2.6s7-1.2 7-2.6V6'/><path d='M5 12c0 1.4 3.1 2.6 7 2.6s7-1.2 7-2.6'/></svg>")}
.ic-cube{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3 20 7.2v9.6L12 21l-8-4.2V7.2z'/><path d='M4 7.2 12 11.5l8-4.3M12 11.5V21'/><path d='M8 5.1 16 9.4'/></svg>")}
.ic-lock{--u:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='9' rx='2'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>")}