.dr-cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;background: #fff;border-top: 2px solid #007bff;padding: 20px;box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);z-index: 9999;font-family: Arial, sans-serif;}
.dr-cookie-container{max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;gap: 20px;}
.dr-cookie-text{flex: 1;color: #333;line-height: 1.6;font-size: 14px;margin: 0;}
.dr-cookie-buttons{display: flex;gap: 12px;flex-shrink: 0;}
.dr-cookie-btn{padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.3s ease;}
.dr-cookie-btn-primary{background: #007bff;color: white;}
.dr-cookie-btn-primary:hover{background: #0056b3;}
.dr-cookie-btn-secondary{background: #6c757d;color: white;}
.dr-cookie-btn-secondary:hover{background: #545b62;}
.dr-cookie-btn-link{background: transparent;color: #007bff;text-decoration: underline;}
.dr-cookie-btn-link:hover{color: #0056b3;}
.dr-cookie-hidden{display: none !important;}
.cookie-hint{color: #007bff;text-decoration: underline;cursor: pointer;font-size: 12px;margin-left: 10px;display: inline-flex;align-items: center;gap: 4px;}
.cookie-hint:hover{color: #0056b3;}
.quick-guide{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;padding: 25px;border-radius: 10px;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);z-index: 10000;max-width: 500px;width: 90%;border: 2px solid #007bff;}
.quick-guide-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 9999;}
.guide-content h3{margin-top: 0;color: #333;text-align: center;border-bottom: 1px solid #eee;padding-bottom: 15px;}
.guide-item{margin: 20px 0;padding: 15px;background: #f8f9fa;border-radius: 8px;border-left: 4px solid #007bff;}
.guide-item strong{color: #007bff;font-size: 16px;display: block;margin-bottom: 8px;}
.guide-item p{margin: 0;color: #555;line-height: 1.5;font-size: 14px;}
.guide-close{background: #007bff;color: white;border: none;padding: 10px 20px;border-radius: 5px;cursor: pointer;font-size: 14px;width: 100%;margin-top: 10px;transition: background 0.3s ease;}
.guide-close:hover{background: #0056b3;}
@media (max-width: 768px){.dr-cookie-container{flex-direction: column;text-align: center;gap: 15px;}
.dr-cookie-buttons{flex-wrap: wrap;justify-content: center;width: 100%;}
.dr-cookie-btn{padding: 10px 16px;font-size: 13px;flex: 1;min-width: 120px;}
.quick-guide{padding: 20px;width: 95%;}}
@media (max-width: 480px){.dr-cookie-banner{padding: 15px;}
.dr-cookie-text{font-size: 13px;line-height: 1.4;margin-bottom: 8px;}
.cookie-hint{display: block;margin: 8px 0 0 0;text-align: center;font-size: 11px;}
.dr-cookie-buttons{gap: 8px;}
.dr-cookie-btn{padding: 10px 12px;font-size: 12px;min-width: 100px;}
.quick-guide{padding: 15px;width: calc(90% - 10px);}
.guide-item{padding: 12px;margin: 12px 0;}
.guide-item strong{font-size: 14px;}
.guide-item p{font-size: 12px;line-height: 1.4;}
.guide-content h3{font-size: 16px;padding-bottom: 12px;}}
@media (max-width: 768px) and (orientation: landscape){.dr-cookie-banner{position: relative;max-height: 60vh;overflow-y: auto;}
.quick-guide{max-height: 80vh;overflow-y: auto;top: 45%;}}
@supports (-webkit-touch-callout: none){.dr-cookie-banner{padding-bottom: max(15px, env(safe-area-inset-bottom));}}
@media (min-width: 769px){.dr-cookie-btn[title]{position: relative;}
.dr-cookie-btn[title]:hover::after{content: attr(title);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: #333;color: white;padding: 8px 12px;border-radius: 4px;font-size: 12px;white-space: nowrap;z-index: 10001;margin-bottom: 5px;}
.dr-cookie-btn[title]:hover::before{content: '';position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: #333;margin-bottom: -5px;}}
@media (hover: none) and (pointer: coarse){.dr-cookie-btn-primary:hover, .dr-cookie-btn-secondary:hover, .dr-cookie-btn-link:hover{transform: none;}}
/* Cookie Preferences Modal Styles*/.cookie-preferences-modal{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: white;padding: 30px;border-radius: 15px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);z-index: 10001;max-width: 600px;width: 90%;max-height: 80vh;overflow-y: auto;border: 1px solid #e0e0e0;}
.cookie-preferences-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);z-index: 10000;}
/* Header*/.cookie-header{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 20px;border-bottom: 2px solid #f0f0f0;padding-bottom: 15px;}
.cookie-title{font-size: 24px;font-weight: 600;color: #333;margin: 0;}
.close-button{background: none;border: none;font-size: 24px;color: #666;cursor: pointer;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all 0.3s ease;}
.close-button:hover{background: #f5f5f5;color: #333;}
/* Description*/.cookie-description{color: #666;line-height: 1.6;margin-bottom: 25px;font-size: 14px;}
/* Categories Section*/.cookie-categories-title{font-size: 18px;font-weight: 600;color: #333;margin-bottom: 20px;border-bottom: 1px solid #f0f0f0;padding-bottom: 10px;}
/* Category Items*/.cookie-category{border: 1px solid #e0e0e0;border-radius: 10px;margin-bottom: 10px;overflow: hidden;transition: all 0.3s ease;}
.cookie-category:hover{border-color: #007bff;box-shadow: 0 2px 8px rgba(0, 123, 255, 0.1);}
.category-header{display: flex;justify-content: space-between;align-items: center;padding: 10px 20px;background: #fafafa;cursor: pointer;user-select: none;}
.category-title{font-size: 16px;font-weight: 500;color: #333;margin: 0;}
.category-toggle{display: flex;align-items: center;gap: 15px;}
.toggle-switch{position: relative;width: 60px;height: 30px;}
.toggle-input{display: none;}
.toggle-slider{position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: .4s;border-radius: 34px;}
.toggle-slider:before{position: absolute;content: "";height: 22px;width: 22px;left: 4px;bottom: 4px;background-color: white;transition: .4s;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: bold;}
.toggle-input:checked + .toggle-slider{background-color: #007bff;}
.toggle-input:checked + .toggle-slider:before{transform: translateX(30px);content: "✓";color: #007bff;}
.toggle-input:not(:checked) + .toggle-slider:before{content: "✕";color: #ccc;}
.toggle-input:disabled + .toggle-slider{background-color: #e0e0e0;cursor: not-allowed;}
.toggle-input:disabled + .toggle-slider:before{background-color: #f5f5f5;color: #999;}
.expand-arrow{width: 20px;height: 20px;transition: transform 0.3s ease;color: #666;}
.expand-arrow.rotated{transform: rotate(180deg);}
.category-description{padding: 0 20px;max-height: 0;overflow: hidden;transition: all 0.3s ease;background: white;}
.category-description.expanded{padding: 15px 20px 20px;max-height: 200px;border-top: 1px solid #f0f0f0;}
.category-description p{margin: 0;color: #666;line-height: 1.5;font-size: 14px;}
.cookie-actions{display: flex;gap: 10px;justify-content: flex-end;margin-top: 25px;padding-top: 20px;border-top: 1px solid #f0f0f0;}
.action-btn{padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;font-size: 14px;font-weight: 500;transition: all 0.3s ease;}
.btn-primary{background: #007bff;color: white;}
.btn-primary:hover{background: #0056b3;}
.btn-secondary{background: #6c757d;color: white;}
.btn-secondary:hover{background: #545b62;}
@media (max-width: 768px){
.cookie-preferences-modal{padding: 20px;width: 95%;}
.cookie-header{}
.close-button{align-self: flex-end;}
.category-header{padding: 12px 15px;}
.cookie-actions{flex-direction: column;}
.action-btn{width: 100%;}
} 
@media (max-width: 480px){
.cookie-preferences-modal{padding: 15px;}
.cookie-title{font-size: 20px;}
.category-title{font-size: 14px;}
.toggle-switch{width: 50px;height: 25px;}
.toggle-slider:before{height: 18px;width: 18px;font-size: 10px;}
.toggle-input:checked + .toggle-slider:before{transform: translateX(25px);}
}