#cookieBanner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10000; background: #fff; border-top: 1px solid #E0E0E2; box-shadow: 0 -10px 40px rgba(0,0,0,.1); padding: 24px 5%; font-family: 'SF Pro Display', -apple-system, sans-serif; display: none; } #cookieBanner.show { display: block; } .cb-inner { max-width: 1200px; margin: 0 auto; } .cb-row1 { display: flex; align-items: flex-start; justify-content: space-between; gap: 40px; } .cb-text h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 8px; color: #1A1A1C; } .cb-text p { font-size: .88rem; line-height: 1.6; color: #3A3A3C; margin-bottom: 12px; } .cb-text a { color: #9C151F; text-decoration: underline; } .cb-controller { display: block; font-size: .75rem; color: #57575C; } .cb-btns { display: flex; gap: 12px; flex-shrink: 0; margin-top: 8px; } .cb-btns button { padding: 10px 20px; border-radius: 980px; font-size: .85rem; font-weight: 700; cursor: pointer; transition: all .2s; border: none; } .cb-btn-accept { background: #9C151F; color: #fff; } .cb-btn-accept:hover { background: #7A1018; transform: translateY(-1px); } .cb-btn-reject { background: #F5F5F7; color: #1A1A1C; } .cb-btn-reject:hover { background: #E8E8ED; } .cb-btn-settings { background: transparent; color: #3A3A3C; border: 1px solid #E0E0E2 !important; } .cb-details { margin-top: 24px; padding-top: 24px; border-top: 1px solid #F5F5F7; display: none; } .cb-details.open { display: block; } .cb-category { display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 0; border-bottom: 1px solid #F5F5F7; } .cb-cat-info h3 { font-size: .9rem; font-weight: 700; margin-bottom: 4px; } .cb-cat-info p { font-size: .82rem; color: #3A3A3C; line-height: 1.5; margin-bottom: 6px; max-width: 800px; } .cb-legal { font-size: .7rem; color: #57575C; display: block; } .cb-toggle { position: relative; display: inline-block; width: 44px; height: 24px; flex-shrink: 0; } .cb-toggle input { opacity: 0; width: 0; height: 0; } .cb-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #E8E8ED; transition: .3s; border-radius: 34px; } .cb-toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 3px; bottom: 3px; background-color: white; transition: .3s; border-radius: 50%; } input:checked + .cb-toggle-slider { background-color: #9C151F; } input:checked + .cb-toggle-slider:before { transform: translateX(20px); } .cb-details-footer { margin-top: 24px; display: flex; justify-content: space-between; align-items: center; } .cb-save-btn { background: #1A1A1C; color: #fff; padding: 12px 28px; border-radius: 980px; font-weight: 700; cursor: pointer; font-size: .85rem; border: none; } .cb-withdraw-btn { font-size: .75rem; color: #9C151F; background: none; border: none; cursor: pointer; text-decoration: underline; } .cookie-revoke { background: none; border: none; color: rgba(255,255,255,.85); font-size: 13px; cursor: pointer; padding: 0; text-decoration: none; transition: color .2s; } .cookie-revoke:hover { color: rgba(255,255,255,.9); } .content-blur { filter: blur(4px); pointer-events: none; transition: filter .3s; } @media (max-width: 900px) { .cb-row1 { flex-direction: column; gap: 20px; } .cb-btns { width: 100%; justify-content: flex-start; } } @media (max-width: 600px) { .cb-btns { flex-direction: column; } .cb-btns button { width: 100%; } #cookieBanner { padding: 24px 20px; } } .reveal, .reveal-left, .reveal-right { opacity: 0; transition: all .8s cubic-bezier(.16,1,.3,1); } .reveal.in, .reveal-left.in, .reveal-right.in { opacity: 1; transform: none !important; } .reveal { transform: translateY(30px); } .reveal-left { transform: translateX(-30px); } .reveal-right { transform: translateX(30px); } .nav-hamburger { width: 44px; height: 44px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; border: none; background: none; cursor: pointer; z-index: 1001; position: relative; } .nav-logo { min-height: 44px; min-width: 44px; display: flex; align-items: center; padding: 4px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } .ft-brand-name { font-size: 20px; font-weight: 800; letter-spacing: .03em; color: #FF4D4D !important; } footer p { color: rgba(255,255,255,0.85) !important; } footer h3 { font-size: 11px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: rgba(255,255,255,0.85) !important; margin-bottom: 14px; }