.faq_wrapper #feedback {
    margin: 50px 0 40px;
}

.faq_wrapper .feedback__title {
    float: left;
    margin-right: 15px;
    line-height: 24px;
}

.faq_wrapper .feedback__button {
    float: left;
    background-color: transparent;
    padding: 0;
    border: none;
}

.faq_wrapper .feedback__box {
    float: left;
    position: relative;
}

.faq_wrapper .feedback__text {
    position: absolute;
    padding: 25px;
    background-color: #fff;
    left: 50%;
    z-index: 99;
    border: 1px solid rgba(26, 26, 26, .05);
    box-shadow: 0 9px 30px -9px #1a1a1a;
    border-radius: 4px;
    transform: translate(-50%, -100%);
    top: -20px;
}

.faq_wrapper .feedback__text label {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}

.faq_wrapper .feedback__text__input {
    resize: none;
    margin: 10px 0;
    border: 1px solid #1a1a1a;
    border-radius: 4px;
}

.faq_wrapper .feedback__text::after {
    content: ' ';
    position: absolute;
    width: 15px;
    height: 15px;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
    background-color: #fff;
    bottom: -8px;
}

.faq_wrapper .feedback__text__close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 2px;
    transform: scale(.8);
    padding: 0;
    border: none;
    background-color: transparent;
}

.faq_wrapper #feedback svg {
    pointer-events: none;
    width: 24px;
    height: 24px;
}

.faq_wrapper .feedback__button {
    width: 24px;
    height: 24px;
}

.faq_wrapper .feedback__button--positive {
    margin-right: 10px;
}

.faq_wrapper .feedback__button--negative {
    transform: scale(-1, -1);
}

.faq_wrapper .feedback-submitted .feedback__button {
    pointer-events: none;
}

@media only screen and (max-width: 500px) {
    .faq_wrapper #feedback {
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }

    .faq_wrapper .feedback__title {
        position: relative;
        flex-basis: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .faq_wrapper .feedback__button--positive {
        flex-basis: 50%;
        margin-right: 0;
        text-align: right;
        padding-right: 5px;
    }

    .faq_wrapper .feedback__box {
        position: static;
        flex-basis: 50%;
        padding-left: 5px;
    }
}

.no-style-list {
    list-style: none;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-right-0 {
    padding-right: 0;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.padding-top-0 {
    padding-top: 0;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-0 {
    margin: 0;
}

.display-block {
    display: block;
}

.color-orange {
    color: #ff6900;
}

.margin-bottom-35 {
    margin-bottom: 35px;
}

.order-date {
    font-weight: bold;
}

.margin-top {
    margin-top: 15px;
}

.float-right {
    float: right;
}

.margin-0 {
    margin: 0 !important;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

.hide {
    display: none;
}

#channeling {
    margin-top: 55px;
    min-height: 400px;
}

.channeling__title {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.5px;
}

.channeling__title div:first-child {
    color: #ff6900;
}

.channeling__blocks {
    margin-top: 40px;
    margin-bottom: 70px;
    width: 735px;
}

.channeling__error {
    display: block;
    margin-top: 60px;
    text-align: center;
}

.channel {
    float: left;
    width: 230px;
    position: relative;
    margin-right: 15px;
}

@media all and (min-width: 751px) and (max-width: 1024px) {
    .channeling__blocks {
        width: 675px;
    }

    .channel {
        width: 210px;
    }
}

.channel__icon {
    width: 48px;
    height: 48px;
}

.channel__title {
    font-weight: bold;
    font-size: 18px;
    margin-top: 22px;
    height: 30px;
}

.channel__description {
    position: relative;
    padding: 14px 0 12px;
}

.channel__recommended {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    font-weight: bold;
    color: #005e13;
    text-transform: capitalize;
}

.channel__disabled-wording {
    position: absolute;
    bottom: 0;
    font-size: 14px;
}

.phone__details {
    margin-top: 16px;
    white-space: pre-line;
}

.phone__details p {
    margin: 0 auto;
}

.channel__popup {
    position: absolute;
    width: 100%;
    top: 130px;
    background-color: #fff;
    text-align: center;
    padding: 40px 0;
    border: 1px solid rgba(26, 26, 26, 0.05);
    box-shadow: 0 9px 30px -9px #1a1a1a;
    border-radius: 4px;
}

.channel__popup::after {
    content: ' ';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 50%;
    transform: translate(-50%, 0) rotate(45deg);
    background-color: #fff;
    bottom: -8px;
}

.channel__popup__close {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    padding: 0;
}

.channel__popup__close svg {
    width: 24px;
    height: 24px;
    transform: scale(0.8);
}

.channel__popup__text {
    font-size: 24px;
}

@media screen and (min-width: 960px) {
    .channeling__blocks {
        margin-bottom: 0;
    }
}

@media all and (max-width: 750px) {
    .channel {
        margin-bottom: 50px;
        float: none;
        margin-right: 0;
    }

    .channeling__blocks {
        width: 100%;
    }
}

/* zds 0.0.509-next ignores customized root class if button is disabled */
.channel-button.channel-button--disabled > button {
    width: 100%;
}

.snippet--return-tracking .order_wrapper {
  margin-bottom: 50px;
  overflow: hidden;
}

.snippet--return-tracking .parcel_wrapper {
  margin-bottom: 50px;
  margin-left: 10px;
}

.snippet--return-tracking .order_title {
  font-size: 20px;
  margin-bottom: 20px;
}

.snippet--return-tracking .parcel_number {
  font-size: 20px;
  margin-bottom: 15px;
}

.snippet--return-tracking .parcel_progress {
  height: 175px;
  display: flex;
  justify-content: space-between;
}

.snippet--return-tracking .step {
  flex: 1;
  height: 100%;
  position: relative;
}

.snippet--return-tracking .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #000;
}

.snippet--return-tracking .circle.filled {
  background-color: #ff6900;
  border: none;
}

.snippet--return-tracking .hand {
  position: absolute;
  background-color: #ff6900;
  top: 15px;
  left: 15px;
  width: calc(100% - 15px);
  height: 2px;
}

.snippet--return-tracking .tail {
  position: absolute;
  background-color: #ff6900;
  top: 15px;
  left: 15px;
  width: 2px;
  height: calc(100% - 15px);
}

.snippet--return-tracking .event_description {
  position: absolute;
  top: 50px;
  left: 30px;
  font-size: 14px;
}

.snippet--return-tracking .mb-15 {
  margin-bottom: 15px;
}

/* 720px and below */
@media all and (max-width: 720px) {
  .snippet--return-tracking .parcel_progress {
    flex-direction: column;
    height: auto;
  }

  .snippet--return-tracking .step {
    min-height: 200px;
  }

  .snippet--return-tracking .hand {
    display: none;
  }
}

.faq-banner {
    align-items: center;
}

.faq-banner .banner_text {
    color: #0062b4;
    margin: 0 0 0 8px;
}

.faq-banner .title {
    margin: 0;
    padding: 0;
}

.z-500-error-page {
    text-align: center;
    font-family: 'ArialMT', 'Arial', 'Helvetica', sans-serif;
    padding: 100px 20px;
    color: #1a1a1a;
}

.z-500-error-page svg {
    margin: 0 auto 39px;
}

.z-500-error-page h1 {
    margin: 0 0 12px;
    font-size: 34px;
}

.z-500-error-page p {
    font-size: 16px;
    margin: 0 auto 37px;
    line-height: 1.5;
    letter-spacing: 0.7px;
    max-width: 660px;
}

.z-500-error-page a {
    display: inline-block;
    color: #1a1a1a;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    min-width: 135px;
    box-sizing: border-box;
    font-weight: bold;
    margin: 20px auto;
}

.z-500-error-page a.first {
    margin-top: 0;
}

.z-500-error-page a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 599px) {
    .z-500-error-page {
        padding: 30px 20px 50px;
    }

    .z-500-error-page h1 {
        font-size: 24px;
    }

    .z-500-error-page a {
        font-size: 12px;
    }
}

.z-500-error-page [lang] {
    display: none;
}

.z-500-error-page [lang=en-GB] {
    display: block;
}

[lang=de-DE] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=de-DE] .z-500-error-page [lang=de-DE] {
    display: block;
}

[lang=de-CH] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=de-CH] .z-500-error-page [lang=de-CH] {
    display: block;
}

[lang=fr-FR] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=fr-FR] .z-500-error-page [lang=fr-FR] {
    display: block;
}

[lang=fr-CH] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=fr-CH] .z-500-error-page [lang=fr-CH] {
    display: block;
}

[lang=fr-BE] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=fr-BE] .z-500-error-page [lang=fr-BE] {
    display: block;
}

[lang=it-IT] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=it-IT] .z-500-error-page [lang=it-IT] {
    display: block;
}

[lang=fi-FI] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=fi-FI] .z-500-error-page [lang=fi-FI] {
    display: block;
}

[lang=es-ES] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=es-ES] .z-500-error-page [lang=es-ES] {
    display: block;
}

[lang=de-AT] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=de-AT] .z-500-error-page [lang=de-AT] {
    display: block;
}

[lang=nl-BE] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=nl-BE] .z-500-error-page [lang=nl-BE] {
    display: block;
}

[lang=nl-NL] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=nl-NL] .z-500-error-page [lang=nl-NL] {
    display: block;
}

[lang=da-DK] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=da-DK] .z-500-error-page [lang=da-DK] {
    display: block;
}

[lang=nb-NO] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=nb-NO] .z-500-error-page [lang=nb-NO] {
    display: block;
}

[lang=no-NO] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=no-NO] .z-500-error-page [lang=no-NO] {
    display: block;
}

[lang=pl-PL] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=pl-PL] .z-500-error-page [lang=pl-PL] {
    display: block;
}

[lang=sv-SE] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=sv-SE] .z-500-error-page [lang=sv-SE] {
    display: block;
}

[lang=en-IE] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=en-IE] .z-500-error-page [lang=en-IE] {
    display: block;
}

[lang=it-CH] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=it-CH] .z-500-error-page [lang=it-CH] {
    display: block;
}

[lang=pt-PT] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=pt-PT] .z-500-error-page [lang=pt-PT] {
    display: block;
}

[lang=cs-CZ] .z-500-error-page [lang=en-GB] {
    display: none;
}

[lang=cs-CZ] .z-500-error-page [lang=cs-CZ] {
    display: block;
}

[lang=en-GB] link[rel=canonical][href^='https://en.zalando.de'] ~ div .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=en-GB] link[rel=canonical][href^='https://en.zalando.de'] ~ div .z-404-error-page [lang=en-DE] {
    display: block;
}


.z-404-error-page {
    text-align: center;
    font-family: 'ArialMT', 'Arial', 'Helvetica', sans-serif;
    padding: 100px 20px;
    color: #1a1a1a;
}

.z-404-error-page svg {
    margin: 0 auto 39px;
}

.z-404-error-page h1 {
    margin: 0 0 12px;
    font-size: 34px;
}

.z-404-error-page p {
    font-size: 16px;
    margin: 0 auto 37px;
    line-height: 1.5;
    letter-spacing: 0.7px;
    max-width: 800px;
}

.z-404-error-page a {
    color: #1a1a1a;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    min-width: 135px;
    box-sizing: border-box;
    font-weight: bold;
}

.z-404-error-page a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 599px) {
    .z-404-error-page {
        padding: 30px 20px 50px;
    }

    .z-404-error-page h1 {
        font-size: 24px;
    }

    .z-404-error-page a {
        font-size: 12px;
    }
}

.z-404-error-page [lang] {
    display: none;
}

.z-404-error-page [lang=en-GB] {
    display: block;
}

[lang=de-DE] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=de-DE] .z-404-error-page [lang=de-DE] {
    display: block;
}

[lang=de-CH] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=de-CH] .z-404-error-page [lang=de-CH] {
    display: block;
}

[lang=fr-FR] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=fr-FR] .z-404-error-page [lang=fr-FR] {
    display: block;
}

[lang=fr-CH] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=fr-CH] .z-404-error-page [lang=fr-CH] {
    display: block;
}

[lang=fr-BE] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=fr-BE] .z-404-error-page [lang=fr-BE] {
    display: block;
}

[lang=it-IT] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=it-IT] .z-404-error-page [lang=it-IT] {
    display: block;
}

[lang=fi-FI] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=fi-FI] .z-404-error-page [lang=fi-FI] {
    display: block;
}

[lang=es-ES] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=es-ES] .z-404-error-page [lang=es-ES] {
    display: block;
}

[lang=de-AT] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=de-AT] .z-404-error-page [lang=de-AT] {
    display: block;
}

[lang=nl-BE] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=nl-BE] .z-404-error-page [lang=nl-BE] {
    display: block;
}

[lang=nl-NL] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=nl-NL] .z-404-error-page [lang=nl-NL] {
    display: block;
}

[lang=da-DK] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=da-DK] .z-404-error-page [lang=da-DK] {
    display: block;
}

[lang=nb-NO] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=nb-NO] .z-404-error-page [lang=nb-NO] {
    display: block;
}

[lang=no-NO] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=no-NO] .z-404-error-page [lang=no-NO] {
    display: block;
}

[lang=pl-PL] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=pl-PL] .z-404-error-page [lang=pl-PL] {
    display: block;
}

[lang=sv-SE] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=sv-SE] .z-404-error-page [lang=sv-SE] {
    display: block;
}

[lang=en-IE] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=en-IE] .z-404-error-page [lang=en-IE] {
    display: block;
}

[lang=it-CH] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=it-CH] .z-404-error-page [lang=it-CH] {
    display: block;
}

[lang=pt-PT] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=pt-PT] .z-404-error-page [lang=pt-PT] {
    display: block;
}

[lang=cs-CZ] .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=cs-CZ] .z-404-error-page [lang=cs-CZ] {
    display: block;
}

[lang=en-GB] link[rel=canonical][href^='https://en.zalando.de'] ~ div .z-404-error-page [lang=en-GB] {
    display: none;
}

[lang=en-GB] link[rel=canonical][href^='https://en.zalando.de'] ~ div .z-404-error-page [lang=en-DE] {
    display: block;
}

#faq-order {
    font-size: 16px;
    text-align: left;
}

#faq-order a.plain-link,
.faq a.plain-link {
    padding: 3px 0;
    border-bottom: 2px solid #1a1a1a;
    color: rgb(26, 26, 26);
}

.faq_wrapper .recent-transactions.inactive .recent-transactions-content {
    display: none;
}

.faq_wrapper .recent-transactions-toggle {
    user-select: none;
    text-decoration: underline;
}

.faq_wrapper .login-incentive {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0;
}

.faq_wrapper .login-incentive > div {
    flex: 1;
}

.faq_wrapper .login-incentive .login-incentive-button {
    width: 70%;
}

.faq_wrapper .z-cuca-faq-centered-text {
    text-align: center;
}

.faq_wrapper .flex {
    display: flex;
}

.faq_wrapper .pr-1 {
    padding-right: 1rem;
}

.faq_wrapper .align-items-center {
    align-items: center;
}

.faq_wrapper .mt-16 {
    margin-top: 16px;
}

.faq_wrapper .mb-16 {
    margin-bottom: 16px;
}

.faq_wrapper .w-300 {
    width: 300px;
}

.faq_wrapper .center-block {
    margin-right: auto;
    margin-left: auto;
}

.faq_wrapper .inline-block {
    display: inline-block;
}

.faq_wrapper .no-decoration,
.faq_wrapper .snippet_block .no-decoration {
    text-decoration: none;
}

.faq_wrapper .position-relative {
    position: relative;
}

/***************************************************************
  *          Generic re-usable css for FAQ section             *
  **************************************************************/
.faq_wrapper a.plain-link {
    padding: 3px 0;
    border-bottom: 2px solid #1a1a1a;
    color: rgb(26, 26, 26);
}

.faq_wrapper .order_detail {
    padding-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

.faq_wrapper .order_detail:first-child {
    padding-top: 20px;
    border-top: 1px solid #cccccc;
}

.faq_wrapper .order_detail p {
    display: block;
    padding-bottom: 3px;
}

.faq_wrapper span.plain-link {
    padding: 3px 0;
    border-bottom: 2px solid #1a1a1a;
    color: rgb(26, 26, 26);
    display: inline-block;
}

.faq_wrapper .order_detail p.line2 {
    margin-top: 7px !important;
}

.faq_wrapper #nanorep-faq .z-modal__close {
    margin-top: 50px !important;
}

/*
    TODO: A proper clean up of styles is required
    move to utility classes to avoid important tags
*/
.faq_wrapper a.faq-button,
.faq_wrapper .faq-dx-button {
    text-decoration: none !important;
}

.faq_wrapper .faq-button {
    display: block;
    width: 300px;
    margin: 20px auto 10px !important;
    padding: 16px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: white;
    background-color: #1a1a1a;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
}

.faq-dx-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 16px;
    font-size: 14px;
    font-weight: 700;
    min-height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #1a1a1a;
    cursor: pointer;
    position: relative;
    transition: all 0.15s ease;
    box-sizing: border-box;
}

.faq-dx-button:hover {
    color: #fff;
    background-color: #66676e;
    border-color: #66676e;
}

.faq-dx-button:hover > span {
    color: #fff;
}

.faq-dx-button:hover > svg {
    color: #fff;
}

.faq-dx-button.small {
    font-weight: normal;
    text-align: center;
    height: 24px;
    line-height: 1.5;
    border-width: 1px;
}

.faq-dx-button.disabled {
    pointer-events: none;
    border-color: #efeff0;
}

.faq-dx-button.disabled  > span {
    color: #a2a3a8;
}

.faq-dx-button.disabled  > svg {
    color: #a2a3a8;
}

.faq-dx-button.dark {
    fill: white;
    color: white;
    background-color: black;
}

.faq_wrapper .button__icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.faq-dx-button.disabled .button__icon {
    display: none;
}

.faq_wrapper .faq-button:hover,
.faq_wrapper .faq-button .faq-button-pressed {
    background-color: #777;
}

.faq_wrapper .faq-button-disable,
.faq_wrapper .faq-button-disable:hover {
    color: black;
    background-color: white;
    border-color: black;
    cursor: not-allowed;
}

/***************************************************************
  *                        Open Amount                         *
  **************************************************************/
#faq-open-amount {
    margin: 15px 0;
}

/***************************************************************
  *                    Delivery Tracking                       *
  **************************************************************/

#faq-delivery-tracking div,
#faq-delivery-tracking span,
#faq-delivery-tracking p {
    margin: 0px auto !important;
}

#faq-delivery-tracking {
    margin: 20px 0;
}

#faq-delivery-tracking .shipment-item {
    margin-top: 35px !important;
    margin-bottom: 20px !important;
    min-height: 100px;
}

#faq-delivery-tracking .shipment-item-first {
    margin-top: 0px !important;
}

#faq-delivery-tracking .shipment-progress-count {
    float: left;
    margin-top: 18px !important;
    margin-right: 20px;
}

#faq-delivery-tracking .plain-link {
    display: inline-block;
    margin-top: 20px !important;
}

#faq-delivery-tracking .shipment-progress-container {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin: 0 0;
}

#faq-delivery-tracking .shipment-progress-line {
    position: absolute;
    top: 27px;
    height: 3px;
    border-top: 2px solid #ff6900;
    width: 60%;
    z-index: 5;
    left: 20%;
}

#faq-delivery-tracking .shipment-tracking-url {
    margin-top: 90px !important;
}

#faq-delivery-tracking .shipment-progress {
    position: absolute;
    height: 100px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    width: 100%;
    top: 0px;
    z-index: 10;
    left: 0px;
}

#faq-delivery-tracking .progress-step {
    width: 30%;
    height: 100px;
    text-align: center;
}

#faq-delivery-tracking .progress-step span {
    display: inline-block;
}

#faq-delivery-tracking .progress-step .icon {
    height: 52px;
    width: 52px;
    cursor: pointer;
    background-image: url('icons/spritesheet.png');
    background-repeat: no-repeat;
}

#faq-delivery-tracking .progress-step .step-description {
    text-align: center;
    padding-top: 8px;
}

#faq-delivery-tracking .icon-register {
    background-position: -2px -2px;
}

#faq-delivery-tracking .icon-register-active {
    background-position: -58px -2px;
}

#faq-delivery-tracking .icon-pay {
    background-position: -114px -2px;
}

#faq-delivery-tracking .icon-pay-active {
    background-position: -2px -58px;
}

#faq-delivery-tracking .icon-pickup {
    background-position: -58px -58px;
}

#faq-delivery-tracking .icon-pickup-active {
    background-position: -114px -58px;
}

#faq-delivery-tracking .icon-truck {
    background-position: -2px -114px;
}

#faq-delivery-tracking .icon-truck-active {
    background-position: -58px -114px;
}

#faq-delivery-tracking .icon-postman {
    background-position: -114px -114px;
}

#faq-delivery-tracking .icon-postman-active {
    background-position: -170px -2px;
}

#faq-delivery-tracking .icon-home {
    background-position: -170px -58px;
}

#faq-delivery-tracking .icon-home-active {
    background-position: -170px -114px;
}

.faq_wrapper .z-cuca-faq-cta-button.margin-top {
    margin-top: 15px !important;
}

/***************************************************************
  *                  Unsubsribe Newsletters                    *
  **************************************************************/

#faq-unsubscribe-newsletter {
    text-align: center;
    display: table;
    width: 100%;
    height: 200px;
}

#faq-unsubscribe-newsletter > div {
    display: table-cell;
    vertical-align: middle;
}

/*
*************************************************************
*                      General Styles                       *
*************************************************************
*/

.faq_wrapper .text-orange {
    color: #ff6900;
}

.faq_wrapper .section_divider {
    border: none;
    margin: 0;
    background-color: #ddd;
    height: 1px;
}

.faq_wrapper .intro__primary {
    font-size: 30px;
    line-height: 1.13;
    margin: 0;
    margin-bottom: 16px;
    letter-spacing: -0.8px;
}

.faq_wrapper .suggested_answers__title {
    margin-top: 30px;
    font-size: 20px;
    line-height: 1.13;
    letter-spacing: -0.5px;
    font-weight: bold;
}

.faq_wrapper .suggested_answers__links {
    margin-top: 16px;
    display: flex;
    flex-wrap: wrap;
}

.faq_wrapper .browse_categories__title {
    margin-top: 50px;
    margin-bottom: 60px;
}

.faq_wrapper .category {
    margin-bottom: 60px;
}

.faq_wrapper .category .arrow {
    display: none;
}

.faq_wrapper .category__name {
    display: block;
    margin-top: 24px;
    margin-bottom: 26px;
    pointer-events: none;
    border-bottom: 0 none transparent;
}

.faq_wrapper .category__image {
    height: 48px;
}

.faq_wrapper .category__top_article_group {
    list-style-type: none;
    padding-left: 0;
    margin: 0;

}

.faq_wrapper .normal-weight {
    font-weight: normal;
}

.faq_wrapper .article__body {
    line-height: 1.4;
}

.faq_wrapper .article__body a {
    font-weight: bold;
    text-decoration: underline;
}

.faq_wrapper .article__body ul {
    text-align: left;
}

.faq_wrapper .article__body img {
    max-width: 100%;
    height: auto !important;
}

.faq_wrapper .breadcrumbs__list {
    display: none;
    margin: 0 0 40px;
}

.faq_wrapper .breadcrumb {
    font-size: 14px;
}

.faq_wrapper .breadcrumb--not_root:before {
    content: '/';
    margin-left: 8px;
    margin-right: 5px;
}

.faq_wrapper .breadcrumbs__list,
.faq_wrapper .breadcrumbs__list a {
    color: #858484;
}

.faq_wrapper aside li {
    position: relative;
    margin: 0;
    border-top: 1px solid #eaeaea;
}

.faq_wrapper a {
    color: #1a1a1a;
    text-decoration: none;
}

.faq_wrapper aside a {
    display: block;
    font-size: 14px;
    position: relative;
    border-bottom: 0 solid #1a1a1a;
    transition: all 0.15s;
}

.faq_wrapper aside a > span {
    line-height: 60px;
}

.faq_wrapper .arrow {
    position: absolute;
    width: 20px;
    height: 20px;
}

.faq_wrapper .arrow span {
    position: absolute;
    background-color: #1a1a1a;
    height: 2px;
    width: 12px;
    left: 0;
    top: 50%;
    transform-origin: 0 50%;
}

.faq_wrapper .arrow span:first-child {
    transform: translateY(-50%) rotate(-45deg);
}

.faq_wrapper .arrow span:last-child {
    transform: translateY(calc(-50% - 1px)) rotate(45deg);
}

.faq_wrapper .article__title {
    position: relative;
    padding-left: 30px;
}

.faq_wrapper .article__title .arrow {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.faq_wrapper aside li .arrow {
    transform: translateY(-50%) scale(-1, -1);
    right: 0;
    top: 50%;
}

/***************************************************************
  *                     Empowerment Modal                      *
  **************************************************************/

.faq_wrapper .z-modal__content {
    display: flex !important;
    align-items: center !important;
    text-align: center;
}

.faq_wrapper .faq-modal-wrapper {
    width: 100%;
    text-align: center;
}

.faq_wrapper .recent-transactions-toggle {
    cursor: pointer;
}


.faq_wrapper .z-2-modal {
    z-index: 105 !important;
}

.faq_wrapper .answers__title {
    font-size: 22px;
    margin: 50px 0 14px 0;
    line-height: 24.8px;
}

.faq_wrapper .answers__list {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    list-style-type: none;
    margin: 14px 0;
    padding-left: 0;
}

.faq_wrapper .answers__list .answers__link {
    border-bottom: 2px solid #1a1a1a;
    text-decoration: none;
}

.faq_wrapper .answer {
    display: block;
    border-bottom: 0 none transparent;
}

/***************************************************
 *           Screen Width - 600px and below
 **************************************************/
@media only screen and (max-width: 600px) {
    #faq-order {
        margin-bottom: 25px;
    }

    #faq-order .faq-price {
        margin-top: 10px !important;
        display: block;
        float: none;
    }

    #faq-delivery-tracking .shipment-item {
        margin-bottom: 40px !important;
    }

    #faq-delivery-tracking .faq-button {
        margin-top: 40px !important;
    }

    .faq_wrapper .question {
        font-size: 18px;
    }

    .faq_wrapper .article__title h1 {
        margin-bottom: 30px;
    }

    .faq_wrapper .login-incentive {
        margin-bottom: 40px;
    }

    .faq_wrapper .login-incentive > div {
        flex: auto;
    }

    .faq_wrapper .login-incentive .faq-dx-button {
        flex: 0 1 100%;
    }
}

@media screen and (min-width: 768px) {


    .faq_wrapper #nanorep-faq .z-modal__container {
        padding-top: 48px !important;
    }

    .faq_wrapper #nanorep-faq .z-modal__content {
        padding: 18px !important;
        margin-bottom: 48px;
        margin-left: calc((100vw - 700px) / 2);
        margin-top: 48px !important;
    }

    .faq_wrapper #nanorep-faq .z-modal__close {
        left: calc(50% + 375px) !important;
    }

    .faq_wrapper aside .topic__link:hover > span {
        font-weight: bold;
    }

    .faq_wrapper .breadcrumb__link > span {
        border-bottom: solid 1px #1a1a1a;
    }

    .faq_wrapper main {
        flex-direction: row-reverse;
    }

    .faq_wrapper aside ul {
        position: sticky;
        top: 16px;
    }

    .faq_wrapper aside li {
        margin-bottom: 16px;
        border: none;
    }

    .faq_wrapper aside a {
        display: initial;
        font-size: 16px;
    }

    .faq_wrapper aside a > span {
        line-height: 22px;
    }

    .faq_wrapper .article__title {
        padding-left: 0;
    }

    .faq_wrapper .arrow {
        display: none;
    }

    .faq_wrapper .answer {
        pointer-events: all;
    }
}

@media all and (max-width: 750px) {
    .faq_wrapper .intro__primary {
        font-size: 26px;
    }

    .faq_wrapper .suggested_answers__links div {
        margin-bottom: 16px;
    }

    .faq_wrapper .browse_categories__title {
        margin: 40px 0;
        font-size: 22px;
        letter-spacing: -0.5px;
    }

    .faq_wrapper .categories {
        display: block;
    }

    .faq_wrapper .category {
        position: relative;
        width: 100% !important;
        margin: 0 !important;
        border-top: 1px solid #ddd;
    }

    .faq_wrapper .category:last-child {
        border-bottom: 1px solid #ddd;
    }

    .faq_wrapper .category__name {
        pointer-events: all;
        padding: 15px 0;
        letter-spacing: -0.3px;
        margin: 0;
    }

    .faq_wrapper .category__image {
        display: none;
    }

    .category__links {
        display: none;
    }

    .category--other .category__links {
        display: block;
        max-height: 0;
        opacity: 0;
        transition: all 0.25s ease-in-out;
        overflow: hidden;
    }

    .faq_wrapper .category .arrow {
        pointer-events: none;
        display: block;
        top: 11px;
        right: 0;
        transition: all 0.25s ease-in-out;
        transform: rotate(180deg);
    }

    .faq_wrapper .category.active .category__links {
        opacity: 1;
        max-height: 350px;
        padding-top: 12px;
        padding-bottom: 16px;
    }

    .faq_wrapper .category.active .arrow {
        top: 20px;
        transform: rotate(90deg);
    }
}