.cookie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(3px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.3s ease;}.cookie-overlay.show{opacity:1;visibility:visible;}.cookie-modal{background:#ffffff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.3);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative;transform:translateY(30px);transition:transform 0.3s ease;}.cookie-overlay.show .cookie-modal{transform:translateY(0);}.cookie-header{padding:30px 30px 20px;border-bottom:1px solid #e5e5e5;}.cookie-header h2{margin:0 0 10px 0;color:#333;font-family:"Abril",serif;font-size:24px;font-weight:600;}.cookie-header p{margin:0;color:#666;font-family:"Abaya",sans-serif;font-size:14px;line-height:1.5;}.cookie-content{padding:20px 30px;}.cookie-section{margin-bottom:25px;}.cookie-section h3{margin:0 0 10px 0;color:#333;font-family:"Abril",serif;font-size:18px;font-weight:600;}.cookie-section p{margin:0 0 15px 0;color:#666;font-family:"Abaya",sans-serif;font-size:14px;line-height:1.5;}.cookie-toggle{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#f8f9fa;border-radius:8px;margin-bottom:15px;}.cookie-toggle-info{flex:1;}.cookie-toggle-info h4{margin:0 0 5px 0;color:#333;font-family:"Abril",serif;font-size:16px;font-weight:500;}.cookie-toggle-info span{color:#666;font-family:"Abaya",sans-serif;font-size:12px;}.toggle-switch{position:relative;width:60px;height:30px;background:#ccc;border-radius:15px;cursor:pointer;transition:background 0.3s ease;}.toggle-switch.active{background:#4caf50;}.toggle-switch.disabled{background:#e0e0e0;cursor:not-allowed;}.toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:24px;height:24px;background:white;border-radius:50%;transition:transform 0.3s ease;}.toggle-switch.active::after{transform:translateX(30px);}.cookie-actions{padding:20px 30px 30px;display:flex;gap:15px;justify-content:flex-end;border-top:1px solid #e5e5e5;}.cookie-btn{padding:12px 24px;border:none;border-radius:8px;font-family:"Abril",serif;font-size:14px;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-align:center;}.cookie-btn-secondary{background:#f8f9fa;color:#666;border:1px solid #e0e0e0;}.cookie-btn-secondary:hover{background:#e9ecef;color:#333;}.cookie-btn-primary{background:#2196F3;color:white;}.cookie-btn-primary:hover{background:#1976D2;transform:translateY(-1px);box-shadow:0 4px 12px rgba(33,150,243,0.3);}.cookie-btn-accept-all{background:#4caf50;color:white;}.cookie-btn-accept-all:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px rgba(76,175,80,0.3);}.cookie-notification{position:fixed;bottom:20px;right:20px;background:#4caf50;color:white;padding:15px 20px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);font-family:"Abaya",sans-serif;font-size:14px;z-index:10001;transform:translateX(400px);transition:transform 0.3s ease;}.cookie-notification.show{transform:translateX(0);}@media (max-width:768px){.cookie-modal{width:95%;margin:10px;}.cookie-header,.cookie-content,.cookie-actions{padding:20px;}.cookie-actions{flex-direction:column;}.cookie-btn{width:100%;margin-bottom:10px;}.cookie-toggle{flex-direction:column;align-items:flex-start;gap:10px;}}