<!-- ============================================
     SENZAI - Custom Icon Library (SVG Sprites)
     ============================================
     
     Användning:
     <svg class="icon icon-mail">
       <use href="senzai-icons.svg#icon-mail"></use>
     </svg>
     
     Eller inline (rekommenderat för prestanda):
     Kopiera SVG-koden direkt in i HTML
     ============================================ -->

<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
  
  <!-- MAIL ICON - Ensō-inspired envelope -->
  <symbol id="icon-mail" viewBox="0 0 24 24">
    <!-- Envelope body with soft curves -->
    <path d="M3 7c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V7z"/>
    <!-- Mail flap with ensō curve -->
    <path d="M3 7l8.5 5.5c.3.2.7.2 1 0L21 7" stroke-linecap="round"/>
  </symbol>

  <!-- SPARKLES ICON - AI/Innovation (geometric stars) -->
  <symbol id="icon-sparkles" viewBox="0 0 24 24">
    <!-- Main sparkle -->
    <path d="M12 3v3m0 12v3m9-9h-3m-12 0H3"/>
    <path d="M17.5 6.5l-2 2m-7 7l-2 2m11 0l-2-2m-7-7l-2-2"/>
    <!-- Accent dots for depth -->
    <circle cx="12" cy="12" r="1.5" class="sparkle-dot"/>
    <circle cx="18" cy="6" r="1" class="sparkle-dot"/>
    <circle cx="6" cy="18" r="1" class="sparkle-dot"/>
  </symbol>

  <!-- SHIELD ICON - Protection/Dojo Discipline -->
  <symbol id="icon-shield" viewBox="0 0 24 24">
    <!-- Shield outline with ensō top -->
    <path d="M12 3l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-3z"/>
    <!-- Inner strength line -->
    <path d="M12 7v10" opacity="0.5"/>
  </symbol>

  <!-- ZAP ICON - Energy/Skalbarhet (hexagon-based lightning) -->
  <symbol id="icon-zap" viewBox="0 0 24 24">
    <!-- Geometric lightning bolt -->
    <path d="M13 3L4 14h7l-1 7 9-11h-7l1-7z" stroke-linejoin="miter"/>
  </symbol>

  <!-- CHECK ICON - Success (brush-stroke inspired) -->
  <symbol id="icon-check" viewBox="0 0 24 24">
    <!-- Smooth checkmark with calligraphy feel -->
    <path d="M5 13l4 4L19 7" stroke-linecap="round"/>
  </symbol>

  <!-- CIRCLE/ENSŌ ICON - Meditation/Cookie -->
  <symbol id="icon-circle" viewBox="0 0 24 24">
    <!-- Open ensō circle (85% complete) -->
    <circle cx="12" cy="12" r="9" stroke-dasharray="85 15" transform="rotate(-90 12 12)"/>
  </symbol>

  <!-- ============================================
       ACTIONS (5)
       ============================================ -->

  <!-- SAVE ICON -->
  <symbol id="icon-save" viewBox="0 0 24 24">
    <path d="M19 21H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h11l5 5v13c0 1.1-.9 2-2 2z"/>
    <path d="M17 21v-8H7v8"/>
    <path d="M7 3v5h8"/>
  </symbol>

  <!-- EDIT ICON -->
  <symbol id="icon-edit" viewBox="0 0 24 24">
    <path d="M11 4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7"/>
    <path d="M18.5 2.5c.8-.8 2.2-.8 3 0s.8 2.2 0 3L12 15l-4 1 1-4 9.5-9.5z"/>
  </symbol>

  <!-- DELETE ICON -->
  <symbol id="icon-delete" viewBox="0 0 24 24">
    <path d="M3 6h18M8 6V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v2"/>
    <path d="M19 6v14c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V6"/>
    <path d="M10 11v6M14 11v6"/>
  </symbol>

  <!-- UPLOAD ICON -->
  <symbol id="icon-upload" viewBox="0 0 24 24">
    <path d="M21 15v4c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-4"/>
    <path d="M17 8l-5-5-5 5"/>
    <path d="M12 3v12"/>
  </symbol>

  <!-- DOWNLOAD ICON -->
  <symbol id="icon-download" viewBox="0 0 24 24">
    <path d="M21 15v4c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-4"/>
    <path d="M7 10l5 5 5-5"/>
    <path d="M12 15V3"/>
  </symbol>

  <!-- ============================================
       NAVIGATION (5)
       ============================================ -->

  <!-- HOME ICON -->
  <symbol id="icon-home" viewBox="0 0 24 24">
    <path d="M3 9l9-7 9 7v11c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9z"/>
    <path d="M9 22V12h6v10"/>
  </symbol>

  <!-- SETTINGS ICON -->
  <symbol id="icon-settings" viewBox="0 0 24 24">
    <circle cx="12" cy="12" r="3"/>
    <path d="M12 1v3m0 16v3M4.22 4.22l2.12 2.12m11.32 11.32l2.12 2.12M1 12h3m16 0h3M4.22 19.78l2.12-2.12m11.32-11.32l2.12-2.12"/>
  </symbol>

  <!-- USER ICON -->
  <symbol id="icon-user" viewBox="0 0 24 24">
    <path d="M20 21v-2c0-2.2-1.8-4-4-4H8c-2.2 0-4 1.8-4 4v2"/>
    <circle cx="12" cy="7" r="4"/>
  </symbol>

  <!-- SEARCH ICON -->
  <symbol id="icon-search" viewBox="0 0 24 24">
    <circle cx="11" cy="11" r="8"/>
    <path d="M21 21l-4.35-4.35"/>
  </symbol>

  <!-- BELL ICON -->
  <symbol id="icon-bell" viewBox="0 0 24 24">
    <path d="M18 8c0-3.3-2.7-6-6-6S6 4.7 6 8c0 7-3 9-3 9h18s-3-2-3-9z"/>
    <path d="M13.73 21c-.32.59-.94 1-1.73 1-.79 0-1.41-.41-1.73-1"/>
  </symbol>

  <!-- ============================================
       STATUS (4)
       ============================================ -->

  <!-- ERROR ICON -->
  <symbol id="icon-error" viewBox="0 0 24 24">
    <circle cx="12" cy="12" r="10"/>
    <path d="M15 9l-6 6M9 9l6 6" stroke-width="2.5"/>
  </symbol>

  <!-- WARNING ICON -->
  <symbol id="icon-warning" viewBox="0 0 24 24">
    <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/>
    <path d="M12 9v4"/>
    <circle cx="12" cy="17" r="1" class="warning-dot"/>
  </symbol>

  <!-- INFO ICON -->
  <symbol id="icon-info" viewBox="0 0 24 24">
    <circle cx="12" cy="12" r="10"/>
    <path d="M12 16v-4"/>
    <circle cx="12" cy="8" r="1" class="info-dot"/>
  </symbol>

  <!-- ============================================
       DATA (3)
       ============================================ -->

  <!-- DOCUMENT ICON -->
  <symbol id="icon-document" viewBox="0 0 24 24">
    <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z"/>
    <path d="M14 2v6h6M16 13H8M16 17H8M10 9H8"/>
  </symbol>

  <!-- FOLDER ICON -->
  <symbol id="icon-folder" viewBox="0 0 24 24">
    <path d="M22 19c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h5l2 3h9c1.1 0 2 .9 2 2v11z"/>
  </symbol>

  <!-- CODE ICON -->
  <symbol id="icon-code" viewBox="0 0 24 24">
    <path d="M16 18l6-6-6-6M8 6l-6 6 6 6"/>
  </symbol>

  <!-- ============================================
       COMMUNICATION (3)
       ============================================ -->

  <!-- LINK ICON -->
  <symbol id="icon-link" viewBox="0 0 24 24">
    <path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71"/>
    <path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71"/>
  </symbol>

  <!-- PHONE ICON -->
  <symbol id="icon-phone" viewBox="0 0 24 24">
    <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z"/>
  </symbol>

  <!-- ============================================
       SPECIAL - COOKIE & POLICY (3)
       ============================================ -->

  <!-- COOKIE LARGE -->
  <symbol id="icon-cookie-large" viewBox="0 0 24 24">
    <path d="M21.5 12c0 5.25-4.25 9.5-9.5 9.5S2.5 17.25 2.5 12 6.75 2.5 12 2.5c.5 0 1 .05 1.48.14-.42.27-.73.7-.82 1.21-.12.73.13 1.47.7 1.95.4.35.9.52 1.41.52.3 0 .6-.06.88-.18.52.87 1.47 1.37 2.44 1.18.73-.15 1.32-.68 1.58-1.38.96.98 1.62 2.25 1.8 3.67-.68.09-1.27.52-1.52 1.17-.32.83.09 1.76.92 2.08.21.08.43.12.64.12.16 0 .32-.02.47-.07.09.44.14.9.14 1.37-.01.1-.01.2-.02.3z"/>
    <circle cx="9" cy="9" r="1.2" class="cookie-chip"/>
    <circle cx="15" cy="11" r="1" class="cookie-chip"/>
    <circle cx="10" cy="15" r="1.3" class="cookie-chip"/>
    <circle cx="15" cy="16" r="0.9" class="cookie-chip"/>
    <circle cx="7" cy="13" r="0.8" class="cookie-chip"/>
  </symbol>

  <!-- PRIVACY POLICY -->
  <symbol id="icon-privacy" viewBox="0 0 24 24">
    <path d="M12 2l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3z"/>
    <path d="M9 10h6M9 13h6M9 16h4" stroke-width="1.5" opacity="0.7"/>
  </symbol>

  <!-- COOKIE POLICY -->
  <symbol id="icon-cookie-policy" viewBox="0 0 24 24">
    <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z"/>
    <path d="M14 2v6h6"/>
    <circle cx="12" cy="15" r="4" stroke-width="1.5"/>
    <circle cx="11" cy="14" r="0.7" class="policy-dot"/>
    <circle cx="13" cy="15.5" r="0.6" class="policy-dot"/>
    <circle cx="11.5" cy="16.5" r="0.5" class="policy-dot"/>
  </symbol>

</svg>


<!-- ============================================
     INLINE VERSIONS (Copy these into HTML)
     ============================================ -->

<!-- MAIL -->
<svg class="icon icon-mail" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M3 7c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V7z" stroke="currentColor" stroke-width="2"/>
  <path d="M3 7l8.5 5.5c.3.2.7.2 1 0L21 7" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
</svg>

<!-- SPARKLES -->
<svg class="icon icon-sparkles" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 3v3m0 12v3m9-9h-3m-12 0H3" stroke="currentColor" stroke-width="2"/>
  <path d="M17.5 6.5l-2 2m-7 7l-2 2m11 0l-2-2m-7-7l-2-2" stroke="currentColor" stroke-width="2"/>
  <circle cx="12" cy="12" r="1.5" fill="currentColor"/>
  <circle cx="18" cy="6" r="1" fill="currentColor"/>
  <circle cx="6" cy="18" r="1" fill="currentColor"/>
</svg>

<!-- SHIELD -->
<svg class="icon icon-shield" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 3l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V6l8-3z" stroke="currentColor" stroke-width="2"/>
  <path d="M12 7v10" stroke="currentColor" stroke-width="2" opacity="0.5"/>
</svg>

<!-- ZAP -->
<svg class="icon icon-zap" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M13 3L4 14h7l-1 7 9-11h-7l1-7z" stroke="currentColor" stroke-width="2.5" stroke-linejoin="miter"/>
</svg>

<!-- CHECK -->
<svg class="icon icon-check" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M5 13l4 4L19 7" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
</svg>

<!-- CIRCLE/ENSŌ -->
<svg class="icon icon-circle" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="12" cy="12" r="9" stroke="currentColor" stroke-width="2" stroke-dasharray="85 15" transform="rotate(-90 12 12)"/>
</svg>


<!-- ============================================
     NEW ICONS - ACTIONS (5)
     ============================================ -->

<!-- SAVE (Floppy disk minimalist) -->
<svg class="icon icon-save" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M19 21H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h11l5 5v13c0 1.1-.9 2-2 2z" stroke="currentColor" stroke-width="2"/>
  <path d="M17 21v-8H7v8" stroke="currentColor" stroke-width="2"/>
  <path d="M7 3v5h8" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- EDIT (Pen/pencil) -->
<svg class="icon icon-edit" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M11 4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7" stroke="currentColor" stroke-width="2"/>
  <path d="M18.5 2.5c.8-.8 2.2-.8 3 0s.8 2.2 0 3L12 15l-4 1 1-4 9.5-9.5z" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- DELETE (Trash can) -->
<svg class="icon icon-delete" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M3 6h18M8 6V4c0-1.1.9-2 2-2h4c1.1 0 2 .9 2 2v2" stroke="currentColor" stroke-width="2"/>
  <path d="M19 6v14c0 1.1-.9 2-2 2H7c-1.1 0-2-.9-2-2V6" stroke="currentColor" stroke-width="2"/>
  <path d="M10 11v6M14 11v6" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- UPLOAD (Arrow up to cloud/line) -->
<svg class="icon icon-upload" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M21 15v4c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-4" stroke="currentColor" stroke-width="2"/>
  <path d="M17 8l-5-5-5 5" stroke="currentColor" stroke-width="2"/>
  <path d="M12 3v12" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- DOWNLOAD (Arrow down to line) -->
<svg class="icon icon-download" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M21 15v4c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-4" stroke="currentColor" stroke-width="2"/>
  <path d="M7 10l5 5 5-5" stroke="currentColor" stroke-width="2"/>
  <path d="M12 15V3" stroke="currentColor" stroke-width="2"/>
</svg>


<!-- ============================================
     NEW ICONS - NAVIGATION (5)
     ============================================ -->

<!-- HOME (House with ensō roof) -->
<svg class="icon icon-home" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M3 9l9-7 9 7v11c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V9z" stroke="currentColor" stroke-width="2"/>
  <path d="M9 22V12h6v10" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- SETTINGS (Gear minimalist) -->
<svg class="icon icon-settings" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="12" cy="12" r="3" stroke="currentColor" stroke-width="2"/>
  <path d="M12 1v3m0 16v3M4.22 4.22l2.12 2.12m11.32 11.32l2.12 2.12M1 12h3m16 0h3M4.22 19.78l2.12-2.12m11.32-11.32l2.12-2.12" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- USER (Person silhouette) -->
<svg class="icon icon-user" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M20 21v-2c0-2.2-1.8-4-4-4H8c-2.2 0-4 1.8-4 4v2" stroke="currentColor" stroke-width="2"/>
  <circle cx="12" cy="7" r="4" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- SEARCH (Magnifying glass) -->
<svg class="icon icon-search" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="11" cy="11" r="8" stroke="currentColor" stroke-width="2"/>
  <path d="M21 21l-4.35-4.35" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- BELL (Notification) -->
<svg class="icon icon-bell" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M18 8c0-3.3-2.7-6-6-6S6 4.7 6 8c0 7-3 9-3 9h18s-3-2-3-9z" stroke="currentColor" stroke-width="2"/>
  <path d="M13.73 21c-.32.59-.94 1-1.73 1-.79 0-1.41-.41-1.73-1" stroke="currentColor" stroke-width="2"/>
</svg>


<!-- ============================================
     NEW ICONS - STATUS (4)
     ============================================ -->

<!-- ERROR/X (Cross) -->
<svg class="icon icon-error" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
  <path d="M15 9l-6 6M9 9l6 6" stroke="currentColor" stroke-width="2.5" stroke-linecap="round"/>
</svg>

<!-- WARNING (Triangle with !) -->
<svg class="icon icon-warning" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" stroke="currentColor" stroke-width="2"/>
  <path d="M12 9v4" stroke="currentColor" stroke-width="2"/>
  <circle cx="12" cy="17" r="1" class="warning-dot"/>
</svg>

<!-- INFO (Circle with i) -->
<svg class="icon icon-info" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="2"/>
  <path d="M12 16v-4" stroke="currentColor" stroke-width="2"/>
  <circle cx="12" cy="8" r="1" class="info-dot"/>
</svg>


<!-- ============================================
     NEW ICONS - DATA (3)
     ============================================ -->

<!-- DOCUMENT (Paper/file) -->
<svg class="icon icon-document" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z" stroke="currentColor" stroke-width="2"/>
  <path d="M14 2v6h6M16 13H8M16 17H8M10 9H8" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- FOLDER -->
<svg class="icon icon-folder" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M22 19c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h5l2 3h9c1.1 0 2 .9 2 2v11z" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- CODE (Brackets) -->
<svg class="icon icon-code" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M16 18l6-6-6-6M8 6l-6 6 6 6" stroke="currentColor" stroke-width="2"/>
</svg>


<!-- ============================================
     NEW ICONS - COMMUNICATION (3)
     ============================================ -->

<!-- LINK/SHARE (Chain link) -->
<svg class="icon icon-link" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M10 13a5 5 0 007.54.54l3-3a5 5 0 00-7.07-7.07l-1.72 1.71" stroke="currentColor" stroke-width="2"/>
  <path d="M14 11a5 5 0 00-7.54-.54l-3 3a5 5 0 007.07 7.07l1.71-1.71" stroke="currentColor" stroke-width="2"/>
</svg>

<!-- PHONE -->
<svg class="icon icon-phone" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M22 16.92v3a2 2 0 01-2.18 2 19.79 19.79 0 01-8.63-3.07 19.5 19.5 0 01-6-6 19.79 19.79 0 01-3.07-8.67A2 2 0 014.11 2h3a2 2 0 012 1.72c.127.96.361 1.903.7 2.81a2 2 0 01-.45 2.11L8.09 9.91a16 16 0 006 6l1.27-1.27a2 2 0 012.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0122 16.92z" stroke="currentColor" stroke-width="2"/>
</svg>


<!-- ============================================
     SPECIAL ICONS - COOKIE & POLICY (3)
     ============================================ -->

<!-- LARGE COOKIE - Featured (with bite & chips) -->
<svg class="icon icon-cookie-large" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M21.5 12c0 5.25-4.25 9.5-9.5 9.5S2.5 17.25 2.5 12 6.75 2.5 12 2.5c.5 0 1 .05 1.48.14-.42.27-.73.7-.82 1.21-.12.73.13 1.47.7 1.95.4.35.9.52 1.41.52.3 0 .6-.06.88-.18.52.87 1.47 1.37 2.44 1.18.73-.15 1.32-.68 1.58-1.38.96.98 1.62 2.25 1.8 3.67-.68.09-1.27.52-1.52 1.17-.32.83.09 1.76.92 2.08.21.08.43.12.64.12.16 0 .32-.02.47-.07.09.44.14.9.14 1.37-.01.1-.01.2-.02.3z" stroke="currentColor" stroke-width="2"/>
  <!-- Cookie chips/dots -->
  <circle cx="9" cy="9" r="1.2" class="cookie-chip"/>
  <circle cx="15" cy="11" r="1" class="cookie-chip"/>
  <circle cx="10" cy="15" r="1.3" class="cookie-chip"/>
  <circle cx="15" cy="16" r="0.9" class="cookie-chip"/>
  <circle cx="7" cy="13" r="0.8" class="cookie-chip"/>
</svg>

<!-- PRIVACY POLICY - Shield + Document hybrid -->
<svg class="icon icon-privacy" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M12 2l8 3v6c0 5-3.5 8.5-8 10-4.5-1.5-8-5-8-10V5l8-3z" stroke="currentColor" stroke-width="2"/>
  <!-- Document lines inside shield -->
  <path d="M9 10h6M9 13h6M9 16h4" stroke="currentColor" stroke-width="1.5" opacity="0.7"/>
</svg>

<!-- COOKIE POLICY - Document with cookie symbol -->
<svg class="icon icon-cookie-policy" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M14 2H6c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V8l-6-6z" stroke="currentColor" stroke-width="2"/>
  <path d="M14 2v6h6" stroke="currentColor" stroke-width="2"/>
  <!-- Cookie symbol in document -->
  <circle cx="12" cy="15" r="4" stroke="currentColor" stroke-width="1.5"/>
  <circle cx="11" cy="14" r="0.7" class="policy-dot"/>
  <circle cx="13" cy="15.5" r="0.6" class="policy-dot"/>
  <circle cx="11.5" cy="16.5" r="0.5" class="policy-dot"/>
</svg>