/** Shopify CDN: Minification failed

Line 466:0 Unexpected "}"

**/
/* Secondary Menü hiden on Desktop */

.header__secondary-nav .header__link-list {
  display: none;
}

/* Remove empty space size toggle PDP */


.product-info__liquid:has(.harness-size-panel){
  margin-block-end: 0 !important;
}

.product-info:has(.harness-size-panel) 
  .offer{
    margin-top: 0;
}

/* One Click Tick Box Upsell */

.candyrack-ppp-badge-label {
font-size: 10px !important;
}
[data-testid="offer-badge-ppp-wrapper"] {
    background-color: rgb(var(--success-text)) !important;
}
.candyrack-ppp-checkbox-layout__offer {
  border: none !important;
  padding: 16px 16px 5px 11px !important;
}
.candyrack-ppp-checkbox-layout__info {
font-size: .75rem !important;
line-height: 1.2em;
}

[class^="styles_offerPriceWrapper"] {
  margin-top: 5px !important;
}
.candyrack-ppp-checkbox-layout__info--product-price {
   font-size: 12px !important;
}

.candyrack-ppp-checkbox-layout__info--product-discount-price {
    color: rgb(var(--success-text)) !important;
    font-size: 12px !important;
}
.candyrack-ppp-checkbox-layout__offers--title {
   font-size: 12px !important; /* font size of the offer title */
}
.candyrack-ppp-checkbox-layout__info--product-name {
   font-size: 12px !important; /* font size of the upsell name */
}
.candyrack-ppp-text-input {
   margin-top: 0px !important;
}

/* Adjust Product Rating Stars */

.collection .ruk_rating_snippet i {
    font-size: 10px !important;
}
.collection .ruk_rating_snippet .ruk-rating-snippet-count {
  bottom: 0px !important;
}

/* Bundle Product Fix Review Alignment */

#shopify-section-template--25105974690059__main .shopify-app-block:has(.ruk_rating_snippet) {
    padding-top: 15px;
}

/* Change heading size in Product info accordion */

.product-info__accordion .accordion__content h2  {
  font-size: 15px;
}
.product-info__accordion .accordion__content h3 {
  font-size: 13px;
}

/* Countdown Timer*/

.countdown-section {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.countdown-title {
  font-size: 15px;
  font-weight: bold;
  color: black;
  margin-right: 10px;
}
.countdown-container {
  font-size: 15px;
  color: black;
  padding-top: 10px;
  padding-bottom: 10px;
}


/* USP BOX */

  .usp-item {
    display: flex;
    align-items: center;
  }
  .usp-item img {
    margin-right: 10px;
    width: 40px;
    padding: 2px;
  }

/* Decrease Padding of Swatches */

.block-swatch {
    height: 2rem;
    padding-inline-start: .75rem;
    padding-inline-end: .75rem;
}

/* Product Rating Margin */
.shopify-app-block:has(.ruk_rating_snippet) {
   float: right;
    margin: 0px;
  padding-top: 3px;
}

.product-info__title {
  margin-bottom: 25px;
}

/*Anpassung Bundle Seite */

  .section:has(.biscuits-bundle-step__products) {
    background-color: #faf9f8;
  }
  .section:has(.biscuits-bundle-step__products) .hcbadge {
    background-color: #fff;
  }

/* Heritage Bundle: prevent closed Biscuits accordion steps from reserving height */
biscuits-bundle-form[data-biscuits-product-id="10866433065227"] .biscuits-bundle-step__accordion-content[aria-expanded=false],
biscuits-bundle-form[data-biscuits-product-id="10866433065227"] .biscuits-bundle-step__accordion-content[aria-hidden=true] {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}



/* Pasend Dazu Titel */

.product-info__complementary-products p {
  font-weight: 700;
  margin-bottom: 10px;
}
/*Discount Filter */
.discountfilter {
  text-align: center;
  max-width: 900px;
  margin: 20px auto 0px;
  padding: 5px 2px;
}

.discountfilter h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 5px;
}

.discountfilter p {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 12px;
}

.discountbuttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.discountfilter .button {
  padding: 8px 18px;
  font-size: 14px;
  border-radius: 3.75rem;
  margin-bottom: 4px;
  text-decoration: none;
  color: white;
  background-color: rgb(var(--button-background));
  transition: background-color 0.3s, color 0.3s;
}

.discountfilter .active {
  background-color: rgb(var(--button-background-secondary)); 
}
.discountfilter .button:hover {
  background-color: rgb(var(--button-background-secondary));
}

@media (max-width: 767px) {
   .discountfilter h2 {
  font-size: 20px;
}
  .discountfilter p {
  font-size: 14px;
}
    }

/* FAQ Section -> Foto rund machen */

.faq-availability img {
  border-radius: 100%;
}

.av_size-chart-container p {
  margin: 0px !important;
}

/* Top section styling */
.av_top-section {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

/* Left part with the ruler illustration */
.av_top-left {
    width: 50%;
}

.av_top-image {
    width: 100%;
    height: auto;
   margin-bottom: 0px !important;
}

/* Right part with the dimension descriptions */
.av_top-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 45%;
    text-align: left;
}

.av_size_title {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.av_icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.av_size_title p {
    font-weight: bold;
    font-size: 16px;
    margin: 0px !important;
}
/* Leash Sizing New Layout */
@media (min-width: 768px) {
.av_leash-page h2 {
  font-size: 1.8rem !important;
}
.av_leash-page h3 {
  font-size: 1.5rem !important;
}
}
.av_leash-grid-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 20px;
    align-items: center;
}

.av_leash-image {
    text-align: left;
}

.av_leash-text {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 1.2rem;
    font-weight: bold;
}
.av_leash-grid-container img {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

/* Elements section styling */
.av_elements-section {
    margin-top: 20px;
}

.av_element {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-block-start: 0px !important;
}

.av_element:last-child {
    border-bottom: none;
}

.av_element-image {
    width: 25%;
    height: auto;
    padding: 10px;
}

.av_element-text {
    width: 70%;
    padding-left: 30px;
    margin: 0px !important;
}

.av_element-heading {
    font-weight: bold;
    font-size: 18px !important;
    margin: 0;
}

.av_element-text p {
    margin: 5px 0;
}

/* Mobile optimization */
@media (max-width: 767px) {
    .av_top-section {
        flex-direction: column;
        padding: 10px 0;
    }

    .av_top-left,
    .av_top-right {
        width: 100%;
    }

    .av_icon {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .av_size_title p {
        font-size: 14px;
    }

    .av_elements-section {
        margin-top: 5px;
        margin-bottom: 5px;

    }

    .av_element {
        padding: 5px;
    }

    .av_element-image {
        width: 30%;
        padding: 5px;
    }

    .av_element-text {
        width: 65%;
        padding-left: 10px;
    }

    .av_element-heading {
        font-size: 14px !important;
    }

    .av_element-text p {
        font-size: 12px;
    }
}

/*!ENDE AV  */


/* === Widerrufsbutton im Footer (Menuepunkt 'Bestellung aendern & Widerruf') === */
/* Substring-Match: uebersteht Klick-Tracking, das die URL um Parameter ergaenzt */
footer a[href*='return.williamwalker.de/widerruf'] {
  display: inline-block;
  margin-top: 10px;
  padding: 9px 16px;
  background: #ffffff;
  color: #113e20 !important;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.2;
  word-break: normal;
  overflow-wrap: normal;
  opacity: 1;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(17, 62, 32, .15);
}
@media (hover: hover) {
  footer a[href*='return.williamwalker.de/widerruf']:hover {
    background: #f0efe9;
    color: #113e20 !important;
    opacity: 1;
  }
}

/* ---- LIVE seit 2026-08-05, angepasst 2026-09-26: Header-Nav nie zweizeilig ----
   Seit 26.09. hat die Nav 6 Punkte (neu: Maentel). Gemessen (Playwright, Logo zentriert 255px):
   unter 1500px kollidiert die einzeilige Nav mit dem Logo, deshalb dort Burger-Menue wie mobil.
   1500-1599px: Abstand spacing-4 (Luecke zum Logo >= 34px), ab 1600px spacing-5 (>= 64px). */
@media screen and (min-width: 1150px) and (max-width: 1499px) {
  .header__main-nav .header__link-list.wrap {
    display: none !important;
  }
  .header__main-nav button[aria-controls="header-sidebar-menu"] {
    display: inline-block !important;
  }
  navigation-drawer#header-sidebar-menu {
    display: block !important;
  }
}

@media screen and (min-width: 1500px) {
  .header__main-nav .header__link-list.wrap {
    flex-wrap: nowrap;
  }
  .header__main-nav .header__link-list a,
  .header__main-nav .header__link-list summary {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1500px) and (max-width: 1599px) {
  .header {
    --header-link-list-spacing: var(--spacing-4);
  }
}

@media screen and (min-width: 1600px) {
  .header {
    --header-link-list-spacing: var(--spacing-5);
  }
}
}