/* landig mobile css */

.mobile-menu-toolbar,
.mobile-menu-panel,
.mobile-menu-overlay,
.mobile-submenu-toggle {
  display: none !important;
}

/*@media screen and (max-width: 767px) {*/
@media screen and (max-width: 767px),
       screen and (orientation: landscape)
       and (max-width: 1024px)
       and (max-height: 767px) {
  html,
  body {
    width: 100vw;
    min-height: 100vh;
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
    overscroll-behavior-x: none;
    background-color: #ffffff;
  }

  #imageCarouselThumbs .splide__arrow--next {
    right: -2.5em !important;
  }
  #imageCarouselThumbs .splide__arrow--prev {
    left: -2.5em !important;
  }

/*
  @supports (width: 100dvw) {
    html,
    body,
    .layout-shell,
    .layout-page,
    .layout-page-inner,
    .layout-header,
    .layout-row {
      width: 100dvw;
      max-width: 100dvw;
    }
  }

  @supports (height: 100dvh) {
    html,
    body,
    .layout-shell,
    .layout-page,
    .layout-page-inner {
      min-height: 100dvh;
    }
  }
*/
  .productDetailDescription table[width]:not([width$="%"]) {
    max-width: 100%;
    width: 100%;
  }

  .productDetailDescription .ewfont p[style*="width"] {
    width: auto !important;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
    white-space: normal;
  }

    body.mobile-menu-open {
        overflow-x: hidden;
    }

    #lang-sel-box {
        display: none;
    }
    
  /* Layout refactor */
  .layout-shell,
  .layout-page,
  .layout-page-inner,
  .layout-header,
  .layout-row,
  .layout-navtrail,
  .layout-columns,
  .layout-main,
  .layout-main-inner,
  .layout-main-content,
  .layout-wide-section,
  #main_content {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-main,
  .layout-main-inner,
  .layout-main-content,
  .layout-wide-section,
  #main_content {
    overflow-x: clip;
    overflow-y: visible;
  }

  .layout-shell,
  .layout-page,
  .layout-page-inner,
  .layout-header,
  .layout-row,
  .layout-row--sticky-top,
  .layout-row--sticky-menu {
    overflow: visible !important;
  }

  .layout-shell,
  .layout-page,
  .layout-page-inner {
    background-color: #ffffff;
  }

  .layout-row--hero,
  .site-hero-link,
  .site-hero-image {
    width: 100%;
    max-width: 100%;
  }

  .site-hero-link,
  .site-hero-image {
    display: block;
  }

  .site-hero-image {
    height: auto;
  }

  .layout-page,
  .layout-banner {
    max-width: 100%;
    box-sizing: border-box;
  }

  .layout-main--wide {
    padding-left: 0;
    padding-right: 0;
  }

  .layout-row.layout-row--sticky-top {
    position: sticky !important;
    top: 0 !important;
    z-index: 111 !important;
  }

  .layout-row.layout-row--sticky-menu {
    position: sticky !important;
    /*top: 47px !important;*/
    overflow: visible;
    z-index: 112 !important;
  }

  body.mobile-menu-open .layout-row.layout-row--sticky-top {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 120 !important;
  }

  body.mobile-menu-open .layout-row.layout-row--sticky-menu {
    position: fixed !important;
    top: var(--mobile-sticky-menu-top, 0px) !important;
    left: 0;
    right: 0;
    width: 100%;
    overflow: visible !important;
    z-index: 121 !important;
  }

  .menu-container {
    position: relative;
    display: block !important;
    width: 100%;
    --mobile-menu-panel-height: calc(100svh - 107px - env(safe-area-inset-bottom));
  }

  @supports (height: 100dvh) {
    .menu-container {
      --mobile-menu-panel-height: calc(100dvh - 107px - env(safe-area-inset-bottom));
    }
  }

  .menu-container .menu-mobile,
  .menu-container .small-screen,
  .menu > ul > li.searchbar,
  .menu > ul > li.shop-items,
  .menu > ul > li.social {
    display: none !important;
  }

  .mobile-menu-toolbar {
    display: flex !important;
    align-items: center;
    gap: 8px;
    position: relative;
    z-index: 112;
    width: 100%;
    padding: 8px 12px;
    background: #f0f0f0;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
  }

  .mobile-menu-button {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .mobile-menu-button span {
    position: absolute;
    width: 22px;
    height: 2px;
    background: #24342a;
    border-radius: 999px;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .mobile-menu-button span:nth-child(1) {
    transform: translateY(-7px);
  }

  .mobile-menu-button span:nth-child(3) {
    transform: translateY(7px);
  }

  .menu-container.is-mobile-menu-open .mobile-menu-button span:nth-child(1) {
    transform: rotate(45deg);
  }

  .menu-container.is-mobile-menu-open .mobile-menu-button span:nth-child(2) {
    opacity: 0;
  }

  .menu-container.is-mobile-menu-open .mobile-menu-button span:nth-child(3) {
    transform: rotate(-45deg);
  }

  .mobile-menu-search {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
  }

  .mobile-menu-search form {
    position: relative;
  }

  .mobile-menu-search input {
    width: 100%;
    height: 40px;
    padding: 8px 42px 8px 12px;
    border: 1px solid #d8d8d8;
    background: #ffffff;
    color: #000000;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
  }

  .mobile-menu-search__submit {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    transform: translateY(-50%);
    cursor: pointer;
  }

  .mobile-menu-search__submit img {
    display: block;
    width: 18px;
    height: 18px;
  }

  .mobile-menu-actions {
    display: flex !important;
    flex: 0 0 auto;
    align-items: center;
    gap: 2px;
  }

  .mobile-menu-actions a {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #000000;
    text-decoration: none;
  }

  .mobile-menu-actions img {
    display: block;
    width: auto;
    max-height: 28px;
  }

  .mobile-menu-cart-count {
    position: absolute;
    top: 3px;
    right: 1px;
    min-width: 16px;
    height: 16px;
    padding: 0 3px;
    border-radius: 999px;
    background: #2B4130;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    box-sizing: border-box;
  }

  .mobile-menu-panel {
    display: none;
  }

  .menu-container.has-mobile-generated-menu > .menu {
    display: none !important;
  }

  .menu-container.has-mobile-generated-menu .mobile-menu-panel {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: var(--mobile-menu-panel-visible-height, calc(100svh - var(--mobile-menu-panel-top, 0px) - env(safe-area-inset-bottom)));
    max-height: var(--mobile-menu-panel-visible-height, calc(100svh - var(--mobile-menu-panel-top, 0px) - env(safe-area-inset-bottom)));
    z-index: 122;
    background: #ffffff;
    border-top: 1px solid #d8d8d8;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    opacity: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    -webkit-overflow-scrolling: touch;
  }

  .menu-container.has-mobile-generated-menu.is-mobile-menu-open .mobile-menu-panel {
    opacity: 1;
    overscroll-behavior-y: contain;
    pointer-events: auto;
    visibility: visible;
  }

  .mobile-menu-panel > ul {
    margin: 0;
    padding: 0 0 calc(160px + env(safe-area-inset-bottom));
    list-style: none;
    background: #ffffff;
  }

  .mobile-menu-overlay {
    position: fixed;
    top: var(--mobile-menu-overlay-top, 0px);
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 119;
    display: block !important;
    border: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
  }

  .menu-container.has-mobile-generated-menu.is-mobile-menu-open .mobile-menu-overlay {
    opacity: 1;
    pointer-events: auto;
  }

  .mobile-menu-panel > ul > li {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ece8df;
    background: #ffffff;
  }

  .mobile-menu-panel > ul > li > a {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 68px;
    padding: 20px 68px 20px 18px;
    color: #1f1f1f;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    font-size: 16px;
    line-height: 1.35;
    box-sizing: border-box;
  }

  .mobile-menu-panel .mobile-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 68px;
    padding: 0;
    border: 0;
    border-left: 1px solid #ece8df;
    background: rgba(36, 52, 42, 0.03);
    cursor: pointer;
  }

  .mobile-menu-panel .mobile-submenu-toggle::before {
    content: "";
    width: 11px;
    height: 11px;
    border-right: 2px solid #24342a;
    border-bottom: 2px solid #24342a;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  .mobile-menu-panel > ul > li.is-open > .mobile-submenu-toggle::before {
    transform: rotate(-135deg);
  }

  .mobile-menu-panel > ul > li.is-open > .mobile-submenu-toggle {
    background: rgba(36, 52, 42, 0.06);
  }

  .mobile-menu-panel > ul > li > ul {
    margin: 0;
    padding: 0 18px;
    list-style: none;
    background: #f8f6f2;
    border-top: 1px solid #ece8df;
    box-sizing: border-box;
    overflow: hidden;
    opacity: 0;
    max-height: 0;
    transition: max-height 0.28s ease, padding 0.28s ease, opacity 0.2s ease;
  }

  .mobile-menu-panel > ul > li.is-open > ul {
    padding: 0 18px 18px;
    opacity: 1;
  }

  .mobile-menu-panel > ul > li > ul > li {
    display: block;
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 18px 0 0;
  }

  .mobile-menu-panel > ul > li > ul > li > a {
    display: block;
    width: 100%;
    padding: 0 0 10px;
    color: #24342a;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto Slab', serif;
    font-size: 17px;
    line-height: 1.35;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
  }

  .mobile-menu-panel > ul > li > ul > li > ul {
    margin: 0;
    padding: 10px 0 0;
    list-style: none;
  }

  .mobile-menu-panel > ul > li > ul > li > ul > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 7px 0;
  }

  .mobile-menu-panel > ul > li > ul > li > ul > li a {
    display: block;
    width: 100%;
    color: #000000;
    text-decoration: none;
    text-transform: none;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 1.5;
  }

  .mobile-menu-panel > ul > li.mobile-secondary-main > ul > li > a {
    text-transform: none;
    font-size: 16px;
  }

  .mobile-menu-panel > ul > li.mobile-secondary-main > ul > li.is-current > a {
    color: #eb601d;
    border-bottom-color: #eb601d;
  }

  .mobile-menu-panel > ul > li.mobile-secondary-main > ul > li > ul {
    padding-top: 4px;
    padding-left: 12px;
  }

  .mobile-menu-panel > ul > li.mobile-secondary-main > ul > li > ul > li {
    padding: 5px 0;
  }

  .mobile-menu-panel > ul > li.mobile-secondary-main > ul > li > ul > li a {
    color: #3b3b3b;
    font-size: 14px;
    line-height: 1.45;
  }

  .mobile-menu-panel img.menu-hover {
    display: none !important;
  }

  .menu {
    display: block !important;
    position: static;
    z-index: 120;
    background: #ffffff;
    border-top: 1px solid #d8d8d8;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.28s ease, opacity 0.2s ease;
    -webkit-overflow-scrolling: touch;
  }

  .menu-container.is-mobile-menu-open .menu {
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }

  .mobile-menu-overlay {
    display: block !important;
  }

  .menu > ul {
    display: block;
    width: 100%;
  }

  .menu > ul > li {
    float: none;
    display: block;
    width: 100%;
    background: #ffffff;
    margin: 0;
    border-bottom: 1px solid #ece8df;
  }

  .menu > ul > li.menu-main {
    position: relative;
  }

  .menu > ul > li.menu-main > a {
    display: block;
    width: 100%;
    padding: 15px 56px 15px 16px;
    color: #1f1f1f;
    font-family: 'Roboto Slab', serif;
    font-size: 15px;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase;
    box-sizing: border-box;
  }

  .mobile-submenu-toggle {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .mobile-submenu-toggle::before {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #24342a;
    border-bottom: 2px solid #24342a;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }

  .menu > ul > li.is-open > .mobile-submenu-toggle::before {
    transform: rotate(-135deg);
  }

  .menu > ul > li > ul {
    display: block !important;
    position: static;
    width: 100%;
    max-height: 0;
    padding: 0 16px;
    margin: 0;
    background: #f8f6f2;
    box-sizing: border-box;
    border-top: 1px solid #ece8df;
    box-shadow: none;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.28s ease, padding 0.28s ease, opacity 0.2s ease;
  }

  .menu > ul > li.is-open > ul {
    max-height: 2000px;
    padding: 0 16px 14px;
    opacity: 1;
  }

  .menu > ul > li > ul > li {
    display: block !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    min-width: 0;
    padding: 12px 0 0;
    margin: 0;
  }

  .menu > ul > li > ul > li.l1 {
    min-height: 0;
  }

  .menu > ul > li > ul > li > a {
    display: block;
    width: 100%;
    padding: 0 0 6px;
    color: #24342a;
    font-family: 'Roboto Slab', serif;
    font-size: 14px;
    line-height: 1.35;
    border-bottom: 1px solid #d8d8d8;
  }

  .menu > ul > li > ul > li > ul {
    display: block !important;
    margin: 8px 0 0;
    padding: 0;
  }

  .menu > ul > li > ul > li > ul > li {
    display: block !important;
    float: none !important;
    clear: both;
    width: 100% !important;
    min-width: 0;
    padding: 4px 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .menu > ul > li > ul > li > ul > li a {
    display: block;
    width: 100%;
    padding: 0;
    color: #000000;
    border: 0;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
  }

  .menu > ul > li > ul img.menu-hover {
    display: none;
  }

  .layout-columns,
  .layout-columns.has-left,
  .layout-columns.has-right,
  .layout-columns.has-left.has-right {
    grid-template-columns: minmax(0, 1fr);
  }

  .navLeft,
  .navRight,
  .layout-sidebar--left,
  .layout-sidebar--right {
    display: none;
    width: 100% !important;
    max-width: 100%;
  }

  .layout-main-inner,
  .layout-navtrail .lbreadcrumb,
  .layout-wide-section {
    padding-left: 12px;
    padding-right: 12px;
  }

  #lang-sel-box {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 100%;
    margin: 10px 0;
  }

  #footer > div,
  #footerNewsletter > div,
  #nl-page-block .nl-subscribe form > div {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin-right: 0 !important;
  }

  #footerNewsletter,
  #footer2,
  #nl-page-block,
  .footerListCol {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  #footer {
    padding: 24px 16px 0;
    font-size: 13px;
  }

  #footer > div {
    margin-bottom: 24px;
  }

  #footer #payment ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 0;
    padding: 0;
  }

  #footer #payment ul li {
    margin: 0;
    padding: 8px 12px;
    background: #eef2ee;
    border: 1px solid #d5ddd6;
    border-radius: 999px;
    color: #24342a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.2;
    text-transform: uppercase;
  }

  #footerNewsletter {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-top: 24px;
    text-align: center;
  }

  #footerNewsletter > div {
    margin: 0 !important;
  }

  #footerNewsletter img,
  #nl-page-block img {
    max-width: 100%;
    height: auto !important;
  }

  #footerNewsletter > div:first-child {
    width: 140px !important;
  }

  #footerNewsletter > div:first-child img {
    display: block;
    width: 100%;
    height: auto !important;
    margin: 0 auto;
  }

  #footerNewsletter .colv2 {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }

  #footerNewsletter .newsletterBoxHeader {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.3;
    text-align: center;
  }

  #footerNewsletter .newsletterBoxHeaderContainer {
    width: 100% !important;
    margin-right: 0 !important;
  }

  #footerNewsletter .colv2 input[type=text],
  #footerNewsletter .colv2 input[type=password],
  #footerNewsletter .colv2 input[type=email],
  #footerNewsletter .colv2 button {
    width: 100% !important;
    box-sizing: border-box;
  }

  #footerNewsletter .colv2 button {
    min-height: 44px;
    font-size: 16px;
  }

  #footerNewsletter .colv2 > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 10px 6px 0 !important;
  }

  #footerNewsletter .colv2 > a img {
    width: auto !important;
    max-width: 42px;
    height: 42px !important;
    margin: 0 !important;
  }

  #nl-page-block {
    padding: 20px 16px 24px;
  }

  #nl-page-block .nl-heading {
    margin: 0 auto 14px;
    font-size: 18px;
    line-height: 1.35;
  }

  #nl-page-block .nl-text {
    margin: 0 auto 18px;
    font-size: 15px;
    line-height: 1.5;
  }

  #nl-page-block .nl-subscribe {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
  }

  #nl-page-block .nl-subscribe form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  #nl-page-block input,
  #nl-page-block button {
    width: 100% !important;
    box-sizing: border-box;
  }

  #nl-page-block input {
    min-height: 42px;
    padding: 10px 12px;
    font-size: 14px;
    text-align: center;
  }

  #nl-page-block button.greenButton {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 10px 14px;
    font-size: 16px;
    line-height: 1.2;
    white-space: normal;
  }

  #nl-page-block button.greenButton img {
    width: auto !important;
    height: 16px !important;
    max-width: none;
    margin: 0;
  }

  #nl-page-block .nl-subscribe form > div + div {
    margin-top: 0;
  }

  .footerListCol {
    margin-bottom: 24px;
  }

  .footerListCol > div:first-child {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.3;
  }

  .footerListCol ul {
    margin: 0;
    padding: 0;
    line-height: 1.6;
  }

  .footerListCol ul li {
    margin: 0;
    padding: 2px 0;
  }

  #footer2 {
    padding: 20px 16px 28px;
    font-size: 11px;
    line-height: 1.5;
  }

  .layout-main,
  .layout-main-inner,
  .layout-main-content,
  #main_content {
    min-width: 0;
  }

  .layout-main-content img,
  .layout-main-content a img,
  .layout-main-content figure img,
  .layout-main-content video,
  .layout-main-content iframe,
  .layout-main-content canvas,
  .layout-main-content svg,
  .layout-main-content object,
  .layout-main-content embed,
  #main_content img,
  #main_content a img,
  #main_content figure img,
  #main_content video,
  #main_content iframe,
  #main_content canvas,
  #main_content svg,
  #main_content object,
  #main_content embed {
    max-width: 100% !important;
    height: auto !important;
  }

  .layout-main-content img[align],
  .layout-main-content img[style*="float"],
  .layout-main-content figure,
  #main_content img[align],
  #main_content img[style*="float"],
  #main_content figure {
    float: none !important;
    clear: both;
    display: block;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .layout-main-content figure,
  #main_content figure {
    width: 100%;
    max-width: 100%;
  }

  .layout-main-content .homeCont,
  #main_content .homeCont {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    align-items: start;
  }

  .layout-main-content .homeCont > a:not(.tileLink),
  .layout-main-content .homeCont > h1,
  .layout-main-content .homeCont > h2,
  .layout-main-content .homeCont > h3,
  .layout-main-content .homeCont > p,
  .layout-main-content .homeCont > .row,
  #main_content .homeCont > a:not(.tileLink),
  #main_content .homeCont > h1,
  #main_content .homeCont > h2,
  #main_content .homeCont > h3,
  #main_content .homeCont > p,
  #main_content .homeCont > .row {
    grid-column: 1 / -1;
  }

  .layout-main-content .homeCont > br,
  #main_content .homeCont > br {
    display: none;
  }

  .layout-main-content .homeCont > a.tileLink,
  #main_content .homeCont > a.tileLink {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-main-content .homeCont > a.tileLink:has(> .homeTile.wide),
  #main_content .homeCont > a.tileLink:has(> .homeTile.wide) {
    grid-column: 1 / -1;
  }

  .layout-main-content .homeCont > a.tileLink > .homeTile,
  #main_content .homeCont > a.tileLink > .homeTile {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box;
    background-size: cover !important;
    background-position: center center !important;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories,
  #main_content .homeCont > .homeTileGroup--categories {
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    box-sizing: border-box;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories .tileLink,
  #main_content .homeCont > .homeTileGroup--categories .tileLink {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    min-width: 0;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories .tileLink:has(> .homeTile.wide),
  #main_content .homeCont > .homeTileGroup--categories .tileLink:has(> .homeTile.wide) {
    grid-column: 1 / -1;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories .homeTile,
  #main_content .homeCont > .homeTileGroup--categories .homeTile {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories .homeTile::before,
  #main_content .homeCont > .homeTileGroup--categories .homeTile::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 0%, rgba(0, 0, 0, 0.46) 32%, rgba(0, 0, 0, 0.08) 62%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories .homeTile .heading,
  #main_content .homeCont > .homeTileGroup--categories .homeTile .heading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    padding: 0 12px;
    margin: 0;
    bottom: 44px;
    transform: none;
    box-sizing: border-box;
    line-height: 1.2;
    font-size: 18px;
    text-align: center;
    color: #ffffff;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.85);
    z-index: 1;
  }

  .layout-main-content .homeCont > .homeTileGroup--categories .homeTile .button,
  #main_content .homeCont > .homeTileGroup--categories .homeTile .button {
    bottom: 14px;
    transform: none;
    z-index: 1;
  }

  .layout-main-content .homeCont > a.tileLink > .homeTile .heading,
  #main_content .homeCont > a.tileLink > .homeTile .heading {
    bottom: 62px;
    transform: none;
  }

  .layout-main-content .homeTeaserRows,
  #main_content .homeTeaserRows {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
    align-items: start;
  }

  .layout-main-content .homeTeaserRows .column33,
  #main_content .homeTeaserRows .column33 {
    display: contents;
  }

  .layout-main-content .homeTeaserRows p,
  #main_content .homeTeaserRows p {
    margin: 0;
    padding: 0;
    min-width: 0;
  }

  .layout-main-content .homeTeaserRows p a,
  #main_content .homeTeaserRows p a {
    display: block;
    width: 100%;
  }

  .layout-main-content .homeTeaserRows p img,
  #main_content .homeTeaserRows p img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 0 8px;
  }

  .layout-main-content .video-tile,
  .layout-main-content .video-tile.right,
  .layout-main-content .video-tiles > .video-tile:nth-of-type(2n),
  #main_content .video-tile,
  #main_content .video-tile.right,
  #main_content .video-tiles > .video-tile:nth-of-type(2n) {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0;
    box-sizing: border-box;
  }

  /* ==========================================================================
     Generic Product Listing Layout
     ========================================================================== */
  .category-header--split {
    flex-direction: column;
    align-items: flex-start;
  }

  .category-header__media {
    width: 100%;
    text-align: center;
  }

  .category-link-grid--two,
  .category-link-grid--three {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 100%;
    gap: 12px;
  }

  .listing-grid--double {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .category-link-grid__item--start,
  .category-link-grid__item--end {
    justify-self: stretch;
  }

  .category-link-grid__item a,
  .listing-grid__item a {
    display: block;
    width: 100%;
  }

  .category-link-grid__item img {
    width: 100%;
  }

  .listing-card__body,
  .listing-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .listing-card .listing-card__body .wk-teaser-table {
    width: 100% !important;
    table-layout: fixed;
  }

  .short-description .wk-teaser-table,
  .listing-card .listing-card__body .wk-teaser-table {
    width: 100% !important;
    table-layout: fixed;
  }

  .short-description .wk-teaser-table td,
  .listing-card .listing-card__body .wk-teaser-table td {
    width: 50% !important;
    min-width: 0;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
  }

  .short-description .wk-teaser-table img,
  .listing-card .listing-card__body .wk-teaser-table img {
    display: inline-block;
    max-width: 100%;
    height: auto;
  }

  .listing-card__footer,
  .listing-row__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .listing-card__price-block,
  .listing-card__actions,
  .listing-card__detail,
  .listing-row__buy,
  .listing-row__shipping {
    text-align: left;
    justify-content: flex-start;
    align-items: flex-start;
  }

  /* ==========================================================================
     Category Listing Layout
     ========================================================================== */
  .category-listing__header {
    flex-direction: column;
  }

  .category-listing__media {
    width: 100%;
    text-align: center;
  }

  .category-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    align-items: start;
  }

  .category-tiles__item,
  .category-tiles__card {
    min-width: 0;
  }

  .category-tiles--compact .category-tiles__card {
    max-width: none;
  }

  .category-tiles__title {
    width: 100%;
  }

  .layout-main-content .category-listing--subcategories .category-tiles,
  #main_content .category-listing--subcategories .category-tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 12px;
    padding-top: 0;
  }

  .layout-main-content .category-listing--subcategories .category-tiles__card,
  #main_content .category-listing--subcategories .category-tiles__card {
    max-width: none;
  }

  .layout-main-content .category-listing--subcategories .category-tiles__title,
  #main_content .category-listing--subcategories .category-tiles__title {
    width: 100%;
  }

  .products-v2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    align-items: start;
  }

  .products-v2 .product-v2 {
    width: auto;
    min-width: 0;
    margin-bottom: 0;
  }

  .products-v2 .product-v2-content {
    padding: 32px 8px 10px;
  }

  .products-v2 .product-v2 .product-v2-image {
    min-height: 140px;
  }

  .products-v2 .product-v2 .product-v2-image img {
    max-width: 100% !important;
    height: auto !important;
  }

  .products-v2 .product-v2 .product-v2-title {
    min-height: 56px;
  }

  .products-v2 .product-v2 .product-v2-price {
    min-height: 44px;
  }

  .product-tiles-carousel {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 12px 0 20px;
    box-sizing: border-box;
  }

  /* Magazine articles set a fixed width inline on their recommendations. */
  .recomended_products {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
  }

  .product-tiles-carousel .splide__slide {
    min-width: 0;
  }

  .product-tiles-card {
    padding: 12px 10px;
  }

  .product-tiles-card__title {
    min-height: 76px;
    margin-bottom: 8px;
  }

  .product-tiles-card__title-text {
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: break-word;
    hyphens: auto;
  }

  .product-tiles-card__image {
    min-height: 132px;
    margin-bottom: 10px;
  }

  .product-tiles-card__image img {
    max-width: 100%;
    max-height: 132px;
  }

  .product-tiles-card__options {
    margin-bottom: 10px;
  }

  .product-tiles-card__options-label {
    font-size: 12px;
  }

  .product-tiles-card__options select {
    min-height: 34px;
    font-size: 13px;
    margin-bottom: 8px;
  }

  .product-tiles-card__price {
    min-height: 96px;
    font-size: 13px;
    line-height: 1.4;
  }

  .product-tiles-card__price .priceDisplay {
    font-size: 18px;
    line-height: 1.15;
  }

  .product-tiles-card__buy {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  #cross-sell-added-to-cart {
    position: fixed !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    left: 50% !important;
    width: calc(100% - 32px) !important;
    max-width: 400px !important;
    height: auto !important;
    min-height: 0;
    max-height: calc(100vh - 32px);
    margin: 0 !important;
    padding: 20px 16px !important;
    box-sizing: border-box;
    overflow-y: auto;
    transform: translate(-50%, -50%);
  }

  /* ==========================================================================
     Product Info Layout
     ========================================================================== */
  .product-detail-page {
    padding-right: 0;
  }

  .product-detail-page .product-left,
  .product-detail-page .product-right {
    float: none !important;
    width: 100% !important;
  }

  .product-detail-page .product-left {
    margin-bottom: 16px;
  }

  .product-detail-page .product-left .products-images,
  .product-detail-page .more-images,
  .product-detail-page #imageCarousel,
  .product-detail-page #imageCarouselThumbs {
    width: 100%;
    max-width: none;
  }

  .product-detail-page .products-images .slider-item img,
  .product-detail-page #imageCarousel > .splide__track > .splide__list > .splide__slide img,
  .product-detail-page #imageCarousel .splide__slide img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: min(56vh, 420px) !important;
    margin: 0 auto;
    object-fit: contain;
  }

  .product-detail-page .products-images .slider-item {
    text-align: center;
  }

  .product-detail-page #imageCarousel .splide__slide {
    text-align: center;
  }

  .product-detail-page #imageCarousel .splide__slide center,
  .product-detail-page #imageCarousel .splide__slide a {
    display: block;
    width: 100%;
  }

  .product-detail-page .products-images > div[style*="padding-left: 50px"] {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .product-detail-page #imageCarouselThumbs {
    margin-top: 4px !important;
  }

  .product-detail-page #imageCarouselThumbs .splide__track,
  .product-detail-page #imageCarouselThumbs .splide__list,
  .product-detail-page #imageCarouselThumbs .splide__slide,
  .product-detail-page #imageCarouselThumbs .thumbContainer {
    height: 82px;
  }

  .product-detail-page #imageCarouselThumbs .thumbContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-detail-page #imageCarouselThumbs .thumbContainer img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 70px !important;
    margin: 0 auto;
    object-fit: contain;
  }

  .product-detail-page .product-right .short-description {
    margin-top: 0;
  }

  .product-detail-page .product-amount-mobile {
    display: none !important;
  }

  .product-detail-page .product-cart-section {
    display: grid;
    grid-template-columns: minmax(108px, 124px) minmax(0, 1fr);
    gap: 8px 10px;
    align-items: end;
    height: auto;
    max-width: 100%;
  }

  .product-detail-page .product-cart-section .flex,
  .product-detail-page .product-amount,
  .product-detail-page .product-add-cart,
  .product-detail-page .product-cart-btn {
    display: block;
    width: auto;
    max-width: none;
    box-sizing: border-box;
  }

  .product-detail-page .product-amount {
    margin-bottom: 0;
    min-width: 0;
    display: grid;
    grid-template-rows: auto 46px;
    align-content: end;
  }

  .product-detail-page .product-amount strong {
    display: block;
    margin-bottom: 4px;
    line-height: 1.2;
    font-size: 13px;
  }

  .product-detail-page .product-amount select {
    width: 100%;
    max-width: 100%;
    height: 46px;
    min-height: 46px;
    min-width: 0;
    font-size: 18px !important;
    box-sizing: border-box;
  }

  .product-detail-page .product-cart-btn .greenButton {
    width: 100% !important;
    height: 46px;
    min-height: 46px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1;
  }

  .product-detail-page .product-add-cart,
  .product-detail-page .product-cart-btn {
    width: 100%;
    min-width: 0;
  }

  .product-detail-page .product-add-cart {
    display: flex;
    align-items: flex-end;
  }

  .product-detail-page .paypal-fincance {
    margin-top: 8px;
    min-height: 0;
  }

  .product-detail-page .paypal-fincance [data-pp-message] {
    display: block;
    width: 100%;
    height: 31px !important;
    min-height: 0 !important;
    max-height: 31px !important;
    line-height: 1.35;
    overflow: hidden;
  }

  .product-detail-page .paypal-fincance [data-pp-message] > span,
  .product-detail-page .paypal-fincance [data-pp-message] > div {
    display: block;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    overflow: hidden;
  }

  .product-detail-page .paypal-fincance iframe {
    max-width: 100%;
    height: 31px !important;
    min-height: 31px !important;
    max-height: 31px !important;
    display: block;
  }

  .product-info-popup__summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .product-media-block__content {
    padding: 0;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .product-media-block__description {
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .recomended_products.cross_sells {
    margin-left: 0;
    padding: 0;
  }

  .checkout-success-recommendations {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 0 !important;
    box-sizing: border-box;
    overflow: hidden;
  }

  .checkout-success-page {
    margin-top: 16px;
  }

  .checkout-success-page__title {
    margin-bottom: 14px;
    font-size: 24px;
  }

  .checkout-success-page__title--featured {
    margin-top: 20px;
  }

  .checkout-success-page__lead,
  .checkout-success-page__copy {
    font-size: 14px;
    line-height: 1.55;
  }

  .checkout-success-page__heading {
    margin-bottom: 18px;
  }

  .checkout-success-page__recommendations-block {
    margin-top: 40px;
  }

  .checkout-success-page__section-title {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.35;
  }

  .checkout-success-page__hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .checkout-success-page__media {
    text-align: center;
  }

  .checkout-success-page__hero-image {
    margin: 0 auto;
    max-width: 240px;
  }

  .checkout-success-page__copy p {
    margin-bottom: 18px;
  }

  .checkout-success-page__continue {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .checkout-success-recommendations .product-tiles-carousel,
  .checkout-success-recommendations .splide__track,
  .checkout-success-recommendations .splide__list,
  .checkout-success-recommendations .splide__slide {
    max-width: 100%;
    box-sizing: border-box;
  }

  .checkout-success-recommendations .product-tiles-carousel {
    position: relative;
  }

  .checkout-success-recommendations .splide__arrows {
    position: absolute;
    top: 200px;
    left: 0;
    right: 0;
    z-index: 2;
    margin: 0;
    padding: 0;
    pointer-events: none;
  }

  .checkout-success-recommendations .splide__arrow {
    position: absolute !important;
    top: 0 !important;
    transform: translateY(-50%) !important;
    margin: 0;
    pointer-events: auto;
  }

  .checkout-success-recommendations .splide__arrow--prev {
    left: 6px !important;
  }

  .checkout-success-recommendations .splide__arrow--next {
    right: 6px !important;
  }

  .product-info-popup__actions {
    padding-right: 0;
    text-align: left;
  }

  /* ==========================================================================
     Added To Cart Popup
     Mobile-specific popup layout overrides live here so they're easy to find.
     ========================================================================== */

  #added2cart_popup {
    padding: 12px;
    overflow-y: auto;
    box-sizing: border-box;
  }

  #added2cart_popup .added2cart-popup__dialog,
  #sCartPopup.added2cart-popup__dialog {
    position: relative;
    width: 100%;
    max-width: none;
    max-height: none;
    margin: 0 auto;
    padding: 14px 12px 16px;
    box-sizing: border-box;
  }

  #added2cart_popup .product-info-popup__title h2,
  #sCartPopup .product-info-popup__title h2 {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
  }

  #added2cart_popup .product-info-popup__actions .greenButton,
  #sCartPopup .product-info-popup__actions .greenButton {
    display: flex;
    width: 100%;
    min-height: 46px;
    margin: 0 0 10px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  #added2cart_popup .product-info-popup__actions .greenButton:last-of-type,
  #sCartPopup .product-info-popup__actions .greenButton:last-of-type {
    margin-bottom: 0;
  }

  #added2cart_popup .added2cart-popup__meter,
  #sCartPopup .added2cart-popup__meter {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin: 20px 0 0;
  }

  #added2cart_popup .added2cart-popup__meter-image,
  #sCartPopup .added2cart-popup__meter-image {
    text-align: center;
  }

  #added2cart_popup .added2cart-popup__meter-image img,
  #sCartPopup .added2cart-popup__meter-image img {
    max-width: 110px;
    height: auto;
    margin: 0 auto;
  }

  #added2cart_popup .added2cart-popup__meter-content,
  #sCartPopup .added2cart-popup__meter-content {
    width: 100%;
    padding-top: 0;
    flex: 0 1 85px;
  }
  
  #added2cart_popup .added2cart-popup__recommendations-title {
      font-size: 1.2em;
  }
  
  #added2cart_popup .splide__arrow {
      top: calc(50% - 90px);
  }

  #added2cart_popup .added2cart-popup__recommendations,
  #sCartPopup .added2cart-popup__recommendations {
    overflow: visible;
    max-height: none;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-carousel,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-carousel {
    margin: 0;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card {
    padding: 10px 8px 12px;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__title,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__title {
    min-height: 48px;
    margin-bottom: 6px;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__image,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__image {
    min-height: 110px;
    margin-bottom: 8px;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__image img,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__image img {
    max-width: 120px;
    max-height: 110px;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__options,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__options {
    min-height: 0 !important;
    margin-bottom: 8px;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__options select,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__options select {
    min-height: 30px;
    margin-bottom: 6px;
    padding: 2px 4px;
    font-size: 13px;
    line-height: normal;
    color: #000000;
    background: #ffffff;
    border: 1px solid #8f8f8f;
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
    -webkit-appearance: menulist;
    appearance: auto;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__price,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__price {
    min-height: 0;
    font-size: 13px;
    line-height: 1.35;
  }

  #added2cart_popup .added2cart-popup__recommendations .product-tiles-card__buy,
  #sCartPopup .added2cart-popup__recommendations .product-tiles-card__buy {
    margin-top: 8px;
    padding: 8px 10px;
    font-size: 14px;
  }

  #added2cart_popup .recomended_products.cross_sells,
  #sCartPopup .recomended_products.cross_sells {
    margin-top: 12px;
  }

  .product-options__select {
    max-width: 100%;
  }

  .product-shipping-info {
    align-items: center;
  }

  /* ==========================================================================
     Cross Selling Layout
     ========================================================================== */
  .recommendation-grid--2,
  .recommendation-grid--3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .recommendation-block .recommendation-grid__item {
    display: flex;
    max-width: none;
    width: 100%;
  }

  .recommendation-block .recommendation-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    min-height: 0;
  }

  .recommendation-block .recommendation-card__title {
    min-height: 78px;
  }

  .recommendation-block .recommendation-card__title-inner {
    width: 100%;
    padding: 6px 7px 0;
    box-sizing: border-box;
  }

  .recommendation-block .recommendation-card__media {
    padding-top: 10px;
  }

  .recommendation-block .recommendation-card__media-frame {
    min-height: 120px;
  }

  .recommendation-block .recommendation-card__image {
    max-width: 100%;
    max-height: 140px;
  }

  .recommendation-block .recommendation-card__price,
  .recommendation-block .recommendation-card__price-inner {
    min-height: 92px;
  }

  .recommendation-block .recommendation-card__price-inner {
    width: 100%;
    padding: 5px 7px;
    box-sizing: border-box;
  }

  .recommendation-block .recommendation-card__actions,
  .recommendation-block .recommendation-card__link {
    padding-left: 7px;
    padding-right: 7px;
  }

  /* ==========================================================================
     Shopping Cart Layout
     ========================================================================== */
  .cart-page__header {
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-page {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .cart-page__promo,
  .cart-page__checkout,
  .cart-actions {
    width: 100%;
  }

  .cart-page__header-action,
  .cart-page__checkout-main,
  .cart-page__checkout-paypal {
    width: 100%;
    text-align: left;
  }

  .cart-page__checkout {
    align-items: stretch;
  }

  .cart-page__header-action,
  .cart-page__checkout-main,
  .cart-page__checkout-paypal,
  .cart-actions__left,
  .cart-actions__center,
  .cart-actions__right,
  .cart-actions__paypal {
    display: flex;
    justify-content: flex-start;
  }

  .cart-page__header-action a,
  .cart-page__checkout-main a,
  .cart-page__checkout-paypal a,
  .cart-actions a {
    display: inline-block;
    /*max-width: min(100%, 270px);*/
    width: 100%;
  }

  .cart-page__header-action > a > img,
  .cart-page__checkout-main > a > img,
  .cart-actions__left > a > img,
  .cart-actions__right > a > img,
  .cart-actions__paypal > a > img {
    max-width: 270px;
    width: 100%;
    height: auto;
  }

  .cart-page__checkout-paypal .kbo-pp-btn,
  .cart-actions__paypal .kbo-pp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 36px;
    padding: 0 12px;
    box-sizing: border-box;
    text-decoration: none;
  }

  .cart-page__checkout-paypal .kbo-pp-content,
  .cart-actions__paypal .kbo-pp-content {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    white-space: nowrap;
    max-width: 100%;
  }

  .cart-page__checkout-paypal .kbo-pp-prefix,
  .cart-actions__paypal .kbo-pp-prefix {
    flex: 0 0 auto;
  }

  .cart-page__checkout-paypal .kbo-pp-logo,
  .cart-actions__paypal .kbo-pp-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .cart-page__checkout-paypal .kbo-pp-logo img,
  .cart-actions__paypal .kbo-pp-logo img {
    display: block;
    width: auto;
    max-width: none;
    height: 18px;
  }

  .cart-page__free-cap {
    margin: 12px 0 18px;
  }

  .cart-page__free-cap-panel {
    position: static;
    width: 100%;
    max-width: none;
  }

  .cart-page__free-cap-meter {
    padding: 12px;
    border: 1px solid #e7e2d8;
    background: #f8f6f2;
    box-sizing: border-box;
  }

  .cart-page__free-cap-image {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .cart-page__free-cap-image img {
    max-width: 92px;
  }

  .cart-page__free-cap-text {
    padding-top: 10px;
    padding-bottom: 4px;
    font-size: 14px;
    line-height: 1.45;
    overflow-wrap: break-word;
  }

  .cart-page__mobile-trust {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    margin: 14px 0 18px;
    display: none;
  }

  .cart-page__mobile-trust > img,
  .cart-page__mobile-trust-seal {
    display: block;
    width: auto;
    height: 64px;
  }

  .cart-gift-card {
    padding: 16px 14px;
  }

  .cart-gift-card__title {
    font-size: 17px;
  }

  .cart-gift-card__note {
    text-align: left;
  }

  .cart-gift-card__active-code {
    align-items: flex-start;
  }

  .confirmation-voucher--cart,
  .cart-gift-card__form,
  .cart-gift-card__field,
  .cart-gift-card__action {
    width: 100%;
    max-width: none;
  }

  .confirmation-voucher--cart {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .cart-gift-card__field {
    grid-column: auto;
  }

  .cart-gift-card__action {
    grid-column: auto;
    padding-left: 0;
  }

  .cart-gift-card__action .greenButton,
  .cart-gift-card__action input[type="submit"],
  .cart-gift-card__action button {
    width: 100%;
  }

  .cart-detail__trust--security {
    display: none;
  }

  .cart-detail__header {
    display: none;
  }

  .cart-detail__row--five,
  .cart-detail__row--six {
    grid-template-columns: 92px minmax(0, 1fr);
    min-height: 0;
    gap: 14px 12px;
    padding: 16px 10px;
    margin-bottom: 14px;
    border-bottom: 0;
    border: 1px solid #e7e2d8;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  }

  .cart-detail__meta-row,
  .cart-detail__shipping {
    grid-template-columns: minmax(0, 1fr);
    gap: 3px;
  }

  .cart-detail__qty,
  .cart-detail__remove,
  .cart-detail__price,
  .cart-detail__total,
  .cart-detail__summary {
    text-align: left;
  }

  .cart-detail__row--five {
    grid-template-areas:
      "image product"
      "qty qty"
      "price price"
      "total total";
  }

  .cart-detail__row--six {
    grid-template-areas:
      "image product"
      "qty remove"
      "price price"
      "total total";
  }

  .cart-detail__image {
    grid-area: image;
    align-self: start;
  }

  .cart-detail__product {
    grid-area: product;
    min-width: 0;
  }

  .cart-detail__qty {
    grid-area: qty;
  }

  .cart-detail__remove {
    grid-area: remove;
    justify-self: end;
  }

  .cart-detail__price {
    grid-area: price;
  }

  .cart-detail__total {
    grid-area: total;
  }

  .cart-detail__product-name {
    font-size: 15px;
    line-height: 1.4;
  }

  .cart-detail__product-code {
    display: inline-block;
    margin-top: 2px;
    font-size: 11px;
    line-height: 1.35;
  }

  .cart-detail__meta-list,
  .cart-detail__shipping {
    margin-top: 12px;
  }

  .cart-detail__meta-label {
    font-size: 12px;
    font-weight: bold;
    color: #565656;
  }

  .cart-detail__meta-value {
    font-size: 14px;
    line-height: 1.45;
  }

  .cart-detail__delete {
    margin-top: 12px;
  }

  .cart-detail__mobile-label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #000000;
  }

  .cart-detail__qty,
  .cart-detail__remove {
    padding-top: 10px;
    border-top: 0;
  }

  .cart-detail__qty-value,
  .cart-detail__remove-value {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .cart-detail__qty-value {
    flex-wrap: wrap;
  }

  .cart-detail__qty .cart_qty_select {
    width: 58px;
    min-height: 36px;
    padding: 4px 6px;
    box-sizing: border-box;
  }

  .cart-detail__remove-value .delete_new,
  .cart-detail__remove-value .delete {
    margin-top: 0;
  }

  .cart-detail__price,
  .cart-detail__total {
    padding: 10px 12px;
    border: 1px solid #ece8df;
    background: #f8f6f2;
  }

  .cart-detail__price-value {
    font-size: 18px;
    line-height: 1.2;
  }

  .cart-detail__total {
    border-color: #ddd5c6;
    background: #f3efe7;
  }

  .cart-detail__total-value {
    font-size: 22px;
    line-height: 1.15;
    color: #24342a;
  }

  .cart-detail__footer,
  .cart-detail__trust {
    flex-direction: column;
  }

  .cart-detail__trust--security {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
  }

  .cart-detail__trust--security > img,
  .cart-detail__trust--security .cart-detail__pci-seal {
    height: 64px;
    width: auto;
  }

  .cart-detail__summary {
    min-width: 0;
    margin-left: 0;
    padding: 14px 10px;
    border: 1px solid #e7e2d8;
    background: #f8f6f2;
    line-height: 1.5;
  }

  .cart-detail__summary-total {
    display: inline-block;
    margin-top: 6px;
    font-size: 18px;
  }

  .cart-detail__pci-seal {
    margin-left: 0;
    margin-top: 0;
  }
  
  .homeCont {
    width:100%;
  }

  /* ==========================================================================
     Einkaufswelt
     ========================================================================== */
  .shop-content #einkaufswelt {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 10px 22px;
    box-sizing: border-box;
    overflow: hidden;
  }

  #einkaufswelt .ew-page-inner {
    width: 100% !important;
    min-width: 0 !important;
  }

  .shop-content #einkaufswelt img {
    max-width: 100% !important;
    height: auto !important;
  }

  .shop-content #einkaufswelt img[style*="width:"],
  .shop-content #einkaufswelt img[width] {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
  }

  #einkaufswelt {
    font-size: 14px;
    line-height: 1.45;
  }

  #einkaufswelt h1 {
    font-size: 24px;
    line-height: 1.1;
  }

  #einkaufswelt h2 {
    font-size: 22px;
    line-height: 1.15;
  }

  #einkaufswelt h3 {
    font-size: 18px;
    line-height: 1.2;
  }

  #einkaufswelt .ew-topics {
    gap: 12px 16px;
  }

  #einkaufswelt .ew-topics-list {
    padding-left: 18px !important;
  }

  #einkaufswelt .ew-copy,
  #einkaufswelt .ew-copy-wide,
  #einkaufswelt .ew-button-wrap,
  #einkaufswelt .ew-button-wrap--wide {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  #einkaufswelt .ew-button-wrap a,
  #einkaufswelt .ew-button-wrap--wide a {
    display: block;
    width: 100%;
  }

  #einkaufswelt .ew-button-wrap .btnCart,
  #einkaufswelt .ew-button-wrap .btn,
  #einkaufswelt .ew-button-wrap .btnGreen {
    width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  #einkaufswelt .col1,
  #einkaufswelt .col2 {
    width: 50%;
    float: left;
    min-width: 0;
    box-sizing: border-box;
    padding: 0 6px;
  }

  #einkaufswelt .ew-mobile-stack > .col1,
  #einkaufswelt .ew-mobile-stack > .col2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
  }

  #einkaufswelt .ew-mobile-stack > .col1 {
    margin-bottom: 18px;
  }

  #einkaufswelt .ew-mobile-stack > .col1 > div,
  #einkaufswelt .ew-mobile-stack > .col2 > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #einkaufswelt .ew-mobile-stack > .col1 img,
  #einkaufswelt .ew-mobile-stack > .col2 img {
    max-width: 100%;
    height: auto;
  }

  #einkaufswelt div[style*="padding-left:50px"],
  #einkaufswelt div[style*="padding-left: 50px"],
  #einkaufswelt div[style*="padding-right:50px"],
  #einkaufswelt div[style*="padding-right: 50px"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #einkaufswelt div[style*="margin-left:100px"],
  #einkaufswelt div[style*="margin-left: 100px"],
  #einkaufswelt table[style*="margin-left:100px"],
  #einkaufswelt table[style*="margin-left: 100px"] {
    margin-left: 0 !important;
  }

  #einkaufswelt div[style*="width:800px"],
  #einkaufswelt div[style*="width: 800px"],
  #einkaufswelt div[style*="width:900px"],
  #einkaufswelt div[style*="width: 900px"],
  #einkaufswelt div[style*="width:600px"],
  #einkaufswelt div[style*="width: 600px"],
  #einkaufswelt div[style*="width:500px"],
  #einkaufswelt div[style*="width: 500px"],
  #einkaufswelt div[style*="width:400px"],
  #einkaufswelt div[style*="width: 400px"],
  #einkaufswelt p[style*="width:860px"],
  #einkaufswelt p[style*="width: 860px"],
  #einkaufswelt p[style*="width:900px"],
  #einkaufswelt p[style*="width: 900px"] {
    width: auto !important;
    max-width: 100% !important;
  }

  .shop-content #einkaufswelt .col1 > div > img:not(.ew-system-icons),
  .shop-content #einkaufswelt .col1 > center > img,
  .shop-content #einkaufswelt .col2 > div > img:not(.ew-system-icons),
  .shop-content #einkaufswelt .col2 > center > img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto;
  }

  #einkaufswelt div[style*="background-image: url("] {
    background-position: center center;
    background-repeat: no-repeat;
  }

  #einkaufswelt .ew-banner,
  #einkaufswelt .ew-lava-promo {
    background-size: cover;
  }

  #einkaufswelt .ew-image-banner {
    min-height: 0 !important;
    height: auto !important;
    background-color: #fff;
    background-position: center top !important;
    background-size: contain !important;
  }

  #einkaufswelt .ew-image-banner--hero {
    aspect-ratio: 980 / 343;
  }

  #einkaufswelt .ew-image-banner--feature {
    aspect-ratio: 980 / 300;
  }

  #einkaufswelt .ew-image-banner--dryager {
    aspect-ratio: 980 / 253;
  }

  #einkaufswelt .ew-image-banner--dryager .ewfont {
    padding-top: 4px !important;
    font-size: 22px !important;
    line-height: 1.02;
  }

  #einkaufswelt .ew-image-banner--dryager .ewfont p {
    margin: 0;
    line-height: 1.02;
  }

  #einkaufswelt .orangebox,
  #einkaufswelt .greenbox {
    width: auto !important;
    max-width: 100%;
    height: auto;
  }

  #einkaufswelt .greenbox {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 74px;
    padding: 10px 8px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1.08;
  }

  #einkaufswelt .product-tag {
    width: 48px;
    padding: 2px 7px;
    font-size: 18px;
    line-height: 1.1;
  }

  #einkaufswelt .ew-lava-promo {
    min-height: 0 !important;
    padding: 14px 0 12px;
    overflow: hidden;
    background-position: center top !important;
  }

  #einkaufswelt .ew-lava-promo::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    pointer-events: none;
  }

  #einkaufswelt .ew-lava-promo__inner {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0 10px;
  }

  #einkaufswelt .ew-lava-promo__content {
    width: auto !important;
    max-width: 100% !important;
    padding: 12px 14px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.38);
    text-align: left;
  }

  #einkaufswelt .ew-lava-promo__content h4 {
    padding-top: 0 !important;
    margin: 0 0 10px !important;
    text-align: center;
    font-size: 18px;
    line-height: 1.1;
  }

  #einkaufswelt .ew-lava-promo__content p {
    margin: 0 0 8px;
    font-size: 13px;
    line-height: 1.45;
  }

  #einkaufswelt .ew-lava-promo__content p:first-of-type {
    text-align: center;
  }

  #einkaufswelt .ew-lava-promo__content p strong {
    font-size: inherit !important;
  }

  #einkaufswelt .ew-lava-promo__content p:last-child {
    margin-bottom: 0;
  }

  #einkaufswelt .ew-lava-promo__image {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    width: 100%;
    margin: 10px auto 0;
    text-align: center;
    z-index: 1;
  }

  .shop-content #einkaufswelt img.ew-lava-promo__pack {
    display: block;
    width: 78% !important;
    max-width: 260px !important;
    height: auto !important;
    margin: 0 auto;
  }

  #einkaufswelt div[style*="background: #F0F0F0;"] p[style*="font-size: 28px"] {
    font-size: 16px !important;
    line-height: 1.04 !important;
    letter-spacing: 0;
  }

  #einkaufswelt div[style*="background: #F0F0F0;"] p[style*="font-size: 20px"] {
    font-size: 13px !important;
    line-height: 1.08 !important;
    margin-top: 10px;
  }

  #einkaufswelt .btnCart,
  #einkaufswelt .btnGreen,
  #einkaufswelt .btnLightGreen,
  #einkaufswelt .btnTeaser {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 15px;
    line-height: 1.25;
  }

  #einkaufswelt table {
    max-width: 100%;
  }

  #einkaufswelt .col1 table,
  #einkaufswelt .col2 table {
    width: 100% !important;
    table-layout: fixed;
    font-size: 13px;
    line-height: 1.4;
  }

  #einkaufswelt table td {
    overflow-wrap: break-word;
    word-break: break-word;
    vertical-align: top;
  }

  #einkaufswelt .col2 p,
  #einkaufswelt .col2 li {
    font-size: 14px;
    line-height: 1.45;
  }

  #einkaufswelt .col2 ul {
    padding-left: 18px;
  }

  #einkaufswelt .col2 table .price {
    font-size: 20px;
    line-height: 1.1;
  }

  #einkaufswelt .ew-teaser-hero {
    padding: 0 0 18px;
  }

  #einkaufswelt .ew-teaser-hero--highlight,
  #einkaufswelt .ew-teaser-strip--highlight {
    background: #2B4130;
  }

  #einkaufswelt .ew-teaser-hero__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
  }

  #einkaufswelt .ew-teaser-hero__link .btn,
  #einkaufswelt .ew-teaser-card .btn {
    width: 100%;
    font-size: 16px;
    line-height: 1.25;
  }

  #einkaufswelt .ew-teaser-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 12px;
    padding: 0 0 18px;
  }

  #einkaufswelt .ew-teaser-card img {
    margin-bottom: 12px;
  }

  #einkaufswelt .ew-teaser-strip--vacuum {
    background: transparent;
    gap: 12px;
    padding: 0 0 10px;
    align-items: stretch;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-width: 0;
    padding: 12px 10px 10px;
    box-sizing: border-box;
    background: #fff;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card:nth-child(3) {
    grid-column: 1 / -1;
    width: min(100%, 240px);
    justify-self: center;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card img {
    width: auto !important;
    max-width: 78% !important;
    max-height: 96px;
    margin: 0 auto 18px;
    transform: none;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card:nth-child(3) img {
    max-width: 72% !important;
    max-height: 112px;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card .btn {
    width: 100%;
    font-size: 14px;
    line-height: 1.2;
    padding: 8px 6px;
    background: #2B4130;
    border-color: #2B4130;
    color: #fff;
  }

  #einkaufswelt .ew-vacuum-benefits {
    margin-top: 0;
    padding: 14px 12px 10px;
    overflow: hidden;
  }

  #einkaufswelt .ew-vacuum-benefits h4 {
    margin: 0 0 12px;
    font-size: 17px;
    line-height: 1.25;
  }

  #einkaufswelt .ew-vacuum-benefits .col1,
  #einkaufswelt .ew-vacuum-benefits .col2 {
    padding: 0 4px;
  }

  #einkaufswelt .ew-vacuum-benefits .col1 table,
  #einkaufswelt .ew-vacuum-benefits .col2 table {
    table-layout: auto;
    font-size: 12px;
    line-height: 1.4;
  }

  #einkaufswelt .ew-vacuum-benefits table td {
    word-break: normal;
    overflow-wrap: normal;
  }

  .shop-content #einkaufswelt img.ew-system-icons {
    position: static !important;
    display: block;
    width: 150px !important;
    max-width: 100% !important;
    margin: 12px auto 0;
  }

  #einkaufswelt .ew-comparison-table-wrap {
    margin: 0 -10px;
    padding: 0 10px 8px;
  }

  #einkaufswelt .ew-comparison-table {
    width: 880px;
    min-width: 880px;
    table-layout: fixed;
    font-size: 12px;
    background: #fff;
  }

  #einkaufswelt .ew-comparison-table td {
    padding: 10px 8px;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    vertical-align: middle;
  }

  #einkaufswelt .ew-comparison-table td:first-child {
    width: 120px;
    min-width: 120px;
    font-weight: 700;
  }

  #einkaufswelt .ew-comparison-table tr:first-child td {
    font-size: 11px;
    line-height: 1.35;
    vertical-align: top;
  }

  #einkaufswelt .ew-vacuum-benefits {
    margin-top: 0;
    padding: 14px 12px 10px;
    overflow: hidden;
  }

  #einkaufswelt .ew-vacuum-benefits h4 {
    margin: 0 0 12px;
  }

  #einkaufswelt .ew-cell-section .ew-cell-options {
    clear: both;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 8px;
    padding-top: 6px;
  }

  #einkaufswelt .ew-cell-section .ew-cell-options .col1,
  #einkaufswelt .ew-cell-section .ew-cell-options .col2 {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  #einkaufswelt .ew-cell-section .ew-cell-options .nodec {
    display: block;
    margin: 0 !important;
  }

  #einkaufswelt .ew-cell-section .ew-cell-options > .col1 > br,
  #einkaufswelt .ew-cell-section .ew-cell-options > .col2 > br {
    display: none;
  }

  #einkaufswelt .ew-cell-section .ew-cell-tile {
    display: block;
    min-height: 90px;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 8px !important;
    text-align: center;
    font-size: 11px;
    line-height: 1.22;
    word-break: normal;
    overflow-wrap: normal;
    background: linear-gradient(180deg, #596457 0%, #4b564a 100%);
  }

  #einkaufswelt .ew-cell-section .ew-cell-tile strong {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 1.08;
  }

  #einkaufswelt .ew-cell-section .ew-comparison-table-wrap {
    margin-top: 8px;
  }

  #einkaufswelt .ew-flexrail-section {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  #einkaufswelt .ew-flexrail-section > h2,
  #einkaufswelt .ew-flexrail-section > h3,
  #einkaufswelt .ew-flexrail-section > hr,
  #einkaufswelt .ew-flexrail-section > center {
    flex: 0 0 100%;
    width: 100%;
  }

  #einkaufswelt .ew-flexrail-section > .clear,
  #einkaufswelt .ew-flexrail-section > br {
    display: none;
  }

  #einkaufswelt .ew-flexrail-section > .col1,
  #einkaufswelt .ew-flexrail-section > .col2 {
    width: 50% !important;
    float: none !important;
    display: flex;
    padding: 0 4px;
  }

  #einkaufswelt .ew-flexrail-section > .col1 center,
  #einkaufswelt .ew-flexrail-section > .col2 center {
    display: flex;
    width: 100%;
  }

  #einkaufswelt .ew-flexrail-section > .col1 center {
    align-items: stretch;
  }

  #einkaufswelt .ew-flexrail-section > .col2 center {
    align-items: stretch;
  }

  #einkaufswelt .ew-flexrail-section > .col2 .nodec {
    display: flex;
    width: 100%;
  }

  #einkaufswelt .ew-flexrail-section .ew-flexrail-tile {
    width: 100% !important;
    min-height: 100%;
    margin: 0 !important;
    padding: 12px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
  }

  #einkaufswelt .ew-flexrail-section .ew-flexrail-tile > div {
    padding-top: 0 !important;
  }

  #einkaufswelt .ew-flexrail-section .ew-flexrail-tile strong {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 1.15;
  }

  #einkaufswelt .ew-flexrail-section > center:last-of-type {
    margin-top: 18px;
  }

  #einkaufswelt .ew-konfi-section > .col1 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin-bottom: 28px;
    position: relative;
  }

  #einkaufswelt .ew-konfi-section > .col1 center {
    display: block;
  }

  .shop-content #einkaufswelt .ew-konfi-section > .col1 > center > img {
    width: auto !important;
    max-width: 86% !important;
    max-height: 190px !important;
    margin: 0 auto 10px !important;
    object-fit: contain;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 18px !important;
    line-height: 1.15;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy h3 span {
    display: block;
    margin-top: 6px;
    font-size: 14px !important;
    line-height: 1.25;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy ul {
    margin: 0 0 14px;
    padding-left: 20px;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy li {
    font-size: 14px;
    line-height: 1.45;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy .price {
    font-size: 24px;
    line-height: 1.1;
  }

  #einkaufswelt .ew-konfi-section .product-tag {
    left: 12px;
    top: 6px;
  }

  #einkaufswelt .ew-awards-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 8px;
    align-items: start;
  }

  #einkaufswelt .ew-awards-grid > .clear,
  #einkaufswelt .ew-awards-grid > br {
    display: none;
  }

  #einkaufswelt .ew-awards-grid .ew-award-card {
    width: auto !important;
    min-width: 0;
    float: none !important;
    margin: 0 !important;
    padding: 0 4px;
    text-align: center;
    font-size: 12px;
    line-height: 1.3;
  }

  .shop-content #einkaufswelt .ew-awards-grid .ew-award-card img {
    display: block;
    width: 110px !important;
    max-width: 78% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    object-fit: contain;
  }

  #einkaufswelt .ew-awards-grid .ew-award-card strong {
    font-size: 13px;
    line-height: 1.2;
  }

  #einkaufswelt .ew-dryager-products > .col1 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin-bottom: 24px;
  }

  .shop-content #einkaufswelt .ew-dryager-products > .col1 > center > img {
    width: auto !important;
    max-width: 72% !important;
    height: auto !important;
    max-height: 220px !important;
    margin: 0 auto 8px !important;
    object-fit: contain;
  }

  #einkaufswelt .ew-dryager-copy {
    margin: 12px 14px 0 !important;
  }

  #einkaufswelt .ew-dryager-copy h3 {
    margin: 0 0 10px;
    font-size: 18px;
    line-height: 1.14;
  }

  #einkaufswelt .ew-dryager-copy h3 span {
    display: block;
    margin-top: 6px;
    font-size: 14px !important;
    line-height: 1.2;
  }

  #einkaufswelt .ew-dryager-copy ul {
    margin: 0 0 12px;
    padding-left: 18px;
  }

  #einkaufswelt .ew-dryager-copy li,
  #einkaufswelt .ew-dryager-copy {
    font-size: 14px;
    line-height: 1.4;
  }

  #einkaufswelt .ew-dryager-copy .price {
    font-size: 24px;
    line-height: 1.08;
  }

  #einkaufswelt .ew-dryager-copy .old-price {
    font-size: 12px;
    line-height: 1.2;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 20px !important;
    line-height: 1.15;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy h3 span {
    display: block;
    margin-top: 6px;
    font-size: 14px !important;
    line-height: 1.25;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy ul {
    margin: 0 0 14px;
    padding-left: 20px;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy li {
    font-size: 14px;
    line-height: 1.45;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-card {
    margin-bottom: 24px;
  }

  .shop-content #einkaufswelt .ew-product-link {
    display: flex;
    width: calc(50% - 12px);
    margin: 0 6px 22px !important;
    float: left;
    clear: none;
    box-sizing: border-box;
  }

  .shop-content #einkaufswelt .ew-product-link:nth-of-type(2n + 1) {
    clear: left;
  }

  .shop-content #einkaufswelt .ew-product-link .ew-product-card {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    display: flex;
    flex-direction: column;
    min-height: 360px;
    font-size: 13px;
    line-height: 1.4;
    overflow: hidden;
  }

  #einkaufswelt .ew-product-card .ewProductDescription {
    min-height: 78px;
    margin-bottom: 12px;
    line-height: 1.45;
  }

  #einkaufswelt .ew-product-card .ewProductDescription br {
    display: none;
  }

  .shop-content #einkaufswelt .ew-product-card img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: 128px !important;
    margin: 0 auto 10px;
    padding: 0 4px;
    box-sizing: border-box;
    object-fit: contain;
    object-position: center center;
  }

  #einkaufswelt .ew-feature-card {
    width: calc(100% - 24px) !important;
    max-width: 320px;
    float: none !important;
    margin: 0 auto 26px !important;
    text-align: center;
    line-height: 1.4;
  }

  #einkaufswelt .ew-feature-card center {
    display: block;
  }

  .shop-content #einkaufswelt .ew-feature-card img {
    width: auto !important;
    max-width: 78% !important;
    height: 62px !important;
    max-height: 62px !important;
    padding: 0 !important;
    margin: 0 auto 10px !important;
    object-fit: contain;
  }

  #einkaufswelt .ew-feature-card h4 {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.2;
  }

  #einkaufswelt .ew-product-grid-break,
  #einkaufswelt .ew-product-grid-break + br,
  #einkaufswelt .ew-product-grid-break + br + br {
    display: none;
  }

  #einkaufswelt .ew-product-card h4 {
    font-size: 14px;
    line-height: 1.25;
  }

  #einkaufswelt .ew-product-card .price {
    font-size: 20px;
    line-height: 1.1;
  }

  #einkaufswelt .ew-product-card .ewPriceContainer {
    margin-top: auto;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
  }

  /* Consolidated from the former max-width: 700px block. */
  /* ==========================================================================
     Checkout Actions Layout
     ========================================================================== */
  .checkout-columns--2,
  .checkout-columns--payment-head,
  .checkout-columns--payment-main,
  .checkout-columns--legacy-address,
  .checkout-columns--legacy-address-single {
    grid-template-columns: minmax(0, 1fr);
  }

  .checkout-panel__action {
    text-align: left;
  }

  .checkout-choice-box__row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .checkout-choice-box__price {
    grid-column: 2;
  }

  .checkout-option-row {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .checkout-option-row--payment-message {
    grid-template-columns: 24px minmax(0, 1fr);
  }

  .checkout-option-row__price {
    grid-column: 2;
  }

  .checkout-option-row__price--payment {
    text-align: left;
  }

  .checkout-payment-fields,
  .checkout-option-group--legacy .checkout-payment-fields {
    padding-left: 24px;
    padding-right: 0;
  }

  .checkout-payment-fields__row {
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .checkout-logo-note {
    margin-left: 0;
  }

  .checkout-step-nav {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  /* ==========================================================================
     Checkout Order Steps
     Keep the step indicator compact and inside the mobile viewport.
     ========================================================================== */
  .progressbar {
    height: auto;
    margin: 0 0 14px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .progressbar-steps {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    height: auto;
    box-sizing: border-box;
  }

  .progressbar .progressbar-steps ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    margin: 0;
    padding: 0 !important;
    padding-left: 0 !important;
    list-style: none;
    width: 100%;
    box-sizing: border-box;
  }

  .progressbar ul li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    padding: 5px 6px;
    border: 1px solid #d8d8d8;
    background: #ffffff;
    box-sizing: border-box;
    text-align: center;
  }

  .progressbar ul li i {
    float: none;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    margin-right: 6px;
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
  }

  .progressbar ul li span {
    float: none;
    display: block;
    flex: 0 1 auto;
    min-width: 0;
    margin-right: 0;
    font-size: 10px;
    line-height: 1.1;
    word-break: normal;
    overflow-wrap: anywhere;
    hyphens: auto;
    text-wrap: balance;
  }

  .progressbar ul li.active {
    border-color: #24342a;
    background: #f7f5f0;
  }

  .checkout-benefits {
    min-height: 0;
    margin-bottom: 20px;
  }

  .checkout-benefits__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    line-height: 1.3;
  }

  .checkout-benefits__inner span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .checkout-benefits__inner span:nth-child(even) {
    display: none;
  }

  .checkout-benefits__inner img {
    flex: 0 0 auto;
    margin-right: 6px;
  }

  .checkout-actions__content {
    flex-direction: column;
  }

  .checkout-actions__content > div,
  .template-actions > div,
  .template-actions--split > div {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .checkout-actions__primary {
    margin-left: 0;
    padding-right: 0;
    width: 100%;
    text-align: left;
  }

  .template-actions--split .template-actions__primary {
    display: flex;
    align-items: stretch;
    gap: 12px;
    font-size: 0;
  }

  .checkout-actions__primary > a,
  .template-actions__primary > a,
  .checkout-actions__primary > input.greenButton,
  .checkout-actions__primary > input.greenButton.big,
  .template-actions__primary > input.greenButton,
  .template-actions__primary > input.greenButton.big {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .template-actions--split .template-actions__primary > a,
  .template-actions--split .template-actions__primary > input:not([type='hidden']) {
    flex: 1 1 0;
    width: calc(50% - 6px) !important;
    max-width: calc(50% - 6px) !important;
    margin: 0;
    box-sizing: border-box;
  }

  .checkout-actions__primary .greenButton,
  .template-actions__primary .greenButton,
  .checkout-actions .greenButton,
  .template-actions .greenButton {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .template-actions__primary > a .green-btn,
  .template-actions__primary > input.green-btn {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    box-sizing: border-box;
    text-align: center;
  }

  .checkout-actions__primary > a > img,
  .template-actions__primary > a > img,
  .checkout-actions__primary input[type='image'],
  .template-actions__primary input[type='image'] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  /* ==========================================================================
     Account Orders Layout
     ========================================================================== */
  .account-orders__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin-bottom: 10px;
  }

  .account-orders__all {
    text-decoration: none;
  }

  .account-orders__table,
  .account-orders__table > tbody,
  .account-orders__table > tbody > tr,
  .account-orders__table > tbody > tr > td,
  .account-orders__list,
  .account-orders__list > tbody {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .account-orders__table > tbody > tr > td,
  .account-orders__list > tbody > tr > td {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .account-orders__row {
    display: block;
    width: 100%;
  }

  .account-orders__meta,
  .account-orders__total,
  .account-orders__action {
    display: block;
    width: 100% !important;
    text-align: left !important;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .account-orders__meta {
    margin-bottom: 6px;
  }

  .account-orders__total {
    margin-bottom: 8px;
  }

  .account-orders__status {
    display: none !important;
  }

  .account-orders__row--actions {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
  }

  .account-orders__list > tbody > tr.account-orders__row--actions:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .account-orders__action .greenButton {
    display: inline-block;
    width: auto;
    min-width: 120px;
    max-width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  /* ==========================================================================
     Account Edit Checkboxes
     ========================================================================== */
  .newstyle .checkboxElementWrapper--option {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    height: auto;
    min-height: 32px;
  }

  .newstyle .checkboxElementWrapper--option > div {
    float: none !important;
  }

  .newstyle .checkboxElementWrapper--option > div:first-child {
    width: 35px !important;
    min-width: 35px;
    flex: 0 0 35px;
  }

  .newstyle .checkboxElementWrapper--option > .inputTextWrapper {
    display: block;
    width: auto !important;
    height: auto;
    flex: 1 1 auto;
    overflow: visible;
  }

  .newstyle .checkboxElementWrapper--option .inputText {
    display: block;
    line-height: 1.5;
  }

  .newstyle .checkboxElementWrapper--option .big-checkbox {
    margin-bottom: 0;
    min-height: 32px;
  }

  .newstyle .fullwidthform .account-edit__name-field {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    clear: both;
  }

  .newstyle .fullwidthform .account-edit__name-field--first {
    margin-bottom: 12px;
  }

  .newstyle .fullwidthform .address-book-form__required-wrap {
    position: static !important;
    margin-bottom: 10px;
  }

  .newstyle .fullwidthform .address-book-form__required-note {
    position: static !important;
    display: block;
    text-align: left;
    line-height: 1.5;
  }

  .newstyle .fullwidthform .address-book-form__split-field {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 12px;
    clear: both;
  }

  .newstyle .fullwidthform input[type='text'],
  .newstyle .fullwidthform input[type='password'],
  .newstyle .fullwidthform select,
  .newstyle .fullwidthform textarea {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px;
    padding: 10px 12px;
    box-sizing: border-box;
  }

  /* ==========================================================================
     Contact Form
     ========================================================================== */
  .contact-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .contact-form__column {
    float: none !important;
    width: 100% !important;
    max-width: 100%;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  .contact-form__columns {
    display: flex;
    flex-direction: column;
  }

  .contact-form__details {
    margin: 0 0 24px;
  }

  .contact-form .contact-form__consent {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    height: auto !important;
    min-height: 0;
  }

  .contact-form__consent-control,
  .contact-form__consent-text {
    float: none !important;
  }

  .contact-form__consent-control {
    flex: 0 0 40px;
  }

  .contact-form .contact-form__consent-text {
    width: auto !important;
    height: auto !important;
    min-width: 0;
    flex: 1 1 auto;
    display: block !important;
    overflow: visible !important;
  }

  .contact-form .contact-form__consent-text .inputText {
    display: block !important;
    line-height: 1.5;
  }

  .contact-form__showroom-image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
  }

  /* ==========================================================================
     Sitemap
     ========================================================================== */
  .sitemap-grid {
    width: 100%;
    margin: 16px 0 24px;
    column-count: 1;
    column-width: auto;
    column-gap: 0;
  }

  .sitemap-card {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px;
  }

  .sitemap-card .sitemap_heading {
    padding: 11px 14px;
    font-size: 17px;
  }

  .sitemap-card .sitemap_sub {
    font-size: 14px;
    line-height: 1.45;
  }

  .sitemap-card .sitemap_sub a,
  .sitemap-card .sitemap-empty {
    padding: 9px 13px;
  }

  /* ==========================================================================
     Address Book Layout
     ========================================================================== */
  .address-book-entry {
    margin-bottom: 16px;
  }

  .address-book-entry > tbody,
  .address-book-entry__row {
    display: block;
    width: 100%;
  }

  .address-book-entry__row > td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0;
    text-align: left !important;
    box-sizing: border-box;
  }

  .address-book-entry__name {
    margin-bottom: 8px;
  }

  .address-book-entry__address {
    margin-bottom: 10px;
  }

  .address-book-entry__actions {
    display: flex !important;
    gap: 6px;
    align-items: stretch;
    justify-content: flex-start;
    margin-bottom: 2px;
  }

  .address-book-entry__actions a {
    display: block;
    flex: 0 0 auto;
    line-height: 0;
  }

  .address-book-entry__actions a img {
    display: block;
    width: auto;
    height: 40px;
  }

  .address-book-entry__actions-spacer {
    display: none !important;
  }

  /* ==========================================================================
     Checkout Confirmation Layout
     ========================================================================== */
  .confirmation-page__intro,
  .confirmation-page__shell {
    padding: 0;
  }

  .confirmation-meta-row,
  .confirmation-voucher__field-row,
  .confirmation-phone {
    grid-template-columns: minmax(0, 1fr);
  }

  .confirmation-summary__header,
  .confirmation-block__title {
    flex-direction: column;
    align-items: flex-start;
  }

  .confirmation-voucher--legacy {
    max-width: none;
    margin-left: 0;
  }

  .confirmation-voucher__action--legacy {
    padding-left: 0;
  }

  .confirmation-page__actions,
  .confirmation-page__actions--legacy {
    text-align: left;
    padding-right: 0;
  }

  .confirmation-page__actions > a,
  .confirmation-page__actions > input.greenButton,
  .confirmation-page__actions > input.greenButton.big,
  .confirmation-page__actions--legacy > a,
  .confirmation-page__actions--legacy > input.greenButton,
  .confirmation-page__actions--legacy > input.greenButton.big {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .confirmation-page__actions > a > img,
  .confirmation-page__actions--legacy > a > img,
  .confirmation-page__actions input[type='image'],
  .confirmation-page__actions--legacy input[type='image'] {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  .confirmation-page--new .confirmation-overview {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 14px 12px;
  }

  .confirmation-page--new .checkout-columns__item {
    min-width: 0;
  }

  .checkout-recommendations {
    margin-bottom: 24px;
  }

  .checkout-recommendations h2 {
    margin-bottom: 12px;
  }

  #confAddArticle {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(250px, 82vw);
    grid-template-columns: none;
    gap: 12px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2px 6px;
    border: 0;
    background: transparent;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
  }

  .checkout-recommendations__item {
    border: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background: #ffffff;
    scroll-snap-align: start;
  }

  .checkout-recommendations__item:last-child {
    border-right: 1px solid #ddd;
  }

  .checkout-recommendations__card {
    padding: 12px 12px 10px;
    text-align: left;
    overflow: hidden;
  }

  .checkout-recommendations__title {
    min-height: 0;
    margin-bottom: 8px;
  }

  .checkout-recommendations__image-wrap {
    min-height: 120px;
    margin-bottom: 8px;
  }

  .checkout-recommendations__image {
    max-width: 145px;
    max-height: 120px;
  }

  .checkout-recommendations__price {
    min-height: 0;
    margin-bottom: 8px;
    line-height: 1.4;
  }

  .checkout-recommendations__form {
    align-items: stretch;
    margin-top: 0;
    width: 100%;
    min-width: 0;
  }

  .checkout-recommendations__options {
    min-height: 0 !important;
    margin-bottom: 8px;
    text-align: left;
    width: 100%;
    min-width: 0;
  }

  .checkout-recommendations__option-label,
  .checkout-recommendations__option-link {
    text-align: left;
  }

  .checkout-recommendations__select {
    max-width: 100%;
    box-sizing: border-box;
  }

  .checkout-recommendations__select,
  .checkout-recommendations__button {
    width: 100%;
  }

  .checkout-recommendations__button {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    white-space: normal;
  }

  .confirmation-consent {
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .confirmation-products__list {
    overflow: hidden;
  }

  .confirmation-products__list > table,
  .confirmation-products__list > table > tbody {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
  }

  .confirmation-products__list > table > tbody > tr {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .confirmation-products__list > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .confirmation-products__list > table > tbody > tr > td[rowspan] {
    padding-top: 12px !important;
    margin-bottom: 10px;
    border-top: 1px solid #ddd;
  }

  .confirmation-products__list > table > tbody > tr:first-child > td[rowspan] {
    padding-top: 0 !important;
    border-top: 0;
  }

  .confirmation-products__list > table > tbody > tr > td[rowspan] img {
    display: block;
    width: 96px;
    max-width: 100%;
    height: auto !important;
  }

  .confirmation-products__list > table > tbody > tr > td[style*="font-weight: bold"] {
    margin-bottom: 4px;
    font-size: 18px !important;
  }

  .confirmation-products__list > table > tbody > tr > td[width="500"] {
    margin-bottom: 10px;
  }

  .confirmation-products__list > table > tbody > tr > td[align="right"]:not([style*="font-weight: bold"]) {
    display: none;
  }

  .confirmation-products__list > table > tbody > tr > td[align="right"][style*="font-weight: bold"] {
    margin-top: 4px;
    margin-bottom: 8px;
    font-weight: bold;
    text-align: right !important;
    white-space: nowrap;
    overflow-wrap: normal;
    word-break: normal;
  }

  .confirmation-products__list > table > tbody > tr > td[colspan="3"] {
    display: none;
  }

  .confirmation-products__list small,
  .confirmation-products__list i,
  .confirmation-products__list nobr {
    white-space: normal !important;
  }

  .confirmation-products__list nobr {
    display: inline;
  }

  .confirmation-products__totals,
  .confirmation-products__totals > table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .confirmation-products__totals td {
    width: auto !important;
    max-width: 100%;
    box-sizing: border-box;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .confirmation-products__totals #totalBlockTable {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed;
    border-collapse: collapse;
  }

  .confirmation-products__totals #totalBlockTable td {
    padding: 2px 0;
    vertical-align: top;
  }

  .confirmation-products__totals #totalBlockTable td:first-child {
    width: calc(100% - 8.5em) !important;
    padding-right: 12px;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  .confirmation-products__totals #totalBlockTable td:last-child {
    width: 8.5em !important;
    white-space: nowrap !important;
    overflow-wrap: normal;
    word-break: normal;
    text-align: right !important;
  }

  /* ==========================================================================
     Template Actions Layout
     ========================================================================== */
  .template-actions,
  .template-actions--split {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-page .template-actions--end,
  .template-actions__primary {
    margin-left: 0;
    text-align: left;
    width: 100%;
  }

  /* ==========================================================================
     Shopping Cart Layout
     ========================================================================== */
  .cart-actions__row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .cart-actions__center,
  .cart-actions__right,
  .cart-actions__paypal {
    margin-left: 0;
    text-align: left;
    width: 100%;
  }

  .cart-page .template-actions .greenButton,
  .cart-page__header-action .greenButton,
  .cart-page__checkout-main .greenButton,
  .cart-page__checkout-paypal .greenButton,
  .cart-page__promo-button,
  .cart-actions .greenButton {
    width: 100%;
  }

  /* ==========================================================================
     Search Results Layout
     ========================================================================== */
  .search-results-summary {
    line-height: 1.5;
  }

  .search-result-card {
    margin-top: 12px !important;
    padding: 0 !important;
    border: 1px solid #dfe1e0 !important;
    background: #ffffff;
    overflow: hidden;
  }

  .search-result-card__header {
    margin-bottom: 0 !important;
    padding: 10px 12px !important;
    background: #f1f3f0 !important;
    line-height: 1.4;
  }

  .search-result-card__title,
  .search-result-card__header a {
    color: #23342A;
    text-decoration: none;
  }

  .search-result-card__price {
    color: #eb601d;
  }

  .search-result-card__media,
  .search-result-card__body {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
  }

  .search-result-card__media {
    padding: 14px 12px 0;
    text-align: center;
  }

  .search-result-card__image {
    display: block;
    max-width: 100% !important;
    width: auto;
    max-height: 220px !important;
    height: auto !important;
    margin: 0 auto;
  }

  .search-result-card__body,
  .search-result-card__body--category {
    padding: 10px 12px 14px;
    box-sizing: border-box;
  }

  .search-result-card__description,
  .search-result-card__path {
    margin: 0 0 10px;
    line-height: 1.55;
    word-break: break-word;
  }

  .search-result-card__link {
    display: inline-block;
    padding: 6px 0 6px 12px;
    font-weight: bold;
  }

  /* ==========================================================================
     Login Page
     Keep the new-style login module inside the mobile viewport.
     ========================================================================== */
  .login-page-newstyle {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 0 24px !important;
    box-sizing: border-box;
    overflow-wrap: break-word;
  }

  .login-page-newstyle .infoMessage,
  .login-page-newstyle .fullwidthform,
  .login-page-newstyle input[type='text'],
  .login-page-newstyle input[type='password'],
  .login-page-newstyle select,
  .login-page-newstyle textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .login-page-newstyle .greenButton,
  .login-page-newstyle .greenButton.big,
  .login-page-newstyle input.greenButton,
  .login-page-newstyle input.greenButton.big {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    white-space: normal;
    text-align: center;
  }

  .login-page-newstyle a.greenButton {
    text-decoration: none;
  }

  /* ==========================================================================
     Einkaufswelt
     ========================================================================== */
  #einkaufswelt .col1,
  #einkaufswelt .col2 {
    width: 50%;
    float: left;
    padding: 0 4px;
  }

  #einkaufswelt {
    font-size: 13px;
    line-height: 1.4;
  }

  #einkaufswelt h2 {
    font-size: 20px;
  }

  #einkaufswelt h3 {
    font-size: 17px;
  }

  #einkaufswelt .ew-image-banner--dryager .ewfont {
    padding-top: 2px !important;
    font-size: 18px !important;
  }

  #einkaufswelt .col2 p,
  #einkaufswelt .col2 li,
  #einkaufswelt .col1 table,
  #einkaufswelt .col2 table {
    font-size: 12px;
    line-height: 1.4;
  }

  #einkaufswelt .col2 table .price {
    font-size: 18px;
  }

  #einkaufswelt .ew-teaser-hero__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding-left: 5px;
    padding-right: 5px;
  }

  #einkaufswelt .ew-teaser-hero__link .btn,
  #einkaufswelt .ew-teaser-card .btn {
    font-size: 13px;
  }

  #einkaufswelt .ew-teaser-strip {
    gap: 14px 8px;
  }

  #einkaufswelt .ew-lava-promo {
    padding: 12px 0 10px;
  }

  #einkaufswelt .product-tag {
    width: 44px;
    padding: 2px 6px;
    font-size: 16px;
  }

  #einkaufswelt .ew-lava-promo__content {
    padding: 10px 12px 8px;
  }

  #einkaufswelt .ew-lava-promo__content h4 {
    font-size: 17px;
  }

  #einkaufswelt .ew-lava-promo__content p {
    font-size: 12px;
  }

  .shop-content #einkaufswelt img.ew-lava-promo__pack {
    width: 74% !important;
    max-width: 228px !important;
  }

  #einkaufswelt div[style*="background: #F0F0F0;"] p[style*="font-size: 28px"] {
    font-size: 15px !important;
    line-height: 0.98 !important;
  }

  #einkaufswelt div[style*="background: #F0F0F0;"] p[style*="font-size: 20px"] {
    font-size: 12px !important;
    line-height: 1.02 !important;
  }

  #einkaufswelt .ew-teaser-strip--vacuum {
    gap: 8px;
  }

  #einkaufswelt .greenbox {
    min-height: 68px;
    padding: 9px 6px;
    font-size: 12px;
    line-height: 1.04;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card {
    padding: 10px 8px 8px;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card img {
    max-width: 74% !important;
    max-height: 88px;
    margin-bottom: 14px;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card:nth-child(3) img {
    max-height: 104px;
  }

  #einkaufswelt .ew-teaser-strip--vacuum .ew-teaser-card .btn {
    font-size: 13px;
  }

  .shop-content #einkaufswelt .ew-product-link {
    width: calc(50% - 8px);
    margin: 0 4px 18px !important;
  }

  .shop-content #einkaufswelt .ew-product-card img {
    height: 112px !important;
  }

  #einkaufswelt .ew-feature-card {
    width: calc(100% - 16px) !important;
    max-width: 300px;
    margin-bottom: 22px !important;
  }

  .shop-content #einkaufswelt .ew-feature-card img {
    height: 54px !important;
    max-height: 54px !important;
  }

  #einkaufswelt .ew-cell-section .ew-cell-options .col1,
  #einkaufswelt .ew-cell-section .ew-cell-options .col2 {
    gap: 8px;
  }

  #einkaufswelt .ew-cell-section .ew-cell-options .nodec {
    margin: 0 !important;
  }

  #einkaufswelt .ew-cell-section .ew-cell-tile {
    min-height: 82px;
    padding: 10px 6px !important;
    font-size: 10px;
  }

  #einkaufswelt .ew-cell-section .ew-cell-tile strong {
    font-size: 12px;
  }

  #einkaufswelt .ew-flexrail-section > .col1,
  #einkaufswelt .ew-flexrail-section > .col2 {
    padding: 0 3px;
  }

  #einkaufswelt .ew-flexrail-section .ew-flexrail-tile {
    padding: 10px 8px !important;
    font-size: 12px;
  }

  #einkaufswelt .ew-flexrail-section .ew-flexrail-tile strong {
    font-size: 14px;
  }

  .shop-content #einkaufswelt .ew-konfi-section > .col1 > center > img {
    max-width: 82% !important;
    max-height: 170px !important;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy h3 {
    font-size: 17px !important;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy h3 span {
    font-size: 13px !important;
  }

  #einkaufswelt .ew-konfi-section .ew-konfi-copy .price {
    font-size: 22px;
  }

  #einkaufswelt .ew-awards-grid {
    gap: 14px 6px;
  }

  #einkaufswelt .ew-awards-grid .ew-award-card {
    padding: 0 2px;
    font-size: 11px;
    line-height: 1.25;
  }

  .shop-content #einkaufswelt .ew-awards-grid .ew-award-card img {
    width: 96px !important;
    margin-bottom: 6px !important;
  }

  #einkaufswelt .ew-awards-grid .ew-award-card strong {
    font-size: 12px;
  }

  .shop-content #einkaufswelt .ew-dryager-products > .col1 > center > img {
    max-width: 68% !important;
    max-height: 196px !important;
  }

  #einkaufswelt .ew-dryager-copy {
    margin: 10px 8px 0 !important;
  }

  #einkaufswelt .ew-dryager-copy h3 {
    font-size: 17px;
  }

  #einkaufswelt .ew-dryager-copy h3 span {
    font-size: 13px !important;
  }

  #einkaufswelt .ew-dryager-copy,
  #einkaufswelt .ew-dryager-copy li {
    font-size: 13px;
    line-height: 1.35;
  }

  #einkaufswelt .ew-dryager-copy .price {
    font-size: 22px;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy h3 {
    font-size: 18px !important;
  }

  #einkaufswelt .ew-aggregate-section .ew-aggregate-copy h3 span {
    font-size: 13px !important;
  }

  .magazine-start-page {
    max-width: 100% !important;
    overflow: hidden;
  }

  .magazine-start-page .owl-custom-kbo {
    margin-bottom: 20px;
  }

  .magazine-start-page .owl-custom-kbo .owl-stage-outer {
    overflow: hidden;
  }

  .magazine-start-page .owl-custom-kbo.owl-carousel .carousel-item {
    height: auto !important;
    min-height: 0;
  }

  .magazine-start-page .owl-custom-kbo.owl-carousel .carousel-item > a {
    position: relative;
    display: block;
    overflow: hidden;
    background: #000000;
    aspect-ratio: 16 / 10;
  }

  .magazine-start-page .owl-custom-kbo.owl-carousel .carousel-item img {
    display: block;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }

  .magazine-start-page .owl-custom-kbo.owl-carousel .carousel-item h2 {
    left: 12px;
    right: 12px;
    bottom: 12px;
    transform: none;
    min-width: 0;
    padding: 12px 14px;
    font-size: 15px;
    line-height: 1.3;
  }

  .magazine-start-page .owl-custom-kbo .owl-prev,
  .magazine-start-page .owl-custom-kbo .owl-next {
    top: 50%;
    bottom: auto;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.55) !important;
  }

  .magazine-start-page .owl-custom-kbo .owl-prev {
    left: 10px;
  }

  .magazine-start-page .owl-custom-kbo .owl-next {
    right: 10px;
  }

  .magazine-start-page .owl-custom-kbo .owl-prev::before,
  .magazine-start-page .owl-custom-kbo .owl-next::before {
    display: block;
    width: 42px;
    height: 42px;
    top: 0;
    left: 0;
    right: auto;
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    transform: none;
  }

  .magazine-start-page .owl-custom-kbo .owl-prev::before {
    left: 0;
  }

  .magazine-start-teasers {
    max-width: 100% !important;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .magazine-start-teasers .teaser-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    justify-content: stretch;
    align-items: stretch;
    align-content: stretch;
  }

  .magazine-start-teasers .teaser-item {
    display: flex;
    min-width: 0;
    flex: none;
  }

  .magazine-start-teasers .teaser-item .teaser-content {
    display: flex;
    width: 100%;
    min-height: 0;
    margin: 0;
    flex-direction: column;
    border: 1px solid #ddd;
    background: #ffffff;
  }

  .magazine-start-teasers .teaser-item .teaser-content a {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
  }

  .magazine-start-teasers .teaser-item .teaser-content img {
    display: block;
    width: 100%;
    aspect-ratio: 311 / 156;
    object-fit: cover;
  }

  .magazine-start-teasers .teaser-item .teaser-content h3 {
    margin: 14px 12px 6px;
    font-size: 16px;
    line-height: 1.35;
  }

  .magazine-start-teasers .teaser-item .teaser-content p {
    margin: 0 12px 14px;
    font-size: 14px;
    line-height: 1.45;
  }
  
  .contentsTopics h1 {
      font-size: 20px;
  }
 
}


/*
@media screen and (max-width: 767px),
       screen and (orientation: landscape)
       and (max-width: 1024px)
       and (max-height: 767px) {
  body::before {
    content: "MOBILE CSS ACTIVE";
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999999;
    padding: 6px 10px;
    background: red;
    color: white;
    font-size: 12px;
  }
}
*/
