#cookie_notification,
#cookie_notification *,
#cookie_modal,
#cookie_modal * {
   box-sizing: border-box;
}

#cookie_notification {
   position: fixed !important;
   left: 20px !important;
   right: 20px !important;
   bottom: 20px !important;
   z-index: 2147483000 !important;
   display: none;
   margin: 0 !important;
   padding: 0 !important;
   transform: none !important;
}

#cookie_notification .cookie_box {
   width: 100% !important;
   max-width: 760px !important;
   margin: 0 auto !important;
   padding: 24px !important;
   background: #ffffff !important;
   color: #222222 !important;
   border: 1px solid #e7e7e7 !important;
   border-radius: 16px !important;
   box-shadow: 0 12px 35px rgba(0,0,0,0.16) !important;
   position: relative !important;
   overflow: visible !important;
   transform: none !important;
   text-align: left !important;
}

#cookie_notification .cookie_title,
#cookie_modal .cookie_title {
   display: block !important;
   margin: 0 0 12px 0 !important;
   padding: 0 !important;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 22px !important;
   line-height: 1.2 !important;
   font-weight: 700 !important;
   color: #111111 !important;
   text-align: left !important;
}

#cookie_notification p,
#cookie_modal p,
#cookie_modal .cookie_desc,
#cookie_notification .cookie_desc {
   display: block !important;
   margin: 0 !important;
   padding: 0 !important;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 15px !important;
   line-height: 1.55 !important;
   font-weight: 400 !important;
   color: #444444 !important;
   text-align: left !important;
   max-width: none !important;
   width: auto !important;
   height: auto !important;
   min-height: 0 !important;
   max-height: none !important;
   overflow: visible !important;
   float: none !important;
   position: static !important;
   letter-spacing: normal !important;
   text-transform: none !important;
}

#cookie_notification .cookie_buttons,
#cookie_modal .cookie_buttons {
   display: flex !important;
   flex-wrap: wrap !important;
   gap: 10px !important;
   margin: 18px 0 0 0 !important;
   padding: 0 !important;
   align-items: center !important;
   justify-content: flex-start !important;
}

#cookie_notification .button,
#cookie_modal .button,
#cookie_notification button,
#cookie_modal button {
   appearance: none !important;
   -webkit-appearance: none !important;
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
   min-height: 42px !important;
   padding: 11px 18px !important;
   margin: 0 !important;
   border: 1px solid #d7d7d7 !important;
   border-radius: 10px !important;
   background: #f6f6f6 !important;
   color: #222222 !important;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 14px !important;
   line-height: 1 !important;
   font-weight: 600 !important;
   text-decoration: none !important;
   white-space: nowrap !important;
   cursor: pointer !important;
   box-shadow: none !important;
   text-transform: none !important;
   letter-spacing: normal !important;
   float: none !important;
   width: auto !important;
   max-width: none !important;
   position: static !important;
   transform: none !important;
}

#cookie_notification .cookie_accept_all,
#cookie_notification .cookie_save_settings,
#cookie_modal .cookie_accept_all,
#cookie_modal .cookie_save_settings {
   background: #222222 !important;
   color: #ffffff !important;
   border-color: #222222 !important;
}

#cookie_notification .button:hover,
#cookie_modal .button:hover,
#cookie_notification button:hover,
#cookie_modal button:hover {
   opacity: 0.92 !important;
}

#cookie_modal {
   position: fixed !important;
   inset: 0 !important;
   z-index: 2147483600 !important;
   display: none;
   margin: 0 !important;
   padding: 0 !important;
}

#cookie_modal .cookie_modal_overlay {
   position: absolute !important;
   inset: 0 !important;
   background: rgba(0,0,0,0.45) !important;
}

#cookie_modal .cookie_modal_box {
   position: relative !important;
   width: calc(100% - 40px) !important;
   max-width: 640px !important;
   margin: 70px auto 0 auto !important;
   padding: 26px !important;
   background: #ffffff !important;
   color: #222222 !important;
   border-radius: 16px !important;
   box-shadow: 0 18px 50px rgba(0,0,0,0.22) !important;
   z-index: 2 !important;
   overflow: visible !important;
   transform: none !important;
}

#cookie_modal .cookie_option {
   display: block !important;
   margin: 0 !important;
   padding: 14px 0 !important;
   border-bottom: 1px solid #ececec !important;
   overflow: visible !important;
}

#cookie_modal .cookie_option:last-of-type {
   border-bottom: 0 !important;
}

#cookie_modal .cookie_option label {
   display: flex !important;
   align-items: center !important;
   gap: 10px !important;
   margin: 0 !important;
   padding: 0 !important;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 15px !important;
   line-height: 1.4 !important;
   font-weight: 600 !important;
   color: #222222 !important;
}

#cookie_modal input[type="checkbox"] {
   width: 16px !important;
   height: 16px !important;
   margin: 0 !important;
   padding: 0 !important;
   flex: 0 0 auto !important;
}

#cookie_modal .cookie_desc {
   margin-top: 8px !important;
}

@media (max-width: 768px) {
   #cookie_notification {
      left: 12px !important;
      right: 12px !important;
      bottom: 12px !important;
   }

   #cookie_notification .cookie_box {
      max-width: none !important;
      padding: 18px !important;
   }

   #cookie_modal .cookie_modal_box {
      width: calc(100% - 24px) !important;
      margin: 20px auto 0 auto !important;
      padding: 18px !important;
   }

   #cookie_notification .cookie_buttons,
   #cookie_modal .cookie_buttons {
      flex-direction: column !important;
      align-items: stretch !important;
   }

   #cookie_notification .button,
   #cookie_modal .button,
   #cookie_notification button,
   #cookie_modal button {
      width: 100% !important;
   }
}