.cookie-consent-banner{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);padding:16px 24px;z-index:9999;width:90%;max-width:850px;transition:all .3s ease-in-out;animation:slideUp .3s ease-out}.cookie-consent-banner.details-open{max-height:calc(100vh - 40px);overflow-y:auto}.cookie-consent-banner.details-open .banner-content .btn-secondary{display:none}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:nowrap}.cookie-consent-text{font-size:14px;color:#333;margin:0;flex-grow:1}.button-group{display:flex;gap:12px;align-items:center;flex-shrink:0}.btn{border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.btn-primary{background-color:#2d3748;color:#fff}.btn-primary:hover{background-color:#1a202c}.btn-secondary{background-color:#edf2f7;color:#2d3748}.btn-secondary:hover{background-color:#e2e8f0;color:#2d3748}.details-view{margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0;animation:fadeIn .3s ease-in-out}.details-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#2d3748}.cookie-options{display:grid;gap:16px;margin-bottom:20px}.option-item{display:flex;justify-content:space-between;align-items:flex-start;background-color:#f7fafc;padding:16px;border-radius:8px;gap:16px}.option-label{flex:1}.option-label strong{font-size:16px;color:#2d3748}.option-label p{font-size:14px;color:#718096;margin-top:4px;line-height:1.5}.option-control{flex-shrink:0;padding-top:4px}.option-control.always-on span{font-size:12px;font-weight:600;color:#4a5568}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:28px}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;border-radius:50%}input:checked+.slider{background-color:#2d3748}input:focus+.slider{box-shadow:0 0 1px #2d3748}input:checked+.slider:before{transform:translateX(22px)}.cookie-consent-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.cookie-consent-close:hover{color:#000}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100%);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.details-actions{text-align:right}@media (max-width:768px){.cookie-consent-banner{left:0;right:0;bottom:0;width:100%;max-width:100%;transform:none;border-radius:12px 12px 0 0;box-shadow:0 -5px 15px rgba(0,0,0,.1);animation:slideUpFromBottom .3s ease-out forwards;padding:16px}.cookie-consent-banner.details-open{padding-bottom:80px}.banner-content{flex-direction:column;align-items:stretch;gap:16px}.cookie-consent-text{text-align:center}.button-group{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.btn{width:100%;padding:12px;font-size:15px}.details-actions{position:sticky;bottom:-16px;background:#fff;padding:16px;margin:0 -16px;box-shadow:0 -2px 8px rgba(0,0,0,.05)}@keyframes slideUpFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}}@media (max-width:480px){.button-group{grid-template-columns:1fr}}