/** Shopify CDN: Minification failed

Line 8:0 Unexpected "0"
Line 469:4 Comments in CSS use "/* ... */" instead of "//"
Line 779:0 Unexpected "}"

**/
0:root{
  --bg-body-rgb: 000, 000, 000;
}

  @font-face { font-family: "Regular"; src: url("/cdn/shop/files/Outfit-Regular.ttf?v=1765454059");font-display: auto;}
  @font-face { font-family: "Medium"; src: url("/cdn/shop/files/Outfit-Medium.ttf?v=1765454059");font-display: auto;}


body{font-size:16px!important;font-variant-ligatures: none!important;} #wrapper{background:black;}
* {-webkit-tap-highlight-color: transparent;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .logolink.text-logo, .heading-font, .h1-xlarge, .h1-large, blockquote p, blockquote span, .customer-addresses .my-address .address-index {
    font-style: normal!important; font-weight: normal!important;
    font-family: "Medium", sans-serif!important;
    line-height: 1;letter-spacing: 0;
}
h1,.h1{font-size:36px!important} h2,.h2{font-size:30px!important} h3,.h3{font-size:24px!important} h4,.h4{font-size:20px!important;} 
h5,.h5{font-size:18px!important;font-family:"Regular"!important;} h6,.h6{font-size:16px!important;font-family:"Regular"!important;}

@media screen and (max-width:768px){
  h1,.h1{font-size:30px!important} h2,.h2{font-size:24px!important} h3,.h3{font-size:20px!important} h4,.h4{font-size:16px!important;} 
  h5,.h5{font-size:16px!important;font-family:"Regular"!important;} h6,.h6{font-size:16px!important;font-family:"Regular"!important;}
}
ol, ul{font-family: Regular;}
li{font-size:16px;}

p{line-height:1.4;font-size:16px!important;font-family:"Regular"!important;margin-bottom:10px!important;}
strong,b{font-family:"Medium"!important;font-weight:normal!important;}

.button{
  border-radius:8px!important;padding:15px 40px!important;font-size:16px!important;font-weight:normal!important;font-family: "Medium";background-color:black;transition: all .4s ease;
  &:hover{background-color:#333333!important;}
} 

.rich-text__inner img, .rich-text__inner .thb-placeholder {margin: 10px 0!important;border-radius: 12px;}



.section-header{
  padding: 0;
  .section-header--title{
    font-family: "Medium";font-weight:normal;font-size: 24px; line-height: 1.2;padding-bottom: 25px;margin-bottom:0;
  }
}

.bestware-dot{font-size: 1.5em;color: var(--color-accent);}

/*Badge Stying */
.badge{padding: 8px 14px!important;height: 28px !important;font-family: "Regular";font-size: 12px!important;}

/*Always Hide Sale Badge*/
.badge.onsale{display:none!important}

.row{width:100%}
@media only screen and (min-width: 768px) {
    .row { padding: 0 10px!important; }

    .products.row { margin: 0 -20px!important;}
}

@media screen and (max-width: 767px){
  .row { padding: 0 20px!important; }
  
  .section-header{
    .section-header--title{
      font-size: 20px;
      line-clamp:2;
    }
  }
}

/*Paginations*/
.page-numbers{
  border:none!important;
  .page, .page a{font-size:18px!important;color:black!important;height:35px!important;}
  [disabled]{cursor: initial!important;pointer-events: none!important;}
  .next,.prev{
    svg {
      height:11px!important;
      path{stroke-width: 2.5 !important;}
    }
  }
}


/* Product Collection Sliders */
.featured-collection .row, .collection-tabs .row{width:initial;}
  .collection-tabs__list-link.active{display:none!important;}

  /*Extended Shadows for Product Cards in Sliders*/
  .product-card-spacing-medium .products.row .product-card {  margin-bottom: 20px !important;}
  .products .gallery--item figure {  border-radius: 12px;  box-shadow: var(--block-shadows);}
  .products .gallery--item {  box-shadow: none;  border-radius: 0;  padding-bottom: 20px!important;}


  .featured-collection .flickity-nav, .collection-tabs .flickity-nav{
    opacity:1;
    background: black;
    border-radius: 5px;
    width: 35px;height:35px;;overflow:hidden;
    top:-27px;transform: none !important;
    svg{display:none;}

    &.flickity-next{right:22px!important;}
    &.flickity-prev{left: calc(100% - 98px)!important;transform:rotate(180deg)!important;}

    &:after {
      content: '';
      position: absolute;
      inset: 0;
      background-image: url(/cdn/shop/files/bestware_Icon_Arrow-right.svg?v=1751898120);
      background-size: 15px;background-repeat: no-repeat;background-position: center;
      filter: invert(1);
      z-index: 1;
    }
  }

  @media screen and (max-width:768px){
    .featured-collection .products.row, .collection-tabs .products.row {padding: 0 !important;}
  }
  



/*Flickity Zoom */
.pswp--zoom-allowed .pswp__img {padding:20px;}
.pswp__bottom-bar{justify-content:center!important}
.pswp__product-info{display:none!important}
.product-single__media-zoom { display:none!important; background: transparent!important; box-shadow: none!important;top:25px!important;right:25px!important; }
.product-single__media-image:has(.product-single__media-zoom) { cursor: zoom-in; }
.pswp__img--placeholder { display:none }
/*Flickity Page Dots */
.flickity-page-dots {
  position:absolute!important;gap:8px;flex-wrap:wrap;max-width:400px;align-items:center;justify-content:center;left: 50%;transform: translatex(-50%);
  .dot {
      width: 10px!important; height: 10px!important; border: 2px solid #999!important; border-radius: 100%!important;cursor: pointer!important;opacity:1!important;background:transparent!important;
      margin:0!important;
      &.is-selected { background: #999!important; }
   }
}
@media only screen and (max-width: 1300px) {
    .collection-tabs .carousel__slide, .featured-collection .carousel__slide {
        width: 100%!important;
        max-width: calc(33vw - 15px)!important;
    }
}

@media only screen and (max-width: 600px) {
    .collection-tabs .carousel__slide, .featured-collection .carousel__slide {
        max-width: calc(100vw - 65px)!important;
    }
    .product-featured-image{
      
    }
}

/*Promotion Karte*/
.promotion-column {
  margin-bottom:0!important;
  .gallery--item{
    height:100%;min-height: 400px;transition: all .4s ease;
    &:hover{filter: drop-shadow(0 4px 4px #999);}
    
    .gallery--item-content{
      cursor:pointer!important;
      &>div{
        max-width: 100%!important; display: flex; flex-direction: column; 
        h4{font-size:30px!important;font-family: "Medium" !important;margin-top: 5px;margin-bottom: 10px!important;}
        p{font-size:18px!important;line-height:1.2!important;}
        .button{position: absolute;bottom:25px;left:30px;right:30px;padding: 12px 40px;font-size: 16px;line-height:1;height:45px;}
      }
    }
  }
}

@media screen and (max-width: 600px){
  .promotion-column .gallery--item-content{
    padding: 30px!important;
  }
}

/*Frontpage Partner Slider*/
#shopify-section-template--25268545585501__slideshow_7VMH4z slide-show {
  overflow:visible!important;margin-bottom:20px;

  .flickity-viewport{border-radius:10px;}
  .flickity-page-dots{
    bottom:-20px!important;
    .dot{background:#2c2d2e!important;}
  }
}



/* Toggle Boxes*/
.toggle-boxes{
  .toggle-boxes--inner { 
    --mobile-swipe-width: 80vw;
    padding:0!important; gap:25px!important;
    .toggle-box{
      box-shadow: none !important; border: 1px solid #dadada;
      .toggle-box--content-inner > div{
        .metafield-rich_text_field{padding:0!important;}
        padding: 0 10px 20px 30px;margin-top: 20px;width: calc(100% - 30px);
        p{font-size: 14px!important;font-family: "Medium" !important;}
        &::-webkit-scrollbar {width: 2px;height: 2px;}
        &::-webkit-scrollbar-thumb {background-color: #CCC;}
        &::-webkit-scrollbar-track {background: transparent;}
        &::-webkit-scrollbar-button {display: none; height: 0; width: 0;}
      }
      .toggle-box--button{
        font-size:14px;text-align:left;padding: 15px 50px 15px 30px;white-space: pre-wrap;
        span{right:30px;}
      }
      &[open] .toggle-box--content { height: calc(100% - 10px); }
    }
  }
}
@media screen and (max-width: 768px){
    .toggle-boxes{
    .toggle-boxes--inner { 
      gap:10px!important;
    }
  }
}


/* Product Cards */

.bestware-subheading {
  font-size: 14px;
  letter-spacing: 0;
  font-family: "Medium", sans-serif;
  font-weight: normal;
  color: black;
  padding-top: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .bestware-subheading {
    margin: 5px 0 10px 5px; 
    height: 2.6em;         
    line-height: 1.2;
    justify-content: flex-end; 
  }
}

@media screen and (min-width: 750px) {
  .bestware-subheading {
    margin: 0 0 10px 5px;   
    height: auto;           
    min-height: 1.3em;      
    max-height: 1.5em;      
    white-space: nowrap;    
    text-overflow: ellipsis; 
    justify-content: center;
  }
}

.bestware-subheading-collection {
  font-size: 14px;
  letter-spacing: 0;
  font-family: "Medium", sans-serif;
  font-weight: normal;
  color: black;
  padding-top: 3px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 749px) {
  .bestware-subheading-collection {
    margin: 5px 0 10px 5px; 
    height: 1.3em;         
    line-height: 1.2;
    justify-content: flex-end; 
  }
}

@media screen and (min-width: 750px) {
  .bestware-subheading-collection {
    margin: 0 0 10px 5px;   
    height: auto;           
    min-height: 1.4em;      
    max-height: 1.5em;      
    white-space: nowrap;    
    text-overflow: ellipsis; 
    justify-content: center;
  }
}

.product-card-small {
  .pricing-heading{transition: all .2s ease;max-height:50px;overflow:hidden;}
  &:hover .pricing-heading{max-height:0;}
}
.product-card{
  border-radius: 10px!important;
  transition: all .4s ease;
  &:hover { filter: drop-shadow(0 4px 4px #999); }
  .product-card-compare{right:initial!important;left:10px!important;
    .product-card-compare--checkbox{
      &:before,&:after{left:-3px!important;}
    }
  }
  .product-card--badges{
    --badge-offset: -2px;
  }
  .product-featured-image{margin:40px 40px 20px 40px !important;margin:10% 12% 5% 12% !important;position:initial!important;}
  .product-card-info{
    padding: 0 20px 25px 20px!important;
    .product-card-vendor {
      margin:0 0 2px 5px;opacity:1;text-transform:initial!important;
      a{
        font-size: 16px; letter-spacing: 0; font-family: "Medium"; color: #666; pointer-events:none!important;
      }
    }
    .product-card-title{
      font-size: 16px; letter-spacing: 0; font-family: "Medium"; color: black; margin-left:5px;line-clamp:2;text-overflow: ellipsis;overflow:hidden;max-height: 2.8em;line-height:20px!important;
    }
    
    .product-features{margin: 0 0 15px 0;}
    .feature{
      height: 24px;display:flex; margin-bottom:6px;
      span{
        display:block;margin-right:auto;text-rendering: geometricPrecision;-webkit-font-smoothing: subpixel-antialiased;
        background:#eee;padding: 5px 10px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
        font-size: 14px; letter-spacing: 0; font-family: "Regular"; font-weight: normal; color: black;
      }
    }

    .pricing-heading{
      font-size: 14px; letter-spacing: 0; font-family: "Medium"; font-weight: normal; color: black; margin-bottom:7px;height: 1em;
    }
    
    .price{
      display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;margin-bottom:5px;
      .amount{
        display:block;margin-bottom:5px;
        font-size: 24px; letter-spacing: 0; font-family: "Medium";color: black; 
        &.discounted{color:red}
      }
      .old-amount{
        font-size: 18px; letter-spacing: 0; font-family: "Medium"; color: black; position:relative;margin: -5px 0 0 5px;
        &:after{position:absolute;top:43%;left:-1px;width:calc(100% - 16px);content:" "; transform:rotate(-10deg);border-bottom:2px solid black;}
      }
    }
    .tax-notice{
      font-size: 12px; letter-spacing: 0; font-family: "Medium"; font-weight: normal; color: black; margin-bottom:0;height: 1em;
    }
    .product-inventory-notice--wrapper{display:none;}
  }
}

@media screen and (max-width: 1300px){
  .product-card{
    &:hover { filter:none; }
  }
}

@media screen and (max-width: 600px){
  .product-card{
    .product-featured-image{width: 70%!important;margin:25px auto 10px auto!important;}
    .product-card--badges { --badge-offset: 6px; }
    .product-card-info{ padding: 0 20px 20px 20px!important;}
    .price{flex-direction:column-reverse;}
  }
}



/*Product Filter */
@media screen and (min-width: 1068px){  
  .facets--sidebar{grid-template-columns: 315px 1fr!important;gap:25px!important;
    &.results--0 {grid-template-columns: 1fr!important; }  
  }
}
.facets--bar-inline{margin-bottom:30px!important;
  .facets__form{align-items: baseline!important;margin-top: 10px;
   .facets--bar-right{margin-right:-16px;}
   .custom-select--list{ box-shadow: 0 4px 6px #00000070!important;
    .custom-select--item:has(button[data-value="title-ascending"]), .custom-select--item:has(button[data-value="title-descending"]), .custom-select--item:has(button[data-value="created-ascending"]) {display: none !important;}
   }
  }
}
facet-filters-form{
  max-width:100%!important;
  .facets--bar-sticky:after{box-shadow: none !important;}
  .active-facets__button{font-size:14px!important; border-radius: 7px!important;background: white;border:1px solid #d7d7d7!important;}
  .active-facets__button-remove{font-size:14px!important;color:black!important;}
  .custom-select--button { font-size:14px!important;padding: 8px 16px; background: white; border-radius: 7px; border:1px solid #d7d7d7;}
  .custom-select--text{font-size:14px!important}
  .facets-toggle{font-size:14px!important;background:white;border-radius:7px!important;}
  .facets__label{font-size:14px!important;}
  
  .custom-select--list{margin-top:5px;border-radius:8px!important;max-height:330px;overflow: hidden;
    ul{padding: 0px 0!important;
      .custom-select--item {padding: 10px 20px;line-height: 1.5;margin:0!important;transition:all .4s ease;
        &:hover{background-color:#e5e5e5;}
        button{font-size:14px!important;line-height:1.4!important;}}
    }
  }
  
  .thb-filter{
    border-bottom:2px solid #d7d7d7!important;
    .thb-filter-title{
      font-size:18px!important;padding-bottom:18px!important;line-height:24px!important;
      svg{
        width:10px!important;
        path{stroke-width:2.5px!important;}
      }
    }
    .thb-filter-content {
      ul {
        max-height: 190px;overflow-y:auto!important;padding-right:10px;scrollbar-width:initial!important;
        &::-webkit-scrollbar {width: 2px;height: 2px;display:block!important;}
        &::-webkit-scrollbar-thumb {background-color: #CCC;}
        &::-webkit-scrollbar-track {background: transparent;}
        &::-webkit-scrollbar-button {display: none; height: 0; width: 0;}
        li {display:flex;align-items: center;margin-bottom:8px;
          label{
            display:flex;align-items: center;width: 100%;
            .count{
              padding-left:5px;margin-left:auto!important;
            }
          }
        }
      }
      .price-highest{font-size:16px!important;}
      .price_slider .noUi-handle .noUi-touch-area{background:black;border-radius:100%;}
      .price_slider_amount{
        span:not([class]){transform: scale(0.5);}
        .price_slider_amount__single{
          .field-currency{left: initial!important; right: 0;}
          input{ padding: 10px 25px 10px 10px!important;height:35px!important;border-radius:7px!important;border:1px solid #d7d7d7!important;background:white;outline:none!important;}
        }
      }
      .filter-name{ font-size:16px!important;font-family: "Regular";cursor:pointer; }
      label{ font-size:16px!important;font-family: "Medium";cursor:pointer; }
      input{cursor:pointer;font-size:14px!important; &[disabled]{cursor:initial;} &[disabled] + * {cursor:initial!important;}}
      
      input[disabled]+label .filter-name{color:#666!important;}
    }
  }
  input[type="checkbox"]:not(.custom-checkbox){margin-right:25px!important;}
  .custom-checkbox[type=checkbox]:checked{background: black!important}
}
#Facet-Drawer{
    .text-button{color:black!important;}
    select.facet-filters__sort {
        option[value="title-ascending"], 
        option[value="title-descending"], 
        option[value="created-ascending"], 
        option[value="most-relevant"] {
            display: none !important;
        }
    }

    // Versteckt die Custom-Buttons inkl. der umgebenden Liste (Desktop)
    li.custom-select--item:has(button[data-value="title-ascending"]),
    li.custom-select--item:has(button[data-value="title-descending"]),
    li.custom-select--item:has(button[data-value="created-ascending"]),
    li.custom-select--item:has(button[data-value="most-relevant"]) {
        display: none !important;
    }
    .facets .thb-filter-sort .select{
      select{border-radius:0!important;padding:3px!important;}
      .select-arrow {right: 4px!important;
          svg{width: 10px!important;
            path{stroke-width: 2.5px !important;}
          }
      }
    }
}

input[type="checkbox"]:not(.custom-checkbox){
  -moz-appearance:initial;visibility:hidden;cursor:pointer;
  display:block;position:relative;
  &:before{ visibility:visible;content:" "; z-index:1; position:absolute;top:-5px;left:0;width:24px;height:24px;background:white;border:1px solid #d7d7d7;border-radius:5px;transition:all .1s linear;}
  &:hover:not([disabled]):before{border-width:1.8px;border-color:#999;}
  &:after{ visibility:visible;content:" "; z-index:2; position:absolute;top:-3px;left:2px;width:20px;height:20px;background-image:url("/cdn/shop/files/bestware_User-Porfile_Icon_Checkmark-white.svg?v=1776860620");background-size:contain;background-position:center;opacity:0; }
  &:checked:before{background:black;border-color:black;}
  &:checked:after{opacity:1}
  &:checked+label .filter-name{font-family: "Medium"!important;}
  &[disabled]:before{background:var(--bg-body)}
}


/* --- Bestware Scroll-Fades für Sidebar-Filter --- */

/* Standard-Zustand (kein Fade) */
.thb-filter-content ul {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 100%);
    mask-image: linear-gradient(to bottom, black 0%, black 100%);
    transition: mask-image 0.2s ease, -webkit-mask-image 0.2s ease;
}

/* Oben am Anschlag -> Fade nur nach unten hin */
.thb-filter-content ul.can-scroll-bottom:not(.can-scroll-top) {
    -webkit-mask-image: linear-gradient(to bottom, black 0%, black 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 0%, black 85%, transparent 100%);
}

/* Unten am Anschlag -> Fade nur nach oben hin */
.thb-filter-content ul.can-scroll-top:not(.can-scroll-bottom) {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 100%);
}

/* Irgendwo in der Mitte -> Fade oben UND unten */
.thb-filter-content ul.can-scroll-top.can-scroll-bottom {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
}


/* --- Filter Responsive Anzeige --- */

/* 1. Versteckt die komplette Desktop-Sidebar auf Handys und Tablets */
@media screen and (max-width: 1053px) {
    #CustomFilterSidebar {
        display: none !important;
    }
    
    /* Falls die Sidebar noch einen äußeren Container hat, blenden wir den zur Sicherheit auch aus */
    .facets--sidebar .custom-filter-sidebar {
        display: none !important;
    }
}

/* 2. Versteckt den Mobile-Button (Drawer-Toggle) auf großen Desktop-Bildschirmen */
@media screen and (min-width: 1054px) {
    .facets--bar-sticky {
        display: none !important;
    }
}

/* Container-Verhalten für die Produktanzahl */
.bw-sort-count-wrapper { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    width: 100%; 
}

/* Auf mobilen Geräten rechtsbündig anordnen */
@media screen and (max-width: 1053px) {
    .bw-sort-count-wrapper { 
        justify-content: flex-end !important; 
    }
}

/* Ersetze deinen bisherigen .noUi-target Block hiermit: */
.noUi-target { 
    background: #eee !important; 
    border-radius: 4px !important; 
    height: 6px !important; 
    border: none !important; 
    box-shadow: none !important; 
    touch-action: none !important; /* <--- DAS IST DER LEBENSRETTER FÜR MOBILE */
}


/* 1. Zwingt den Drawer in den exakt sichtbaren Bildschirm (behebt das Adressleisten-Problem) */
#Facet-Drawer.active {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important; /* Fallback für ältere Browser */
    height: 100dvh !important; /* Dynamische Höhe, zieht die Adressleiste ab! */
    z-index: 100000 !important;
}

/* 2. Flexbox-Layout: Header oben, Footer unten, Filter dazwischen */
#Facet-Drawer .side-panel-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    max-height: 100%;
}

/* 3. Header und Footer dürfen nicht gequetscht werden */
#Facet-Drawer .side-panel-header,
#Facet-Drawer .side-panel-footer {
    flex-shrink: 0 !important; 
}

/* 4. Nur der Filter-Bereich darf scrollen */
#Facet-Drawer .side-panel-content {
    flex-grow: 1 !important; 
    overflow-y: auto !important; 
    -webkit-overflow-scrolling: touch !important; /* Butterweiches Scrollen auf iOS */
}

/* Zwingt die Produktanzahl im Header in die Zeile DARUNTER */
.side-panel-header .mobile-filter-count {
    display: block !important;
    margin-top: 6px;
    font-size: 0.85em;
    font-weight: normal;
}

#ProductPaginationContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 30px; /* Optional: etwas Abstand nach oben zum Grid */
    margin-bottom: 30px; /* Optional: etwas Abstand nach unten */
}



/*Product Grid*/
#product-grid{display:grid;grid-template-columns: 1fr 1fr 1fr;width:initial;
  .column{max-width:100%!important;}
}
@media screen and (900px > width){
  #product-grid{grid-template-columns: 1fr 1fr;}
}
@media screen and (500px > width){
  #product-grid{grid-template-columns: 1fr;}
}

@media screen and (max-width:768px){
  #ProductGridContainer{
    .sidebar-container{display:block!important;
      #product-grid{padding:0!important;}
    }
  }
}

/*Media Grid*/
@media only screen and (min-width: 768px) { .media-grid--inner { padding: 0 25px!important; } }
@media only screen and (max-width: 600px) { .media-grid--inner { padding: 0 20px!important; } }





/*News blog*/

.blog-header-section .page-header {
  padding: 60px 0px 20px 0px!important;
  p{font-family: "Medium" !important;}
}
@media screen and (max-width: 767px) {
  .blog-header-section .page-header {
    padding: 50px 0px 20px 0px!important;
  }
}

.blog-section{
  .row{
    .row.articles{--gap:20px;gap:var(--gap);
      .columns{padding:0!important;}  
    }
    @media print, screen and (min-width: 48em) {
        .medium-4 {flex:calc(33% - calc(var(--gap) /2))!important;max-width: calc(33% - calc(var(--gap) /2))!important;margin: 0!important;}
        .medium-6 {flex: calc(49.9% - calc(var(--gap) /2))!important;max-width: calc(49.9% - calc(var(--gap) /2))!important;margin: 0!important;}
        .blog-post{height:100%;margin-bottom:0!important;}
    }
    .blog-post{
      .featured-image{padding:0!important;}
      .blog-post-info{
        h5{font-family: "Medium" !important;}
        .read-more{color:black!important;margin-right:auto;
          span{display:none!important;}
          svg path{stroke:black!important;}
          &:before { position: absolute; content: " "; bottom: -3px;left: 0;height: 2px;width: 0;background-color: var(--color-accent-hover);transition: all .4s ease; }
          &:hover:before{width:100%;}
        }
      }
    }
    .pagination{padding:20px 0;}
  }
}


.promotion-blocks{
  .promotion-blocks--inner { padding: 0 20px!important;}
  .promotion-blocks--item{border:1px solid var(--color-border, #dadce0);box-shadow:none!important;
    .promotion-blocks--image{
      div{height:100%!important;}
      img{border-radius:8px!important;height:100%;object-position: center right!important;}
    }
    .text-button{color:black!important;margin-right:auto;
      svg path{stroke:black!important;}
      &:before { position: absolute; content: " "; bottom: -3px;left: 0;height: 2px;width: 0;background-color: var(--color-accent-hover);transition: all .4s ease; }
      &:hover:before{width:100%;}
    }
  }
}

.article-section{
  .blog-post-detail--navigation{border-bottom:none!important;
    background: black!important;  color: #ffb81d!important;  height: 60px!important;
    .blog-post-detail--navigation--inner{grid-template-columns:1fr!important;}
    .blog-post-detail--navigation--title{text-align:center}
    .blog-post-detail--navigation--bar{height:3px!important;bottom:0!important;}
  }
  .blog-post-detail {
    .post-title-wrapper{
      flex-direction:column-reverse!important;margin-bottom:0!important;
      background:transparent!important;border:none!important;flex-direction: column;align-items:center!important;margin-top: 40px;  margin-bottom: 40px;border-radius: 0 !important;overflow:visible!important;

      .post-title{padding:20px 0!important;width:100%!important;}
      .featured-image{width:100%;max-width: 1000px;
        img{width:100%!important;}
      }
    }
    .blog-post-detail--continue{
      .blog-post-detail--continue-image{
        img{border-radius:8px!important;height:100%;object-fit: cover!important;object-position: center center!important;}
      }
      .text-button{color:black!important;margin-right:auto;
        span{display:none!important;}
        svg path{stroke:black!important;}
        &:before { position: absolute; content: " "; bottom: -3px;left: 0;height: 2px;width: 0;background-color: var(--color-accent-hover);transition: all .4s ease; }
        &:hover:before{width:100%;}
      }
    }
  }
}
@media screen and (max-width:768px){
  .blog-post{margin-bottom:20px!important;}
  .blog-post-detail--navigation--inner{grid-template-columns:1fr!important;padding: 0 40px 0 22px!important;
    .blog-post-detail--navigation--title{font-size:16px!important;text-align:left!important;}
  }
  .blog-section .row.articles { padding: 0 !important; gap:0!important; }
  .post-title-wrapper{margin-bottom:0!important;margin-top:0!important;}
  .featured-image{width:100vw!important;margin-bottom:30px!important;}
}



/*Shopping Cart Drawer + Search Drawer + Compare Panel*/
.side-panel{border-radius:0px!important;}
.side-panel .old-amount{display:none!important;}
#cart-discount, #mini-cart__notes{border:1px solid var(--color-form-border)!important;transition:none!important;}
#cart-discount:focus, #mini-cart__notes:focus{outline:2px solid black!important;outline-offset: -2px;}
label[for="mini-cart__notes"]{text-transform: none!important;font-size: 14px!important;}

.cart-drawer, .compare-parent, .search-drawer{
  outline:none!important;
  &.active {border-radius: 0px!important}
  .h6 sup {display: none!important}
  .button {background:black!important;color: white!important;line-height:1!important;}
  .order-note-toggle {color: black!important;}
  .side-panel-content{padding: 25px 0 25px 30px!important;}
  .product-cart-item--container{overflow-x:hidden;padding-right: 30px;}
  .product-cart-item{padding-bottom: 20px;overflow: hidden;border-bottom: 1px solid #ccc;position:relative;}
  .feature{max-width: 347px!important;}
  .product-cart-item-price{position: absolute;bottom:25px;right:0;}
  .cart-policy-text {font-size: 14px !important;color: #999999;opacity:1 !important;}}
  .cart-total th {font-size: 16px!important;}
  .product-card-small--add-to-cart-icon path{fill:black!important;}
  .product-card-small--add-to-cart-text{color:black!important;text-decoration-color:var(--color-accent)!important;}
  .product-card-small--info{min-width:80%!important;width:100%!important;}
  .thb-predictive-search--promotion-products .products.row{margin:0!important;}
  @media screen and (min-width: 768px) {
    table.collaterals tbody tr th {padding: 5px 80px 5px 0!important;}
    .product-card-small:hover .product-card-small--add-to-cart-button {transform: none!important;}
  }
  @media screen and (max-width: 768px) {
    .product-card-small .product-card-small--add-to-cart-button {transform: translateY(100%)!important;display:none!important;}
    .product-card-small:hover .price {transform: none!important;}
  }
}

.cart-drawer-buttons {
  margin-top: 0px !important;
}

.template-cart, cart-drawer{
  .product-vendor {font-size: 16px;letter-spacing: 0;font-family: "Medium";color: #666;}
  .product-cart-item{max-width:initial!important;}
  .product-cart-item-options{display:none;}
  .remove {display:inline-block;filter: brightness(0);
    svg {transform: translateY(17%);}
  }
  .price del{text-decoration-line:none!important;position:relative;
    &:after{;position: absolute; top: 43%; left: -1px; width: calc(100%); content: " "; transform: rotate(-9deg); border-bottom: 2px solid black;}
    &+ins{color:red!important}
  }
  .discounts__discount{width: fit-content; padding: 6px 8px 6px 25px; line-height: 1; border: 2px solid #e5e5e5; border-radius: 8px; font-size: 14px!important; color: black!important;position:relative;
    &:after{position:absolute;top:0;bottom:0;left:5px;width: 15px;content: " ";background: url(/cdn/shop/files/bestware_Cart_Coupon.svg?v=1773236456) center / contain no-repeat;filter:invert(1);}
    svg{display:none}
  }
  .cart-discounts--remove{filter:brightness(0);transform: translateY(-1px) scale(1.2)}
  .bundle-options, .product-features{margin: 10px 0 5px 0;display: flex; flex-direction: column;gap: 5px;
    .component, .feature{display:flex;align-items: center;gap:5px;
      &.hidden{display:none}
      img, .placeholder{display:none;flex: 0 0 auto;width:30px; height:30px;border-radius:5px; overflow:hidden;background:#eee;}
      .component-title, span{font-size:12px;line-height:1.2;display: block; margin-right: auto;background: #eee;padding: 5px 10px;border-radius: 4px;white-space: nowrap;max-width:calc(100vw - 110px); line-clamp:1;overflow: hidden;text-overflow: ellipsis;font-size: 14px;letter-spacing: 0;font-family: "Regular";font-weight: normal;color: black;}
    }
  }
  @media only screen and (max-width: 600px) {
    .product-cart-item {display: flex;flex-direction: column;}
    .button{padding:15px 20px!important;}
  }
}
.template-cart {
  .template-header {padding: 30px 0px 20px 0px!important; }
  .cart-policy-text {font-size: 14px !important;color: #999999;margin-top:0px !important;margin-bottom:20px !important;opacity:1 !important;}
  .button.accent  {background: black!important;}
  .text-button--has-icon {padding-bottom: 15px!important;color: black!important;
     path {stroke:black!important;}
  }
  .thb-cart-form--continue{
    span{margin-left:10px!important}
    svg{animation:none!important;}
  } 
  .product-quantity{min-width:150px!important;}
  .mobile-qty-price{display:none}
  tr[id*="CartItem"]{border-top:1px solid #ccc!important;}
  tr[id*="CartItem"] td {padding-bottom: 20px !important;border-bottom: 1px solid #ddd !important;}
  tr[id*="CartItem"] .price{margin-top:5px;}
  

  .accordion{border-top:none!important}
  .cart-policy-text{text-align:left!important;}

  @media only screen and (max-width: 1067px) {
    .product-cart-item img, .product-cart-item .thb-placeholder{width:150px!important;}
    .mobile-qty-price{display:flex;align-items:center;justify-content:center;margin-top:30px;}
    .mobile-qty-price .product-subtotal{margin-left:auto;padding-bottom:0!important;}
    .mobile-qty-price > * {margin-top:0!important;} 
    .mobile-qty-price .remove {margin-bottom:7px;} 
    td.product-subtotal{display:none!important}
    th.product-total{position:absolute!important;right:55px;}
    td.product-name{width:100%!important;padding-right:0!important;}
    td.product-name .product-cart-item-image+div{width:100%;}
  }
  @media only screen and (min-width: 1068px) {
    .cart-items thead .product-name, .cart-items tbody .product-name { width: 600px!important; }
    .thb-cart-form--full {gap: 20px!important; }
  }

  @media only screen and (max-width: 600px) {
    tr[id*="CartItem"]{position:relative!important;}
    .product-total{position: absolute;right: 54px;}
    .product-subtotal{vertical-align: bottom;padding-bottom: 6px!important; bottom: 0; right: -3px;
      .price{display:flex!important;flex-direction:column; text-align:right;
        del{line-height:1;
          &+ins{margin-left:0;}
        }
      }
    }
      
  }

  .thb-cart-form > div {
    padding: 10px 30px 0px 30px; background: white!important;border: solid 1px!important; border-radius: 12px!important; border-color: #e5e5e5!important;
  }
  .thb-cart-form:has(.cart-empty){grid-template-columns: 1fr!important;
      .cart-empty { margin: 0!important;padding:50px 0 50px 0!important;width:100%!important;max-width:100%!important}
  }

  .thb-cart-collaterals {border-radius: 12px!important;background: white!important;padding: 25px 30px 25px 30px !important;}
  table thead th {font-size: 14px!important;}
  #CartSpecialInstructions{outline:none!important;
    &:focus{border:2px solid black!important;}
    &:focus+label{background-color:white!important;}
  }

  .thb-cart-collaterals .collaterals {margin-bottom:0px !important;}

  .product-recommendations .products.row {width: calc(100% + 49px) !important;margin-left: -25px !important;}
  @media screen and (width < 550px){
    .product-recommendations .products.row{display: flex!important; flex-direction: row!important; flex-wrap: nowrap;}
  }
}


/*Sea*/

/*Mega Menu */
.tmenu_app {
  .tmenu_item--root > .tmenu_submenu {box-shadow: none !important; }
  .tmenu_item--root > .tmenu_item_link {height:84px!important;}
}


/*Hide Compare Drawer when compare disabled*/
body.compare-false .compare-parent{display:none!important;}
body.compare-true .compare-parent{display:block!important;}

.compare-toggle {padding: 20px 16px 20px 15px !important;border-radius: 8px 0px 0px 8px !important;}



/*Announcement Bar*/
.announcement-bar--item {align-items: center;justify-content: center;font-size:14px!important;}
.announcement-bar .md-orbe-custom-selector{position: absolute; right:20px;filter: opacity(0.7);font-size:14px;
  .md-orbe-country-selector__icon {width:22px!important;height:22px!important}
}
@media screen and (min-width:1380px){.announcement-bar .md-orbe-custom-selector{position: absolute; right: calc((100vw - var(--grid-width-row)) / 2 + 20px);}}
@media screen and (max-width:1080px){.announcement-bar .md-orbe-custom-selector{display:none;} .announcement-bar .flickity-nav{display:none!important;}}

/*Search*/
input[type="search"]{background:white!important;transition:none!important;}
input[type="search"]:not(#side-panel-search-input):focus{outline:2px solid black!important;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  display: none!important;  width: 0; height: 0;
}
.thb-search-submit svg{filter: invert(1);}
.template-search .template-header {padding: 60px 0 30px 0!important;}



/*Orbe Geolocation Modal Tab Fix*/
#md-app-embed__footer-popup .md-modal__dialog .md-modal__content{border-radius:12px!important;}
#md-app-embed__footer-popup .md-modal__header__title span{font-weight:normal!important}
.md-modal__bodyContent__tabs ul>li.md-tab__element:hover, .md-modal__bodyContent__tabs ul>li.md-tab_active,
.md-modal__bodyContent__tabs ul>li.md-tab_active>a,
.md-modal__footer-selector-modal__flag-country-name span.active {font-weight:normal!important}

.md-modal__footer-selector-modal__flag-country-name span.active{text-decoration:underline;}
.md-modal__bodyContent__tabs ul>li>a{pointer-events:none}


/*VAT- und Versandanzeige auf Produktseite*/
.tax-notice a {
  text-decoration: underline !important; 
  color: inherit;                         
  transition: none !important;            
}

.tax-notice a:hover {
  text-decoration: underline !important; 
  color: inherit !important;              
  opacity: 1 !important;                  
  cursor: pointer;                        
}

/* Chat Button*/
#launcher {
  z-index:9!important;
  bottom: 80px !important;
}
.cbBnIz path {
  fill: #000000 !important;
}

/*Lowes Price Anzeige Produktseite*/
#am-omnibus-block .caption {
    font-size: 14px !important; 
    color: #333333 !important; 
    margin-top: 0px !important;
    margin-bottom: 10px !important;
    display: block !important; 
}


/*Search Drawer*/
.product-card-small--add-to-cart-button.is-configurable {
    justify-content: flex-start !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.product-card-small--add-to-cart-button.is-configurable .product-card-small--add-to-cart-text {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
}

.field label {
  color: #999999 !important;
}

.cart-discounts--info {
  font-size: 14px !important;
  color: #999999 !important;
}



.needsclick[role="button"]{border: 1px solid #333!important;border-top:0!important;border-radius:0 0 8px 8px!important;padding:15px 30px 15px 15px!important;
  p{margin-bottom:0!important;}
}
.needsclick .klaviyo-close-form{right:15px!important;bottom:20px!important}