.cookie-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;backdrop-filter:blur(2px)}.cookie-overlay.is-visible{opacity:1;visibility:visible}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--color-dark);border-top:3px solid var(--color-primary);box-shadow:0 -8px 40px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.cookie-banner.is-visible{transform:translateY(0)}.cookie-banner-inner{padding:var(--space-6) var(--container-px);max-width:var(--container-max);margin-inline:auto;display:grid;grid-template-columns:1fr auto;gap:var(--space-8);align-items:center}.cookie-text-block{max-width:700px}.cookie-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-base);font-weight:var(--fw-bold);color:var(--color-white);margin-bottom:var(--space-2)}.cookie-title svg{width:20px;height:20px;color:var(--color-primary);flex-shrink:0}.cookie-desc{font-size:var(--fs-sm);color:var(--color-gray);line-height:1.65;max-width:none}.cookie-desc a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;transition:opacity .2s}.cookie-desc a:hover{opacity:.8}.cookie-actions{display:flex;flex-direction:column;gap:var(--space-3);flex-shrink:0;min-width:200px}.cookie-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:var(--fw-semibold);transition:all .2s ease;white-space:nowrap;text-align:center;cursor:pointer;border:2px solid transparent}.cookie-btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.cookie-btn--accept{background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary);box-shadow:var(--shadow-orange)}.cookie-btn--accept:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px)}.cookie-btn--refuse{background:0 0;color:var(--color-gray-light);border-color:rgba(255,255,255,.15)}.cookie-btn--refuse:hover{border-color:rgba(255,255,255,.4);color:var(--color-white)}.cookie-btn--customize{background:0 0;color:var(--color-gray);font-size:var(--fs-xs);text-decoration:underline;text-underline-offset:3px;border:none;padding:.5rem}.cookie-btn--customize:hover{color:var(--color-primary)}.cookie-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.cookie-modal.is-visible{opacity:1;visibility:visible}.cookie-modal-box{background:var(--color-dark);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.6);transform:scale(.95);transition:transform .3s ease}.cookie-modal.is-visible .cookie-modal-box{transform:scale(1)}.cookie-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-5);border-bottom:1px solid rgba(255,255,255,.08)}.cookie-modal-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-white)}.cookie-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-gray);background:rgba(255,255,255,.06);transition:all .2s;flex-shrink:0}.cookie-modal-close:hover{background:rgba(255,255,255,.12);color:var(--color-white)}.cookie-modal-close svg{width:18px;height:18px}.cookie-modal-body{padding:var(--space-6)}.cookie-modal-desc{font-size:var(--fs-sm);color:var(--color-gray);line-height:1.7;margin-bottom:var(--space-6);max-width:none}.cookie-category{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4)}.cookie-category-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.cookie-category-info{flex:1}.cookie-category-name{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--color-white);margin-bottom:2px}.cookie-category-sub{font-size:var(--fs-xs);color:var(--color-gray)}.cookie-toggle{position:relative;display:inline-block;width:48px;height:26px;flex-shrink:0}.cookie-toggle input{opacity:0;width:0;height:0}.cookie-toggle-slider{position:absolute;inset:0;background:rgba(255,255,255,.15);border-radius:var(--radius-full);cursor:pointer;transition:background .2s}.cookie-toggle-slider::before{content:'';position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--color-white);border-radius:50%;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.3)}.cookie-toggle input:checked+.cookie-toggle-slider{background:var(--color-primary)}.cookie-toggle input:checked+.cookie-toggle-slider::before{transform:translateX(22px)}.cookie-toggle input:disabled+.cookie-toggle-slider{opacity:.5;cursor:not-allowed}.cookie-toggle input:focus-visible+.cookie-toggle-slider{outline:3px solid var(--color-primary);outline-offset:3px}.cookie-category-desc{font-size:var(--fs-xs);color:var(--color-gray);padding:0 var(--space-5) var(--space-4);line-height:1.65}.cookie-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6) var(--space-6);border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.cookie-modal-footer .cookie-btn{flex:1;min-width:120px}.cookie-manage-btn{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-gray);cursor:pointer;background:0 0;border:none;transition:color .2s;padding:0}.cookie-manage-btn:hover{color:var(--color-primary)}.cookie-manage-btn svg{width:14px;height:14px}@media (max-width:768px){.cookie-banner-inner{grid-template-columns:1fr;gap:var(--space-5)}.cookie-actions{flex-direction:row;flex-wrap:wrap;min-width:auto}.cookie-btn--accept,.cookie-btn--refuse{flex:1;min-width:120px}.cookie-btn--customize{width:100%;text-align:center}}@media (max-width:480px){.cookie-banner{max-height:82vh;overflow-y:auto}.cookie-banner-inner{padding-block:var(--space-5)}.cookie-actions{flex-direction:column}.cookie-btn--accept,.cookie-btn--refuse{flex:none;width:100%}}