.hf-notifications{padding-top:35px;padding-bottom:60px;background:#fff;min-height:60vh}.hf-notifications__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.hf-notifications__header h1{font-size:32px;font-weight:700;margin:7px 0 10px;display:flex;align-items:center;gap:12px}.hf-notifications__header p{margin:0;color:#607680}.hf-notifications__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.hf-notifications__layout--single{grid-template-columns:minmax(0,1fr)}.hf-notifications__watches{display:grid;gap:18px}.hf-notify-watch{padding:24px!important;margin:0}.hf-notify-watch__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.hf-notify-state{display:inline-block;font-size:12px;font-weight:700;padding:5px 10px;border-radius:20px;background:#edf1f3;color:#607680}.hf-notify-state--active{background:#e7f6ed;color:#22794a}.hf-notify-state--pending,.hf-notify-state--cancelling{background:#fff3dd;color:#986014}.hf-notify-state--paused,.hf-notify-state--inactive,.hf-notify-state--expired{background:#edf1f3;color:#607680}.hf-notify-count{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;min-width:26px;height:26px;padding:0 7px;background:#0099ae;color:white!important;font-size:13px;font-weight:700;line-height:1}.hf-notify-route{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:16px;font-size:23px;font-weight:700;margin:0 0 18px;overflow-wrap:anywhere}.hf-notify-route i{color:#0099ae;text-align:center}.hf-notify-meta{display:flex;flex-wrap:wrap;gap:9px 16px;color:#607680;font-size:14px}.hf-notify-meta i{color:#0099ae;margin-right:4px}.hf-notify-watch__actions{display:flex;align-items:center;gap:18px;border-top:1px solid #edf1f3;margin-top:20px;padding-top:15px}.hf-notify-link{background:none;border:0;padding:5px 0;color:#607680;font-size:13px;text-align:left}.hf-notify-link:hover{color:#007f91;text-decoration:underline}.hf-notify-icon-button{border:0;background:none;padding:8px;color:#607680;border-radius:8px;min-width:38px;min-height:38px}.hf-notify-icon-button:hover{background:#eef7f8;color:#007f91}.hf-notify-watch__actions .hf-notify-icon-button{margin-left:auto}.hf-notify-matches{margin-top:15px;border-top:1px solid #edf1f3;padding-top:12px}.hf-notify-matches summary,.hf-notify-terms summary,.hf-notify-options summary{cursor:pointer;color:#425963;font-size:14px;font-weight:600}.hf-notify-match{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 10px;border-bottom:1px solid #edf1f3}.hf-notify-match.is-new{background:#f0fafb;border-radius:8px}.hf-notify-match strong{display:block;font-size:14px}.hf-notify-match span{display:block;font-size:12px;color:#607680}.hf-notify-match a{color:#007f91;white-space:nowrap;font-size:13px;font-weight:600}.hf-notify-subscription{padding:24px!important;text-align:left;margin:0}.hf-notify-subscription h2{font-size:20px;font-weight:700;margin:16px 0}.hf-notify-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:#e8f7f9;color:#0099ae;border-radius:16px;font-size:25px}.hf-notify-price{font-size:30px;font-weight:700;color:#253740;margin:20px 0 8px}.hf-notify-price small{font-size:14px;color:#607680;font-weight:400;margin-left:6px}.hf-notify-subscription p{font-size:14px;color:#607680}.hf-notify-subscription .btn{width:100%;margin:16px 0 5px;white-space:normal}.hf-notify-subscription__date{font-size:13px;color:#607680;margin-top:20px;display:flex;justify-content:space-between;gap:12px}.hf-notify-subscription__date strong{color:#253740}.hf-notify-secondary{background:#edf6f7;border:1px solid #dce7ea;color:#007f91;border-radius:9px;padding:11px 16px;font-weight:600}.hf-notify-secondary:hover{background:#e1f1f4}.hf-notify-test{display:block;font-size:12px;color:#99621c;background:#fff6e5;border-radius:7px;padding:9px 11px;margin-top:14px;line-height:1.5}.hf-notify-subscription__cancel{display:block;margin:18px 0 0;font-size:12px;color:#7b8b92}.hf-notify-subscription__undo{display:block;margin:18px 0 0;font-size:13px;font-weight:700;color:#0099ae}.hf-notify-subscription__undo:hover{color:#007f91;text-decoration:underline}.hf-notify-terms{margin-top:20px;padding-top:14px;border-top:1px solid #e9eff1}.hf-notify-terms p{font-size:13px;color:#607680;line-height:1.7;white-space:pre-line;margin-top:12px}.hf-notify-empty{text-align:center;padding:45px 25px!important}.hf-notify-empty h2{font-weight:700;font-size:25px}.hf-notify-empty p{color:#607680;margin-bottom:25px}.hf-notify-dialog{color:#253740;border:0;border-radius:18px;padding:28px;width:min(640px,calc(100% - 28px));box-shadow:0 24px 90px #13333d40;max-height:calc(100dvh - 40px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;max-width:calc(100% - 28px);min-width:0;margin:auto}.hf-notify-dialog::backdrop{background:rgba(20,40,50,.48);backdrop-filter:blur(3px)}.hf-notify-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:22px}.hf-notify-dialog__header h2{font-size:24px;font-weight:700;margin:4px 0}.hf-notify-main-fields{display:grid;gap:0}.hf-notify-primary-field{font-size:14px;font-weight:600;margin:0 0 10px;min-width:0}.hf-notify-main-fields .auth-input-group{margin-top:8px}.hf-notify-main-fields input{margin-top:0;min-width:0;width:100%;max-width:100%;height:46px;font-size:16px;border-radius:8px;box-sizing:border-box}.hf-notify-optional-field{border-top:1px solid #e9eff1}.hf-notify-optional-add{appearance:none;-webkit-appearance:none;width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#253740;padding:15px 2px;text-align:left;font:inherit;font-size:14px;font-weight:400;cursor:pointer}.hf-notify-optional-add[hidden],.hf-notify-optional-panel[hidden]{display:none!important}.hf-notify-optional-add:hover,.hf-notify-optional-add:focus-visible{color:#007f91}.hf-notify-optional-add small,.hf-notify-optional-panel>label span{font-size:12px;font-weight:400;color:#7b8b92}.hf-notify-optional-plus{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;border:0;border-radius:0;background:transparent;color:#0099ae;font-size:13px}.hf-notify-optional-panel{padding:15px 0 16px}.hf-notify-optional-panel>label{display:block;font-size:14px;font-weight:600;margin:0}.hf-notify-optional-panel .auth-input-group{margin-top:8px}.hf-notify-optional-field.is-open+.hf-notify-optional-field{border-top-color:#edf2f3}.hf-notify-clear-dates{margin-top:7px}.hf-notify-clear-dates .hf-notify-link{padding:4px 0}
.hf-notify-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hf-notify-form-grid label{font-size:14px;min-width:0;font-weight:600;margin:0}.hf-notify-form-grid input,.hf-notify-form-grid select{margin-top:8px;min-width:0;height:46px;font-size:16px;border-radius:8px}.hf-notify-form-grid .auth-input-group{margin-top:8px}.hf-notify-form-grid .auth-input-group input{margin-top:0}.hf-notify-options{margin-top:24px;border-top:1px solid #e9eff1;padding-top:18px}.hf-notify-options summary span{color:#7b8b92;font-size:12px;font-weight:400}.hf-notify-options .hf-notify-form-grid{margin-top:16px}.hf-notify-form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-notify-form-note{font-size:12px;color:#7b8b92;line-height:1.6;margin:20px 0 0}.hf-notify-dialog__footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:26px}.hf-notify-dialog--payment{max-width:480px}.hf-notify-dialog--payment .hf-notify-price{font-size:32px}.hf-notify-payment-consent{margin-top:20px;display:flex;gap:10px;font-size:14px;align-items:flex-start;line-height:1.5}.hf-notify-payment-consent input{flex-shrink:0;margin-top:4px}.hf-notify-vipps{color:#fff;background:#ff5b24;border-radius:9px;padding:12px 16px;font-weight:700}.hf-notify-vipps:hover{color:#fff;background:#ed4d16}.hf-notify-feedback{background:#fff3dd;border-radius:8px;padding:12px 15px;margin:16px 0;color:#87581c;font-size:14px}.hf-notify-payment-row{display:flex;justify-content:space-between;font-size:13px;padding:10px 0;border-bottom:1px solid #edf1f3}.hf-notify-payment-row small{display:block;color:#7b8b92}.hf-notify-home-button{display:inline-flex!important;gap:8px;align-items:center;background:#fff!important;border:1px solid #b9dce2!important;color:#007f91!important;margin-left:9px!important}.hf-notify-header-actions{display:flex;align-items:center;gap:14px}.hf-notify-header-button{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #80bdc6;border-radius:9px;padding:10px 14px;background:transparent;color:#007f91;font-family:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease}.hf-notify-header-button:hover,.hf-notify-header-button:focus-visible{background:#e8f7f9;color:#007f91;box-shadow:0 5px 14px rgba(0,109,125,.16)}.menu-notifications-link{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.hf-notify-menu-count{display:inline-flex;align-items:center;justify-content:center;background:#0099ae;color:#fff;padding:2px 6px;border-radius:12px;font-size:11px;min-width:19px;line-height:1.4;margin-left:4px}.hf-notify-menu-count:empty{display:none}.hf-notify-login-choice{margin:8px 0 18px;font-size:13px;line-height:1.5}.hf-notify-login-choice small{display:block;color:#7b8b92;margin-left:24px;margin-top:3px;font-size:12px}
@media(max-width:991px){.hf-notifications__layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.hf-notify-route{font-size:20px;gap:10px}}
@media(max-width:767px){.hf-notifications{padding-top:22px}.hf-notifications__header{gap:12px;align-items:flex-start}.hf-notifications__header h1{font-size:27px}.hf-notifications__header p{font-size:14px}.hf-notifications__header>.btn{padding:11px 12px;white-space:nowrap;font-size:13px}.hf-notifications__layout{grid-template-columns:1fr}.hf-notify-subscription{grid-row:2}.hf-notify-watch{padding:20px!important}.hf-notify-route{font-size:20px}.hf-notify-header-actions{gap:10px}.hf-notify-header-button{padding:9px 10px;font-size:13px}.hf-notify-dialog{padding:22px 18px;max-height:calc(100dvh - 24px)}.hf-notify-form-grid{gap:14px 12px}.hf-notify-form-grid--three{grid-template-columns:1fr}.hf-notify-dialog__footer>.btn{flex:1;padding:12px 10px}.hf-notify-match{gap:10px}.hf-notify-match strong{font-size:13px}.hf-notify-home-button{margin-left:0!important;margin-top:9px!important;margin-right:8px!important}.hf-notify-home-button+.btn{margin-top:9px!important}}
@media(max-width:480px){.hf-notify-form-grid{grid-template-columns:1fr}}
@media(max-width:380px){.hf-notifications__header{flex-wrap:wrap}.hf-notify-match{align-items:flex-start;flex-direction:column}.hf-notify-route{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hf-notifications *{scroll-behavior:auto!important}}

/* Keep native Safari date controls inside their grid cell and dialog. */
.hf-notify-dialog form,.hf-notify-form-grid>*,.hf-notify-main-fields>*{min-width:0;max-width:100%}
.hf-notify-form-grid input,.hf-notify-form-grid select,.hf-notify-form-grid .auth-input-group{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.hf-notify-form-grid input[type=date]{display:block;-webkit-appearance:none;appearance:none;text-align:left}
.hf-notify-form-grid input[type=date]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}
.hf-notify-form-grid input[type=date]::-webkit-datetime-edit{min-width:0;padding:0}

/* Reuse the advertisement calendar inside the modal's top layer. */
.hf-notify-date-input[readonly]{background:#fff;cursor:pointer}
.hf-notify-date-group{cursor:pointer}
#notificationWatchDialog .datepicker{z-index:10!important;background:#fff;color:#263b43;max-width:calc(100% - 16px)}
#notificationWatchDialog .datepicker table{width:100%}
#notificationWatchDialog .datepicker td.disabled{color:#aaa;cursor:default}


/* Keep payment terms available without competing with the consent. */
#notificationPaymentDialog .hf-notify-terms{margin-bottom:24px}
#notificationPaymentDialog .hf-notify-terms summary{font-size:13px;font-weight:400;color:#607680}

/* Last item in the public car grid: alert signup in Hjemferd blue and white. */
.hf-car-listing-page .hf-car-notify-promo {
  --hf-card-a: #0099ae;
  --hf-card-b: #00889b;
  box-sizing: border-box;
  height: 100%;
  min-height: 370px;
  padding: 30px 22px 22px;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
  text-align: center;
}

.hf-car-notify-promo::before {
  position: absolute;
  z-index: -1;
  top: -85px;
  right: -100px;
  width: 265px;
  height: 265px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .1);
  content: "";
  pointer-events: none;
}

.hf-car-notify-promo__icon {
  display: inline-flex;
  flex: 0 0 auto;
  width: 94px;
  height: 94px;
  align-items: center;
  justify-content: center;
  border: 2px solid rgba(255, 255, 255, .8);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(0, 94, 109, .18);
  color: #00889b;
  font-size: 47px;
}

.hf-car-notify-promo__text h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.25;
}

.hf-car-notify-promo__text p {
  max-width: 265px;
  margin: 0 auto;
  color: rgba(255, 255, 255, .95);
  font-size: 15px;
  line-height: 1.55;
}

.hf-car-notify-promo__button {
  display: inline-flex;
  width: 100%;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 18px;
  border: 2px solid #fff;
  border-radius: 12px;
  background: #fff;
  color: #00889b;
  font-size: 16px;
  font-weight: 800;
  font-family: inherit;
  line-height: 1.25;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.hf-car-notify-promo__button:hover,
.hf-car-notify-promo__button:focus-visible {
  background: #e7f7f9;
  color: #006d7d;
  text-decoration: none;
  transform: translateY(-1px);
}

.hf-car-notify-promo__button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .hf-car-listing-page .hf-car-notify-promo {
    min-height: 370px;
    padding: 30px 22px 22px;
  }
}


/* A pending alert must retain a clear one-tap path to activate payment. */
.hf-notify-link--payment{color:#007f91;font-weight:700}
.hf-notify-promo{font-size:14px;color:#425963;margin:18px 0 8px}
.hf-notify-promo a{font-weight:700;color:#007f91;text-decoration:underline;text-underline-offset:3px}
.hf-notify-cancellation-note{font-size:12px;line-height:1.5;color:#607680;margin:0 0 16px}
.hf-notify-payment-methods{min-width:0;margin:22px 0 8px;padding:0;border:0}
.hf-notify-payment-methods[hidden],.hf-notify-payment-choice[hidden]{display:none!important}
.hf-notify-payment-methods legend{width:100%;font-size:14px;font-weight:700;margin:0 0 10px;color:#253740}
.hf-notify-payment-choice{display:flex;gap:12px;align-items:center;margin:9px 0;padding:12px 14px;border:1px solid #dce7ea;border-radius:10px;cursor:pointer;background:#fff}
.hf-notify-payment-choice:has(input:checked){border-color:#0099ae;background:#eaf7f8}
.hf-notify-payment-choice input{flex:0 0 auto;accent-color:#0099ae;margin:0}
.hf-notify-payment-choice strong{display:block;color:#253740;font-size:14px}
.hf-notify-payment-choice small{display:block;margin-top:3px;color:#607680;font-size:12px}
.hf-notify-bonus-button{color:#fff;background:#0099ae;border-radius:9px;padding:12px 16px;font-weight:700}
.hf-notify-bonus-button:hover{color:#fff;background:#007f91}
@media(max-width:767px){.hf-notify-payment-choice{padding:13px 11px}.hf-notify-promo{font-size:13px}}

/* Compact alert checkout: title and bell share a row; payment actions remain
   visible without initial scrolling on standard phone screens. */
#notificationPaymentDialog{padding:20px 22px 18px}
#notificationPaymentDialog .hf-notify-dialog__header{align-items:center;gap:10px;margin-bottom:8px}
#notificationPaymentDialog .hf-notify-payment-heading{display:flex;align-items:center;gap:11px;min-width:0}
#notificationPaymentDialog .hf-notify-payment-heading .hf-notify-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;font-size:21px}
#notificationPaymentDialog #notificationPaymentTitle{font-size:21px;line-height:1.2;margin:0}
#notificationPaymentDialog .hf-notify-price{font-size:25px;line-height:1.17;overflow-wrap:break-word;margin:6px 0 3px}
#notificationPaymentDialog .hf-notify-payment-subtitle{color:#607680;font-size:13px;line-height:1.4;margin:0 0 9px}
#notificationPaymentDialog .hf-notify-promo{font-size:12.5px;line-height:1.45;margin:9px 0 10px}
#notificationPaymentDialog .hf-notify-payment-methods{margin:11px 0 5px}
#notificationPaymentDialog .hf-notify-payment-methods legend{font-size:13px;line-height:1.35;margin:0 0 6px}
#notificationPaymentDialog .hf-notify-payment-choice{box-sizing:border-box;min-height:59px;gap:10px;margin:6px 0;padding:9px 11px}
#notificationPaymentDialog .hf-notify-payment-choice strong{font-size:14px;line-height:1.25}
#notificationPaymentDialog .hf-notify-payment-choice small{font-size:12px;line-height:1.3;margin-top:2px}
#notificationPaymentDialog .hf-notify-terms{margin:10px 0 0;padding:10px 0 8px}
#notificationPaymentDialog .hf-notify-payment-consent{margin:12px 0 0;gap:9px;font-size:12.5px;line-height:1.45}
#notificationPaymentDialog .hf-notify-dialog__footer{flex-wrap:nowrap;gap:9px;margin-top:15px}
#notificationPaymentDialog .hf-notify-dialog__footer .btn{min-width:0;min-height:44px;line-height:1.3;margin:0}
#notificationPaymentDialog .hf-notify-dialog__footer [data-payment-submit]{flex:1 1 auto}
@media(max-width:767px){
  #notificationPaymentDialog{padding:16px;max-height:calc(100dvh - 20px)}
  #notificationPaymentDialog .hf-notify-dialog__footer .btn{font-size:13px;padding:10px 9px}
}