/** Shopify CDN: Minification failed

Line 161:0 Unexpected "}"

**/
/* === FIX: stop Webyze Color overlapping product description === */

/* 1) Make the description block contain its own height properly */
body[class*="template-product"] .product__section--text.product__section--element.rte{
  display: flow-root !important;
  padding-bottom: 18px !important;
}

/* 2) Force the Color label + swatches back into normal flow */
body[class*="template-product"] label.webyzeProductColorsLabel,
body[class*="template-product"] .webyzeProductColors,
body[class*="template-product"] [id^="webyze-product-colors-"],
body[class*="template-product"] .product__variants-swatches{
  position: static !important;
  float: none !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  clear: both !important;
  display: block !important;
}

/* 3) Controlled spacing: small, consistent gap */
body[class*="template-product"] label.webyzeProductColorsLabel{
  margin: 14px 0 8px !important;
}

body[class*="template-product"] .webyzeProductColors,
body[class*="template-product"] [id^="webyze-product-colors-"],
body[class*="template-product"] .product__variants-swatches{
  margin-top: 0 !important;
}
/* === UK spelling fix: Color → Colour (Webyze swatches) === */

body[class*="template-product"] .webyzeProductColorsLabel {
  font-size: 0 !important; /* hides original "Color" text */
}

body[class*="template-product"] .webyzeProductColorsLabel::after {
  content: "Colour";
  font-size: 16px;
  font-weight: 600;
  display: block;
  color: #000;
}
/* === UK spelling fix: Color → Colour (Webyze swatches) === */

body[class*="template-product"] .webyzeProductColorsLabel {
  font-size: 0 !important; /* hides original "Color" text */
}

body[class*="template-product"] .webyzeProductColorsLabel::after {
  content: "Colour";
  font-size: 16px;
  font-weight: 600;
  display: block;
  color: #000;
}
/* === Tighten spacing above "Colour" label (override everything) === */

body[class*="template-product"] .product__section--text.product__section--element.rte{
  padding-bottom: 8px !important;   /* was bigger to prevent overlap */
}

body[class*="template-product"] label.webyzeProductColorsLabel{
  margin-top: 4px !important;        /* pulls label up closer */
  margin-bottom: 6px !important;
}

/* If there’s an extra blank paragraph creating space */
body[class*="template-product"] .metafield-rich_text_field p:empty{
  display: none !important;
}
/* === MOBILE: tighten gap above Colour === */
@media (max-width: 768px){
  body[class*="template-product"] .metafield-rich_text_field p{
    margin-bottom: 0 !important;
  }

  body[class*="template-product"] label.webyzeProductColorsLabel{
    margin-top: 0 !important;
  }
}
/* === Tighten the gap above Colour (remove empty <p> spacing) === */
body[class*="template-product"] .metafield-rich_text_field p:empty{
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[class*="template-product"] .metafield-rich_text_field p{
  margin-bottom: 0 !important; /* stops extra space after the last line */
}

/* Optional: if the theme adds spacing to the whole text block */
body[class*="template-product"] .product__section--text.product__section--element.rte{
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
/* === Make the spacing above "Colour" look intentional (mobile-friendly) === */

/* Add a little breathing room after the description text */
body[class*="template-product"] .metafield-rich_text_field p:last-child{
  margin-bottom: 12px !important;
}

/* Add a small top margin to the Colour label */
body[class*="template-product"] label.webyzeProductColorsLabel{
  margin-top: 12px !important;
}

@media screen and (max-width: 749px) {
  .slideshow__slide .slideshow__caption {
    text-align: center !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .slideshow__slide .slideshow__caption-wrapper {
    text-align: center !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .slideshow__slide .slideshow__title {
    text-align: center !important;
    width: 100% !important;
  }

  .slideshow__slide .slideshow__btn-wrapper {
    text-align: center !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}
@media screen and (max-width: 749px) {
  .hero__title {
    text-align: center !important;
    align-items: center !important;
    justify-content: flex-end !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
  }

  .hero__title .section__page-title {
    text-align: center !important;
    width: 100% !important;
  }
}

}
/* Accordion pane - move image to top */
.c-accordion__inner.accordion_withimage {
  display: flex;
  flex-direction: column;
}

.div.c-accordion__image {
  order: -1;
  width: 100%;
  margin: 0 0 1.5rem 0;
}

/* H2 fix inside metafield rich text - new-product template */
body #template--25519509078395__main__429468fa-5486-43cc-879b-281856bb9ae8 .metafield-rich_text_field h2 {
  font-size: 12px !important;
  font-family: "Garamond Italic" !important;
  line-height: 120% !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  display: block !important;
}









