/** Shopify CDN: Minification failed

Line 654:0 Unexpected "/"
Line 658:30 Expected identifier but found "*"
Line 667:1 Unexpected "/"

**/
/*==============================================================================
  CUSTOM.CSS — KOKIO UK
  Purpose: Main Non-Specific Overrides)
==============================================================================*/

/* Reviews Widgets */
.jdgm-widget.jdgm-cards-carousel {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.jdgm-card.jdgm-media-card.jdgm-carousel-item {
    border: 1px solid black;
}



@media (min-width: 990px) {
  .page-width.page-width--narrow.section-template--24715256430968__main-padding, .shopify-policy__container {
    max-width: 1600px;
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
}

@media only screen and (max-width: 749px) {
  .accordion__content li {
  text-align: left !important;
}
.price--on-sale .price-item--regular {
  font-size: 15px !important;
}

.card__badge.bottom.left {
    padding: 5px;
}

}



@media screen and (min-width: 990px) {
a.cart-item__name.h4.break {
    font-size: 30px;
}
}


/* Add right border to the last item on the last row ONLY when that row has exactly 3 items */
#product-grid.grid--4-col-desktop > .grid__item:nth-last-child(3):nth-child(4n+1),
#product-grid.grid--4-col-desktop > .grid__item:nth-last-child(2):nth-child(4n+2),
#product-grid.grid--4-col-desktop > .grid__item:nth-last-child(1):nth-child(4n+3) {
    border-right: 1px solid #000000; /* adjust colour as needed */
}

.jdgm-legacy-widget-content {
    padding-top: 40px;
    padding-bottom: 40px;
}

/* SKIO Subscriptions  */ 
@media screen and (max-width: 989px) {
    fieldset.skio-plan-picker {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  p.announcement-bar__message.h5 {
    font-size: 14px !important;
}
}

@media screen and (min-width: 989px) {
    fieldset.skio-plan-picker {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .jdgm-widget.jdgm-preview-badge.jdgm-preview-badge--with-link.jdgm--done-setup {
    padding-left: 30px;
    padding-right: 30px;
  }
}


@media screen and (max-width: 990px) {
 a.cart-item__name.h4.break {
    font-size: 20px !important;
}
}

/* MBC Bundels App Styling */

/* Generic override for MBC Bundles titles *//*
.mbc-title,
.mbc-bundle-title,
.mbc-widget-title,
.mbc-heading {
    font-size: 208px !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

*/

/* SKIO SUBSCRIPTIONS BUNDLE PAGE */

/* ============================================
   SKIO SUBSCRIPTIONS BUNDLE PAGE — CLEAN OVERRIDES
   ============================================ */

#skio-root {
  max-width: 1600px;
  margin: 0 auto;
  padding: 40px 20px;
}


/* ---------------------------
   HEADINGS
   --------------------------- */
#skio-root h1 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
  font-size: clamp(25px, 4vw, 44px) !important;
  line-height: 1.1;
  text-transform: uppercase;
  color: black !important;
}

#skio-root h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(15px, 3vw, 22px) !important;
  line-height: 1.2;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}


@media only screen and (max-width: 749px) {
  #skio-root {
  max-width: 1600px;
  margin: 0 auto;
  padding: 20px 10px;
}
#skio-root .button {
  font-size: 12px !important;
  padding: 0px !important;
}

}

@media only screen and (max-width: 749px) {
  /* Force each subscription option to be full-width */
  #skio-root .sc-958d2c65-1 {
    width: 100% !important;
    display: block !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
  }

  /* Tighten inner text alignment */
  #skio-root .sc-958d2c65-1 div[tabindex="0"] {
    text-align: center !important;
    width: 100% !important;
  }

  /* Center discount pill */
  #skio-root .sc-88dcc893-0 {
    margin: 6px auto 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    width: fit-content !important;
  }

  /* Remove the weird double-row wrap behaviour */
  #skio-root .sc-958d2c65-0 {
    display: block !important;
  }
}



/* ---------------------------
   SIDEBAR WIDTH
   --------------------------- *//*
#skio-root .sc-a18d780d-0 {
  width: 350px !important;
  min-width: 350px !important;
}*/


/* ---------------------------
   PRODUCT CARD OUTER BORDER
   --------------------------- */
#skio-root .sc-56e77ca-0 {
  /*border: 1px solid #000 !important;*/
  border-radius: 0px !important;
  padding-bottom: 16px !important;
  background: #fff;
  overflow: hidden;
}

/* Top divider between image + text */
#skio-root .sc-56e77ca-1 + div {
  border-top: 1px solid #000 !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}


/* ---------------------------
   QUANTITY SELECTOR — CLEAN, CONSISTENT
   --------------------------- */

/* Outer wrapper *//*
#skio-root .sc-51d4772f-0 {
  border: 1px solid #000 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !*important;
}*/

/* Minus / Plus buttons *//*
#skio-root .sc-51d4772f-0 button {
  border: none !important;
  background: none !important;
  width: 42px !important;
  height: 42px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}*/

/* Quantity input inside selector ONLY *//*
#skio-root .sc-51d4772f-0 input[type="number"] {
  border: none !important;
  width: 42px !important;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}

*/
/* -----------------------------------
   REMOVE INNER BORDERS SO NO DOUBLES
   ----------------------------------- */

/* Stop borders appearing inside input/buttons */
#skio-root input[type="number"] {
  border: none !important;
}
/*
#skio-root button[aria-label*="Add"],
#skio-root button[aria-label*="Remove"] {
  border: none !important;
}

*/


/*==============================================================================
  0. GLOBAL RESETS & VARIABLES
  - Minor browser fixes (do NOT duplicate Shopify’s resets)
  - CSS variables for consistent spacing, colours, etc.
==============================================================================*/

header.header.header--top-center.header--mobile-center.page-width.header--has-menu.header--has-social.header--has-account {
    /* padding-left: 0px !important; */
    /* padding-right: 0px !important; */
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100% !important;
    max-width: 1920px !important;
    margin: 0 auto !important;
    text-align: center;
    padding-bottom: 0px;
}

*::selection {
  background: transparent !important;
  color: inherit !important;
}

/* Restrict page-width--inner overrides to PRODUCT + HERO templates only */
.template-product .page-width--inner,
.sos-hero-product-section .page-width--inner {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4rem;
  padding-right: 4rem;
}

.header__menu-item {
  color: black;
}


.newsletter__wrapper.color-scheme-3.gradient.content-container.isolate.content-container--full-width.section-sections--24647734165880__newsletter-padding {
    padding-top: 30px;
}

/*
.header__icon svg path {
  stroke: currentColor;
  fill: none;   
}
*/
div#shopify-section-template--24647733707128__sos_hero_product_eCUh4n .image-with-text__grid.grid.grid--gapless.grid--1-col.grid--2-col-tablet {
    display: flex;
    align-items: center;
}
/*
.svg-wrapper {
height: 50px !important; 
width: 50px !important;
}
*/
.list-social__item .icon {
  height: 50px !important;
  width: 50px !important;
}

.facets-container {
    margin-top: 10px;
}

.header {
  padding: 0px !important;
}



div#shopify-section-template--24715256463736__multicol_accordion_9pkQrT .image-with-text__content.image-with-text__content--middle.image-with-text__content--desktop-left.image-with-text__content--mobile-left.image-with-text__content--medium.content-container.background-transparent {
    padding-bottom: 0px !important;
}


/*-----------------------------------------------
  SHIFTING MOBILE SECTION POSITION
-----------------------------------------------*/

/*==============================================================================
  TYPOGRAPHY OVERRIDES
==============================================================================*/

:root {
  /* Rescue Intro — scaled from global H2 size */
  --rescue-heading-base: clamp(32px, 4vw, 44px); 
  --rescue-emphasis-multiplier: 1.35;
}





/*==============================================================================
  GLOBAL TYPOGRAPHY SYSTEM (SOS HYDRATION)
  Cleaned, balanced, modernised, and size-rationalised
==============================================================================*/

/*-----------------------------------------------
  FOOTER MISC
-----------------------------------------------*/

small.copyright__content {
  font-family: 'General Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  color: white;
}

.footer__content-bottom-wrapper.page-width.footer__content-bottom-wrapper--center {
  margin: 20px 0;
}

/*==============================================================================
  HEADINGS — LARGE BUT BALANCED
==============================================================================*/

/*
We create a consistent scale:
H1: 44–52px
H2: 36–44px
H3: 24–28px
H4: 40–48px (Petrona Display)
H5/H6: 18–20px small uppercase headers
*/

:root {
  --font-h1-base: 52px; /* match your clamp upper bound */
  --hero-h1-scale: 1.15; /* hero headline = 15% larger */
  --hero-emphasis-scale: 1.45; /* petrona emphasis word */
}

h1,
.h1, h1.article-template__title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
  font-size: clamp(32px, 5vw, 52px);
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
}

details#Details-HeaderMenu-1 li a {
    font-size: 18px !important;
}

@media screen and (min-width: 990px) {
  ul#HeaderMenu-MenuList-1 {
    min-width: 300px !important;
    border-radius: 6px !important;
  }
}





h2.jdgm-title, .jdgm-title {

    font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: clamp(24px, 4vw, 44px) !important;
}


h2.jdgm-rev-widg__title {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
}

h2,
.h2 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
  font-size: clamp(32px, 4vw, 44px);
  line-height: 1.1;
  letter-spacing: 0;
  text-transform: uppercase;
}


h2.image-with-text__heading.h1.rte, h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-family: Poppins, sans-serif;
    font-weight: 500;
    font-size: clamp(32px, 4vw, 44px);
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
}


h3,
.h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: clamp(22px, 3vw, 28px);
  line-height: 1.2;
  letter-spacing: 0.12em; /* Reduced from 0.35em */
  text-transform: uppercase;
}

/* Petrona display header (decorative) */
h4,
.h4 {
  font-family: 'Petrona', serif;
  font-weight: 700;
  /*font-style: italic;*/
  font-size: clamp(32px, 5vw, 48px);
  line-height: 1.1;
  letter-spacing: 0;
}

/* Unified small uppercase headers */
h5,
h6,
.h5,
.h6 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}



/*==============================================================================
  BODY TEXT — LARGE, CLEAN, READABLE
==============================================================================*/

body {
  font-family: 'Petrona', serif !important;
  font-weight: 400;
  font-size: 18px;       /* Down from 32px */
  line-height: 1.55;     /* Improves readability */
  letter-spacing: 0;
  color: #000000 !important;
}

/*==============================================================================
  BUTTONS — BOLD, PREMIUM, CONSISTENT
==============================================================================*/

.button,
.shopify-payment-button__button,
button,
input[type="submit"],
input[type="button"] {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 17px;       /* Down from 26px — now balanced with design */
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  height: 56px;
}

@media (max-width: 749px) {

.rich-text__wrapper.rich-text__wrapper--center.page-width h2 {
    font-size: 24px !important;
}

h2.image-with-text__heading.h1.rte {
    font-size: 20px;
}


h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
    font-size: 20px;
}


  .button,
  .shopify-payment-button__button,
  button,
  input[type="submit"],
  input[type="button"] {
    height: 40px;
    font-size: 15px !important;
  }
}

/*==============================================================================
  OPTIONAL: PRODUCT CARD TITLES (Keep Large + Premium)
==============================================================================*/

.card__heading,
.card__heading a {

  text-align: left;
  max-width: 95%;
  /*
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 20px !important;
  line-height: 1.25;
  text-transform: none;
  */
}

/*==============================================================================
  OPTIONAL: BADGES (Sale, etc.)
==============================================================================*/

.badge {
  font-size: 13px !important;
  font-weight: 600;
}







/*==============================================================================
  HEADER & NAVIGATION
==============================================================================*/

@media (max-width: 749px) {
/*
  .header__icons {
    margin-right: 20px;
}
*/
  /* Outer padding (20px left & right) */
  .header.header--mobile-center {
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important; /* even spacing */
    align-items: center !important;
  }

  /* Left: Menu icon */
  .header__icon--menu {
    justify-self: start !important;
    padding-left: 0 !important;
  }

  /* Center: Logo perfectly centered */
  .header__heading {
    justify-self: center !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }

  /* Right: Icons grouped tight + aligned */
  .header__icons {
    justify-self: end !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    width: max-content !important; /* ensures column does not expand */
    padding-right: 0 !important;
  }

  /* Remove padding from search modal */
  details-modal.header__search {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/*-----------------------------------------------
ANNOUNCEMENT BAR
-----------------------------------------------*/
/
.utility-bar .announcement-bar__message,
.utility-bar .announcement-bar__message span {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;*/
  font-size: 18px !important;
  line-height: 1;
  letter-spacing: 0.25em !important;
  text-transform: uppercase;
  color: #FFFFFF; 
  padding-top:10px;
  padding-bottom:5px;
}
*/

@media (max-width: 749px) {
  .utility-bar .announcement-bar__message,
  .utility-bar .announcement-bar__message span,   p.announcement-bar__message.h5 {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: 15px !important;
    letter-spacing: 0.25em !important; /* 35% */
    text-align: center !important;
    text-transform: uppercase !important;
    padding: 8px 10px !important; /* keeps height balanced */
    display: block !important;
    width: 100% !important;
  }



  /* Prevent wrapping issues */
  .announcement-bar__message {
    white-space: normal !important;
  }

  p.announcement-bar__message.h5 svg.icon.icon-arrow {
    display: none;
  }

}

h3.accordion__title.inline-richtext.h3 {
  font-weight: 600 !important;
}




/*-----------------------------------------------
  MENU TEXT
-----------------------------------------------*/
.menu-text,
.header__menu-item,
.navigation a {
  font-family: 'Poppins';
  font-weight: 700 !important; 
  font-size: 25px;
  line-height: 1; /* 100% */
  text-transform: uppercase;
}

.header__inline-menu .list-menu__item {
  margin: 0 20px;
}

nav.header__inline-menu {
    width: 100%;
    text-align: center;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.header:not(.drawer-menu).page-width {
    padding-left: 0;
    padding-right: 0;
}

details-modal.header__search {
    padding-left: 5rem;
}

    .header__icons{
    padding-right: 5rem;
}

/*==============================================================================
  FOOTER
==============================================================================*/

 .footer .svg-wrapper {
    width: 40px;
    height: 40px;
}

.footer__content-bottom.scroll-trigger.animate--slide-in {
    border-top: 1px solid white;
}


@media screen and (min-width: 990px) {
  .footer__blocks-wrapper {
    column-gap: 30px; /* or remove */
  }

  .footer__blocks-wrapper .footer-block {
      padding-left: 20px;
      padding-right: 20px;
  }

  /* Remove Dawn’s auto grid width */
  /*
  .footer__blocks-wrapper .footer-block {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
  }
*/

}

h2.footer-block__heading.inline-richtext {
  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 30px !important;
line-height: 30px;
letter-spacing: 0%;
text-transform: uppercase;
}

.footer-block__details-content a {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1; /* 100% */
    letter-spacing: 0.35em; /* FIGMA "35%" equivalent */
}

footer .page-width {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

h2.footer-block__heading.inline-richtext {
  font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 40px;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}

ul.footer-block__details-content.list-unstyled a.link.link--text.list-menu__item.list-menu__item--link {
  font-family: Poppins;
font-weight: 400;
font-style: Regular;
font-size: 24px;
line-height: 100%;
letter-spacing: 0.35em;
text-transform: uppercase;
}

.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet.scroll-trigger.animate--slide-in {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.footer__blocks-wrapper .footer-block:nth-child(1),
.footer__blocks-wrapper .footer-block:nth-child(2),
.footer__blocks-wrapper .footer-block:nth-child(3) {
padding-top:50px;
padding-left: 30px;
padding-bottom: 50px;
}

/* Add left white border to footer column 2 and 3 */
.footer__blocks-wrapper .footer-block:nth-child(2),
.footer__blocks-wrapper .footer-block:nth-child(3) {
  border-left: 1px solid #ffffff;
}

section#shopify-section-sections--24647734165880__newsletter .newsletter.center h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
  max-width: 1200px;
  font-family: Poppins;
font-weight: 600;
font-size: 68px;
letter-spacing: 0%;
text-align: center;
text-transform: uppercase;
margin: 0 auto;
}

@media (max-width: 749px) {


 .newsletter__wrapper h2.inline-richtext {

  font-size: 33px;
  text-align: left;

 }

.newsletter__wrapper {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 40px !important;
    padding-top: 40px !important;
}

.footer-block--newsletter.scroll-trigger.animate--slide-in {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

ul.list-unstyled.list-social.footer__list-social {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

  section#shopify-section-sections--24647734165880__newsletter .newsletter.center h2.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-family: Poppins;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  }

  div#sos-reviews-template--24647733707128__sos_reviews_slider_ifAYkR h2{
  font-family: Poppins;
  font-weight: 700;
  font-style: Bold;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  }

  div#shopify-section-template--24647733707128__sos_reviews_slider_ifAYkR {
    padding-top: 30px !important;
  }

}

input#NewsletterForm--sections--24647734165880__newsletter {
    background: white;
}

/* Make newsletter input text visible */
.newsletter-form__field-wrapper .field__input {
  color: #000 !important;
}

/* Make floating label visible */
.newsletter-form__field-wrapper .field__label {
  color: #000 !important;
}

/* ============================================
   MOBILE FOOTER FIX — Tighter column spacing
   ============================================ */

@media (max-width: 749px) {
  .footer-block__details-content {
    margin-bottom: 1rem !important;
  }



  /* Reset footer block padding for mobile */
  .footer__blocks-wrapper .footer-block {
    padding: 20px 16px !important;   /* tighten vertical + remove left padding */
    margin: 0 !important;
  }

  /* Remove desktop borders on mobile */
  .footer__blocks-wrapper .footer-block {
    border-left: none !important;
    border-right: none !important;
  }

  /* Add consistent top/bottom 1px borders for each section */
  .footer__blocks-wrapper .footer-block {
    border-top: 1px solid #fff !important;
  }

  .footer__blocks-wrapper .footer-block:last-child {
    border-bottom: 1px solid #fff !important;
  }

  /* Footer titles */
  .footer__content-top h2.footer-block__heading.inline-richtext {
    font-size: 20px !important;
    margin-bottom: 16px !important;
    margin-top: 16px;
  }

  /* Footer menu items */
  ul.footer-block__details-content a {
    font-size: 14px !important;
    letter-spacing: 0.35em !important;
    padding: 4px 0 !important;
    display: inline-block;
  }

  /* Social icons row spacing */
  .footer__list-social {
    padding: 20px 0 !important;
  }

  /* Remove side padding on full-width wrappers */
  footer .page-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #sos-reviews-template--24647733707128__sos_reviews_slider_ifAYkR .sos-review__text {
    font-size: 17px;
  }
  #sos-reviews-template--24647733707128__sos_reviews_slider_ifAYkR .sos-review__name {
    font-size: 18px;
  }
}

@media (max-width: 749px) {
  ul.footer-block__details-content.list-unstyled a.link.link--text.list-menu__item.list-menu__item--link {
  font-family: Poppins;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px !important;
  line-height: 100%;
  letter-spacing: 35%;
  text-transform: uppercase;
  }
}

/* DETAILING */


/* FAQ Icons */

form#contact_form input {
    background: white;
}

svg.icon.icon-caret {
  /*height: 1.6rem;*/
}
/*
h3.accordion__title.inline-richtext.h4 {

font-family: Poppins;
font-weight: 600;
font-style: SemiBold;
font-size: 32px;
line-height: 150%;
letter-spacing: 0.35em;
text-transform: uppercase;

}
*/
/* FAQ PAGE PAGE DETAILING */

/*
section#shopify-section-template--24697924845944__collapsible_content_gFfPjr h3.accordion__title.inline-richtext.h4 {

  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 23px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}
*/

/*
section#shopify-section-template--24697924845944__collapsible_content_gFfPjr p{
font-family: Petrona;
font-weight: 400;
font-style: Regular;
font-size: 22px;
leading-trim: NONE;
line-height: 37px;
letter-spacing: 0%;
}
*/

/*
section#shopify-section-template--24697924845944__collapsible_content_gFfPjr h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {

  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 32px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
}

section#shopify-section-template--24697924845944__collapsible_content_gFfPjr .rich-text__text.rte.scroll-trigger.animate--slide-in p{
  font-family: Petrona;
font-weight: 400;
font-style: Regular;
font-size: 26px !important;
leading-trim: NONE;
line-height: 37px;
letter-spacing: 0%;
}


.rich-text__blocks.left p {
    font-size: 20px;
}


section#shopify-section-template--24697924845944__collapsible_content_gFfPjr .accordion  {
   border-bottom: 1px solid black;
    padding-top: 15px;
    padding-bottom: 15px;
}
section#shopify-section-template--24697924845944__collapsible_content_gFfPjr .accordion:nth-child(1) {
  border-top: 1px solid black;
}

/* CONTACT US PAGE */




select#ContactForm-reason {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Make the select look like all other fields */
.contact-select {
  height: 4.5rem !important;
  padding: 1.5rem !important;
  background-image: none; /* remove browser arrow */
  appearance: none;
}

/* Add a small arrow on the right so it still looks like a dropdown */
.contact-select {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23000' stroke-width='2' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 12px;
}



section#shopify-section-template--24647733772664__rich_text_PExnHA h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {
  font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 80px;
line-height: 103%;
letter-spacing: 0%;
text-transform: uppercase;
}

section#shopify-section-template--24647733772664__rich_text_PExnHA .rich-text__text.rte.scroll-trigger.animate--slide-in {
  font-family: Petrona;
font-weight: 400;
font-style: Regular;
font-size: 32px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
}

.page-width.section-template--24647733772664__multicolumn_w9TTGa-padding.isolate.scroll-trigger.animate--slide-in {
  width: 100%;
   max-width: 100%;
}

li#Slide-template--24647733772664__multicolumn_w9TTGa-1 {
    border-top: 1px solid black;
}

li#Slide-template--24647733772664__multicolumn_w9TTGa-2{
    border-top: 1px solid black;
    border-left: 1px solid black;
}

ul#Slider-template--24647733772664__multicolumn_w9TTGa {
    column-gap: 0 !important;
}

section#shopify-section-template--24647733772664__multicolumn_w9TTGa h3.inline-richtext {
font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 50px;
leading-trim: NONE;
line-height: 100%;
letter-spacing: 0%;
text-transform: uppercase;
}


/* SHOP PAGE DETAILING */

   .collection.page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;

  
}



   
.collection .page-width--inner,
.product-grid-container .page-width--inner {
  padding-left: 0 !important;
  padding-right: 0 !important;
}



/* Ensure borders align perfectly in the grid */
#product-grid {
  gap: 0 !important; /* Removes spacing between items */
}

/* Prevent image overflow so borders look clean */
#product-grid .card__inner,
#product-grid .card__media {
  overflow: hidden;
}


/* Make collection page full width */
.collection.page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Make product grid full width */
.product-grid-container .collection {
  max-width: 100% !important;
}

/* Equal height product cards */
#product-grid .card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}


@media screen and (max-width: 750px) {

.card__heading, .card__heading a {
max-width: 100% !important;

}

.card__content {
  padding: 0px !important;
}



.card__heading {
  font-size: 15px !important;
}

.price.price--on-sale {
    text-align: left;
}

 .card__information {

 padding: 1rem 1rem;

  }
.card-wrapper.product-card-wrapper.underline-links-hover .card__information h3 {
    text-align: left !important;
    min-height: 60px;
}

.price.price--on-sale {
font-family: Poppins;
font-weight: 400;
font-size: 15px;
line-height: 21px;
text-transform: uppercase;


}

}



/* SCIENCE PAGE DETIALING */



/* -------------------------------------------------
   NORMALISE PADDING FOR ALL MULTIROW SECTIONS
   (use theme spacing variables so it feels native)
   ------------------------------------------------- */

.shopify-section .multirow {
  padding-top: var(--spacing-sections-mobile);
  padding-bottom: var(--spacing-sections-mobile);
}

@media screen and (min-width: 750px) {
  .shopify-section .multirow {
    padding-top: var(--spacing-sections-desktop);
    padding-bottom: var(--spacing-sections-desktop);
  }
}


/* Contact page migrate to contact css */


section#shopify-section-template--24647733772664__multicolumn_w9TTGa .rte {
font-family: Petrona;
font-weight: 500;
font-size: 32px;
line-height: 100%;

}


section#shopify-section-template--24647733772664__multicolumn_w9TTGa li#Slide-template--24647733772664__multicolumn_w9TTGa-1, section#shopify-section-template--24647733772664__multicolumn_w9TTGa li#Slide-template--24647733772664__multicolumn_w9TTGa-2 
 {
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 50px;
}

section#shopify-section-template--24647733772664__multicolumn_w9TTGa .page-width {
  padding: 0px !important;
}

@media (min-width: 769px) {
   section#shopify-section-template--24647733772664__multicolumn_w9TTGa .multicolumn {
    margin-bottom: 0px !important;
    }

  }

/* Remove the gap on this specific multicolumn */
section#shopify-section-template--24647733772664__multicolumn_w9TTGa #Slider-template--24647733772664__multicolumn_w9TTGa {
  column-gap: 0 !important;   /* or gap: 0 !important; */
}

/* Fix the item widths so they fill 100% (2 × 50%) */
@media screen and (min-width: 750px) {
  section#shopify-section-template--24647733772664__multicolumn_w9TTGa #Slider-template--24647733772664__multicolumn_w9TTGa.grid--2-col-desktop .grid__item {
    width: 50% !important;
    max-width: 50% !important;
  }
}

@media screen and (max-width: 749px) {

  /* Match the exact bullet indentation and spacing on mobile */
.image-with-text__text.rte.body ul {
  margin: 0;
  padding-left: 22px;   /* bullet indentation */
  list-style-position: outside;
}

.image-with-text__text.rte.body ul li {
  margin: 0 0 12px 0;   /* spacing between bullets */
  line-height: 1.55;    /* matches your text */
  padding-left: 0;       /* no shift */
  text-indent: 0;        /* keeps wraps aligned */
}


  .rich-text__text.rte.scroll-trigger.animate--slide-in {
    margin-top: 0px;
}

  section#shopify-section-template--24647733772664__rich_text_PExnHA h2.rich-text__heading.rte.inline-richtext.h1.scroll-trigger.animate--slide-in {

    display: none;
  }

  .rich-text__text.rte.scroll-trigger.animate--slide-in p{
font-family: Petrona;
font-weight: 400;
line-height: 100%;
text-align: center;


  }


section#shopify-section-template--24647733772664__multicolumn_w9TTGa h3.inline-richtext {
font-family: Poppins;
font-weight: 700;
font-style: Bold;
font-size: 25px;
line-height: 30px;
text-transform: uppercase;


}


  section#shopify-section-template--24647733772664__multicolumn_w9TTGa .rte {
font-family: Petrona;
font-weight: 400;
font-size: 15px;
line-height: 100%;
text-align: center;


}

li#Slide-template--24647733772664__multicolumn_w9TTGa-2 {
  border-left: 0px !important;
}

section#shopify-section-template--24647733772664__multicolumn_w9TTGa li#Slide-template--24647733772664__multicolumn_w9TTGa-1, section#shopify-section-template--24647733772664__multicolumn_w9TTGa li#Slide-template--24647733772664__multicolumn_w9TTGa-2 {
  padding-top: 20px !important;
  padding-left: 0px !important;
  padding-bottom: 20px !important;
}

}