/** Shopify CDN: Minification failed

Line 173:2 Expected identifier but found "solidrgb("
Line 533:1 Unexpected "6"

**/
/* Load fonts */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Open+Sans:wght@400;500;600&display=swap');

/* Override Dawn font system */
:root {
  --font-heading-family: 'Oswald', sans-serif;
  --font-body-family: 'Open Sans', sans-serif;
}

/* GLOBAL TYPOGRAPHY */

h1, .h1 {
  font-size: 42px;
  font-weight: 700;
}

h2, .h2 {
  font-size: 32px;
  font-weight: 700;
}

h3, .h3 {
  font-size: 24px;
  font-weight: 600;
}

/* Subtitle (used in many Dawn sections) */
.subtitle,
.section-subheading,
.rte.subtitle {
  font-size: 18px;
  font-weight: 500;
}

/* Paragraph text */
p,
.rte p {
  font-size: 16px;
  line-height: 1.6;
}

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

  h1, .h1 {
    font-size: 32px;
  }

  h2, .h2 {
    font-size: 26px;
  }

  h3, .h3 {
    font-size: 20px;
  }

  .subtitle,
  .section-subheading {
    font-size: 16px;
  }

  p {
    font-size: 15px;
  }

}

/* SALE badge only */
.card__badge .badge.price__badge-sale {
  background-color: #9a2727 !important;
  color: #ffffff !important;
  border: none !important;
}

/* SOLD OUT badge – keep Dawn default black */
.card__badge .badge.price__badge-sold-out {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: none !important;
}

/* =================================================
   GLOBAL BUTTON STYLE (Dawn native buttons)
   ================================================= */

.button,
.button--primary,
.button--secondary,
.shopify-payment-button__button {

  background: linear-gradient(
    180deg,
    #df0f0f 0%,
    #ad2f2f 50%,
    #9a2727 100%
  ) !important;

  border: none !important;
  color: #ffffff !important;
  font-weight: 700;
  border-radius: 8px;

  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
}

/* Hover */
.button:hover,
.button--primary:hover,
.button--secondary:hover,
.shopify-payment-button__button:hover {

  background: linear-gradient(
    180deg,
    #d13636 0%,
    #ba3434 50%,
    #9a2727 100%
  ) !important;

  box-shadow: 0 8px 22px rgba(0,0,0,0.25);
  transform: translateY(-2px);
}

/* Remove all focus outlines globally */
.button:focus,
.button:focus-visible,
.button:focus-within,
.button--primary:focus,
.button--secondary:focus,
.shopify-payment-button__button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Addded here are the added codes or lines to customise. Added by Teresa */

/* Addded for the icons section in the product information */

.product-icons-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0px, 1fr)); /* 🔥 KEY FIX */
  gap: 10px;
  margin-top: 6px;
}

.icon-column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0px;
  padding: 2px 0 2px 2px; /* 🔥 no right padding */

  min-height: 32px;   /* 🔥 allow space */
  height: auto;       /* 🔥 remove fixed height */
}

.icon-text {
  flex: 1;
  min-width: 0;

  margin-right: 0;   /* 🔥 remove any right spacing */
  padding-right: 0;  /* 🔥 ensure no padding */

  font-size: 8px;
  line-height: 1.3;
  font-weight: 800; /* slightly softer than bold */

  solidrgb(81, 81, 81) /* 🔥 applied here */

  display: -webkit-box;
  -webkit-line-clamp: 3;        /* ✅ limit to 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;

  word-break: break-word;
}

.icon-image {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}

.icon-image img {
  width: 28px;   /* 🔥 bigger */
  height: 28px;
  display: block;
  
  filter: brightness(0) saturate(100%) invert(33%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(90%);
}


/* Tablet */
@media screen and (max-width: 990px) {
  .product-icons-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Mobile */
@media screen and (max-width: 600px) {
  .product-icons-row {
    grid-template-columns: 1fr;
  }
}



/* to remove Taxes Included */
.product__tax {
  display: none !important;
}

/* Premium reflected vertical gradient button */
.product-form__submit {
  background: linear-gradient(
    180deg,
    #df0f0f 0%,
    #ad2f2f 50%,
    #9a2727 100%
  );
  border: none;
  color: #ffffff;
  font-weight: 700;
  border-radius: 8px; /* pill shape */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
  transition: all 0.3s ease;
}

/* Hover effect */
.product-form__submit:hover {
  background: linear-gradient(
    180deg,
    #d13636 0%,
    #ba3434 50%,
    #9a2727 100%
  );
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.25);
  transform: translateY(-2px);
}




/* Limit banner text so it never crosses 50% of image */
.banner__box {
  max-width: 50% !important;
  width: 50%;
}

@media screen and (max-width: 749px) {
  .banner__box {
    max-width: 100% !important;
    width: 100%;
  }
  .banner__heading {
  font-size: clamp(24px, 5vw, 30px);
  }
  .banner__text {
  font-size: clamp(14px, 3.5vw, 16px);
  }
}

/* Center the last odd column on mobile when using 2 columns and no carousel */
@media screen and (max-width: 749px) {
  .multicolumn-list:not(.slider) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .multicolumn-list:not(.slider) .multicolumn-list__item {
    width: 50%;
  }

  .multicolumn-list:not(.slider) .multicolumn-list__item:last-child:nth-child(odd) {
    margin-left: auto;
    margin-right: auto;
  }
}

/* REMOVE DAWN BUTTON OUTLINE COMPLETELY */

.button::after,
.button:focus::after,
.button:focus-visible::after {
  box-shadow: none !important;
  border: none !important;
}

/* Remove focus outline */
.button:focus,
.button:focus-visible,
.button:focus-within,
.button--primary:focus,
.button--secondary:focus,
.shopify-payment-button__button:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Prevent dark hover overlay Dawn sometimes adds */
.button:hover::after {
  box-shadow: none !important;
}

/* Hide accordion if content is empty */
.collapsible-content .accordion__content:empty {
  display: none;
}

/* Hide the entire accordion item if content is empty */
.collapsible-content .accordion__content:empty {
  display: none;
}

.collapsible-content .accordion__content:empty {
  display: none;
}

/* Better: hide parent accordion using :has() */
.collapsible-content .accordion:not(:has(.accordion__content *)) {
  display: none;
}

/* CUSTOM FEATURED BLOG — FULL TITLE + UPPERCASE */

.custom-featured-blog .card__heading,
.custom-featured-blog .card__heading a {
  text-transform: uppercase;

  display: block;
  overflow: visible;
  text-overflow: unset;
  white-space: normal;

  -webkit-line-clamp: unset;
  line-clamp: unset;

  max-height: none;
}

/* Remove hidden overflow from content container */

.custom-featured-blog .card__information {
  overflow: visible;
}

.custom-featured-blog .card__heading span {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

/* BLOG POST BORDERS — DESKTOP ONLY */

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

  .custom-featured-blog .article-card-wrapper {
    border: 1px solid rgba(0,0,0,0.15);
    padding: 12px;
    height: 100%;
  }

}

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

  .custom-featured-blog .article-card-wrapper:hover {
    border-color: rgba(0,0,0,0.4);
    transition: border-color 0.2s ease;
  }

}

.custom-featured-blog .blog__button {
  text-transform: uppercase;
}

/* CUSTOM BLOG SECTION — MOVE VIEW MORE BUTTON RIGHT */
.custom-featured-blog .blog__view-all {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.custom-featured-blog .blog__view-all .blog__button {
  margin-left: auto;
} /* CUSTOM BLOG SECTION — REMOVE BUTTON CURVE */
.custom-featured-blog .blog__view-all .blog__button.button,
.custom-featured-blog .blog__view-all .blog__button.button::before,
.custom-featured-blog .blog__view-all .blog__button.button::after {
  border-radius: 0 !important;
}

/* HIDE VIEW MORE BUTTON ON MOBILE */

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

  .custom-featured-blog .blog__view-all {
    display: none !important;
  }

}

/* Product page only - Collapsible Row Header */

.product .accordion summary,
.product .product__accordion summary {
    background: linear-gradient(180deg, #a8a9ab 0%, #818285 100%);
    color: #fff;
    border-radius: 0;
    padding: 1.4rem 1.8rem;
}

.product .accordion summary .accordion__title,
.product .product__accordion .accordion__title {
    color: #171717;
    font-size: 1.8rem;
}

.product .accordion summary .icon,
.product .product__accordion summary .icon {
    color: #171717;
}

.product .accordion {
    margin-bottom: 10px;
}

/* Make Dawn sections wider on large screens */
.page-width {
  width: min(92vw, 1800px);
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.youtube-video-wrapper {
  width: 100%;
  aspect-ratio: 16 / 9;
}

.youtube-video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* ==========================================================
   Standalone Collapsible Content - Responsive Width
   Does NOT affect Product Information accordions
   ========================================================== */

/* Outer container */
.collapsible-content.page-width {
    width: min(92vw, 1800px);
    max-width: none;
}

/* Inner wrapper when there is an image */
.collapsible-content .page-width {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* Inner wrapper when there is NO image */
.collapsible-content-wrapper-narrow {
    width: 100%;
    max-width: none;
}

/* Make the accordion fill the available width */
.collapsible-content__grid,
.collapsible-content__grid-item,
.collapsible-content .accordion {
    width: 100%;
}

/* ==========================================================
   PRODUCT BUY BUTTON CUSTOMISATION
   Dawn 15.5
   ========================================================== */

/* Wrapper */
.product-form__buttons{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
}

/* Add to Cart */
.product-form__submit{

    width:100%;
    max-width:480px;

    margin-left:auto;
    margin-right:auto;
}

/* Dynamic Checkout wrapper */
.product-form__buttons .shopify-payment-button{

    width:100%;
    max-width:480px;

    margin-left:auto;
    margin-right:auto;
}

/* Dynamic Checkout button */
.product-form__buttons .shopify-payment-button__button{
    width:100%;
}

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

    .product-form__submit,
    .product-form__buttons .shopify-payment-button{

        max-width:100%;
    }

}6