/* Shared feedback form controls, independent of login and checkout forms. */
.DHL_FEEDBACK_FORM .feedback-methods{border:0;margin:0 0 24px;padding:0;min-width:0;container-type:inline-size}
.DHL_FEEDBACK_FORM .feedback-methods legend{margin-bottom:12px;padding:0;font-size:18px;font-weight:500;line-height:1.4}
.DHL_FEEDBACK_FORM .feedback-method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.DHL_FEEDBACK_FORM .feedback-method-option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;min-width:0;padding:12px;background:#f7f7f7;border:1px solid #d8d8d8;border-radius:12px;cursor:pointer;font-size:16px;line-height:1.25}
.DHL_FEEDBACK_FORM .feedback-method-option:has(input:checked){border-color:#2c2c2c;background:#ececec}
.DHL_FEEDBACK_FORM .feedback-method-icon{display:block;width:24px;height:24px;object-fit:contain;flex:none}
.DHL_FEEDBACK_FORM .feedback-method-option input{appearance:auto;-webkit-appearance:radio;position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:1;display:block;width:18px;height:18px;margin:0;accent-color:#2c2c2c}
.DHL_FEEDBACK_FORM .feedback-method-option input:focus-visible{outline:3px solid #1375b3;outline-offset:3px}
.DHL_FEEDBACK_FORM .feedback-field-error{margin:8px 0 0;font-size:14px;line-height:1.4;color:#c21732}
.DHL_FEEDBACK_FORM .feedback-field-error[hidden],.DHL_FEEDBACK_FORM .feedback-status[hidden]{display:none}
.DHL_FEEDBACK_FORM input[aria-invalid=true],.DHL_FEEDBACK_FORM textarea[aria-invalid=true]{border-color:#c21732}
.DHL_FEEDBACK_FORM .feedback-status{margin:0 0 16px;color:#c21732;font-size:16px;line-height:1.4}
.DHL_FEEDBACK_FORM .feedback-submit[disabled]{opacity:.65;cursor:wait}
.DHL_FEEDBACK_FORM .feedback-consent{align-items:flex-start;gap:13px}
.DHL_FEEDBACK_FORM .feedback-consent input{appearance:auto;-webkit-appearance:checkbox;width:18px;height:18px;margin:0;flex:none;accent-color:#2c2c2c}
.DHL_FEEDBACK_FORM .feedback-consent input:focus-visible{outline:3px solid #1375b3;outline-offset:3px}
.DHL_FEEDBACK_FORM .feedback-consent label:before{display:none}
.DHL_FEEDBACK_FORM .feedback-consent .text{color:#666}
.DHL_FEEDBACK_FORM .feedback-success{font-size:24px;line-height:1.4}
.DHL_FEEDBACK_FORM .feedback-success:focus{outline:3px solid #1375b3;outline-offset:5px}
@container(max-width:560px){
 .DHL_FEEDBACK_FORM .feedback-method-options{grid-template-columns:1fr}
}
@media(min-width:761px) and (max-width:1200px){
 .DHL_FEEDBACK_FORM .feedback-method-options{grid-template-columns:1fr}
}
@media(max-width:760px){
 .DHL_FEEDBACK_FORM .feedback-method-options{grid-template-columns:1fr;gap:8px}
 .DHL_FEEDBACK_FORM .feedback-method-option{min-height:48px;padding:12px 16px}
 .DHL_FEEDBACK_FORM .feedback-method-option input{left:16px}
 .DHL_FEEDBACK_FORM .feedback-methods legend{font-size:17px}
 /* Keep the existing fixed contact widgets clear of form fields and invitation text. */
 .consultation-form:not(.contact-form) .DHL_FEEDBACK_FORM .content{padding-right:72px}
 .social-channels:not(.social-channels--contacts) .social-channel{padding-right:72px}
}

/* Highlight the complete contact-method card in every shared feedback form. */
.DHL_FEEDBACK_FORM .feedback-method-option {
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
@media (hover: hover) {
  .DHL_FEEDBACK_FORM .feedback-method-option:hover {
    background: #e9edef;
    border-color: #a9b3ba;
    box-shadow: 0 3px 12px rgba(35, 42, 47, .08);
  }
  .DHL_FEEDBACK_FORM .feedback-method-option:has(input:checked):hover {
    background: #e1e6e9;
    border-color: #2c2c2c;
  }
}
.DHL_FEEDBACK_FORM .feedback-method-option:has(input:focus-visible) {
  outline: 3px solid #1375b3;
  outline-offset: 3px;
}
.DHL_FEEDBACK_FORM .feedback-method-option input:focus-visible {
  outline: none;
}
.DHL_FEEDBACK_FORM .feedback-consent input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  padding: 0;
  border: 1px solid #898e92;
  border-radius: 3px;
  background: #fff center / 14px 14px no-repeat;
  cursor: pointer;
  transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}
.DHL_FEEDBACK_FORM .feedback-consent label { cursor: pointer; }
.DHL_FEEDBACK_FORM .feedback-consent input[type="checkbox"]:checked {
  border-color: #2c2c2c;
  background-color: #2c2c2c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media (hover: hover) {
  .DHL_FEEDBACK_FORM .feedback-consent:hover input[type="checkbox"] {
    border-color: #47545d;
    background-color: #e9edef;
    box-shadow: 0 0 0 4px rgba(71, 84, 93, .12);
  }
  .DHL_FEEDBACK_FORM .feedback-consent:hover input[type="checkbox"]:checked {
    background-color: #434c52;
  }
}
@media (prefers-reduced-motion: reduce) {
  .DHL_FEEDBACK_FORM .feedback-method-option,
  .DHL_FEEDBACK_FORM .feedback-consent input[type="checkbox"] { transition: none; }
}
@media (forced-colors: active) {
  .DHL_FEEDBACK_FORM .feedback-consent input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
  }
}

/* Shared public-site selects: preserve existing values and business handlers. */
body ._ui-select{position:relative;border-radius:28px}
body ._ui-select:focus-within,body ._ui-select:has(._ui-select--open){z-index:80}
body ._ui-select ._ui-select__title{box-sizing:border-box;display:flex;align-items:center;min-height:56px;padding:14px 48px 14px 20px;border:1px solid #e5e7e9;border-radius:28px;background:#fff;color:#252c30;font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease,border-color .18s ease}
body ._ui-select ._ui-select__title:before{display:none}
body ._ui-select ._ui-select__title:after{content:"";position:absolute;left:auto;right:20px;top:50%;bottom:auto;width:14px;height:14px;border:0;border-radius:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23252c30' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px 14px no-repeat;transform:translateY(-50%);transition:transform .2s ease}
body ._ui-select ._ui-select__title._ui-select--open{border-radius:28px;border-color:#d9dfe3;background:#edf0f2;box-shadow:inset 0 0 0 1px #e4e8eb}
body ._ui-select ._ui-select__title._ui-select--open:after{transform:translateY(-50%) rotate(180deg)}
body ._ui-select ._ui-select__title:focus-visible{outline:3px solid #287ca0;outline-offset:3px}
body ._ui-select ._ui-select__options{box-sizing:border-box;top:calc(100% + 10px);left:0;right:0;z-index:90;max-height:min(360px,45vh);padding:6px;border:1px solid #e5e7e9;border-radius:20px;background:#fff;color:#252c30;box-shadow:0 12px 32px rgba(20,30,38,.12),0 2px 6px rgba(20,30,38,.04);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
body ._ui-select ._ui-select__options._ui-select__hidden{max-height:min(360px,45vh);padding:6px;opacity:0;visibility:hidden;transform:translateY(-5px);pointer-events:none}
body ._ui-select ._ui-select__options ._ui-select__option,body ._ui-select ._ui-select__options ._ui-select__option:last-child{position:relative;box-sizing:border-box;display:flex;align-items:center;min-height:44px;margin:0;padding:10px 42px 10px 14px;border:0;border-radius:14px;color:#252c30;font-family:inherit;font-size:15px;font-weight:400;line-height:1.45;white-space:normal;overflow-wrap:anywhere;transition:background-color .14s ease}
body ._ui-select ._ui-select__options ._ui-select__option._ui-select__option-selected,body ._ui-select ._ui-select__options ._ui-select__option[aria-selected=true]{background:#f2f4f5;font-weight:500}
body ._ui-select ._ui-select__options ._ui-select__option:hover{background:#e9ecee}
body ._ui-select ._ui-select__options ._ui-select__option:after{content:"";position:absolute;right:16px;top:calc(50% - 4px);width:9px;height:5px;border-left:1.8px solid #252c30;border-bottom:1.8px solid #252c30;transform:rotate(-45deg);opacity:0}
body ._ui-select ._ui-select__options ._ui-select__option._ui-select__option-selected:after,body ._ui-select ._ui-select__options ._ui-select__option[aria-selected=true]:after{opacity:1}
@media(hover:hover) and (pointer:fine){body ._ui-select ._ui-select__title:hover{background:#edf0f2;border-color:#dce1e4;box-shadow:0 4px 12px rgba(20,30,38,.07);transform:translateY(-1px)}}
body ._ui-select ._ui-select__title:active{transform:translateY(0) scale(.99)}
@media(max-width:760px){body ._ui-select ._ui-select__title{min-height:52px;padding:12px 44px 12px 16px;font-size:15px}body ._ui-select ._ui-select__title:after{right:16px}body ._ui-select ._ui-select__options{border-radius:18px;max-height:min(320px,45vh)}body ._ui-select ._ui-select__options._ui-select__hidden{max-height:min(320px,45vh)}body ._ui-select ._ui-select__options ._ui-select__option,body ._ui-select ._ui-select__options ._ui-select__option:last-child{font-size:14px}}
@media(prefers-reduced-motion:reduce){body ._ui-select ._ui-select__title,body ._ui-select ._ui-select__title:after,body ._ui-select ._ui-select__options,body ._ui-select ._ui-select__options ._ui-select__option{transition:none}body ._ui-select ._ui-select__title:hover,body ._ui-select ._ui-select__title:active{transform:none}}

/* Shared native checkbox surface; the input remains the actual form control. */
body input[type="checkbox"][type] {
  appearance:none;-webkit-appearance:none;display:block;position:static;opacity:1;
  box-sizing:border-box;width:18px;height:18px;min-width:18px;flex-shrink:0;
  padding:0;border:1px solid #898e92;border-radius:3px;
  background:#fff center/14px 14px no-repeat;cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body input[type="checkbox"].checkbox+label:before {display:none}
body .politic:has(>input[type="checkbox"]) {gap:13px;align-items:flex-start}
body label:has(input[type="checkbox"]),body input[type="checkbox"]+label {cursor:pointer}
body input[type="checkbox"][type]:checked {
  border-color:#2c2c2c;background-color:#2c2c2c;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body input[type="checkbox"][type]:focus-visible {outline:3px solid #1375b3;outline-offset:3px}
body input[type="checkbox"][type]:disabled {opacity:.45;cursor:not-allowed}
/* These legacy registration/checkout declarations use !important inline. */
body .regin-content .regin-legal-confirm__item input[type="checkbox"] {appearance:none!important;-webkit-appearance:none!important}
body .order-politics .ORDER_LEGAL_ROW input[type="checkbox"][type] {
  border:1px solid #898e92!important;
  background:#fff center/14px 14px no-repeat!important;
  box-shadow:none!important;
}
body .order-politics .ORDER_LEGAL_ROW input[type="checkbox"][type]:checked {
  border-color:#2c2c2c!important;background-color:#2c2c2c!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
}
body .order-politics .ORDER_LEGAL_ROW input[type="checkbox"][type]:focus-visible {outline:3px solid #1375b3!important;outline-offset:3px!important}
@media(hover:hover) {
  body input[type="checkbox"][type]:not(:disabled):hover,
  body :is(label,.politic):hover>input[type="checkbox"][type]:not(:disabled),
  body input[type="checkbox"][type]:not(:disabled):has(+label:hover) {
    border-color:#47545d;background-color:#e9edef;box-shadow:0 0 0 4px rgba(71,84,93,.12);
  }
  body input[type="checkbox"][type]:checked:not(:disabled):hover,
  body :is(label,.politic):hover>input[type="checkbox"][type]:checked:not(:disabled),
  body input[type="checkbox"][type]:checked:not(:disabled):has(+label:hover) {background-color:#434c52}
  body .order-politics .ORDER_LEGAL_ROW:hover input[type="checkbox"][type]:not(:disabled) {
    border-color:#47545d!important;background-color:#e9edef!important;box-shadow:0 0 0 4px rgba(71,84,93,.12)!important;
  }
  body .order-politics .ORDER_LEGAL_ROW:hover input[type="checkbox"][type]:checked:not(:disabled) {background-color:#434c52!important}
}
/* Search stays inside the same rounded menu and keeps its existing filtering. */
body ._ui-select ._ui-select__options ._ui-select--serchable-option {
  position:sticky;top:-6px;z-index:2;display:block;min-height:0;padding:6px 0 8px;
  background:#fff;border-radius:0;
}
body ._ui-select ._ui-select--serchable-option:after {display:none}
body ._ui-select ._ui-select__options ._ui-select-search {
  box-sizing:border-box;width:100%;min-height:44px;padding:10px 14px;border:1px solid #e5e7e9;
  border-radius:14px;background:#f4f5f6;color:#252c30;font:inherit;font-size:15px;outline-offset:-3px;
}
body ._ui-select ._ui-select__option:focus-visible {outline:2px solid #1375b3;outline-offset:-2px;background:#e9ecee}
/* Stretch the existing tracked link across the complete social banner. */
.social-channels .social-channel {position:relative;isolation:isolate;transition:background-color .18s ease,box-shadow .18s ease}
.social-channels .social-channel .social-channel__action {position:static;transform:none}
.social-channels .social-channel .social-channel__action:after {content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;cursor:pointer}
.social-channels .social-channel:has(.social-channel__action:focus-visible) {outline:3px solid #1375b3;outline-offset:4px}
@media(hover:hover) {
  .social-channels .social-channel:hover {background:#e9edef;box-shadow:0 4px 16px rgba(35,42,47,.08)}
  .social-channels .social-channel:hover .social-channel__action {background:#434c52}
}
@media(prefers-reduced-motion:reduce) {
  body input[type="checkbox"][type],#ORDER_FORM .info__option,.social-channels .social-channel {transition:none}
}
@media(forced-colors:active) {
  body input[type="checkbox"][type],body .regin-content .regin-legal-confirm__item input[type="checkbox"] {appearance:auto!important;-webkit-appearance:checkbox!important}
  .social-channels .social-channel:focus-within {outline:2px solid LinkText}
}

/* Quantity controls in both the sidebar basket and checkout. */
body .cart-item .cart-item__info .item-info__counter {
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  width:152px;max-width:100%;height:54px;padding:4px;gap:0;
  border:1px solid #e5e7e9;border-radius:28px;background:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
body .cart-item .cart-item__info .item-info__counter .counter__input {
  box-sizing:border-box;flex:1 1 0;min-width:0;width:54px;height:44px;
  margin:0;padding:0 4px;border:0;border-radius:12px;background:transparent;color:#252c30;
  font-family:inherit;font-size:16px;font-weight:500;line-height:1.4;font-variant-numeric:tabular-nums;
  text-align:center;transition:background-color .18s ease;
}
body .cart-item .cart-item__info .item-info__counter .counter__minus,
body .cart-item .cart-item__info .item-info__counter .counter__plus {
  box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;height:44px;
  margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#252c30;
  cursor:pointer;touch-action:manipulation;
  transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
body .cart-item .cart-item__info .item-info__counter .counter__minus:before,
body .cart-item .cart-item__info .item-info__counter .counter__plus:before,
body .cart-item .cart-item__info .item-info__counter .counter__plus:after {
  width:14px;height:2px;left:calc(50% - 7px);top:calc(50% - 1px);background:currentColor;border-radius:2px;
}
body .cart-item .cart-item__info .item-info__counter .counter__plus:after {transform:rotate(90deg)}
body .cart-item .cart-item__info .item-info__counter .counter__input:focus-visible {outline:none}
body .cart-item .cart-item__info .item-info__counter:has(.counter__input:focus-visible) {outline:3px solid #1375b3;outline-offset:3px}
body .cart-item .cart-item__info .item-info__counter button:focus-visible {outline:2px solid #1375b3;outline-offset:-2px;background:#edf0f2}
@media(hover:hover) and (pointer:fine) {
  body .cart-item .cart-item__info .item-info__counter:hover {border-color:#cbd3d8}
  body .cart-item .cart-item__info .item-info__counter .counter__input:hover {background:#f4f5f6}
  body .cart-item .cart-item__info .item-info__counter button:not(:disabled):hover {background:#e9edef;box-shadow:0 2px 8px rgba(35,42,47,.07);transform:translateY(-1px)}
}
body .cart-item .cart-item__info .item-info__counter button:not(:disabled):active {background:#e1e6e9;transform:scale(.94)}
body .cart-item .cart-item__info .item-info__counter button:disabled {opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}
@media(prefers-reduced-motion:reduce) {
  body .cart-item .cart-item__info .item-info__counter,
  body .cart-item .cart-item__info .item-info__counter .counter__input,
  body .cart-item .cart-item__info .item-info__counter button {transition:none}
  body .cart-item .cart-item__info .item-info__counter button:hover,
  body .cart-item .cart-item__info .item-info__counter button:active {transform:none}
}

/* Checkout contact choices match the feedback control size; only the radio highlights. */
#ORDER_FORM .info {container-type:inline-size}
#ORDER_FORM .ORDER_FEEDBACK_GROUP {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#ORDER_FORM .ORDER_FEEDBACK_GROUP>.info__option+.info__option {margin:0}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option,
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:hover,
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:checked),
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:focus-visible) {
  box-sizing:border-box;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:48px;min-width:0;padding:12px;border:1px solid #d8d8d8;border-radius:12px;
  background:#f7f7f7;box-shadow:none;outline:none;font-size:16px;line-height:1.25;cursor:pointer;transition:none;
}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 {
  box-sizing:border-box;position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:2;
  width:18px;height:18px;margin:0;border:0;border-radius:50%;background:transparent;
}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2>label {position:static;display:block;width:18px;height:18px;cursor:pointer}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 .checkmark {display:none}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 input[type="radio"] {
  appearance:none;-webkit-appearance:none;position:static;display:block;box-sizing:border-box;
  opacity:1;width:18px;height:18px;margin:0;padding:0;border:1px solid #898e92;border-radius:50%;
  background-color:#fff;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 input[type="radio"]:checked {
  border-color:#2c2c2c;background-image:radial-gradient(circle at center,#2c2c2c 0 4px,transparent 4.5px);
}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 input[type="radio"]:focus-visible {outline:3px solid #1375b3;outline-offset:3px}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .politic-text {position:static;display:inline-flex;align-items:center;gap:8px;min-height:24px;margin:0;padding:0;cursor:pointer}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .politic-text:before {
  content:"";position:static;display:block;flex:none;width:24px;height:24px;margin:0;border:0;border-radius:0;
  background:transparent var(--checkout-icon-color) center/contain no-repeat;
  transform:none;opacity:1;filter:grayscale(1);transition:filter .18s ease;pointer-events:none;
}
/* The associated label extends across the complete oval for one native activation. */
#ORDER_FORM .ORDER_FEEDBACK_GROUP .politic-text:after {
  content:"";position:absolute;inset:0;z-index:1;width:auto;height:auto;margin:0;border:0;border-radius:inherit;
  background:none;transform:none;opacity:1;cursor:pointer;
}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input[value="whatsapp"]) {--checkout-icon-color:url('/images/media/feedback-whatsapp-color-v1.svg')}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input[value="max"]) {--checkout-icon-color:url('/images/media/feedback-max-color-v1.svg')}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input[value="notalk"]) {--checkout-icon-color:url('/images/media/feedback-telegram-color-v1.svg')}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:checked) .politic-text:before,
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:focus-visible) .politic-text:before {filter:grayscale(0)}
@media(hover:hover) {
  #ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:hover input[type="radio"] {background-color:#e9edef;border-color:#47545d;box-shadow:0 0 0 4px rgba(71,84,93,.12)}
  #ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:hover .politic-text:before {filter:grayscale(0)}
}
@container(max-width:560px) {#ORDER_FORM .ORDER_FEEDBACK_GROUP {grid-template-columns:1fr}}
@media(min-width:761px) and (max-width:1200px) {#ORDER_FORM .ORDER_FEEDBACK_GROUP {grid-template-columns:1fr}}
@media(max-width:760px) {#ORDER_FORM .ORDER_FEEDBACK_GROUP {grid-template-columns:1fr;gap:8px}}
@media(prefers-reduced-motion:reduce) {
  #ORDER_FORM .ORDER_FEEDBACK_GROUP input[type="radio"],
  #ORDER_FORM .ORDER_FEEDBACK_GROUP .politic-text:before {transition:none}
}
@media(forced-colors:active) {#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 input[type="radio"] {appearance:auto;-webkit-appearance:radio}}

/* Feedback messenger icons are neutral until hover, selection or keyboard focus. */
.DHL_FEEDBACK_FORM .feedback-method-option .feedback-method-icon {
  filter:grayscale(1);
  transition:filter .18s ease;
}
.DHL_FEEDBACK_FORM .feedback-method-option:has(input:checked) .feedback-method-icon,
.DHL_FEEDBACK_FORM .feedback-method-option:has(input:focus-visible) .feedback-method-icon {
  filter:grayscale(0);
}
@media(hover:hover) {
  .DHL_FEEDBACK_FORM .feedback-method-option:hover .feedback-method-icon {filter:grayscale(0)}
}
@media(prefers-reduced-motion:reduce) {
  .DHL_FEEDBACK_FORM .feedback-method-option .feedback-method-icon {transition:none}
}

/* Checkout payment details link should visibly respond to pointer and keyboard focus. */
#ORDER_FORM a[href*="/payment-and-delivery"]:hover,
#ORDER_FORM a[href*="/payment-and-delivery"]:focus-visible {
  text-decoration-line:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

/* Local validation feedback: red fields and a short shake, without a visual summary. */
#ORDER_FORM .checkout-field-message {position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
#ORDER_FORM .input-group.checkout-invalid .input {border-color:#f51b3f!important}
#ORDER_FORM .input-group.checkout-invalid .input-group__plaholder {color:#f51b3f!important}
#ORDER_FORM ._ui-select.checkout-invalid ._ui-select__title {border-color:#f51b3f;box-shadow:inset 0 0 0 1px #f51b3f;color:#f51b3f}
#ORDER_FORM .ORDER_FEEDBACK_GROUP.checkout-invalid .text,
#ORDER_FORM .ORDER_LEGAL_ROW.checkout-invalid .politic-text,
#ORDER_FORM .ORDER_LEGAL_ROW.checkout-invalid .politic-text .text,
#ORDER_FORM .ORDER_LEGAL_ROW.checkout-invalid .politic-text a {color:#f51b3f!important}
#ORDER_FORM .ORDER_FEEDBACK_GROUP.checkout-invalid input[type="radio"],
#ORDER_FORM .ORDER_LEGAL_ROW.checkout-invalid input[type="checkbox"] {border-color:#f51b3f!important}
#ORDER_FORM #cdek-map.checkout-invalid {outline:2px solid #f51b3f;outline-offset:3px}
#ORDER_FORM .checkout-shake {animation:checkout-field-shake .28s ease}
@keyframes checkout-field-shake {0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-3px)}}
@media(prefers-reduced-motion:reduce) {#ORDER_FORM .checkout-shake {animation:none}}

/* Compact messenger choices in feedback forms and checkout. */
.DHL_FEEDBACK_FORM .feedback-method-options,
#ORDER_FORM .ORDER_FEEDBACK_GROUP{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}
.DHL_FEEDBACK_FORM .feedback-method-option{flex:0 0 auto;width:auto;min-height:46px;padding:10px 18px 10px 42px;gap:0;border-radius:999px;background:#fff}
.DHL_FEEDBACK_FORM .feedback-method-option input{left:14px;width:18px;height:18px}
.DHL_FEEDBACK_FORM .feedback-method-option .feedback-method-icon{display:none}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option,
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:hover,
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:checked),
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:focus-visible){flex:0 0 auto;width:auto;min-height:46px;padding:10px 18px 10px 42px;gap:0;border-radius:999px;background:#fff}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2{left:14px;width:18px;height:18px}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2>label,
#ORDER_FORM .ORDER_FEEDBACK_GROUP .checkbox2 input[type="radio"]{width:18px;height:18px}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .politic-text:before{display:none}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input:checked){border-color:#2c2c2c;background:#ececec}
#ORDER_FORM .ORDER_FEEDBACK_GROUP .info__option:has(input[value="max"]) .politic-text .text{text-transform:uppercase}
.DHL_FEEDBACK_FORM .input-group:has(input[name="name"]) .input-group__plaholder,
.DHL_FEEDBACK_FORM .input-group:has(input[name="tel"]) .input-group__plaholder,
#ORDER_FORM .input-group:has(input[name="name"]) .input-group__plaholder,
#ORDER_FORM .input-group:has(input[name="phone"]) .input-group__plaholder{top:-33px}
