/* Header */
/*
       BrandMap

       Yoğun Kırmızı : #C3002D
       Gri : #464646
       Beyaz : #FFFFFF
       Yumuşak Kırmızı : #DB5050
       Gül : #DCA59C
       Turkuaz : #A0CFC6
       Krema : #F0EAE4
       Gri-Mavi : #4D5F80
       Koyu Mavi : #01426A
       Siyah : #000000
   */

.sidebar.sidebar-main .filter-options-item.active .filter-options-title:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAnAQMAAACPCnItAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAZQTFRFAAAAk8bRNkYt7AAAAAJ0Uk5TAP9bkSK1AAAA2ElEQVR4nG3QMRKCMBCF4TxgJnRwg3AES7twJTsLmYQZC6/hMeygs9Qb4A2kgxlMfAmUUP0NX3YXYvuwG8fnFpfrFi5ZAw5rpEtrY8ipr2MU308VQw1jGUN3cx7D2F8WwwufhIBbNTJCEAIZIQiBzOtACGRuZ0Igky2EIIxJHSEI/8s8IcDNubHk0mUsdddayOlTqaGvUXz7OkwENbRWTmMJ3YXn5hzG8FdC8GEqQvBhTtNkMCdOrh859J27qHcJded2xbtCceK+8lFDzrxA2lgkLpzC79zwDz1wUyiElkeFAAAAAElFTkSuQmCC) !important;
}
.sidebar.sidebar-main .filter-options-item .filter-options-title:after{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAAnAgMAAADIqgj9AAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAlQTFRFAAAA/T8/k8bRMnewhAAAAAN0Uk5TAAT/sxjuVwAAAPBJREFUeJxlkTFuwkAQRf8gRMERfAQfAuUUlktXFBwgRaqtUqdORUEBPgoH8FEooggyf+avhYOLtZ/s97Q7Niwve+H17/z8ILdT5c1HcR6nIm4+B9jqfBvEh10P2x7vvfQLOlhbfE39hKnYCCjQfOE2kBU4vOHe8/sMuM732yMy4Dr91VkB19lHDYTO/WYgdWcFUndWIHWePwOpkyMgnRwB6eQIfKce82PgmnqwBx6mXZEZgHZNZgA6Vcx/5KJTIwN1KsERyKkFR6B7+n9j1cUe0FCtjlpDT/ZAhye2y/zT8ta+Dwtu9mXBmx8seL7+8x+FMFsoSwFWEgAAAABJRU5ErkJggg==) !important;
}

.product-item .tocart {
  width: 105px !important;
  height: 48px !important;
  padding: 0px !important;
  border-radius: 15px !important;
  bottom: 0 !important;
  right: 0 !important;
  left: unset !important;
  background: #01426A !important;
  border-color: #01426A !important;
  color: white;
}

.product-item .tocart:hover {
  background: #A0CFC6 !important;
  border-color: #A0CFC6 !important;
}

.cart-campaign-wrapper.color-lipstick-red .text-left {
  max-width: unset !important;
}

.mnm-page-builder-carousel .product-item .product-item-name {
  margin-bottom: 20px;
}

.product-item .tocart span:before {
  font-size: 19px;
  line-height: 20px;
}

@media (max-width: 978px) {
  .product-item .tocart {
    width: 105px !important;
    height: 40px !important;
    padding: 10px 0 !important;
    bottom: 0 !important;
  }
}

header.page-header {
  .mnm-header {
    .mnm-header-row-top {
      padding-left: 0 !important;
      padding-top: 20px;
      padding-bottom: 20px;
      padding-right: 0 !important;

      .mnm-header-right {
        max-width: 80px;
      }
    }
  }
}

.sirius-bg-domol {
  background: white;
}

.sirius-primary-bgcolor2 {
  background: #4D5F80;
  color: white
}

/*
.sirius-bg-secondary {
  background: #4D5F80 !important;
  background-color: #4D5F80 !important;
}
*/
.top-arrow-primary:before {
  border-bottom-color: #4D5F80 !important;
}

@font-face {
  font-family: 'RossmannBeta';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/BetaRegular.eot'); /* IE9 */
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/BetaRegular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/BetaRegular.woff2') format('woff2'), /* Modern Browsers */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/BetaRegular.woff') format('woff'); /* Modern Browsers */
}

@font-face {
  font-family: 'RossmannBeta';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.eot'); /* IE9 */
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.woff2') format('woff2'), /* Modern Browsers */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.woff') format('woff'); /* Modern Browsers */
}

@font-face {
  font-family: 'RossmannBeta';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.eot'); /* IE9 */
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.woff2') format('woff2'), /* Modern Browsers */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.woff') format('woff'); /* Modern Browsers */
}

@font-face {
  font-family: 'RossmannBeta';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.eot'); /* IE9 */
  src: url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.woff2') format('woff2'), /* Modern Browsers */ url('/static/frontend/Mnm/Domol/tr_TR/fonts/Rossmann/Beta.woff') format('woff'); /* Modern Browsers */
}


body {
  font-family: 'RossmannBeta' !important;
  font-weight: 400 !important;
}

/* Category wrapper */
body.category-domol {
  .page-wrapper {
    padding-top: 0 !important;
  }
}

.sirius-primary-bgcolor {
  background-color: #87c9d4 !important;
}

.sirius-primary-border {
  border: 1px solid #87c9d4 !important;
}

/* Picture component */
.mnm-picture-component {
  display: flex;
  justify-content: center;
}

/* Temizliğin ustaları */
.temizligin-ustalari {
  ul {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-around;
  }

  /* tekrar tanım da vardı; tekilleştirdik ama içerik aynı */

  ul {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: space-around;


    li {
      background-color: unset !important;
      border: 1px solid #cecece !important;

      a {
        width: 300px;
        height: 130px;
        background-size: 100% 100%;
      }

      &:nth-child(1) {
        a {
          background-image: url('https://cdn.rossmann.com.tr/media/wysiwyg/domol/home/Persona_Tab_Leyla.png');
        }
      }

      &:nth-child(2) {
        a {
          background-image: url('https://cdn.rossmann.com.tr/media/wysiwyg/domol/home/Persona_Tab_Deniz.png');
        }
      }

      &:nth-child(3) {
        a {
          background-image: url('https://cdn.rossmann.com.tr/media/wysiwyg/domol/home/Persona_Tab_Melek.png');
        }
      }
    }

  }

  ul li.ui-state-active::after {
    display: block;
    /*content: ' ';*/
    background-image: url('https://cdn-icons-png.flaticon.com/512/142/142051.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 50px;
    width: 100%;
    background-position: center;
    position: absolute;
  }
}

/* Home categories */
.home-categories-area {
  .pagebuilder-column-line {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr);

    .pagebuilder-column {
      display: grid;
      width: 100% !important;

      &:nth-child(odd) {
        background: rgb(200, 220, 240);

      }

      &:nth-child(even) {
        background: #E6F2FF;
      }

      h3 {
        font-size: 20px;

        a {
          color: black;
        }
      }

      figure {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;

        img {
          width: 50%;
          margin: auto;
        }
      }
    }
  }
}

/* Product grids */
.product-widget-grid,
.product-category-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px;
  margin: 0;
}

.product-category-grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.product-widget-grid .product-widget-grid-item,
.product-category-grid .product-widget-grid-item {
  display: grid;
  position: relative;
  border: 1px solid #dedede;
  padding: 10px;
}

.product-widget-grid .product-widget-grid-item .product-detail-button,
.widget-product-carousel .product-item .product-detail-button,
.product-category-grid .product-widget-grid-item .product-detail-button {
  position: absolute;
  right: 0;
  top: 0;
  background: #93c6d1;
  color: white;
  display: block;
  padding: 5px 20px;
}

.widget-product-carousel .product-item img,
.product-widget-grid .product-widget-grid-item img,
.product-category-grid .product-widget-grid-item img {
  width: -webkit-fill-available;
}

.widget-product-carousel .product-item .title,
.product-widget-grid .product-widget-grid-item .title,
.product-category-grid .product-widget-grid-item .title {
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  word-wrap: break-word;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 10px;
}

.widget-product-carousel .product-item .price-box,
.product-widget-grid .product-widget-grid-item .price-box,
.product-category-grid .product-widget-grid-item .price-box {
  display: flex;
  justify-content: space-between;
  text-align: left;
  align-items: center;
  margin: 0 !important;
  min-height: unset !important;
  margin-top: 10px !important;
}

.widget-product-carousel .product-item .price-box .price,
.product-widget-grid .product-widget-grid-item .price-box .price,
.product-category-grid .product-widget-grid-item .price-box .price {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
}

.widget-product-carousel .product-item .price-box .special-price,
.product-widget-grid .product-widget-grid-item .price-box .special-price,
.product-category-grid .product-widget-grid-item .price-box .special-price {
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  color: #b8002c;
  margin: 0;
  margin-right: 0;
}

/* Grid variants */
.uclu-urun li.product-item {
  width: 100% !important;
}

.ikili-urun li.product-item {
  width: 100% !important;
}

/* Add to cart button */
.addToCart,
.addToCart .pagebuilder-button-primary,
.addToCart:hover,
.addToCart .pagebuilder-button-primary:hover {
  display: block;
  background-color: #01426A;
  color: white;
  border: none;
  margin: 0;
  padding: 7px 25px;
}

/* Banner with text */
.banner-with-text {
  .pagebuilder-banner-wrapper {
    display: flex;

    .pagebuilder-overlay {
      display: flex;
      align-items: center;
    }
  }
}

/* How-to videos & sliders */
.how-to-videos {
  text-align: center;
  position: relative;

  .how-to-videos-title {
    font-size: 40px;
  }

  .how-to-videos-all-link {
    position: absolute;
    right: 7%;
    top: 50px;
  }

  .pagebuilder-column-group {
    .pagebuilder-column {
      width: 90% !important;
    }
  }
}

/* colon layout stacks */
.how-to-videos .pagebuilder-column-line,
.kampanya-slider .pagebuilder-column-line,
.ikili-urun .pagebuilder-column-line,
.camasir-langing-kategoriler .pagebuilder-column-line,
.coming-from-you .pagebuilder-column-line {
  display: flex;
  flex-direction: column;
}

/* note: birleşik sınıf (boşluksuz) da var: */
.how-to-videos .pagebuilder-column-line .slick-dots,
.kampanya-slider .pagebuilder-column-line .slick-dots,
.ikili-urun .pagebuilder-column-line .slick-dots,
.camasir-langing-kategoriler .pagebuilder-column-line .slick-dots,
.coming-from-you .pagebuilder-column-line .slick-dots {
  margin-top: 30px;
}

.how-to-videos .pagebuilder-column-line .mnm-picture-component,
.kampanya-slider .pagebuilder-column-line .mnm-picture-component,
.ikili-urun .pagebuilder-column-line .mnm-picture-component,
.camasir-langing-kategoriler .pagebuilder-column-line .mnm-picture-component,
.coming-from-you .pagebuilder-column-line .mnm-picture-component {
  display: flex;
  justify-content: center;
}

.kampanya-slider {

  .slick-slide {
    margin: 0 10px;
  }

  .slick-list {
    margin: 0 -10px;
  }
}

.slick-dots {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.widget-product-carousel .slick-dots li button,
.camasir-langing-kategoriler .slick-dots li button,
.ikili-urun .slick-dots li button,
.kampanya-slider .slick-dots li button {
  background: #5cbbd9 !important;
  border: 1px solid #77cde8 !important;
  border-radius: 0 !important;
  height: 0px !important;
  width: 21px !important;
}

.domol-video-content {
  position: relative;
  margin-bottom: 100px !important;
}

.pagebuilder-mobile-only.renk-ayirici-mobile-content {
  position: absolute;
  bottom: -60px;
}

/* Misc */
.camasirin-favorileri img {
  height: 102% !important;
}

.ikili-urun .product-item .product-item-info:nth-child(2n) {
  margin-right: 0px !important;
}

.uclu-urun .product-item .product-item-info:nth-child(2n) {
  margin-right: 0px !important;
}

.mnm-page-builder-carouse-old {
  .product-item {
    .product-item-name {
      text-align: center;
      margin-bottom: 15px !important;
    }

    .product-item-details {
      margin-top: 0px !important;
    }

    .special-price .cart-campaign-wrapper:before {
      display: none !important;
    }

    .special-price .cart-campaign-wrapper {
      padding: 0px;
    }

    .product-item-info {
      border: 1px solid #ddd;
    }

    img.product-image-photo {
      padding: 0 !important;
      margin: 0 !important;
      width: 90% !important;
    }
  }


  .price-wrapper {
    display: flex;
    flex-direction: column;
  }

  .product-item-image-area .product-image-wrapper .product-image-photo {
    border: none !important;
  }
}

.tabs-content {
  border: none !important;
}

/* Çamaşır tabs */
.camasir-tabs {
  ul.tabs-navigation {
    display: flex;
    justify-content: center;

    li {
      border: none !important;
      background: none !important;

      span.tab-title {
        font-weight: normal;
        font-size: 15px;
        padding: 15px;
      }

      &.ui-tabs-active.ui-state-active {
        span.tab-title {
          border-bottom: 2px solid #dce9ed !important;
        }
      }
    }
  }
}

/* Sidebar filters */
.sidebar.sidebar-main .eln-filter-item[attribute-code="categories"] .filter-options-title{
    padding-left: 0px !important;
}
.sidebar.sidebar-main .filter-options-item .filter-options-title {
  border-bottom: solid 1px #93c6d1 !important;
}

/* Swatches */
.swatch-attribute-options {
  margin: 0;
}

/* Eln filters */
div.block.filter div.eln-layer div.eln-filter-item div.eln-filter-content .filter-option span.title:before {
  border-color: #93c6d1 !important;
}

.block.filter .eln-layer .eln-filter-item .eln-filter-content .filter-option span.title.selected:before {
  background-color: #93c6d1 !important;
}

.block.filter .eln-layer .eln-filter-item .eln-filter-content li.checkbox-class input[type=checkbox] {
  accent-color: #93c6d1;
}

div.block.filter div.eln-layer div.eln-filter-item[attribute-code=categories] ul li.children.active > ul {
  margin-top: 0 !important;
  padding: 0 !important;
}

/* Category banner */
.product-category-banner {
  margin-bottom: 60px;
  position: relative;

  select {
    width: auto;
    position: absolute;
    right: 0;
    bottom: -40px;
  }
}

/* Category page column */
.page-products .column.main {
  border-left: 1px solid #93c6d1;
  padding-bottom: 0 !important;
}

/* Camasir landing */
.camasir-langing-kategoriler {
  h4 {
    font-size: 13px;
    font-weight: 300 !important;
    background: red;
    color: white;
    padding: 5px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
  }

  .pagebuilder-column {
    padding: 15px;
    display: block;
  }
}

/* Ütü ürünleri */
.utu-urunleri {
  padding-bottom: 30px;
  margin-top: 145px;

  .utu-urunleri-image {
    position: relative;

    > figure > img.pagebuilder-mobile-hidden {
      position: absolute;
      top: -100px;
      left: 0px;
    }
  }

  .product-widget-grid-item {
    background: white;
  }

  h2 {
    font-size: 42px;
    color: #224f9e;
  }
}

/* Modal */
.modal-inner-wrap {
  max-width: 1200px !important;
}

.modal-footer {
  display: none;
}

.modal-header {
  position: absolute;
  right: 0;
}

.modal-content {
  background: #f0f3f2;
  display: flex;
  padding: 0 0px !important;

  .product-image {
    background: white;
    border-radius: 0 60% 60% 0;
    border: 1px solid white;
    width: 35%;
    margin-right: 50px;
    display: flex;
    align-items: center;

    img {
      align-items: center;
      height: 250px;
      border-radius: 0 60% 60% 0;
      display: flex;
    }
  }

  .product-detail {
    width: fit-content;

    .detail {
      padding: 40px 0;

      h1 {
        margin: 20px;
      }
    }

    .product-description {
      margin-bottom: 150px;
      max-height: 350px;
      font-weight: 300;
      overflow: scroll;
      padding: 0 20px;

      h2 {
        font-weight: bold;
        border-bottom: 1px solid #DDDDDD;
      }
    }

    .product-actions {
      position: absolute;
      right: 30px;
      bottom: 30px;

      .price-box {
        display: flex;
        flex-direction: column;

        .addToCart {
          width: 100%;
        }

        .product-price {
          display: flex;
          align-items: center;

          .price {
            font-size: 17px;
            text-align: center;
            font-weight: 400;
            margin-right: 100px;
          }

          .special-price {


            .ross-price-area {
              .ross-price {
                font-size: 22px;
                color: #b8002c;
              }
            }

            .crm-price-area {
              font-size: 21px;
              text-align: center;
              font-weight: 600;
              color: #b8002c;
              margin: 0;
              margin-right: 0;
              display: flex;
              flex-direction: column;
              position: relative;

              .crm-price-text {
                color: black;
                font-size: 11px;
              }

              &:before {
                content: '';
                background-image: url('https://cdn.rossmann.com.tr/rossmann-card.svg');
                width: 50px;
                height: 40px;
                background-size: 100% 100%;
                position: absolute;
                left: -70px;
                top: 0px;
              }
            }
          }

        }
      }
    }
  }
}


h2 {
  font-size: 40px;
  font-weight: 300;
}

h3 {
  color: #01426A;
  font-size: 40px;
  font-weight: bold;
}

.renk-ayirici-urunler {
  position: relative;

  .renk-ayirici-content {
    position: absolute;
    right: -5%;
    width: 36% !important;
  }
}

div[data-content-type=text] {
  > p {
    font-weight: 300;
  }
}


.detarjan-urunleri {
  padding-left: 15px;
  position: relative;


  h3 {
    width: 50%;
    position: relative;

    &::after {
      content: "";
      display: block;
      width: 200px;
      height: 200px;
      background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_leke_yikamaylabirlikte.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto;
      position: absolute;
      right: -75%;
      top: -110%;
    }
  }
}

.yumusatici-urunler {
  display: flex;
  flex-direction: column;

  h3 {
    width: 50%;
    position: relative;

    &::after {
      content: "";
      display: block;
      width: 150px;
      height: 150px;
      background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_camasir_yumusatici.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto;
      position: absolute;
      right: -125px;
      top: -50px;
    }
  }
}


.makine-temizligi {
  h3 {
    position: relative;
    width: 45%;

    &::after {
      content: "";
      display: block;
      width: 175px;
      height: 175px;
      background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_camasir_makinetemizligi.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto;
      position: absolute;
      right: -130px;
      top: -40px;
    }
  }
}

.parfum-urunleri {
  padding: 45px;

  h3 {
    position: relative;
    width: 45%;

    &::after {
      content: "";
      display: block;
      width: 125px;
      height: 125px;
      background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_camasir_parfum.png");
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      margin: 0 auto;
      position: absolute;
      right: -70%;
      top: -40px;
    }
  }
}


.utu-urunleri {
  padding-top: 25px;
}

.uclu-urun li.product-item {
  width: 32% !important;
}

.ikili-urun li.product-item {
  width: 45% !important;
}


.domol-tumunu-goruntule-button a.pagebuilder-button-link {
  text-align: right !important;
  border-bottom: 1px solid #1a79c3;
}

.domol-tumunu-goruntule-button a.pagebuilder-button-link::after {
  content: " > ";
  width: 100px;
  height: 100px;
}

.domol-tumunu-goruntule-button {
  width: 100%;
  text-align: right;
}


.left.sirius-bg-secondary {
  background: white !important;
}

.ea-suggest {
  background: white;
}

span.section.sirius-primary-bgcolor {
  background: #4e5f80 !important;
}

div#ea-all-results {
  display: none;
}


.home-main-slider .pagebuilder-column-line {
  flex-direction: column;

  ul.slick-dots {
    margin: 5px !important;
  }

  .pagebuilder-column {
    position: relative;
    width: 100% !important;
    display: flex !important;

    img {
      width: 100%;
    }

    h3 {
      position: absolute;
      top: 20%;
      left: 5%;
      font-size: 28px;
      width: 20%;
    }

    div {
      position: absolute;
      top: 50%;
      left: 5%;
      font-size: 16px;
      width: 27%;
    }
  }
}

.camasir-makine-urunler {
  position: relative
}

.camasir-makine-urunler .banner-urun-sag {
  position: absolute;
  z-index: 9;
  top: 18%;
  right: 33%;
}

.camasir-makine-urunler .banner-urun-sol {
  position: absolute;
  z-index: 9;
  top: 25%;
  left: 30%;
}


.cart-campaign-wrapper.color-lipstick-red .text-left {
  max-width: 100px !important;
}

.mnm-page-builder-carousel .product-item .product-item-details {
  margin-top: 20px !important;
}


.ea-products-grid {
  max-height: 400px;
  overflow: scroll;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
}

div.ea-search-autocomplete div.content div.right div#ea-products div.ea-products-grid div.ea-product{
  max-width: 89% !important;
}
div.ea-search-autocomplete div.content div.right div#ea-products div.ea-products-grid div.ea-product .product-item-name {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#ea_search_autocomplete {
  left: -200px !important;
}

.left.sirius-bg-secondary {
  display: none !important;
}

@media (min-width: 978px) {
  .ikili-urun,
  .uclu-urun {
    p.regular-price {
      width: 40%;
    }

    .mnm-page-builder-carousel .product-item .special-price .cart-campaign-wrapper {
      padding-left: 70px;
      width: 53% !important;
    }
  }
}

span.cart-count {
  background: #01426A;
  padding: 2px 8px;
  border-radius: 100%;
  position: absolute;
  right: 1px;
  top: -4px;
  font-size: 12px;
  color: white;
  z-index: 999;
}

/* Responsive */
@media (max-width: 978px) {
  .ea-products-grid {
    display: flex !important;
  }
  #ea_search_autocomplete {
    left: 10px !important;
  }

  main#maincontent {
    padding-top: 30px;
  }

  .modal-content {
    .product-detail {
      .detail {
        h1 {
          margin: 10px 20px;
          font-size: 16px;
          font-weight: 500;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 280px;
        }
      }

      .product-description {
        max-height: 220px;
        margin-bottom: 0;

        h2 {
          font-size: 16px;
          margin: 10px 0;
        }
      }
    }
  }

  .mnm-page-builder-carousel .price-wrapper .regular-price {
    width: 42% !important;
  }

  .mnm-page-builder-carousel .product-item .product-item-details {
    padding: 0 !important;
  }

  .mnm-page-builder-carousel .mobilePriceFlex span.price sup span, .mnm-page-builder-carousel .mobilePrice sup span {
    bottom: -6px !important;
  }

  .camasir-makine-urunler .banner-urun-sag {
    position: absolute;
    z-index: 9;
    top: 38px;
    right: 73px;
    width: 60px;
  }

  .camasir-makine-urunler .banner-urun-sol {
    position: absolute;
    z-index: 9;
    top: 35px;
    left: 70px;
    width: 50px;
  }

  h2 {
    font-size: 24px;
  }


  .cozumu-domol,
  .yeni-urun {
    .pagebuilder-column-line {
      position: relative;
      display: flex;
      align-items: center;
      align-content: center;

      .pagebuilder-column {
        div[data-content-type=text] {
          padding-left: 10px !important;
          padding-right: 10px !important;
        }

        &:nth-child(1) {
          position: absolute;
          top: 0;
        }

        &:nth-child(2) {
          margin-top: 90px;
          max-height: 150px;
          overflow: scroll;
        }

        &:nth-child(3) {
          align-items: center;
        }
      }
    }
  }


  .yeni-urun {
    .pagebuilder-column-line {
      .pagebuilder-column {
        &:nth-child(1) {
          position: absolute;
          top: 90px;
          right: 0;
        }

        &:nth-child(2) {
          margin-top: 0px;
          max-height: 250px;
        }
      }
    }
  }


  .super-ikili {
    .pagebuilder-column-line {
      .pagebuilder-column {
        &:nth-child(2) {
          div[data-content-type=text] {
            overflow: scroll;
            max-height: 200px;
          }
        }

        .addToCart {
          width: 60% !important;
        }
      }
    }
  }


  .home-main-slider .pagebuilder-column-line {

    ul.slick-dots {
      margin: 0px !important;
    }

    .pagebuilder-column {
      h3 {
        font-size: 16px;
      }

      div p {
        font-size: 13px;
      }
    }
  }


  .kampanya-slider {
    max-height: 400px;
  }

  .domol-tumunu-goruntule-button a.pagebuilder-button-link {
    text-align: right !important;
    font-size: 14px;
    border-bottom: 1px solid #1a79c3;
  }

  .camasir-langing-kategoriler {
    h4 {
      font-size: 13px;
      font-weight: 300;
      padding: 1px !important;
      height: 30px !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
    }

    max-height: 200px;
  }

  .nav-toggle:before {
    display: none !important;
  }

  .mnm-header {
    .mnm-header-row-top {
      padding-top: 0px !important;
    }
  }

  .logo > img {
    width: 75px !important;
  }

  .temizligin-ustalari ul {
    overflow: scroll;
  }

  .product-widget-grid,
  .product-category-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .banner-with-text .pagebuilder-banner-wrapper {
    min-height: 300px;
    background-size: 100% 100%;
  }

  .mnm-header-row-top .block-search {
    top: 50px !important;
  }

  .home-categories-area {
    display: none !important;
  }

  .widget-product-carousel .product-item .price-box .price,
  .product-widget-grid .product-widget-grid-item .price-box .price,
  .product-category-grid .product-widget-grid-item .price-box .price {
    font-size: 14px;
  }

  .widget-product-carousel .product-item .price-box .special-price,
  .product-widget-grid .product-widget-grid-item .price-box .special-price,
  .product-category-grid .product-widget-grid-item .price-box .special-price {
    font-size: 14px;
  }

  .addToCart,
  .addToCart .pagebuilder-button-primary {
    padding: 7px 8px;
    font-size: 12px;
  }

  .page-products .column.main {
    border-left: none;
  }

  .pagebuilder-column-line {
    flex-wrap: nowrap;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  div[data-content-type='tabs'] .tabs-navigation li.tab-header a.tab-title {
    padding: 1.4rem 0;
  }

  .utu-urunleri {
    position: relative;
    background-color: white !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;

    h2 {
      font-size: 34px !important;
    }
  }

  .modal-content {
    display: flex;
    flex-direction: column;
    overflow: hidden !important;

    .product-image {
      width: 100%;
      border: none;
      border-radius: 0;
      justify-content: center;
      padding: 30px 0px;
    }

    .product-detail {
      .product-description {
        padding: 0 20px;
      }

      .detail {
        padding: 0;
      }

      .product-actions {
        position: absolute;
        width: 90%;
        padding: 15px;
        right: 0 !important;
        bottom: 0 !important;

        .price-box {
          flex-direction: row;
          justify-content: space-between;
          align-items: center;

          .price {
            margin-right: unset !important;
          }

          .special-price {
            .crm-price-area {
              padding-left: 70px !important;
              font-size: 15px !important;

              &:before {
                left: 10px !important;
              }
            }

            .ross-price-area {
              padding-left: 35px !important;
            }
          }

          .addToCart {
            padding: 10px 20px;
          }
        }
      }
    }
  }

  body._has-modal {
    overflow: hidden !important;
  }

  .ikili-urun {
    width: 100% !important;

    .product-widget-grid {
      grid-template-columns: repeat(1, 1fr);
      margin: auto;
      gap: 0;
    }
  }


  .uclu-urun {
    width: 100%;

    .widget-product-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px;

      .product-item {
        width: 48% !important;

        &:last-child {
          display: none;
        }
      }
    }
  }


  .yumusatici-urunler {
    display: flex;
    flex-direction: column;
    padding-left: 15px;


    h3 {
      width: 60%;
      position: relative;

      &::after {
        content: "";
        display: block;
        width: 90px;
        height: 90px;
        background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_leke_yikamaylabirlikte.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
        position: absolute;
        right: -85px;
        top: -40px;
      }
    }
  }

  h3 {
    font-size: 16px;
  }

  .makine-temizligi {
    padding: 15px;

    h3 {
      &::after {
        width: 80px;
        height: 80px;
        top: -40px;
        right: -80px;
      }
    }

  }

  p {
    font-size: 13px
  }

  .domol-renk-ayirici .pagebuilder-column-line {
    display: flex;
    flex-direction: column;
  }

  .pagebuilder-column.renk-ayirici-urunler {
    width: 100% !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center;
  }

  .renk-ayirici-content {
    position: relative !important;
    display: flex;
    flex-direction: column;
    right: 0 !important;
    width: 130% !important;
    padding-left: 30px;
  }

  .detarjan-urunleri {
    & h3 {
      &::after {
        content: "";
        display: block;
        width: 175px;
        height: 175px;
        background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_camasir_deterjan.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
        position: absolute;
        right: -125px;
        top: -85px;
      }
    }
  }

  .parfum-urunleri {
    & h3 {
      &::after {
        content: "";
        display: block;
        width: 100px;
        height: 100px;
        background-image: url("https://cdn.rossmann.com.tr/media/wysiwyg/domol/Icons_camasir_parfum.png");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
        position: absolute;
        right: -120px;
        top: -41px;
      }

      width: 60%;

    }

    padding: 25px;

  }

  .domol-parfum-urunleri .pagebuilder-column-line {
    display: flex;
    flex-direction: row-reverse;
  }

  .pagebuilder-column.utu-urunleri-image {
    position: absolute;
    right: 0;
    top: -10px;
  }


  .pagebuilder-column.utu-urunleri-content {
    /* padding-right: 30%; */
  }


  .utu-urunleri-content p {
    padding-right: 30%;
  }


  .pagebuilder-column-line.domol-yumusatici-urun {
    display: flex;
    flex-direction: row-reverse;
  }

  .parfum-urunleri {
    & h3 {
      &::after {
        width: 100px;
        height: 100px;
        right: -80px;
        top: -60px;
      }
    }
  }

  .detarjan-urunleri {
    & h3 {
      &::after {
        width: 100px;
        height: 100px;
        right: -100px;
        top: -60px;
      }
    }
  }
}