/* Cookie UI */
	    .lang-switch{display:flex;gap:8px}
    .lang-switch button{padding:6px 10px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer}
    .lang-switch button.active{border-color:var(--brand);color:var(--brand);font-weight:700}
 
    .cc-banner{
      position:fixed;
      left:0;
      right:0;
      bottom:0;
      z-index:2001;
      background:var(--bg);
      border-top:1px solid var(--border);
      box-shadow:0 -10px 30px rgba(0,0,0,.12);
      padding:16px 0;
      font-family:var(--font-head)
    }
    .cc-banner .cc-inner{
      max-width:var(--container);
      margin:0 auto;
      padding:0 16px;
      display:grid;
      gap:14px;
      grid-template-columns:1fr auto;
      align-items:center
    }
    @media (max-width: 780px){ 
      .cc-banner .cc-inner{grid-template-columns:1fr} 
      .cc-actions{justify-content:center !important}
	  .ccm-actions {
    flex-wrap: wrap;
    justify-content: center !important;
}
    }
	
	/
.cc-text h3 {
  font-family: var(--font-head);
  font-weight: 800; /* Heavy */
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.2;
  color: var(--ink);
  margin: 0 0 8px;
}


.cc-text p {
  font-family: var(--font-head);
  font-weight: 300; /* Light */
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.55;
  color: var(--ink);
  margin: 0;
}
    /*.cc-text h3{margin:0 0 6px;font-size:clamp(18px,2.2vw,20px);line-height:1.2;font-weight:800;color:var(--ink)}*/
    .cc-text p{margin:0;color:var(--ink);line-height:1.6}
    .cc-text a{color:var(--brand);text-decoration:underline}
    .cc-text a:hover{text-decoration:none}
    .cc-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
    .cc-btn{
      /*display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      padding:10px 16px;
      border-radius:999px;
      border:2px solid transparent;
      font-weight:600;
      font-size:14px;
      cursor:pointer;
      transition: all 0.2s ease;
      background:#eef2fa;
      color:var(--brand)*/
	  font-family: var(--font-ui);
    font-weight: 700;
    font-size: var(--fs-foot) !important;
    letter-spacing: var(--tracking-cta);
    text-transform: uppercase;
	
	justify-self: center;
    align-self: center;
    pointer-events: auto;
    padding: 11px 20px;
    border-radius: 999px;
    background: var(--brand);
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
    white-space: nowrap;
    }
    .cc-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
    .cc-btn.primary{
     background: color-mix(in srgb, var(--brand) 88%, white 12%);

    }
    .cc-btn.primary:hover{box-shadow:0 6px 20px rgba(26,49,95,.35)}
    .cc-btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}
    .cc-btn.ghost:hover{border-color:var(--brand);color:var(--brand)}
    .cc-btn:focus-visible{outline:2px dashed var(--brand);outline-offset:2px}

    /* Backdrop for banner + modal */
    .cc-backdrop{
      position:fixed;
      inset:0;
      background:rgba(0,0,0,.4);
      backdrop-filter:blur(4px);
      -webkit-backdrop-filter:blur(4px);
      z-index:2000;
      animation: fadeIn 0.3s ease
    }
    @keyframes fadeIn {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    .cc-modal{
      position:fixed;
      inset:0;
      z-index:2002;
      display:grid;
      place-items:center;
      padding:20px;
      animation: slideUp 0.3s ease
    }
    @keyframes slideUp {
      from { transform: translateY(20px); opacity: 0; }
      to { transform: translateY(0); opacity: 1; }
    }

    .ccm-box{
      width:min(720px,100%);
      max-height:90vh;
      overflow-y:auto;
      background:var(--bg);
      border:1px solid var(--border);
      border-radius:14px;
      box-shadow:var(--shadow);
    }
    .ccm-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:20px 24px;
      border-bottom:1px solid var(--border);
      position:sticky;
      top:0;
      background:var(--bg);
      z-index:1
    }
    .ccm-head h3{margin:0;font-weight:800;font-size:20px}
    .ccm-close{
      background:transparent;
      border:0;
      font-size:24px;
      cursor:pointer;
      color:var(--muted);
      transition:color 0.2s
    }
    .ccm-close:hover{color:var(--ink)}
    .ccm-body{padding:20px 24px;display:grid;gap:16px}
    .ccm-row{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      padding:16px;
      border:1px solid var(--border);
      border-radius:12px;
      transition: all 0.2s ease
    }
    .ccm-row:hover{
      border-color:var(--brand);
      box-shadow:0 2px 8px rgba(26,49,95,.08)
    }
    .ccm-row strong{color:var(--ink);display:block;margin-bottom:4px}
    .ccm-row small{color:var(--muted);font-size:13px;line-height:1.4}
    .ccm-actions{
      padding:20px 24px;
      display:flex;
      gap:10px;
      justify-content:flex-end;
      border-top:1px solid var(--border);
      background:#fafbfd
    }

    /* Toggle switch */
    .switch{
      position:relative;
      display:inline-block;
      width:48px;
      height:26px;
      flex-shrink:0
    }
    .switch input{opacity:0;width:0;height:0}
    .slider{
      position:absolute;
      cursor:pointer;
      inset:0;
      background:#e7ebf4;
      border-radius:999px;
      transition:all .25s cubic-bezier(0.4,0,0.2,1)
    }
    .slider:before{
      content:"";
      position:absolute;
      height:20px;
      width:20px;
      left:3px;
      top:3px;
      background:#fff;
      border-radius:50%;
      box-shadow:0 2px 4px rgba(0,0,0,.2);
      transition:all .25s cubic-bezier(0.4,0,0.2,1)
    }
    .switch input:checked + .slider{
      background:linear-gradient(var(--brand))
    }
    .switch input:checked + .slider:before{
      transform:translateX(22px)
    }
    .switch input:disabled + .slider{
      opacity:0.5;
      cursor:not-allowed
    }

    /* Footer Cookie Settings Link */
    .cookie-settings-link{
      position:fixed;
      bottom:20px;
      left:20px;
      background:var(--bg);
      border:1px solid var(--border);
      border-radius:8px;
      padding:8px 14px;
      font-size:13px;
      color:var(--muted);
      cursor:pointer;
      box-shadow:0 2px 8px rgba(0,0,0,.08);
      transition:all 0.2s;
      z-index:1000
    }
    .cookie-settings-link:hover{
      color:var(--brand);
      border-color:var(--brand);
      box-shadow:0 4px 12px rgba(0,0,0,.12)
    }