/*
Theme Name: WATCH Child
Theme URI: https://point-break.ch/
Template: WATCH
Author: the PB team
Author URI: https://point-break.ch/
Description: WATCH theme
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.6.1780049155
Updated: 2026-05-29 12:05:55

*/

/* teaser */
.teaser__image img{
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 6px;
}
.teaser__content{
  --gap: 16px;
  --ps: 50px;
  --pb: 80px;
  --text-offset: 8px;
  --title-offset: 16px;
  --subtitle-offset: 8px;
}
.teaser__content div + .vc_btn3-container{
  padding-top: var(--gap);
}
.teaser__content:first-child{
  padding-left: var(--pb);
  padding-right: var(--ps);
}
.teaser__content:last-child{
  padding-left: var(--ps);
  padding-right:var(--pb);
}
.teaser_row{
  --column-gap: 0;
}
@media screen and (max-width: 1480px){
  .teaser__content{
    --pb: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .teaser__content{
    --ps: calc(var(--spacing) - 15px);
  }
}
@media screen and (max-width: 991px){
  .teaser__content{
    --ps: 0;
  }
  .teaser_row{
    gap: var(--section-offset);
  }
  .teaser__image{
    order: 2;
  }
}

/* home into_text */
@media screen and (min-width: 992px) {
  .home_into_text{
    text-wrap: balance;
  }
}

.home_product_title>div>div>div{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px;
  padding-right: calc(var(--spacing) - var(--spacing-d));
}
.home_product_title .third_button{
  padding-top: 10px;
}
.site-content .entry-content .after-favorite-products.vc_btn3-container.third_button{
  display: none;
}
@media screen and (max-width: 767px){
  .site-content .entry-content .home_product_title  .vc_btn3-container.third_button{
    display: none;
  }
  .site-content .entry-content .after-favorite-products.vc_btn3-container.third_button{
    display: block;
    margin-top: 32px;
    text-align: center;
  }
  .home_product_title{
    --row-offset: 32px;
  }
}

/* quote element */
.vc-quote-element{
  text-align: center;
  --text-offset: 32px;
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .vc-quote-element{
    --text-offset: 24px;
  }
}
@media screen and (max-width: 767px){
  .vc-quote-element{
    --text-offset: 16px;
  }
  .vc-quote-element__person{
    font-size: .875rem;
  }
}

/* partner grid */
.partner_row>div>div>div{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--g);
  --col: 3;
  --g: 40px;
  padding: var(--row-offset) 0;
}
.partner_row .wpb_single_image{
  width: calc((100% / var(--col)) - ((var(--g) / var(--col)) * ((var(--col) - 1))));
}
.partner_row .wpb_single_image img{
  max-width: 100%!important;
  height: auto!important;
  object-fit: contain;
  padding: 12px 24px;
  max-height: 92px;
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .partner_row>div>div>div{
    --g: 16px
  }
}
@media screen and (max-width: 767px){
  .partner_row>div>div>div{
    --col: 1;
  }
  .partner_row .wpb_single_image img{
    max-height: 82px;
  }
}

/* facts */
.facts_row{
  --row-offset: 40px;
  --gap: 40px;
  color: white
}
.vc-facts{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px var(--g);
  --col: 3;
  --g: 80px;
  --y: 0;
}
.vc-fact-item{
  width: calc((100% / var(--col)) - ((var(--g) / var(--col)) * ((var(--col) - 1))));
  text-align: center;
  padding: 40px 24px;
  position: relative;
}
.vc-fact-item__image-wrapper img{
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 1;
  object-fit: contain;
}
.vc-fact-item__image-wrapper{
  width: 56px;
  margin-inline: auto;
}
.vc-facts.is_shown{
  --y: 1;
}
@media screen and (min-width: 992px) {
  .vc-fact-item:nth-child(3n+3)::after, .vc-fact-item:nth-child(3n+2)::after{
    content: '';
    position: absolute;
    width: 1px;
    background: white;
    top: 40px;
    bottom: 40px;
    left: calc(var(--g) / -2);
    transform: translateX(50%) scaleY(var(--y));
    transition: transform .8s cubic-bezier(0.39, 0.58, 0.57, 1);
  }
}
.vc-fact-item__description{
  margin-top: 16px;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .vc-facts{
    --g: 64px;
  }
  .facts_row{
    --row-offset: 24px;
    --gap: 24px;
  }
}
@media screen and (max-width: 1199px){
  .vc-fact-item{
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .vc-fact-item:nth-child(3n+3)::after, .vc-fact-item:nth-child(3n+2)::after{
    top: 0;
    bottom: 0;
  }
  .vc-facts{
    --g: 24px;
  }
}
@media screen and (max-width: 991px){
  .vc-fact-item{
    padding-inline: 0;
  }
  .vc-fact-item__image-wrapper {
    width: 40px;
  }
  .vc-facts{
    gap: var(--g);
    --col: 1;
  }
  .vc-fact-item:nth-child(3n+3)::after, .vc-fact-item:nth-child(3n+2)::after{
    content: '';
    position: absolute;
    height: 1px;
    background: white;
    left: 0;
    right: 0;
    top: calc(var(--g) / -2);
    transform: translateY(50%) scaleX(var(--y));
    transition: transform .8s cubic-bezier(0.39, 0.58, 0.57, 1);
  }
}
/* hero */
.entry-content section.hero_section{
  padding: 0;
}
section.hero_section + section:not(.vc_section-has-fill){
  margin-top: var(--section-offset);
}
.hero{
  position: relative;
  isolation: isolate;
  min-height: calc(100vh - var(--hh));
  min-height: calc(100svh - var(--hh));
  display: flex;
  align-items: flex-end;
  padding: 160px var(--spacing-d);
  overflow: hidden;
}
.hero__slider::before{
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0;
  background: linear-gradient(255deg, rgba(0, 0, 0, 0.00) 21.68%, rgba(0, 0, 0, 0.40) 81.55%);
}
.hero__content{
  padding: 0 15px;
  max-width: var(--max-width-d);
  width: 100%;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
.hero__content_inner{
  max-width: 50%;
}
.hero__title{
  text-wrap: balance;
}
.hero__description{
  padding-top: 16px;
}
.hero__buttons{
  padding-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
  align-items: center;
}
.hero__slider{
  position: absolute!important;
  z-index: 1;
  inset: 0;
}
.hero__slider .slick-list, .hero__slider .slick-track{
  height: 100%;
}
.hero__image{
  max-width: 100%!important;
  height: 100%!important;
  object-fit: cover;
}
.hero__image, .hero__video{
  min-height: calc(100vh - var(--hh));
  min-height: calc(100svh - var(--hh));
}
.hero__video{
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}
.hero__slider--mobile{
  display: none!important;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .hero{
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .hero{
    padding-top: 120px;
    padding-bottom: 100px;
  }
}
@media screen and (max-width: 1199px){
  .hero__content_inner {
    max-width: 100%;
  }
  .hero__slider--mobile{
    display: block!important;
  }
  .hero__slider--mobile + .hero__slider--desktop{
    display: none!important;
  }
}
@media screen and (max-width: 767px){
  .hero{
    padding-top: 120px;
    padding-bottom: 80px;
  }
}
/* verkauf info */

.verkauf_info .wpb_text_column{
  --gap: 40px;
  --text-offset: 8px;
  --title-offset: 16px;
  --subtitle-offset: 8px;
}
.vc-highlighted-item__description{
  margin-top: 8px;
  --text-offset: 8px;
}
.vc-highlighted-item + .vc-highlighted-item{
  margin-top: 40px;
}
.vc-highlighted-item{
  display: flex;
  gap: 24px;
}
.vc-highlighted-item_icon{
  flex-shrink: 0;
}
.check {
   width: 40px;
   height: 40px;
 }
 /* overflow:visible lets the ripple grow past the 40x40 viewBox */
 .check svg { display: block; width: 100%; height: 100%; overflow: visible; }

 /* fill-box = each circle pivots on its own centre, whatever the viewBox */
 .check .ripple,
 .check .disc {
   transform-box: fill-box;
   transform-origin: center;
   transform: scale(0);
 }
 .check .ripple { opacity: 0; }
 .check .tick {
   stroke-dasharray: 1;      /* the path carries pathLength="1" */
   stroke-dashoffset: 1;
 }

 /* Add .is-on to the parent to play it. No iteration count and
    `both` as the fill mode, so it runs once and holds the end frame. */
 .is_shown .check .disc {
   animation: disc-in 380ms cubic-bezier(.34, 1.56, .64, 1) both;
 }
 .is_shown .check .ripple {
   animation: ripple-out 620ms 260ms cubic-bezier(.16, .8, .3, 1) both;
 }
 .is_shown .check .tick {
   animation: tick-draw 400ms 300ms ease-out both;
 }

 @keyframes disc-in {
   from { transform: scale(0); }
   to   { transform: scale(1); }
 }
 @keyframes ripple-out {
   from { transform: scale(0.9); opacity: .45; }
   to   { transform: scale(1.6); opacity: 0; }
 }
 @keyframes tick-draw {
   to { stroke-dashoffset: 0; }
 }

 @media (prefers-reduced-motion: reduce) {
   .is_shown .check .disc   { animation: none; transform: scale(1); }
   .is_shown .check .ripple { animation: none; opacity: 0; }
   .is_shown .check .tick   { animation: none; stroke-dashoffset: 0; }
 }
.vc-highlighted-list--hide-icon .check{
  display: none;
}
@media screen and (max-width: 1199px){
  .verkauf_info .wpb_text_column{
    --gap: 24px;
    --title-offset: 12px;
  }
  .vc-highlighted-item + .vc-highlighted-item{
    margin-top: 24px;
  }
  .check {
     width: 32px;
     height: 32px;
   }
   .vc-highlighted-item{
     gap: 16px;
   }
}


/* color teaser */
.color_teaser__image img{
  max-width: 100%!important;
  height: 100%!important;
  object-fit: cover;
}
.color_teaser__content{
  --gap: 16px;
  --ps: 50px;
  --pb: 80px;
  --text-offset: 8px;
  --title-offset: 16px;
  --subtitle-offset: 8px;
  padding-top: 80px;
  padding-bottom: 80px;
  color: #1D1D1B;
}
.color_teaser__content div + .vc_btn3-container{
  padding-top: 64px;
}
.color_teaser__content:first-child{
  padding-left: var(--pb);
  padding-right: var(--ps);
}
.color_teaser__content:last-child{
  padding-left: var(--ps);
  padding-right:var(--pb);
}
.color_teaser__content::before{
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: var(--yellow);
}
.color_teaser__content:first-child::before{
  transform: translateX(15px);
  right: -2px;
  border-radius: 6px 0 0 6px;
}
.color_teaser__content:last-child::before{
  transform: translateX(-15px);
  border-radius: 0 6px 6px 0;
  left: -2px;
}
.color_teaser__image .vc_single_image-wrapper{
  position: absolute;
  inset: 0;
}
.color_teaser__image .vc_figure{
  position: relative;
  height: 100%;
  min-height: 710px;
}
.color_teaser__image div{
  height: 100%;
}
.color_teaser__image:first-child img{
  border-radius: 6px 0 0 6px;
}
.color_teaser__image:last-child img{
  border-radius: 0 6px 6px 0;
}
.color_teaser_row{
  --column-gap: 0;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .color_teaser__image .vc_figure{
    min-height: 620px;
  }
}
@media screen and (max-width: 1199px){
  .color_teaser__image .vc_figure{
    min-height: 518px;
  }
  .color_teaser__content div + .vc_btn3-container{
    padding-top: 32px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .color_teaser__content{
    --ps: calc(var(--spacing) - 15px);
    --pb: var(--spacing-f);
  }
}
@media screen and (max-width: 991px){
  .color_teaser__content{
    --ps: var(--spacing-f);
    --pb: var(--spacing-f);
  }
  .color_teaser__image{
    order: 2;
  }
  .color_teaser__content:first-child::before, .color_teaser__content:last-child::before{
    transform: translateX(0);
    inset: 0 15px -2px;
    border-radius: 6px 6px 0 0;
  }
  .color_teaser__image:last-child img, .color_teaser__image:first-child img{
    border-radius: 0 0 6px 6px;
  }
}
/* text banner */
.text_banner_section{
  --max-width: 100%;
}
.text-banner_inner p{
  font-size: 5rem;
  line-height: 1.3;
  letter-spacing: .02em;
  white-space: nowrap;
  color: var(--yellow);
}
.text-banner{
  display: flex;
  overflow: hidden;
  user-select: none;
}
.text-banner_inner{
  --speed: 240s;
  flex-shrink: 0;
  animation: scroll var(--speed) linear infinite;
}
@-webkit-keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes scroll {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@media screen and (min-width: 1481px){
  .text-banner_inner p{
    padding: 40px 0;
  }
}
@media screen and (min-width: 1200px){
  .text-banner:hover .text-banner_inner{
    animation-play-state: paused;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .text-banner_inner p{
    font-size: 4.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .text-banner_inner{
    --speed: 160s;
  }
  .text-banner_inner p{
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 767px){
  .text-banner_inner{
    --speed: 120s;
  }
  .text-banner_inner p{
    font-size: 2.5rem;
  }
}

/* steps */
.vc-process{
  max-width: 1171px;
  margin-inline: auto;
}
.vc-step{
  background: #F9F9F9;
  padding: 40px 32px;
  max-width: 509px;
  position: relative;
}
.vc-step::after{
  content: '';
  position: absolute;
}
.vc-step:last-child::after{
  display: none;
}
@media screen and (min-width: 992px) {
  .vc-step::after{
    width: 251px;
    height: 62px;
    bottom: 40px;
  }
  .vc-step:nth-child(even)::after{
    left: -20px;
    transform: translateX(-100%);
    background: url(/wp-content/uploads/2026/09/Vector-25.svg) no-repeat center/contain;
  }
  .vc-step:nth-child(odd)::after{
    right: -20px;
    transform: translateX(100%);
    background: url(/wp-content/uploads/2026/09/Vector-24.svg) no-repeat center/contain;
  }
}

.vc-step:nth-child(even){
  margin-left: auto;
}
.custom-thumb-slider, .custom-main-slider{
  height: 0;
  overflow: hidden;
  position: relative;
}
.custom-thumb-slider{
  margin-inline: -10px;
}
 .custom-thumb-slider.slick-initialized, .custom-main-slider.slick-initialized{
  height: auto;
  overflow: visible;
}
.custom-thumb-slider::before, .custom-thumb-slider:after{
  content: '';
  position: absolute;
  background: white;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 10px;
}
 .custom-thumb-slider:active{
  left: 0;
}
 .custom-thumb-slider::before{
  right: 0;
}
.vc-step_header{
  display: flex;
  gap: 24px;
}
.vc-step__icon{
  flex-shrink: 0;
  width: 40px;
}
.vc-step__icon img{
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 1;
  object-fit: contain;
}
.vc-step__description{
  margin-top: 40px;
}
.vc-step__title{
  margin-top: 0;
}
@media screen and (max-width: 1199px){
  .vc-step{
    padding: 40px 20px;
  }
  .vc-step__icon{
    width: 32px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .vc-step {
    max-width: 46%;
  }
  .vc-step__description{
    margin-top: 32px;
  }
}
@media screen and (max-width: 991px){
  .vc-step__description p{
    font-size: .875rem;
  }
  .vc-step__description{
    margin-top: 24px;
  }
  .vc-step {
    max-width: 100%;
  }
  .vc-step::after{
    width: 15px;
    height: 61px;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%, 100%);
    background: url(/wp-content/uploads/2026/09/Vector-27.svg) no-repeat center/contain;
  }
  .vc-step + .vc-step{
    margin-top: 93px;
  }
}

/* kontakt */
.kontakt_title_row{
  padding-top: 8px;
  --row-offset: 40px;
}
.kontakt__content>div>div{
  padding-right: 16%;
}
.kontakt_info_row{
  --gap: var(--row-offset);
  --column-gap: 24px;
}
.kontakt_info_row .vc_column-inner{
  --gap: 8px;
}
.kontakt_image img{
  height: auto!important;
  aspect-ratio: 774/490;
  object-fit: cover;
}
/* "Adresse"/"Mail" auf Ueber uns (36/1540, die einzige Seite mit dieser
   Zeile): bis 23.10.2026 #CCCCCC auf Weiss, Kontrast 1.6:1. Jetzt der
   gedaempfte Navy-Ton der Produktseite (--wm-mute in produktseite-neu.css),
   5.5:1 -- WCAG verlangt 4.5:1 (Nutzer 23.10.2026, Worker ueber-uns-layout). */
.kontakt_info_row .description{
  color: rgba(0, 39, 76, .68);
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .kontakt__content>div>div{
    padding-right: 18px;
  }
}
@media screen and (max-width: 991px){
  .kontakt__content>div>div{
    padding-right: 0;
  }
}
@media screen and (max-width: 767px){
  .kontakt_title_row{
    padding-top: 0;
  }
}

/* impressun */
.impressun_hero_row{
  padding-top: 8px;
  --gap: 40px;
}
.impressun__content{
  --gap: 40px;
  --text-offset: 16px;
  --title-offset: 24px;
  --subtitle-offset: 16px;
  --row-offset: 160px;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .impressun__content{
    --row-offset: 100px;
    --gap: 32px;
  }
}
@media screen and (max-width: 1199px){
  .impressun__content{
    --row-offset: 60px;
    --gap: 24px;
    --text-offset: 8px;
    --title-offset: 16px;
  }
}
@media screen and (max-width: 767px){
  .impressun_hero_row{
    padding-top: 0;
  }
}

/* vc-testimonial */
.vc-testimonials{
  margin-top: var(--row-offset);
  height: 0;
  overflow: hidden;
}
.vc-testimonials.slick-initialized, .no-js .vc-testimonials{
  height: auto;
}
.vc-testimonial_inner{
  display: flex;
  align-items: center;
  gap: var(--spacing-d-f);
}
.vc-testimonial__media{
  width: 28%;
}
.vc-testimonial__media img{
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1;
  object-fit: contain;
  object-positiont: right;
}
.vc-testimonial__content{
  flex: 1;
}
.vc-testimonial__content{
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.vc-testimonial__content span:first-child, .vc-testimonial__content span:last-child{
  display: none;
}
.vc-testimonial__meta{
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .vc-testimonial__media{
    max-width: 320px;
  }
}
@media screen and (max-width: 991px){
  .vc-testimonial_inner{
    flex-direction: column;
    gap: 32px;
  }
  .vc-testimonial__media{
    width: 100%;
    margin-inline: auto;
  }
  .vc-testimonial__content{
    flex-direction: column-reverse;
    gap: 16px;
  }
}
@media screen and (max-width: 767px){
  .vc-testimonial__meta{
    gap: 10px;
  }
  .vc-testimonial__media{
    max-width: 240px;
  }
}


/* 404 */
@media screen and (min-width: 1481px) {
  .hero_404{
    padding-bottom: 265px;
  }
}

/* woocommerce */
/* sindgle product */
.entry-content section.vc_section__single_product{
  padding-top: 62px;
}
#sidebar, .woocommerce-breadcrumb, .onsale, .product_meta .posted_in, .woocommerce div.product div.summary>*{
  display: none;
}
.single_product_title, .woocommerce div.product div.summary{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.product_meta_info{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.woocommerce div.product div.summary{
  max-width: 45.8%;
  padding-top: 70px;
}
.woocommerce div.product div.summary .summary_block{
  display: block;
}
.woocommerce div.product .custom-product-gallery{
  float: left;
  max-width: 41%;
  position: relative;
  margin-top: 24px;
  width: 100%;
}
.full-set-label{
  line-height: 1.3;
  font-size: .875rem;
  font-weight: 500;
  padding: 8px 16px;
  background: var(--yellow);
  border-radius: 56px;
  letter-spacing: .02em;
  position: absolute;
  top: 24px;
  right: 24px;
  z-index: 2;
  pointer-events: none;
}
.woocommerce div.product div.summary, .woocommerce div.product form.cart, .woocommerce div.product div.images.woocommerce-product-gallery{
  margin-bottom: 0;
}
.summary_block.o-1{
  order: 1;
}
.summary_block.o-2{
  order: 2;
}
.summary_block.o-3{
  order: 3;
}
.summary_block.o-4{
  order: 4;
}
.summary_block.o-5{
  order: 5;
}
.summary_block.o-5 .add-to-cart__label{
  display: block;
  font-size: .875rem;
  line-height: 1.25;
  opacity: 0.7;
  margin-top: 8px;
}
.woocommerce div.product .summary_block.o-5 form.cart .button{
  float: none;
}
.woocommerce div.product div.summary:has(.pbhl .pbhl-card) .temp_el,
.woocommerce div.product div.summary .summary_block.o-4:has(.pbhl-empty){
  display: none;
}
.summary_block.o-2:not(:last-child){
  padding-bottom: 76px;
}
.summary_block.o-4 .price{
  color: #CCCCCC!important;
  font-size: var(--fz-h4)!important;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: .02em;
}
.woocommerce .button, .products .product a.added_to_cart{
  padding: 9px 23px!important;
  border-radius: 6px!important;
  border: 1px solid var(--blue)!important;
  background-color: var(--blue)!important;
  color: white!important;
  outline: none;
  transition: box-shadow .3s ease!important;
  line-height: 1.3!important;
  font-weight: 500!important;
  font-size: 1rem!important;
}
.products .product a.added_to_cart{
  background-color: white!important;
  color: var(--blue)!important;
  text-decoration: none;
}
@media screen and (min-width: 1200px){
  .woocommerce .button:hover{
    box-shadow: 2px 2px 4px 0 rgba(0, 23, 45, 0.25);
  }
}
.woocommerce .button.single_add_to_cart_button{
  width: 100%;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
  font-size: 1.125rem!important;
}
.woocommerce div.product .custom-main-slide a{
  display: block;
  position: relative;
}
.woocommerce div.product .custom-main-slide a img{
  max-width: 100%!important;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  width: 100%;
}
.custom-thumb-slider{
  margin-top: 64px;
}
.custom-thumb-slider .custom-thumb-slide{
  margin: 0 10px;
  position: relative;
  cursor: pointer;
}
.custom-thumb-video{
  position: relative;
}

.custom-thumb-slider.slick-slider:has(.slick-arrow){
  padding-bottom: 50px;
}
.woocommerce-tabs{
  padding-top: 120px;
}
.custom-thumb-slider .slick-track{
  margin-left: 0;
}
.more_im{
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: white;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: .02em;
  font-size: 2rem;
}

.custom-main-video{
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  cursor: pointer;
}
.custom-video-toggle{
  padding: 16px;
  border: 0;
  background: rgba(255,255,255,.8);
  color: var(--yellow);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  border-radius: 50%;
  opacity: 1;
  transition: opacity .4s ease;
}
.custom-video-slide.is-playing .custom-video-toggle{
  opacity: 0;
}
.custom-video-toggle svg{
  height: auto;
  width: 64px;
}
.custom-thumb-video .custom-video-toggle svg{
  width: 32px;
}
.custom-thumb-video .custom-video-toggle{
  padding: 8px;
}
.custom-video-slide{
  position: relative;
  overflow: hidden;
}

.custom-thumb-slider.slick-slider:has(.slick-arrow) .slick-active[data-slick-index="4"] .more_im{
  display: flex;
}

@media screen and (min-width: 1200px) and (max-width: 1480px){
  .custom-video-toggle svg{
    width: 48px;
  }
  .woocommerce div.product div.summary {
    max-width: 47%;
    padding-top: 64px;
  }
  .woocommerce div.product .custom-product-gallery{
    max-width: 44%;
  }
  .summary_block.o-2:not(:last-child) {
    padding-bottom: 64px;
  }
  .custom-thumb-slider {
    margin-top: 48px;
  }
  .more_im{
    font-size: 1.75rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .woocommerce div.product div.summary {
    max-width: 50%;
    width: 50%!important;
    padding-top: 40px;
  }
  .single_product_title{
    gap: 16px;
  }
  .summary_block.o-2:not(:last-child) {
    padding-bottom: 40px;
  }
  .woocommerce div.product .custom-product-gallery{
    max-width: calc(50% - var(--spacing-f));
  }
  .custom-thumb-slider {
    margin-top: 40px;
  }
  .more_im{
    font-size: 1.5rem;
  }

}
@media screen and (max-width: 1199px){
  .summary_block.o-5 .add-to-cart__label{
    font-size: .75rem;
  }
  .full-set-label{
    font-size: .75rem;
    padding: 4px 8px;
    top: 16px;
    right: 16px;
  }
  .woocommerce .button.single_add_to_cart_button{
    font-size: 1rem!important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  .custom-video-toggle svg{
    width: 32px;
  }
  .custom-thumb-video .custom-video-toggle svg{
    width: 24px;
  }
  .custom-thumb-video .custom-video-toggle{
    padding: 6px;
  }
}
@media screen and (max-width: 991px){
  .woocommerce div.product .custom-product-gallery {
    float: none;
    max-width: 100%;
  }
  .custom-thumb-slider .custom-thumb-slide{
    margin: 0 4px;
  }
  .custom-thumb-slider {
    margin-inline: -4px;
  }
  .custom-thumb-slider::before, .custom-thumb-slider:after{
    width: 4px;
  }
  /* .custom-thumb-slider.slick-slider:has(.slick-arrow) .slick-active[data-slick-index="7"] .more_im{
    display: flex;
  } */
  .woocommerce div.product div.summary{
    max-width: 100%;
    padding-top: 40px;
    width: 100%!important;
  }
  .single_product_title{
    gap: 8px;
  }
  .product_meta_info{
    gap: 4px;
    padding-top: 8px;
  }
  .woocommerce div.product div.summary{
    gap: 16px;
  }
  .entry-content section.vc_section__single_product {
    padding-top: 24px;
  }
  .custom-thumb-slider {
    margin-top: 24px;
  }
  .summary_block.o-2:not(:last-child) {
    padding-bottom: 16px;
    padding-top: 8px;
  }
  .summary_block.o-5{
    padding-top: 8px;
  }

}
@media screen and (max-width: 767px){
  .custom-video-toggle {
    padding: 12px;
  }

}

/* tabs */
.tabs_headers{
  display: flex;
  justify-content: space-between;
  gap: 40px;
  border-bottom: 2px solid #E9E9E9;
}
.tabs_headers .tabs_btn{
  min-width: min(376px, calc(33% - 28px));
  cursor: pointer;
  transition: opacity .2s ease;
  opacity: .25;
  position: relative;
  padding-bottom: 8px;
  margin-top: 0;
}
.tabs_headers .tabs_btn::after{
  content: '';
  position: absolute;
  inset: auto 0 -2px;
  height: 2px;
  background: transparent;
}
.tabs_headers .tabs_btn.is_active{
  opacity: 1;
}
.tabs_headers .tabs_btn.is_active::after{
  background: var(--yellow);
}
@media screen and (min-width: 1200px){
  .tabs_headers p:hover{
    opacity: 1;
  }
}
.tabs_bodys{
  padding-top: 56px;
}
.tabs_label{
  opacity: .5;
  /* min-width: 160px; */
  min-width: 124px;
}
.tabs_inner{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 24px;
  align-items: flex-start;
}
.tabs_inner__col{
  display: grid;
  grid-gap: 16px;
}
.tabs_inner__row{
  display: grid;
  grid-gap: 16px;
  grid-template-columns: auto 1fr;
}
.tab_toggle, .tabs_headers.mv{
  display: none;
}
.tabs_headers.mv p{
  min-width: 100%;
}
.tabs_label span{
  display: none;
}

@media screen and (min-width: 1200px) and (max-width: 1480px){
  .tabs_bodys {
    padding-top: 40px;
  }
  /* .tabs_label {
    min-width: 140px;
  } */
}
@media screen and (max-width: 1199px){
  .tabs_headers{
    display: none;
  }
  .tabs_bodys {
    padding-top: 0;
  }
   .tabs_headers.mv{
     display: block;
     border: 0;
   }
   .tabs_body + .tabs_body{
     margin-top: 56px;
   }
   .tabs_inner{
     padding-top: 24px;
     grid-template-columns: 1fr;
     grid-gap: 40px;
   }
   .custom-product-description{
     padding-top: 24px;
   }
   .tabs_inner__col {
    grid-gap: 8px;
  }
  .tabs_label {
    min-width: auto;
    opacity: 1;
  }
  .tabs_inner__row{
    display: block;
  }
  .tabs_inner__row p, .tabs_label span{
    display: inline;
  }
}

/* product grid */
/* Watchmaster, 23.10.2026 (karten-zeilen, Auftrag des Nutzers: "die BOLD
   Kaufpreise auf 1 Linie und die Lieferzeiten ebenfalls auf 1 Linie"):
   Raster mit Subgrid statt Flex. Jede Karte belegt FUENF Reihen des
   Rasters -- Bild, Titel, Preis, Lieferfrist, Knopf --, die Karten einer
   Reihe teilen sie: Die hoechste Preiszelle (mit "Totalpreis CHF ...")
   bestimmt die Hoehe fuer alle, die Lieferfrist darunter steht gleich hoch.
   Ohne Raten in der Reihe (Land DE) gibt es keine Luecke. Den Reihenabstand
   traegt --rg als Rand UNTER der Karte, nicht row-gap: ein Subgrid erbt
   row-gap zwischen jede seiner Spuren (gemessen: 11 px Versatz). !important,
   weil WooCommerces ".woocommerce div.product{margin-bottom:0}" spezifischer
   ist. Kein Polster: die Karte ist dort position:relative, ein Polster der
   letzten Reihe laege ueber "Mehr zeigen" und schluckte bei 1600 px die
   oberen 16 px des Knopfs (Verify Gate F1, gemessen). Der negative Rand der
   Liste nimmt den Rand der letzten Reihe zurueck. Kartenbreite wie bisher
   die Formel (1fr). */
.products{
  display: grid;
  grid-template-columns: repeat(var(--col), minmax(0, 1fr));
  gap: 0 var(--g);
  --col: 3;
  --g: 50px;
  --rg: 64px;
  margin-bottom: calc(-1 * var(--rg));
}
.products .product{
  --of: 24px;
  display: grid;
  grid-row: span 5;
  grid-template-rows: subgrid;
  row-gap: 0;
  margin-bottom: var(--rg)!important;
}
.products .product .woocommerce-loop-product__link{
  grid-row: 1 / span 4;
  display: grid;
  grid-template-rows: subgrid;
  row-gap: 0;
}
.products .product .woocommerce-loop-product__link > .custom-image-wrap{
  grid-row: 1;
}
.products .product .woocommerce-loop-product__link > .product_title_wrap{
  grid-row: 2;
}
.products .product .woocommerce-loop-product__link > .price{
  grid-row: 3;
}
.products .product .woocommerce-loop-product__link > .product_lieferfrist{
  grid-row: 4;
}
.products .product > .custom_btn{
  grid-row: 5;
}
.custom-image-wrap{
  position: relative;
  line-height: 0;
}
.custom-image-wrap .full-set-label,
.custom-image-wrap .pbhl-badge{
  top: 14px;
  font-size: .75rem;
  padding: 6px 12px;
}
.custom-image-wrap .full-set-label{
  right: 8px;
}
.custom-image-wrap .pbhl-badge{
  left: 8px;
}
.custom-image-wrap img{
  width: 100%;
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 1;
  object-fit: contain;
}
.product_title_wrap{
  padding-top: var(--of);
  display: grid;
  grid-gap: 8px;
}
.woocommerce-loop-product__link{
  text-decoration: none;
  display: block;
  padding-bottom:var(--of);
  flex: 1;
}
.products .product_lieferfrist{
  padding-top: var(--of);
}
.product_lieferfrist{
  display: flex;
  gap: 8px;
  align-items: center;
}
.product_lieferfrist span{
  transform: translateY(-1px);
}
.products .product .add_to_cart_button, .products .product .product_type_simple{
  width: 100%;
  text-align: center;
  margin-top: var(--of);
}
.products .product  a.added_to_cart{
  margin-top: 8px;
  width: 100%;
  text-align: center;
}
.products .product .custom_btn a{
  width: 100%;
  text-align: center;
}
/* display:block (karten-zeilen, 23.10.2026): als Zeile im 20-px-Feld .price
   (line-height normal) stand der Preis ohne Raten 3 px (unter 1200 px 5 px)
   tiefer als die Monatsrate daneben, die pbhl.css als Block setzt. */
.products .product .price>.woocommerce-Price-amount{
  display: block;
  color: var(--blue)!important;
  font-size: 1.125rem!important;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .02em;
}
.products .product .price{
  margin-top: var(--of);
  display: block;
}
/* Streichpreis in "Totalpreis" der Ratenkarte (hot-deals, 09.10.2026, Wunsch
   des Nutzers "Farbe!"): alter und neuer Preis in der Farbe des Preises
   einer Karte ohne Ratenkarte (Yacht-Master II: del und ins Navy, del mit
   opacity .7, ins fett) -- sonst erben sie das Grau von .pbhl-price__total.
   Das Wort "Totalpreis" bleibt grau. */
.products .product .pbhl-price__total del,
.products .product .pbhl-price__total ins{
  color: var(--blue);
}
/* @media screen and (min-width: 1481px) and (max-width: 1521px){
  .custom-image-wrap .pbhl-badge{
    display: none;
  }
} */
@media screen and (min-width: 1200px) and (max-width: 1520px){
  .custom-image-wrap .full-set-label, .custom-image-wrap .pbhl-badge{
    top: 10px;
    padding: 6px 10px;
    font-size: .625rem;
  }
  .custom-image-wrap .full-set-label{
    right: 6px;
  }
  .custom-image-wrap .pbhl-badge{
    left: 6px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .product_title_wrap {
    grid-gap: 6px;
  }
  .products .product{
    --of: 18px;
  }
  .products{
    --rg: 56px;  /* Reihenabstand, karten-zeilen 23.10.2026 */
    --g: 24px;
  }

}
@media screen and (max-width: 1199px){
  .products .product{
    --of: 12px;
  }
  .product_brand p{
    font-size: 1rem;
  }
  .products .product .price>.woocommerce-Price-amount{
    font-size: 1rem!important;
  }
  .product_title_wrap {
    grid-gap: 3px;
  }
  .woocommerce .button{
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .custom-image-wrap .full-set-label, .custom-image-wrap .pbhl-badge{
    top: 8px;
    padding: 6px 10px;
    font-size: .625rem;
  }
  .custom-image-wrap .full-set-label{
    right: 6px;
  }
  .custom-image-wrap .pbhl-badge{
    left: 6px;
  }
  .products{
    --g: 16px;
    --rg: 40px;  /* Reihenabstand, karten-zeilen 23.10.2026 */
  }
  .shop_wrapper .products{
    --col: 2;
  }
  .product_cat.description p{
    font-size: .625rem;
  }
}
@media screen and (max-width: 767px){
  .custom-image-wrap .full-set-label, .custom-image-wrap .pbhl-badge{
    top: 6px;
    padding: 4px 8px;
    font-size: .5rem;
  }
  .custom-image-wrap .full-set-label{
    right: 4px;
  }
  .custom-image-wrap .pbhl-badge{
    left: 4px;
  }
}
@media screen and (max-width: 389px){
  .custom-image-wrap .pbhl-badge{
    display: none;
  }
}

/* related */
.related_products{
  margin-top: calc(var(--section-offset) * 2);
}
.related_products .products{
  --col: 4;
  --g: var(--spacing-d-f);
}
.related_title{
  padding-bottom: 40px;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .related_products .products{
    --g: 24px;
  }
}
@media screen and (max-width: 1199px){
  .related_products .products{
    --g: 16px;
  }
}
@media screen and (max-width: 991px){
  .related_products .products{
    --col: 2;
  }
}

/* favorite products */
.vc-favorite-products .products{
  --col: 4;
  --g: 20px;
}
@media screen and (max-width: 1199px){
  .vc-favorite-products .products{
    --g: 16px;
  }
}
@media screen and (max-width: 991px){
  .vc-favorite-products .products{
    --col: 2;
  }
  /* Watchmaster, 03.10.2026 (startseite-zwei-reihen, Entscheid des Nutzers):
     Tablet hochkant und Handy zeigen je Sektion nur die ersten 4 Uhren
     (2 x 2), die uebrigen ueber "Mehr entdecken". Ab 992 px 4 je Reihe,
     8 Uhren = 2 Reihen. Ersetzt die Scrollzeile vom 02.10.2026
     (assets/produktzeile.css/.js, entfernt). */
  .vc-favorite-products .products > .product:nth-child(n+5){
    display: none;
  }
}
/* shop page */
.shop_wrapper_title{
  margin-bottom: 40px;
}
.page-description{
  padding-bottom: var(--section-offset);
}
.page-description>p{
  display: none;
}
.shop_hero{
  margin-bottom: var(--section-offset);
}
.shop_wrapper{
  display: flex;
  justify-content: space-between;
}
.woof-filter-wrap{
  --w1: 44px;
  --w2: 0px;
  width: 24%;
  padding-top: calc(56px + var(--w1) + var(--w2));
}
.shop_inner{
  width: 66.3%;
}
.woof_results_by_ajax_shortcode>.woof_shortcode_output,
.woof_shortcode_output>#woof_results_by_ajax{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.shop_wrapper .woof_products_top_panel_content{
  order: 1;
  width: 100%;
}
.shop_wrapper .woocommerce-notices-wrapper{
  order: 2;
  width: 100%;
}
.shop_wrapper .woocommerce-result-count{
  order: 3;
  margin: 0;
}
.shop_wrapper .woocommerce-ordering{
  order: 4;
  margin: 0;
  z-index: 102;
}
.shop_wrapper .woof_products_top_panel{
  order: 5;
  width: 100%;
  margin: 40px 0 0;
}
.shop_wrapper .products{
  order: 6;
  width: 100%;
  margin-top: 56px;
}
.cart-link{
  display: block;
  position: relative;
}
.cart-link::before{
  content: '';
  position: absolute;
  top: 4px;
  right: 1px;
  padding: 7px;
  border-radius: 50%;
  background: var(--yellow);
  display: none;
}
.site:has(.cart-empty_wrapper) .cart-link::before{
  display: none;
}
.cart-link.has_product::before{
  display: block;
}
.shop_wrapper .woof_products_top_panel_ul, .shop_wrapper .woof_products_top_panel_ul ul{
  display: flex;
  flex-wrap: wrap;
  gap: 16px 24px;
}
.shop_wrapper .woof_products_top_panel li{
  margin: 0!important;
}
.shop_wrapper .woof_products_top_panel .woof_products_top_panel_ul>li:first-child,
.shop_wrapper .woof_products_top_panel .woof_products_top_panel_ul ul>li:first-child{
  display: none;
}
.shop_wrapper .woof_products_top_panel .woof_products_top_panel_ul a{
  padding: 10.5px 57px 10.5px 23px;
  border: 1px solid var(--blue);
  border-radius: 6px;
  font-size: 1rem;
  line-height: 1.3;
  display: block;
  background: url(/wp-content/uploads/2026/07/24x24-1.svg) no-repeat center right 23px / 24px;
}
.shop_wrapper .woof_products_top_panel li span, .shop_wrapper .woof_products_top_panel2 li span{
  padding: 0;
  background: unset;
}
.woof_products_top_panel_ul a[data-tax="pa_durchmesser"] span::after{
  content: ' mm';
  display: inline;
}
.woocommerce-ordering_wrapper{
  display: flex;
  align-items: center;
  gap: 40px;
}
.shop_inner .woocommerce-no-products-found{
  width: 100%;
}
.shop_inner .woocommerce-error, .shop_inner .woocommerce-info, .shop_inner .woocommerce-message{
  border-top: 0!important;
  text-align: center;
  font-size: var(--fz-p);
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: .02em;
  color: var(--blue);
  background: transparent;
  margin-top: 0!important;
  padding: 0!important;
  display: block;
}
.shop_inner .woocommerce-error::before, .shop_inner .woocommerce-info::before, .shop_inner .woocommerce-message::before{
  display: none;
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .woocommerce-ordering_wrapper{
    gap: 24px;
  }
}
@media screen and (max-width: 1199px){
  .shop_wrapper .woof_products_top_panel_ul, .shop_wrapper .woof_products_top_panel_ul ul{
    gap: 8px;
  }
  .shop_wrapper .woof_products_top_panel .woof_products_top_panel_ul a{
    background-size: 16px;
    background-position: center right 8px;
    padding: 9px 31px 9px 15px;
    font-size: .875rem;
  }
}
@media screen and (max-width: 991px){
  .shop_inner .woocommerce-error, .shop_inner .woocommerce-info, .shop_inner .woocommerce-message{
    margin-top: 80px!important;
    margin-bottom: 0!important;
    min-height: 480px;
  }
}

/* filter */
.woocommerce-shop-controls{
  display: flex;
}
.woof_block_html_items, .woof_price_filter_txt_container, .filter_m_button_wrapper{
  display: none;
}
.woof_container_inner h4{
  padding: 24px 48px 24px 0;
  margin: 0;
  position: relative;
  --d: 0deg;
  cursor: pointer;
}
.woof_container_inner h4.is_open{
  --d: -180deg;
}
.woof_container_inner h4.innit:after{
  transition: transform .2s ease;
}
.woof_container_inner h4::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(var(--d));
  padding: 12px;
  background: url(/wp-content/uploads/2026/07/arr.svg) no-repeat center right / contain;
}
.woof_container{
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--blue);
  user-select: none;
}
.woof_container_product_brand{
  border-top: 1px solid var(--blue);
}
.woof_list.woof_list_checkbox{
  display: grid;
  grid-gap: 8px;
  padding-bottom: 24px;
}
.woof_childs_list{
  display: grid!important;
  grid-gap: 6px;
  padding-left: 0 !important;
}
.woof_childs_list_opener, .woof_childs_list_li>.woof_checkbox_label, .woof_childs_list_li>.icheckbox_square-blue{
  display: none!important;
}
.woof_checkbox_count{
  display: none;
}
.woof_list.woof_list_checkbox li, .woof_submit_search_form_container{
  margin: 0;
}
.woof_list label{
  padding: 0;
  margin: 0!important;
}
/* slider */
.irs--round .irs-bar, .irs--round .irs-handle{
  background-color: var(--blue)!important;
  cursor: pointer;
}
.irs--round .irs-handle{
  border: 0!important;
}
.irs--round .irs-line{
  background-color: #E2E2E2!important;
  cursor: pointer;
}
.irs--round .irs-min, .irs--round .irs-max{
  background-color: #E2E2E2!important;
}
.irs-with-grid .irs-grid, .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{
  display: none!important;
}
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
  background: transparent!important;
  color: var(--blue)!important;
  font-size: 1rem!important;
  opacity: 0;
}
.woof_container_inner:has(h4.is_open) .irs .irs-from,
.woof_container_inner:has(h4.is_open) .irs .irs-to,
.woof_container_inner:has(h4.is_open) .irs .irs-single {
  animation: irsFadeIn .01s ease .2s forwards;
}
@keyframes irsFadeIn { to { opacity: 1; } }
.irs--round.irs-with-grid {
  height: 46px!important;
}
.irs--round .irs-handle {
  top: 31px!important;
  width: 14px!important;
  height: 14px!important;
}
.irs{
  font-family: inherit!important;
}
.irs--round .irs-min, .irs--round .irs-max{
  visibility: hidden;
}
.woof_container_durchmesser .durchmesser_label{
  padding: 16px 0 24px;
  display: block;
  font-size: 1rem;
}
.woof_price_filter .irs{
  display: none;
}
.woof_price_filter .woof_block_html_items .irs{
  display: block;
  margin-bottom: 24px;
}

.icheckbox_square-blue, .iradio_square-blue{
  margin: 0 0 2px!important;
  width: 18px;
  height: 18px;
  background: url(/wp-content/uploads/2026/07/container-size.svg) no-repeat center/ contain!important;
}
.icheckbox_square-blue.checked, .iradio_square-blue.checked{
  background-image: url(/wp-content/uploads/2026/07/container-size-2.svg)!important;
}
.woof_list.woof_list_checkbox li{
  display: flex;
  align-items: center;
  gap: 12px;
}
.woof_checkbox_label_selected {
  font-weight: 400;
}
.woof_reset_search_form{
  margin-top: 24px!important;
}
.woof_price_filter_txt_container{
  padding-bottom: 24px;
}
.woof_price_filter .woof_price_filter_txt_container .woof_wcga_label_hide{
  display: inline-block!important;
  font-size: var(--fz-p);
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: .02em;
  width: 49%;
}
.woof_price_filter_txt_to{
  margin-top: 16px;
}
.jQuery-plainOverlay-progress{
  border-top-color: var(--blue)!important;
}
.filter_m_button_wrapper{
  align-items: center;
  gap: 10px;
  padding: 9px;
  border: 1px solid var(--blue);
  border-radius: 6px;
  position: absolute;
  top: 0;
  right: 68px;
  z-index: 6;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .woof-filter-wrap{
    width: 22%;
  }
  .shop_inner{
    width: 70%;
  }
  .woof_container_inner h4{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .woof_list.woof_list_checkbox {
    padding-bottom: 18px;
  }
  .woof_price_filter .woof_block_html_items .irs{
    margin-bottom: 18px;
  }
  .woof_container_durchmesser .durchmesser_label{
    padding: 12px 0 18px;
  }

  .woof_price_filter_txt_container{
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 1199px){
  .woof_container_inner h4{
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .shop_wrapper .products {
    margin-top: 40px;
  }
  .shop_wrapper .woof_products_top_panel{
    margin-top: 24px;
  }
  .woof_list.woof_list_checkbox, .woof_price_filter_txt_container{
    padding-bottom: 16px;
  }
  .woof_price_filter_txt_to {
    margin-top: 8px;
  }
  .woof_price_filter .woof_block_html_items .irs {
    margin-bottom: 16px;
  }
  .woof_container_durchmesser .durchmesser_label{
    padding: 8px 0 16px;
    font-size: .875rem;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .woof_container_inner h4{
    padding-right: 32px;
  }
  .woof-filter-wrap{
    --w2m: 0px;
    width: 26%;
    padding-top: calc(40px + var(--w1) + var(--w2m));
  }
}
@media screen and (max-width: 991px){
  .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{
    font-size: .75rem!important;
  }
  .irs--round .irs-min, .irs--round .irs-max{
    font-size: .75rem!important;
  }
  .filter_m_button_wrapper{
    right: 60px;
  }
  .woof-filter-wrap{
    width: 400px;
    position: absolute;
    top: 44px;
    right: 68px;
    background: white;
    z-index: 105;
    padding: 0;
    transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    border-radius: 6px;
    border: 1px solid #EAEAEA;
    transform: translateY(var(--y));
    --y: 2px;
  }
  .woof-filter-wrap.is_shown{
    --y: 8px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
  }
  .shop_wrapper{
    position: relative;
  }
  .shop_inner{
    width: 100%;
  }
  .woocommerce-ordering_title{
    display: none;
  }
  .filter_m_button_wrapper{
    display: flex;
  }
  .woof_redraw_zone{
    padding: 40px 32px;
  }
}
@media screen and (max-width: 767px){
  .woof_price_filter .woof_block_html_items .irs{
    margin-inline: 8px;
  }
  .woof-filter-wrap{
    width: 100%;
    right: 0;
  }
  .woof_redraw_zone {
    padding: 32px 20px;
  }
}

/* inputs */
.woof_price_filter_txt, .input-text, .select2-container--default .select2-selection--single .select2-selection__rendered{
  font-size: var(--fz-p)!important;
  line-height: 1.3!important;
  font-weight: 400!important;
  letter-spacing: .02em!important;
  font-family: "Roboto", sans-serif!important;
  color: var(--blue)!important;
  padding: 11px 15px!important;
  border: 1px solid var(--blue)!important;
  border-radius: 8px!important;
  outline: none!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  border: 0!important;
}
:where(.woocommerce) .select2-container .select2-selection--single{
  border: 1px solid var(--blue)!important;
  border-radius: 8px!important;
  outline: none!important;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single{
  border-bottom-left-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.select2-dropdown{
  border-color: var(--blue)!important;
  border-bottom-left-radius: 8px!important;
  border-bottom-right-radius: 8px!important;
}
.coupon .input-text{
  float: none!important;
  width: 486px!important;
  margin-right: 24px!important;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--blue);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--blue);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--blue);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--blue);
}
.address-field .input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: transparent;
}
.address-field .input-text::-moz-placeholder { /* Firefox 19+ */
  color: transparent;
}
.address-field .input-text:-ms-input-placeholder { /* IE 10+ */
  color: transparent;
}
.address-field.input-text:-moz-placeholder { /* Firefox 18- */
  color: transparent;
}
.select2-search--dropdown .select2-search__field{
  border: 1px solid var(--blue)!important;
  border-radius: 8px!important;
  outline: none!important;
  font-size: var(--fz-p-xs)!important;
  padding: 7px 15px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--blue)!important;
}
.select2-results__option{
  padding-inline: 16px;
}
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow b{
  background-image: url(/wp-content/uploads/2026/07/arr.svg);
  background-size: 24px;
  width: 24px;
  height: 24px;
  margin: -12px 0 0;
}
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__arrow {
  top: 0;
  right: 1rem;
  width: 24px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  transform: rotate(-180deg);
}
:where(.woocommerce) .select2-container .select2-selection--single .select2-selection__placeholder{
  color: var(--blue)!important;
}
.woocommerce form .form-row textarea{
  resize: none;
  height: 118px!important;
}
.woocommerce-form__label-for-checkbox, .woocommerce form .form-row.woocommerce-SavedPaymentMethods-saveNew label,
.woocommerce-checkout #payment ul.payment_methods li label{
  cursor: pointer;
  padding: 13px;
  display: inline-block;
}
.woocommerce-checkout #payment ul.payment_methods li{
  line-height: normal;
}
/* .woocommerce-checkout #payment ul.payment_methods .wc_payment_method + .wc_payment_method{
  margin-top: 16px;
} */
.woocommerce-checkout #payment div.payment_box.payment_method_stripe{
  margin: 0 13px 27px;
  width: auto;
}
.woocommerce-form__label-for-checkbox span, .woocommerce form .form-row.woocommerce-SavedPaymentMethods-saveNew label,
.woocommerce-checkout #payment ul.payment_methods li label{
  position: relative;
  padding-left: 42px;
}
.woocommerce-checkout #payment ul.payment_methods li label{
  margin-left: 13px;
}
.woocommerce-form__label-for-checkbox span::after, .woocommerce-form__label-for-checkbox span::before,
.form-row.woocommerce-SavedPaymentMethods-saveNew label::after,
.form-row.woocommerce-SavedPaymentMethods-saveNew label::before,
.woocommerce-checkout #payment ul.payment_methods li label::after, .woocommerce-checkout #payment ul.payment_methods li label::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 9px;
}
.woocommerce-form__label-for-checkbox span::after,
.form-row.woocommerce-SavedPaymentMethods-saveNew label::after,
.woocommerce-checkout #payment ul.payment_methods li label::after{
  background: url(/wp-content/uploads/2026/07/container-size.svg) no-repeat center / contain;
}
.woocommerce-form__label-for-checkbox span::before,
.form-row.woocommerce-SavedPaymentMethods-saveNew label::before,
.woocommerce-checkout #payment ul.payment_methods li label::before{
  background: url(/wp-content/uploads/2026/07/container-size-2.svg) no-repeat center / contain;
  opacity: 0;
  transition: opacity .2s ease;
}
.woocommerce-form__label-for-checkbox input:checked + span::before,
.form-row.woocommerce-SavedPaymentMethods-saveNew input:checked + label::before,
.woocommerce-checkout #payment ul.payment_methods li input:checked + label::before{
  opacity: 1;
}
.woocommerce-form__label-for-checkbox input, .form-row.woocommerce-SavedPaymentMethods-saveNew input, .woocommerce-checkout #payment ul.payment_methods li input{
  display: none;
}
.woocommerce form .form-row.woocommerce-SavedPaymentMethods-saveNew label{
  display: block!important;
  margin-top: 24px;
  opacity: 1;
  font-size: var(--fz-p);
}
@media screen and (max-width: 1199px){
  .woof_price_filter_txt, .input-text, :where(.woocommerce) .select2-container .select2-selection--single, .select2-search--dropdown .select2-search__field{
    border-radius: 6px!important;
  }
  .select2-dropdown{
    border-color: var(--blue)!important;
    border-bottom-left-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
  }
  .woof_price_filter_txt{
    padding-top: 9px!important;
    padding-bottom: 9px!important;
  }
}

/* select */
.select_label{
  font-size: var(--fz-p-xs);
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: .02em;
  min-width: 244px;
}
.custom_select_label{
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 9px 23px;
  border: 1px solid var(--blue);
  border-radius: 8px;
  cursor: pointer;
}
.custom_select_label .arrow_icon svg{
  transition: transform .25s ease;
}
.custom_select_wrapper.is_open .custom_select_label .arrow_icon svg{
  transform: rotate(-180deg);
}
.custom_select_label .m_icon{
  display: none;
}
.custom_select_wrapper{
  position: relative;
  user-select: none;
}
.select_options{
  --y: 2px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border-radius: 8px;
  border: 1px solid #EAEAEA;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .25s ease;
  transform: translateY(var(--y));
}
.custom_select_wrapper.is_open .select_options{
  --y: 8px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.select_option{
  display: block;
  padding: 10px 23px;
  font-size: .875rem;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: .02em;
  cursor: pointer;
  transition: background-color .25s ease;
}
.select_option.is_active{
  background-color: #EAEAEA;
}
@media screen and (min-width: 1200px){
  .select_option:hover{
    background-color: #EAEAEA;
  }
}
.select_option[data-value="rating"], .woocommerce .woocommerce-ordering select{
  display: none;
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .select_label{
    min-width: 214px;
  }
}
@media screen and (max-width: 991px){
  .custom_select_wrapper.orderby .select_label, .custom_select_wrapper.orderby .arrow_icon{
    display: none;
  }
  .custom_select_wrapper.orderby .custom_select_label .m_icon {
    display: block;
  }
  .custom_select_label{
    padding: 9px;
    border-radius: 6px;
  }
  .select_option{
    white-space: nowrap;
  }
  .select_options{
    left: auto;
  }
  .select_option {
    padding: 8px 15px;
    font-size: .75rem;
  }
}

/* empty card */
.wc-empty-cart-message, .cart-empty.woocommerce-info{
  display: none;
}
.woocommerce_thankyou_block{
  padding-right: calc(var(--spacing) - var(--spacing-d));
}
.cart-empty_wrapper, .woocommerce_thankyou_wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 774px;
  margin-inline: auto;
  text-align: center;
  min-height: calc(100vh - (var(--section-offset) * 3) - var(--hh));
}
.woocommerce_thankyou_wrapper .description{
  margin-top: 16px;
  opacity: .5;
}
/* Danke-Seite (26.10.2026, Go-live C7): ein Absatz im Fliesstext, darunter
   Nummer, Uhr, Total, Zahlungsart -- im grauen Kasten wie die Summen der Kasse. */
.woocommerce_thankyou_wrapper .wm-danke-text{
  margin: 0;
}
.woocommerce_thankyou_wrapper .wm-danke-uebersicht{
  width: 100%;
  max-width: 480px;
  margin: 0;
  padding: 16px;
  display: grid;
  gap: 8px;
  background: #F7F7F7;
  border-radius: 10px;
  text-align: left;
  font-size: var(--fz-p);
}
.wm-danke-uebersicht > div{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 24px;
}
.wm-danke-uebersicht dt{
  font-weight: inherit;
  opacity: .7;
}
.wm-danke-uebersicht dd{
  margin: 0;
  text-align: right;
}
.wm-danke-uebersicht .wm-danke-uhr{
  display: block;
}
.woocommerce-notice--success.woocommerce-thankyou-order-received{
  font-size: var(--fz-h3);
  text-align: center;
}
@media screen and (min-width: 1200px) {
  .cart-empty_wrapper .custom_btn_el, .woocommerce-thankyou-order-failed-actions .button, .woocommerce_thankyou_wrapper .custom_btn_el{
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.cart-empty_wrapper .custom_btn_el, .woocommerce-thankyou-order-failed-actions .button, .woocommerce_thankyou_wrapper .custom_btn_el{
  width: 100%;
  font-size: var(--fz-p);
  margin-top: 40px;
}
@media screen and (max-width: 767px){
  .cart-empty_wrapper, .woocommerce_thankyou_wrapper{
    gap: 32px;
  }
  .cart-empty_wrapper .custom_btn_el, .woocommerce_thankyou_wrapper .custom_btn_el, .woocommerce-thankyou-order-failed-actions .button{
    margin-top: 32px;
  }
}

/* card */
.woocommerce table.shop_table{
  border: 0;
  margin: 0;
}
.woocommerce table.shop_table td, .woocommerce table.shop_table th{
  border: 0!important;
  padding: 0;
}
.product_cart-item{
  border-radius: 16px;
  border: 2px solid #E2E2E2;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 56px;
  position: relative;
  margin-top: 24px;
}
.product_cart-item .product-thumbnail{
  padding: 16px 43px;
  width: 258px;
}
.product_cart-item .product-thumbnail img{
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 1;
  object-fit: contain;
}
.product_cart-item__info{
  flex: 1;
  padding-right: 80px;
}
.product_cart-item  .product-remove{
  position: absolute;
  z-index: 5;
  top: 24px;
  right: 24px;
}
.woocommerce .product_cart-item a.remove{
  width: auto;
  height: auto;
  line-height: 0;
  background: transparent!important;
}
.product_cart-item__info .product_cat{
  padding: 16px 0 8px;
}
.product_cart-item__info .product-price{
  padding-top: 40px;
}
.product_cart-item__info .product-price .woocommerce-Price-amount{
  font-size: var(--fz-h3);
  line-height: 1.3;
  font-weight: 500;
  letter-spacing: .02em;
}
table.cart td.actions .coupon{
  float: none!important;
  padding: 0 16px 24px!important;
}
.coupon_toggle{
  display: none;
}
table.cart td.actions{
  text-align: left!important;
}
.coupon_wrapper{
  margin: 40px 0;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
}
.coupon_inner{
  display: flex;
}
.coupon_wrapper_title{
  padding: 24px 16px;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 40px;
  align-items: center;
  cursor: pointer;
}
.woocommerce .coupon_inner .button, .wc-proceed-to-checkout_inner .custom_btn a,  .woocommerce .wc-proceed-to-checkout_inner .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  font-size: var(--fz-p)!important;
}
.coupon_wrapper_title .m{
  transition: opacity .2s ease;
}
.coupon_wrapper.is_open .coupon_wrapper_title .m{
  opacity: 0;
}
.wc-proceed-to-checkout_inner .custom_btn a{
  text-align: center;
}
.woocommerce .coupon_inner .button{
  width: auto!important;
}
@media screen and (min-width: 1200px) {
  .woocommerce .coupon_inner .button, .woocommerce .coupon_inner .input-text, .wc-proceed-to-checkout_inner .custom_btn a,  .woocommerce .wc-proceed-to-checkout_inner .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    padding-top: 15px!important;
    padding-bottom: 15px!important;
  }
  .woocommerce .coupon_inner .button{
    min-width: 264px;
  }
  .wc-proceed-to-checkout_inner .custom_btn a{
    min-width: 245px;
  }
  .woocommerce .wc-proceed-to-checkout_inner .button{
    min-width: 377px;
  }
}
@media screen and (max-width: 1199px){
  .woocommerce .coupon_inner .button, .woocommerce .coupon_inner .input-text, .wc-proceed-to-checkout_inner .custom_btn a,  .woocommerce .wc-proceed-to-checkout_inner .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    padding-top: 11px!important;
    padding-bottom: 11px!important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .woocommerce .coupon_inner .button{
    min-width: 200px;
  }
  .wc-proceed-to-checkout_inner .custom_btn a{
    min-width: 200px;
  }
  .woocommerce .wc-proceed-to-checkout_inner .button{
    min-width: 320px;
  }
  .coupon .input-text {
    width: 360px !important;
  }
}
.cart_totals{
  width: 100%!important;
  float: none!important;
}
.woocommerce-cart .cart-collaterals .cart_totals table{
  margin: 0;
  border-radius: 10px;
  background: #F7F7F7;
  padding: 32px;
}
.cart_total_item{
  display: grid;
  grid-gap: 40px;
  grid-template-columns: 1fr auto;
}
.cart_totals .cart-subtotal .cart_total_item {
  padding-bottom: 40px;
}
.cart_totals .cart-discount .cart_total_item,
.cart_totals .order-tax .cart_total_item,
.cart_totals .woocommerce-shipping-totals .cart_total_item{
  padding-bottom: 24px;
  opacity: .5;
}
.cart_totals .order-total .includes_tax{
  display: none;
}
.cart_totals .woocommerce-remove-coupon, .woocommerce-checkout-review-order-table .woocommerce-remove-coupon{
  font-size: 1rem;
}
.woocommerce-checkout-review-order-table .woocommerce-remove-coupon{
  display: block;
  text-align: right;
}
.wc-proceed-to-checkout{
  padding: 40px 0 0!important;
}
.wc-proceed-to-checkout_inner{
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.card_title{
  margin-bottom: 80px;
}
.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
  text-align: left!important;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td{
  background-color: transparent;
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before{
  display: none;
}
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail{
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1199px){
  .product_cart-item .product-thumbnail {
    padding: 16px 32px;
    width: 240px;
  }
  .product_cart-item{
    gap: 40px;
  }
}
@media screen and (max-width: 767px){
  .product_cart-item {
    border-radius: 8px;
    padding: 20px;
    gap: 24px;
    margin-top: 16px;
    --fz-h3: 1rem;
  }
  .product_cart-item .product-remove{
    top: 8px;
    right: 8px;
  }
  .product_cart-item .product-remove svg{
    width: 28px;
    height: auto;
  }
  .product_cart-item__info {
    padding-right: 32px;
  }
  .product_cart-item .product-thumbnail {
    padding: 0;
    width: 80px;
  }
  .product_cart-item__info .product_cat {
    padding: 8px 0 0;
  }
  .product_cart-item__info .product-price {
    padding-top: 16px;
  }
  .coupon_wrapper {
    margin: 32px 0;
  }
  .coupon_inner{
    flex-direction: column;
    gap: 16px;
  }
  .coupon .input-text{
    width: 100%!important;
    margin-right: 0!important;
    margin-bottom: 16px;
  }
   .wc-proceed-to-checkout_inner .custom_btn a, .woocommerce .wc-proceed-to-checkout_inner .button{
    width: 100%
  }
  .woocommerce-cart .cart-collaterals .cart_totals table{
    padding: 24px 16px;
    --fz-h3: 1rem;
  }
  .cart_totals .woocommerce-remove-coupon {
    font-size: .875rem;
    display: block;
    text-align: right;
  }
  .woocommerce-checkout-review-order-table .woocommerce-remove-coupon{
    font-size: .875rem;
  }
  .cart_totals .cart-discount .cart_total_item, .cart_totals .order-tax .cart_total_item, .cart_totals .woocommerce-shipping-totals .cart_total_item{
   padding-bottom: 16px;
  }
  .cart_totals .cart-subtotal .cart_total_item {
    padding-bottom: 24px;
  }
  .cart_total_item {
    grid-gap: 24px;
  }
  .wc-proceed-to-checkout_inner {
    gap: 16px;
    flex-direction: column-reverse;
  }
}

/* checkout */
form.woocommerce-checkout:has(#payment_method_stripe:checked) .pbhl-cart-row{
  display: none;
}

.woocommerce form .form-row{
  padding: 0;
  margin: 0 0 24px;
}
#billing_address_2_field, #shipping_address_2_field{
  display: none!important;
}
.woocommerce form .form-row .required{
  color: inherit;
}
.woocommerce-billing-fields .h3{
  margin-bottom: 24px;
}
.woocommerce form .form-row label{
  line-height: inherit;
  font-size: 1rem;
  opacity: .5;
  padding-bottom: 8px;
}
.woocommerce form .form-row.woocommerce-invalid .input-text{
  border-color: #DD1313!important;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last,
#billing_address_2_field + #billing_postcode_field,  #shipping_address_2_field + #shipping_postcode_field,
#shipping_postcode_field + #shipping_city_field, #billing_postcode_field + #billing_city_field{
  width: calc(50% - 10px);
}
#billing_address_2_field + #billing_postcode_field,  #shipping_address_2_field + #shipping_postcode_field{
  float: left;
}
#shipping_postcode_field + #shipping_city_field, #billing_postcode_field + #billing_city_field{
  float: right;
  clear: none;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
  float: none;
  width: 100%;
}
.woocommerce-additional-fields{
  margin-top: 80px;
}
.woocommerce-shipping-fields{
  margin-top: 40px;
}
.woocommerce-shipping-fields__field-wrapper{
  padding-top: 40px;
}

.woocommerce .col2-set{
  width: 54%;
  float: left;
}
.woocommerce-checkout-review-order, .woocommerce-checkout_custom_coupon{
  width: 54%;
  clear: both;
}
.woocommerce-checkout_custom_coupon{
  padding-top: 80px;
}
.review_title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.review_title p{
  margin: 0;
}
.review_title a{
  display: flex;
  align-items: center;
  gap: 10px;
}
.woocommerce-checkout-review-order-table .cart_total_item{
  background: #F7F7F7;
  padding-left: 16px;
  padding-right: 16px;
  --fz-p: 1rem;
}
.woocommerce-checkout-review-order-table tr:first-child .cart_total_item{
  padding-top: 16px;
  border-radius: 10px 10px 0 0;
}
.woocommerce-checkout-review-order-table .cart_total_item_coupon,
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals .cart_total_item,
.woocommerce-checkout-review-order-table .order-tax .cart_total_item{
  padding-bottom: 8px;
}
.woocommerce-checkout-review-order-table .cart_total_item_coupon p,
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals .cart_total_item p, .woocommerce-checkout-review-order-table .woocommerce-shipping-totals .cart_total_item__shipping-totals,
.woocommerce-checkout-review-order-table .order-tax p{
  opacity: .7;
}
.woocommerce-checkout-review-order-table .order-total .cart_total_item{
  padding-bottom: 16px;
  border-radius: 0 0 10px 10px;
}
.woocommerce-checkout-review-order-table .order-total .includes_tax{
  display: none;
}
.review_order_products{
  padding: 32px 0;
}
.review_order_product_image img{
  max-width: 100%!important;
  height: auto!important;
  aspect-ratio: 1;
  object-fit: contain;
}
.review_order_product_image{
  width: 112px;
}
.review_order_product{
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 24px;
  margin-bottom: 32px;
  position: relative;
}
.review_order_product::after{
  content: '';
  position: absolute;
  inset: auto 0 -16px;
  transform: translateY(50%);
  background: #E2E2E2;
  height: 1px;
}
.review_order_product:last-child::after{
  display: none;
}
.review_order_product .product__item_subtotal{
  font-weight: 500;
  margin-top: 16px;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background: transparent;
  padding-top: 80px;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods{
  padding: 0;
  border-bottom: 0;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before{
  display: none;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
  margin: 0;
  padding: 0;
  color: inherit;
  background: transparent;
}
.wc-stripe-payment-method-instruction{
  font-size: var(--fz-p-xs);
}
.payment_box fieldset{
  border: 0;
  padding: 0;
  margin: 0;
}
.woocommerce form .form-row.place-order{
  margin-top: 80px;
  padding: 0!important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
  margin-top: 32px;
  float: none;
  width: 100%;
  margin-bottom: 0;
}
.woocommerce-checkout-review-order_wrapper{
  float: right;
  width: 35.5%;
}
#order_review>.woocommerce-checkout-review-order-table{
  display: none;
}
section.vc_section.checkout_section {
  padding-right: var(--spacing-d);
}
#checkout_custom_coupon_inner #woocommerce-checkout-form-coupon{
  opacity: 1!important;
  display: flex!important;
  margin: 24px 0 0;
  padding: 0;
  border: 0;
  align-items: center;
  gap: 24px;
}
.woocommerce-form-coupon-toggle{
  display: none!important;
}
#woocommerce-checkout-form-coupon div{
  flex: 1
}
#woocommerce-checkout-form-coupon div .input-text{
  width: 100%;
}
.woocommerce #woocommerce-checkout-form-coupon  .button{
  padding-top: 11px!important;
  padding-bottom: 11px!important;
  min-width: 264px;
  font-size: var(--fz-p)!important;
}
@media screen and (min-width: 1200px) and (max-width: 1480px){
  .woocommerce-checkout-review-order_wrapper {
    width: 38%;
  }
  .woocommerce #woocommerce-checkout-form-coupon .button{
    min-width: 240px;
  }
}
@media screen and (max-width: 1199px){
  .woocommerce .col2-set, .woocommerce-checkout-review-order_wrapper{
    width: 100%;
    float: none;
  }
  .woocommerce-checkout-review-order_wrapper{
    margin-top: 80px;
  }
  .woocommerce-checkout-review-order, .woocommerce-checkout_custom_coupon{
    width: 100%;
  }
  .woocommerce form .form-row {
    margin: 0 0 16px;
  }
  .woocommerce-shipping-fields {
    margin-top: 32px;
  }
  .woocommerce-shipping-fields__field-wrapper {
    padding-top: 32px;
  }
  .card_title {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px){
  .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
    width: 100%;
  }
  #billing_postcode_field + #billing_city_field , #shipping_postcode_field + #shipping_city_field{
    width: calc(70% - 8px);
  }
  #billing_address_2_field + #billing_postcode_field, #shipping_address_2_field + #shipping_postcode_field{
    width: calc(30% - 8px);
  }
  .woocommerce-form__label-for-checkbox span::after, .woocommerce-form__label-for-checkbox span::before, .form-row.woocommerce-SavedPaymentMethods-saveNew label::after, .form-row.woocommerce-SavedPaymentMethods-saveNew label::before,
  .woocommerce-checkout #payment ul.payment_methods li label::after, .woocommerce-checkout #payment ul.payment_methods li label::before{
    padding: 7px;
  }
  .woocommerce-form__label-for-checkbox, .woocommerce form .form-row.woocommerce-SavedPaymentMethods-saveNew label, .woocommerce-checkout #payment ul.payment_methods li label{
    padding: 8px 0;
  }
  .woocommerce-checkout #payment div.payment_box.payment_method_stripe {
    margin: 0 0 24px;
  }
  .woocommerce-form__label-for-checkbox span, .woocommerce form .form-row.woocommerce-SavedPaymentMethods-saveNew label,
  .woocommerce-checkout #payment ul.payment_methods li label{
    padding-left: 32px;
  }
  .woocommerce-checkout #payment ul.payment_methods li label{
    margin-left: 8px;
  }
  .woocommerce form .form-row textarea {
    height: 108px !important;
  }
  #checkout_custom_coupon_inner #woocommerce-checkout-form-coupon{
    gap: 16px;
    margin-top: 16px;
    flex-direction: column;
  }
  #woocommerce-checkout-form-coupon div, .woocommerce #woocommerce-checkout-form-coupon .button{
    width: 100%;
  }
  .woocommerce #woocommerce-checkout-form-coupon .button{
    min-width: 100%;
  }
  .review_order_product{
    padding-inline: 0;
    margin-bottom: 16px;
  }
  .review_order_product::after{
    bottom: -8px;
  }
  .review_order_product_image {
    width: 100px;
  }
  .review_order_product .product__item_subtotal {
    margin-top: 12px;
  }
  .review_order_products {
    padding: 16px 0;
  }
}


/* notification */
.woocommerce-error, .woocommerce-info, .woocommerce-message{
  color: white;
  background: var(--blue);
  margin-top: 80px!important;
  margin-bottom: 80px;
  border: 0;
  border-radius: 16px;
  padding: 16px 40px 16px 90px!important;
  font-size: var(--fz-h3);
  display: flex;
  align-items: center;
  gap: 16px 24px;
  outline: none;
  line-height: 1.4;
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button{
  border-color: white!important;
  margin-left: auto!important;
  flex-shrink: 0;
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li{
  font-size: var(--fz-h3);
  display: flex;
  align-items: center;
  gap: 16px 24px;
  width: 100%;
  line-height: 1.4;
}
.single-product .woocommerce-error, .single-product .woocommerce-info, .single-product .woocommerce-message{
  max-width: var(--max-width-d);
  margin-left: auto;
  margin-right: auto;
}
.single-product .woocommerce-notices-wrapper{
  padding: 0 var(--spacing-d-f);
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{
  content: '';
  padding: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
}
.woocommerce-info::before, .woocommerce-message::before{
  background: url(/wp-content/uploads/2026/07/24x24-3.svg) no-repeat center/contain;
}
.woocommerce-error::before{
  background: url(/wp-content/uploads/2026/07/warning-triangle.svg) no-repeat center/contain;
}
.woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after{
  display: none;
}
.woocommerce-cart #content .wpb_text_column .woocommerce-error, #content .wpb_text_column .woocommerce-cart .woocommerce-info, .woocommerce-cart #content .wpb_text_column .woocommerce-message{
  margin-top: 0!important;
  margin-bottom: 80px!important;
}
.woocommerce-checkout #content .wpb_text_column .woocommerce-error, .woocommerce-checkout #content .wpb_text_column .woocommerce-info, .woocommerce-checkout #content .wpb_text_column .woocommerce-message{
  margin-top: 0!important;
  margin-bottom: 80px!important;
}
.woocommerce-checkout #content #checkout_custom_coupon_inner .woocommerce-error, .woocommerce-checkout #content  #checkout_custom_coupon_inner .woocommerce-info, .woocommerce-checkout #content #checkout_custom_coupon_inner .woocommerce-message{
  margin-top: 24px!important;
  margin-bottom: 24px!important;
}
.woocommerce-checkout ul.woocommerce-error, .woocommerce-checkout ul.woocommerce-info, .woocommerce-checkout ul.woocommerce-message,
.woocommerce-checkout ul.woocommerce-error li, .woocommerce-checkout ul.woocommerce-info li, .woocommerce-checkout ul.woocommerce-message li{
  display: block;
}
.woocommerce-checkout #content:has(.woocommerce>.woocommerce-message) .wpb_text_column .woocommerce-error, .woocommerce-checkout #content:has(.woocommerce>.woocommerce-message) .wpb_text_column .woocommerce-info, .woocommerce-checkout #content:has(.woocommerce>.woocommerce-message) .wpb_text_column .woocommerce-message{
  margin-bottom: 24px!important;
}
@media screen and (max-width: 767px){
  .woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-error li, .woocommerce-info li, .woocommerce-message li{
    flex-direction: column;
    align-items: flex-start;
  }
  .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button{
    margin-left: 0!important;
  }
  .woocommerce-error, .woocommerce-info, .woocommerce-message{
    padding-right: 20px!important;
    padding-left: 64px!important;
    --fz-h3: 1rem;
  }
  .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
    padding: 16px;
    left: 16px;
  }
  .woocommerce-error, .woocommerce-info, .woocommerce-message,
  .woocommerce-cart #content .wpb_text_column .woocommerce-error, #content .wpb_text_column .woocommerce-cart .woocommerce-info, .woocommerce-cart #content .wpb_text_column .woocommerce-message,
  .woocommerce-checkout #content .wpb_text_column .woocommerce-error, .woocommerce-checkout #content .wpb_text_column .woocommerce-info, .woocommerce-checkout #content .wpb_text_column .woocommerce-message{
    margin-bottom: 60px!important;
  }
}