/** Shopify CDN: Minification failed

Line 87:0 All "@import" rules must come first

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:agm-battery-compatibility (INDEX:1) */
@import url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css');
    :root {
      --moto-red: #d9232e;
      --moto-red-hover: #b81721;
      --moto-yellow: #f8c606;
      --moto-green: #198754;
      --moto-dark: #1b1e23;
    }

    .finder-wrapper{
      @media (min-width:1400px) {
        .container{
          max-width: 1140px !important;
        }
      }

      @media (max-width: 767px) {
        padding: 50px 12px !important;
      }

      @media (max-width: 1200px) {
        padding: 70px 30px;
      }

      .text-secondary {
        font-size: 14px !important;
      }

      span, #battery-code, #product-name {
        font-family: DM Sans;
      }
    }

    #product-form {
      scroll-margin-top: 20px;
    }

    .result-card-matched {
      border: 2px solid var(--moto-green) !important;
    }

    .result-header-green {
      background-color: var(--moto-green) !important;
      color: #ffffff !important;
    }

    .btn-moto-variant {
      background-color: var(--moto-red);
      color: #ffffff;
      font-weight: 700;
      border: 1px solid var(--moto-red);
      transition: all 0.2s ease;
    }

    .btn-moto-variant:hover {
      background-color: var(--moto-red-hover);
      border-color: var(--moto-red-hover);
      color: #ffffff;
    }

    .btn-danger {
      background-color: var(--moto-red);
      border-color: var(--moto-red);
    }

    .btn-danger:hover {
      background-color: var(--moto-red-hover);
      border-color: var(--moto-red-hover);
    }
    #ul-battery-specs > li {
      font-size: 14px;
      font-family: DM Sans;
    }
/* END_SECTION:agm-battery-compatibility */

/* START_SECTION:faq-accordion (INDEX:31) */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
  section.faq {
    @media (min-width:1400px) {
      .container{
        max-width: 1140px !important;
      }
      
    }
    .accordion-button:not(.collapsed)::after {
      background-image: url('https://www.motolite.com/cdn/shop/files/add.png?v=1687419068');
    }

    .accordion-button:not(.collapsed)::after {
      background-image: url('https://www.motolite.com/cdn/shop/files/add.png?v=1687419068');
    }

    .accordion-button::after {
      background-image: url('https://www.motolite.com/cdn/shop/files/minus.png?v=1687419068');
    }

    .accordion-body {
      p:last-child{
        margin-bottom: 0px;
      }

      p {
        font-family: DM Sans !important;
        font-size: 18px;
        color: #212529;
        font-style: normal;
        font-weight: 400;
        line-height: 30px !important;
        letter-spacing: 0.66px;
      }
    }

    @media (max-width: 1200px) {
       padding: 70px 30px;
    }

    @media (max-width: 767px) {
      padding: 50px 12px !important;
    }
    

    .headers {
      margin-bottom: 44px;

      @media (max-width: 991px) {
        margin-bottom: 40px;
      }

      @media (max-width: 767px) {
        margin-bottom: 30px;
      }
    }

    button.accordion-button {
      color: #000;
      font-size: 20px;
      font-family: 'Raleway', sans-serif;
      font-weight: 700;
      line-height: 34.546px;
      background: transparent;
      padding: 16px 14px;
    }

    h2 {
      color: #000;
      text-align: center;
      font-size: 44px;
      font-family: 'Raleway', sans-serif;
      font-weight: 800 !important;
      line-height: 56.626px;
      letter-spacing: 0.69px;
      text-transform: uppercase;
      margin-bottom: 40px;

      @media (max-width: 991px) {
        font-size: 40px !important;
        line-height: normal;
      }

      @media (max-width: 767px) {
          font-size: 30px !important;
          line-height: normal;
      }
    }
    
    h2 > span.red_text {
      color: #d5232b;
      font-family: inherit !important;
      font-size: inherit !important;
      font-style: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
      letter-spacing: inherit !important;
      text-transform: inherit !important;
    }
  }
/* END_SECTION:faq-accordion */

/* START_SECTION:header_main (INDEX:52) */
.official-hotlines-sub {
         align-items: center;
         display: flex;
         gap: 10px;
       }

       main#MainContent {
         margin-top: calc(11.5rem + var(--page-width-margin));
       }

       .top-notification-wrapper {
         background: #f8c606;
         position: fixed;
         padding: 12px 24px;
         box-shadow: 0 4px 12px #00000026;
         display: flex;
         align-items: center;
         gap: 12px;
         z-index: 9999;
         opacity: 0;
         visibility: hidden;
         transition: all 0.3s ease;
         border: 1px solid #e5e5e5;
         width: 100%;
     }

       .top-notification-wrapper.active {
         opacity: 1;
         visibility: visible;
            transition: all 0.3s ease;
       }

       .top-notification-wrapper svg {
         flex-shrink: 0;
       }

       .top-notification-wrapper span {
         font-size: 14px;
         color: #212529;
         font-weight: 700;
       }

       .header__icons {
           display: flex;
           align-items: center;
           justify-self: center;
       }
       .main-menu-nav .find-battery-order-now-con{
         margin: 0;
       }
       .header-wrapper {
         background-color: #d91f2b !important;
       }

       .button,
       .button-label,
       .shopify-challenge__button,
       .customer button {
         font-size: 1.5rem;
         letter-spacing: 0.1rem;
         line-height: calc(1 + 0.2 / var(--font-body-scale));
         color: #fff;
       }

       .header-wrapper--border-bottom {
         display: block;
         border-bottom: 0.1rem solid rgba(var(--color-foreground), 0.08);
       }

       .top-navbar-wrapper {
         font-family: Arial, sans-serif;
         font-size: 14px;
         display: flex;
         justify-content: space-between;
         background: #f8c606;
         padding: 0px 30px;
         height: 100%;
         min-height: 45px;
       }


       .hotlines-section {
         display: flex;
         align-items: center;
         gap: 35px;
         position: relative;
       }

       .hotlines-header {
         position: relative;
         display: none;
         justify-content: space-between;
         align-items: center;
         cursor: pointer;
       }

       .hotlines-section::after {
         content: '';
         display: block;
         background: #fff;
         height: 100%;
         width: 100%;
         max-width: 250px;
         position: absolute;
         left: -45px;
         clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
         z-index: 1;
       }

       .top-navbar-wrapper .hotlines-content.top {
         display: flex;
         align-items: center;
         gap: 10px;
         z-index: 10;
       }
       .header-container .hotlines-content.expanded {
         display: none;
       }

       .hotline-container {
         display: flex;
         align-items: center;
         gap: 5px;
       }

       .official-hotlines-con {
         display: flex;
         align-items: center;
         gap: 10px;
         z-index: 10;
       }

       .official-hotlines-con strong {
         font-family: 'Raleway', sans-serif;
         font-size: 16px;
         font-style: normal;
         font-weight: 800;
         line-height: 18px;
         color: #212529;
         margin-bottom: 0px;
         z-index: 1;
       }

       .hotline-item {
         display: flex;
         align-items: center;
         /*gap: 5px;*/
         flex-wrap: wrap;
       }

       .hotline-item p span {
         font-family: 'Raleway', sans-serif;
         color: #212529;
         text-align: center;
         font-size: 14px;
         font-style: normal;
         font-weight: 900;
         line-height: 33px;
       }

       .hotline-item a {
         color: #212529;
         text-align: center;
         font-family: 'Raleway', sans-serif;
         font-size: 14px;
         font-style: normal;
         font-weight: 600;
         line-height: 16.25px;
         letter-spacing: 0.66px;
         text-transform: capitalize;
         text-decoration: none;
       }

       .top-navbar-actions {
         display: flex;
         gap: 16px;
         z-index: 10;
       }

       .top-navbar-actions .nav-item svg {
         width: 24px;
         height: 21px;
       }

       .top-navbar-actions .nav-item a {
         text-decoration: none;
         color: #212529;
         text-align: center;
         font-family: 'Raleway', sans-serif;
         font-size: 14px;
         font-style: normal;
         font-weight: 700;
         line-height: 16.25px;
         text-transform: capitalize;
       }

      .top-navbar-actions .nav-item a:hover {
          text-decoration: underline;
      }
       .top-navbar-actions .nav-item {
         display: flex;
         align-items: center;
         gap: 10px;
       }

       .main-menu-nav {
         padding: 10px 18px;
         border-bottom: 0.1rem solid rgba(18, 18, 18, 0.08);
       }

       .main-menu-nav .motolite-logo {
         padding: 0;
         max-width: 200px;
       }

       .main-menu-nav .nav-item {
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 0.5rem;
         margin-right: 20px;
       }

       .main-menu-nav .nav-item:last-child {
         margin-right: 0;
       }
   .main-menu-nav .nav-item a {
       padding: 16.19px 13.19px 17.19px;
       padding-left: revert;
       padding-right: revert;
       background-color: transparent;
       border: none;
       color: #fff;
       font-size: 22px;
       font-family: Raleway,sans-serif;
       font-weight: 600!important;
       text-decoration: none;
       margin: 0 !important;
   }

     .main-menu-nav .nav-item a:hover{
        text-decoration: underline;
        color: #fff;
        background-color: transparent;
     }

     .main-menu-nav .nav-item:has(ul li a) li a {
           padding: 10px 25px;
           background-color: transparent;
           border: none;
           color: #212529;
           text-align: start;
           font-family: Raleway,sans-serif;
           font-style: normal;
           font-weight: 600;
           line-height: 33px;
       }

        .main-menu-nav .nav-item:has(ul li a) li a:hover {
         background: #FFF;
         color: #D81F2B;
         text-align: start;
         font-family: 'Raleway', sans-serif;
         font-style: normal;
         font-weight: 600;
         line-height: 33px;
         }
       .main-menu-nav .navbar-nav .nav-link.active{
           text-decoration: underline;
           color: #fff;
       }

       .main-menu-nav .navbar-nav a.nav-link.show {
         text-decoration: underline;
         color: #fff;
       }


       .main-menu-nav .find-battery-order-now-con {
         display: flex;
         align-items: center;
         justify-content: end;
         gap: 24px;
         width: 100%;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.find-battery:hover svg path,
       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.order-now:hover svg path {
         fill: #fff;
         transition: ease-in-out 0.5s;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom {
         /* width: 100%; */
         max-width: 220px;
         min-height: 46px;
         display: flex;
         justify-content: center;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom a {
         text-align: center;
         font-family: 'Segoe UI';
         font-size: 16px;
         font-style: normal;
         font-weight: 700;
         line-height: 20.625px;
         letter-spacing: 0.66px;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
         padding: 13px 20px;
         width: 200px;
         color: #fff;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.find-battery a {
         color: #212529;
         background: var(--grayish, linear-gradient(180deg, #fbfbfb 0%, #919191 100%));
         transition: ease-in-out 0.5s;
         border-radius: 5px;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.find-battery:hover a {
         color: #fff;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.order-now a {
         color: #fff;
         background: var(--yellowish, linear-gradient(180deg, #f8c606 0%, #924e00 100%));
         transition: ease-in-out 0.5s;
         border-radius: 5px;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.order-now:hover a {
         color: #fff;
       }

       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.find-battery:hover a,
       .main-menu-nav .find-battery-order-now-con .btn-btn.custom.order-now:hover a {
         background: var(--CTA-2, linear-gradient(180deg, #ff7a00 6.03%, #7d2d00 100%));
         transition: ease-in-out 0.5s;
         border-radius: 5px;
         box-shadow: 0px 20px 20px -5px rgba(0, 0, 0, 0.6);
       }

       .main-menu-nav .container-main-menu {
         display: flex;
         justify-content: space-between;
         align-items: center;
         gap: 30px;
         padding: 0 30px;
         width: 100%;
       }

        .top-navbar-actions .nav-item .badge-mobile-cart-count{display: none;}
        .top-navbar-actions .nav-item .badge-desktop-cart-count{display: unset;}

       .container-main-menu .header__icons {
         /* width:424px; */
         /* width: 35%; */
       }

       .top-navbar-wrapper .accordion-toggle {
         all: unset;
         display: flex;
         align-items: center;
         cursor: pointer;
         background: none;
         border: none;
         padding: 0;
       }

       .top-navbar-wrapper .accordion-toggle p {
         margin: 0;
         color: #212529;
         text-align: center;
         font-family: 'Raleway', sans-serif;
         font-size: 14px;
         font-style: normal;
         font-weight: 700;
         line-height: 16.25px;
         letter-spacing: 0.66px;
         text-transform: capitalize;
       }

       .top-navbar-wrapper .accordion-toggle svg {
         margin-left: 0.5rem;
         fill: #212529;
         transition: transform 0.3s ease;
       }

       .accordion-toggle[aria-expanded='true'] svg {
         transform: rotate(180deg);
       }

       @media (max-width: 1600px) {
         .main-menu-nav .find-battery-order-now-con .btn-btn.custom a{
           width: 100%;
         }
       }
       @media (max-width: 1500px) {
         .top-navbar-actions .nav-item:not(:last-child) a strong {
           display: none;
         }
         .main-menu-nav .nav-item a {
           font-size: 17px;
         }
         .main-menu-nav .find-battery-order-now-con .btn-btn.custom a {
           padding: 10px 15px;
           font-size: 14px;
           font-weight: 600;
           gap: 5px;
         }

        .main-menu-nav .find-battery-order-now-con {
           gap: 10px;
           margin-left: 10px;
         }

         .main-menu-nav .container-main-menu {
           gap: 15px;
         }

         .main-menu-nav .motolite-logo {
           padding: 0;
           max-width: 150px;
         }
         .container-main-menu .find-battery-order-now-con .btn-btn a {
           gap: 8px;
           padding: 10px 20px;
           font-size: 14px;
           font-weight: 600;
         }
       }

       @media (max-width: 1023px) {
         .top-navbar-wrapper .hotlines-content.top {
           display: none;
         }
         .container-main-menu .find-battery-order-now-con .btn-btn a {
           gap: 5px;
           padding: 10px;
         }

         .official-hotlines-con .hotlines-header {
           margin-left: 30px;
         }

         .hotlines-header {
           display: flex;
         }

         .hotlines-content.top.active {
           display: block;
           position: absolute;
           background: #fff;
           z-index: 20;
           width: auto;
           min-width: 270px;
           padding: 10px;
           top: 46px;
           right: -10%;
           border: 1px solid #000;
         }

         .hotline-container {
           display: flex;
           flex-direction: column;
           align-items: start;
           gap: 5px;
         }

         .hotlines-content.expand {
           display: none;
           flex-direction: column;
           padding: 0.5rem 0;
         }
       }

      @media (max-width: 1299px){
        .main-menu-nav .nav-item a {
          font-size: 14px;
        }
      }

      @media (max-width: 1199px) {
        ul.navbar-nav {
           max-height: 500px;
           overflow-y: auto;
       }

       .main-menu-nav .nav-item a:hover {
           width: 100%;
           background-color: transparent;
           transition: ease 0.5s;
           transform: translateX(20px);
       }

       .main-menu-nav .nav-item a,
       .main-menu-nav .nav-item:has(ul li a) li a {
         color: unset;
         width: 100%;
         padding: 10px;
         background-color: transparent;
       }


         li.nav-item.dropdown:has(ul) .dropdown-toggle::after {
           display: none;
         }
         .navbar-toggler-icon {
           background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
         }

         button.btn-close.text-reset {
           background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
         }

         .main-menu-nav .navbar-nav .dropdown-menu {
           border: none;
           width: 100%;
           position: static;
           display: flex;
           flex-direction: column;
         }

         .main-menu-nav .navbar-nav .dropdown-menu li{
           width: 100%;
         }

         .main-menu-nav .navbar-nav .dropdown-menu li a{
           padding-left: 30px;
         }

         ul.navbar-nav {
           background-color: #FFF;
           border: none;
           padding: 0 20px;
           margin-top: 20px;
         }

         .main-menu-nav .nav-item a{
           color: #212529;
           text-align: start;
           font-family: Raleway, sans-serif;
           font-style: normal;
           font-weight: 600;
           line-height: 33px;
         }

         .main-menu-nav .nav-item a:hover{
             color: #d81f2b;
         }

         .main-menu-nav .nav-item {
           align-items: start;
         }

         .main-menu-nav .find-battery-order-now-con {
             margin-top: 30px;
             flex-direction: column;
             margin-left: 0;
             width: 100%;
         }

         .main-menu-nav .find-battery-order-now-con .btn-btn.custom {
           width: 100%;
           max-width: 100%;
         }

         .header__icons{
           width: 100%;
           max-width: 100%;
           margin-bottom: 50px;
         }
         .container-main-menu .find-battery-order-now-con .btn-btn {
           max-width: 100%;
         }

           .top-navbar-wrapper {
             position: relative;
             z-index: 1200;
             padding: 0 20px;
         }
       }

       @media (max-width: 767px) {
         .header-wrapper a span:hover,
         .header-wrapper a span:active,
         .header-wrapper a:hover,
         .header-wrapper a:active {
           background: transparent;
         }

         .main-menu-nav .nav-item{
           margin-right: 0;
         }

         /* .main-menu-nav .nav-item:has(ul li a) li a{
           padding: 0 0 0 30px;
         }
  */

         .top-navbar-actions.mobile-only {
           display: flex;
           flex-direction: column;
           align-items: center;
           gap: 1rem;
           margin-top: 1rem;
         }

         .top-navbar-actions {
           justify-content: center;
           flex-wrap: wrap;
           text-align: center;
         }
         .top-navbar-wrapper {
           padding: 0px 20px;
         }
         .top-navbar-wrapper .accordion-toggle p span.sub {
           display: none;
         }
       }

       @media (max-width: 650px) {
        /*
        .top-navbar-wrapper {
          gap: 1rem;
        }
        */
        /*
        .top-navbar-actions .nav-item a .badge-desktop-cart-count,
        .top-navbar-actions .nav-item a .badge-mobile-cart-count {
          display: none;
          position: absolute;
          bottom: 22px;
          right: -14px;
          color: #FFFFFF;
          background: #E22120;
          border-radius: 50%;
          padding: 3px;
          font-size: 11px;
          height: 20px;
         }
        */
        /*

        .top-navbar-actions .nav-item .badge-desktop-cart-count{display: none;}
        .top-navbar-actions .nav-item .badge-mobile-cart-count{display: unset;}    
        */   
       }


       @media (max-width: 575px) {
        /*
        .top-navbar-actions .nav-item a .badge-desktop-cart-count,
        .top-navbar-actions .nav-item a .badge-mobile-cart-count {
          bottom: 30px;
          right: 2px;
        }
        */

        .main-menu-nav .navbar-nav .dropdown-menu li a{
          font-size: 12px;
          line-height: 22px;
        }
        /*
         .official-hotlines-con .hotlines-header {
           padding-left: 0;
           margin-left: 0;
         }
        .hotlines-content.top.active {
             position: static;
             transition: ease-in-out .5s;
             padding: 10px;
             min-width: fit-content;
             border: 0px;
         }
         .hotline-item p {
           margin-bottom: 0;
         }
         .official-hotlines-con {
           flex-direction: row;
         }
        */
         .header-wrapper .header-container{
           /* position: fixed; */
           /* z-index: 1201; */
         }

        .top-navbar-wrapper .accordion-toggle p {
           width: 30px;
           height: 30px;
           display: flex;
           justify-content: start;
           align-items: center;
         }


         .top-navbar-actions {
           justify-content: end;
           flex-wrap: wrap;
           text-align: center;
           min-width: 120px;
         }
         .top-navbar-wrapper .accordion-toggle p span {
           display: none;
         }
         /*
         .official-hotlines-con .official-hotlines-sub span {
           display: none;
         }
        */
         /*
         .header-wrapper .header-container {
           display: flex;
           align-items: center;
           justify-content: space-between;
           width: 100%;
           padding: 12px 20px;
           background: #f8c606;
         }
        */
        
        /*
        .top-navbar-wrapper {
          justify-content: space-between;

           align-items: center;
           padding: 12px;
           border: 1px solid #000;
           width: 100%;
           background: #fff;
         }
        */
        /*
         .top-navbar-wrapper:has(.hotlines-content.top.active) {
           flex-direction: column;
           align-items: start;
         }
         .top-navbar-wrapper:has(.hotlines-content.top.active) .top-navbar-actions {
           justify-content: start;
         }
        */
         /*
         .hotlines-section::after {
           display: none;
         }
         .official-hotlines-sub {
           display: flex;
           flex-direction: row;
           gap: 10px;
           align-items: center;
           width: 100%;
         }
         .hotlines-section {
           align-items: start;
           flex-direction: column;
           gap: 10px;
         }
        */
      }

      @media (max-width: 575px) {

       main#MainContent {
         margin-top: calc(14.5rem + var(--page-width-margin)) !important;
       }
      }

       @media (max-width: 425px) {

         .main-menu-nav .container-main-menu {
           padding: 0;
         }

         .main-menu-nav {
           padding: 10px 0;
         }

         ul.navbar-nav{
           padding: 0 5px;
         }
          .main-menu-nav .navbar-nav .dropdown-menu li a{
           padding-left: 18px;
         }

         .official-hotlines-con strong {
           font-size: 12px;
         }
         .top-navbar-actions {
           gap: 12px;
         }
         .official-hotlines-con,
         .hotlines-section {
           width: 100%;
           justify-content: start;
         }
         /*
         .hotlines-content.expand.active {
           width: 100%;
           max-width: 250px;
         }
         .official-hotlines-con {
           justify-content: space-between;
         }
           */
          .top-navbar-actions .nav-item a .badge-desktop-cart-count,
         .top-navbar-actions .nav-item a .badge-mobile-cart-count {
            bottom: 30px;
            right: -2px;
         }

         .top-navbar-wrapper .accordion-toggle p {
           width: 20px;
           height: 20px;
         }
       }

       .top-navbar-actions.mobile-only {
         display: none;
       }

       .nav-links-container {
         display: flex;
         justify-content: space-between;
         width: 100%;
       }
  /* ADD ME */
  sticky-header .hotlines-content .hotline-item a {
    padding: 8px;
  }
        
  sticky-header .hotlines-content .hotline-item a:hover{
    background-color:#efd780;
    /*text-decoration: underline;*/
  }
  
  sticky-header .hotlines-content .hotline-item a:focus, 
  sticky-header .hotlines-content .hotline-item a:active{
    background-color:#dfb002;
  }

  @media (max-width: 1023px){
    sticky-header .hotlines-content.top.active {
      top: 45px;
      border-color: #f8c606;
    }
    sticky-header .hotline-item {
      width:100%;
    }
    sticky-header .hotline-item p {
      flex-grow:1;
    }

    sticky-header .hotline-item a {
      display:block;
      /*padding: 0 !important;*/
      max-width: 220px;
      margin-left: auto;
      margin-right: auto;
      border-radius: 8px;
      background-color: #EFD780;
      border: 1px solid #d7c173;
      margin-top: 8px;
      margin-bottom: 8px;
      }
    
    sticky-header .hotline-item a ::before {
      content: "";
      display: inline-block;
      width: 16px;
      height: 16px;
      margin-right: 8px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      top: 4px;
    }

    sticky-header .hotline-item a.a-landline ::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000000'%3E%3Cpath d='M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E");
    }
    sticky-header .hotline-item a.a-mobile ::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3E%3Cpath d='M11.5,0h-7C3.675,0,3,0.675,3,1.5v13C3,15.325,3.675,16,4.5,16h7c0.825,0,1.5-0.675,1.5-1.5v-13C13,0.675,12.325,0,11.5,0z M8,15c-0.553,0-1-0.447-1-1s0.447-1,1-1s1,0.447,1,1S8.553,15,8,15z M12,12H4V2h8V12z'/%3E%3C/svg%3E");
    }
    /* Ensures clicks on inner SVG paths pass through to the header/button listener */
    sticky-header .accordion-toggle,
    sticky-header.accordion-toggle *,
    sticky-header .official-hotlines-sub svg {
      pointer-events: none;
    }
  }

  @media (min-width: 1023px) {
    sticky-header .hotlines-content .hotline-item a {
      border-radius: 8px 16px;
    }
  }
  @media (max-width: 768px) {  
    sticky-header .top-navbar-actions .nav-item .badge-desktop-cart-count{display: none;}
    sticky-header .top-navbar-actions .nav-item a {
      position:relative;
    }
    sticky-header .top-navbar-actions .nav-item .badge-mobile-cart-count.div-badge{
      display: unset;
      position: absolute;
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background-color: red;
      top: -12px;
      right: -12px;
      line-height: 18px;
      color: white;
      font-family: Roboto, Helvetica, Arial, sans-serif;
      font-size: 12px;
    }
  }
  @media (max-width: 575px) {
    sticky-header .official-hotlines-con .hotlines-header {
      margin-left: 0;
    }
    sticky-header .hotlines-section::after {
      display:none;
    }
    sticky-header .hotlines-header {
      margin-left: 0;
    }
    sticky-header .official-hotlines-con .official-hotlines-sub {
      cursor: pointer;
    }
    sticky-header .official-hotlines-con .official-hotlines-sub .hotlines-header span {
      display: none;
    }
    /*
    .top-navbar-actions .nav-item .badge-mobile-cart-count {
      display: none;
    }
    */
  }
  /* ADD ME */
/* END_SECTION:header_main */