/* Cookie Consent Banner - Planac */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,0.15);z-index:99999;padding:20px;transform:translateY(100%);transition:transform 0.4s ease;font-family:'Barlow',sans-serif}
.cookie-banner.active{transform:translateY(0)}
.cookie-banner-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.cookie-banner-text{flex:1;min-width:280px}
.cookie-banner-text h4{margin:0 0 8px;font-size:18px;color:#333;display:flex;align-items:center;gap:8px}
.cookie-banner-text h4 svg{width:24px;height:24px;fill:#AA000E}
.cookie-banner-text p{margin:0;font-size:14px;color:#666;line-height:1.5}
.cookie-banner-text a{color:#AA000E;text-decoration:underline}
.cookie-banner-buttons{display:flex;flex-wrap:wrap;gap:10px}
.cookie-btn{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;border:none;font-family:'Barlow',sans-serif}
.cookie-btn-config{background:#f5f5f5;color:#333;border:1px solid #ddd}
.cookie-btn-config:hover{background:#e8e8e8}
.cookie-btn-reject{background:#fff;color:#AA000E;border:1px solid #AA000E}
.cookie-btn-reject:hover{background:#fef2f2}
.cookie-btn-accept{background:#AA000E;color:#fff}
.cookie-btn-accept:hover{background:#8a000b}

/* Cookie Modal */
.cookie-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);z-index:100000;display:none;align-items:center;justify-content:center;padding:20px}
.cookie-modal-overlay.active{display:flex}
.cookie-modal{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,0.2)}
.cookie-modal-header{padding:20px 25px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}
.cookie-modal-header h3{margin:0;font-size:20px;color:#333}
.cookie-modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#999;line-height:1}
.cookie-modal-close:hover{color:#333}
.cookie-modal-body{padding:25px}
.cookie-category{margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:8px}
.cookie-category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.cookie-category-header h4{margin:0;font-size:16px;color:#333}
.cookie-category p{margin:0;font-size:13px;color:#666;line-height:1.5}
.cookie-toggle{position:relative;width:50px;height:26px}
.cookie-toggle input{opacity:0;width:0;height:0}
.cookie-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:26px;transition:0.3s}
.cookie-toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:0.3s}
.cookie-toggle input:checked+.cookie-toggle-slider{background:#AA000E}
.cookie-toggle input:checked+.cookie-toggle-slider:before{transform:translateX(24px)}
.cookie-toggle input:disabled+.cookie-toggle-slider{opacity:0.7;cursor:not-allowed}
.cookie-modal-footer{padding:20px 25px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}

/* Mobile */
@media(max-width:768px){
.cookie-banner{padding:15px}
.cookie-banner-container{flex-direction:column;text-align:center}
.cookie-banner-buttons{width:100%;justify-content:center}
.cookie-btn{padding:10px 16px;font-size:13px}
.cookie-modal{margin:10px;max-height:85vh}
}