/* Tesla-inspired horizontal consent strip, with Singolar's translucent finish. */
.cookie-banner {
  left:50%;right:auto;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 28px;
  width:min(1100px,calc(100vw - 64px));max-height:65svh;overflow:auto;
  padding:22px 58px 22px 24px;border:1px solid #ffffff85;border-radius:10px;
  background:linear-gradient(120deg,rgba(255,255,251,.89) 0%,rgba(248,250,244,.85) 54%,rgba(240,246,232,.81) 100%);
  color:#25392d;box-shadow:0 8px 30px #172b201a,inset 0 1px 0 #ffffff80;
  -webkit-backdrop-filter:blur(18px) saturate(110%);backdrop-filter:blur(18px) saturate(110%);overscroll-behavior:contain;
}
.cookie-banner[hidden] {display:none}
.cookie-copy {min-width:0}
.cookie-banner h2 {margin:0 0 5px;font-size:16px;font-weight:500;line-height:1.5}
.cookie-copy p {margin:0;font-size:13px;line-height:1.7;color:#344b3c;overflow-wrap:anywhere}
.cookie-settings-link {padding:0;min-height:24px;font-size:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;color:inherit}
.cookie-settings-link:hover {text-decoration-thickness:2px}
.cookie-dismiss {position:absolute;top:4px;right:5px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#40543f}
.cookie-dismiss span {font-family:Arial,sans-serif;font-size:23px;font-weight:400;line-height:1}
.cookie-dismiss:hover {background:#eaf0e5}
.cookie-choice-actions {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0;min-width:202px}
.cookie-choice-actions button {
  display:flex;align-items:center;justify-content:center;min-height:44px;
  padding:9px 18px;border:1px solid #ffffff73;border-radius:4px;background:#ffffffc9;
  color:#293f2e;font-size:13px;font-weight:500;line-height:1.5;text-align:center;
  transition:background .15s,border-color .15s;
}
.cookie-choice-actions button:hover {background:#fff;border-color:#60765766}
.cookie-banner .cookie-save-status {grid-column:1/-1;margin:10px 0 0;font-size:12px;line-height:1.7;color:#344b3c}
.cookie-save-status:empty {display:none}
.hero-bottom {bottom:max(30px,var(--cookie-clearance,0px))}
.cookie-reopen {
  position:fixed;z-index:35;right:20px;bottom:calc(18px + env(safe-area-inset-bottom,0px));
  min-height:40px;padding:8px 16px;border:1px solid #ffffff85;border-radius:30px;
  background:linear-gradient(145deg,#fffffbe0,#f4f9ecc2);box-shadow:0 3px 14px #172b2014,inset 0 1px 0 #ffffff66;color:#344b3c;font-size:12px;
  -webkit-backdrop-filter:blur(18px) saturate(115%);backdrop-filter:blur(18px) saturate(115%);
}
.cookie-reopen:hover {background:#eef3e8}
#cookie-dialog {width:460px;padding:24px 26px 20px;border:1px solid #ffffff85;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,251,.94),rgba(244,249,236,.86));box-shadow:0 16px 65px #15271d26,inset 0 1px 0 #ffffff99;-webkit-backdrop-filter:blur(24px) saturate(115%);backdrop-filter:blur(24px) saturate(115%)}
#cookie-dialog::backdrop {background:#172b2045;backdrop-filter:blur(4px)}
#cookie-dialog .dialog-top {margin-bottom:8px}
#cookie-dialog .dialog-top h2 {font-size:21px}
#cookie-dialog .cookie-category {padding:17px 0;border-color:#e1e6dc}
#cookie-dialog .cookie-category h3 {font-size:16px;line-height:1.5;margin:0 0 6px}
#cookie-dialog .cookie-category p {font-size:13px;line-height:1.7;color:#596756}
#cookie-dialog .cookie-category small {display:inline-block;margin-top:8px;padding:2px 9px;border-radius:12px;background:#edf1e7;color:#52644b;font-size:11px}
#cookie-dialog .check-label {gap:12px;margin:0 0 8px;align-items:center;font-size:16px;line-height:1.5;cursor:pointer}
#cookie-dialog .check-label input {position:relative;appearance:none;flex:0 0 40px;width:40px;height:24px;min-height:24px;padding:0;margin:0;border:1px solid #b9c5b0;border-radius:20px;background:#d9e0d2;cursor:pointer}
#cookie-dialog .check-label input:after {content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #17332225}
#cookie-dialog .check-label input:checked {background:#344f38;border-color:#344f38}
#cookie-dialog .check-label input:checked:after {transform:translateX(16px)}
#cookie-dialog>p {font-size:12px;line-height:1.7;margin-top:15px;color:#607058}
#cookie-save {border-radius:10px;margin-top:18px;min-height:46px;font-size:14px}
#cookie-storage-note:empty {display:none}
.cookie-banner button:focus-visible,.cookie-reopen:focus-visible,#cookie-dialog button:focus-visible,#cookie-dialog input:focus-visible {outline:2px solid #806632;outline-offset:3px}
@media(max-width:840px) {
  .cookie-banner {left:50%;right:auto;transform:translateX(-50%);bottom:calc(12px + env(safe-area-inset-bottom,0px));width:calc(100vw - 24px);grid-template-columns:minmax(0,1fr);padding:18px 20px;max-height:65svh;border-radius:10px}
  .cookie-banner h2 {font-size:16px;margin-right:30px;margin-bottom:6px}
  .cookie-choice-actions {gap:10px;margin-top:14px;min-width:0}
  .cookie-choice-actions button {font-size:13px;padding:9px 12px}
  .cookie-reopen {right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  #cookie-dialog {padding:20px;max-width:calc(100vw - 24px)}
}
@media(max-width:760px) {.hero-bottom {bottom:max(26px,var(--cookie-clearance,0px))}}
@media(prefers-reduced-motion:reduce) {.cookie-choice-actions button {transition:none}}
@media(forced-colors:active) {#cookie-dialog .check-label input {appearance:auto}#cookie-dialog .check-label input:after {display:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .cookie-banner,.cookie-reopen,#cookie-dialog {background:#f9fbf4}
}
@media(prefers-reduced-transparency:reduce) {
  .cookie-banner,.cookie-reopen,#cookie-dialog {background:#f9fbf4;-webkit-backdrop-filter:none;backdrop-filter:none}
}
