/** Shopify CDN: Minification failed

Line 3897:0 Unexpected "{"
Line 3897:1 Expected identifier but found "%"
Line 3897:41 Expected identifier but found "%"
Line 3912:0 Unexpected "{"
Line 3912:1 Expected identifier but found "%"
Line 3912:28 Expected identifier but found "%"
Line 3918:2 Unexpected "{"
Line 3918:3 Expected identifier but found "%"
Line 3918:43 Expected identifier but found "%"
Line 3932:2 Unexpected "{"
... and 13 more hidden warnings

**/
/* WEB DISCO: WGD */
/* GLOBAL STYLES */

.page-width {
  padding-left: 10px;
  padding-right: 10px;
}

/* Page title styles*/

.custom-page-title {
  color: #0081d0!important;
  font-weight:700!important;
}

.article-template__title, .main-blog h1, .main-page-title {
  color: #0081d0!important;
  font-weight:700!important;
  font-size: calc(var(--font-heading-scale)* 4rem);
  margin:0 !important; /* Toby - added */
}

@media (max-width:768px) {
  .article-template__title, .main-blog h1, .main-page-title {
  font-size: 22px;
}
}

/* Font increase */
  
  .announcement-bar__message {
    font-size: 16px;
  }
  
  p, .footer-block__details-content .list-menu__item--link {
    font-size:16px;
  }

    .list-menu__item {
    font-size:18px;
  }

/* Title colours throughout site */

  .title, .image-with-text__heading {
    color: #0081d0;
    font-weight:700;
  }

/* Collection Featured Weight */

.collection-list-title {
  font-weight:700;
}

.title-wrapper-with-link {
  margin-bottom: 10px;
}

/* Featured Collection title */

.collection__title h2 {
font-weight:700;
}

.collection__description p {
  color: #fff;
}

/* OWL Carousel */

.owl-pagination .active {
    background-color: transparent;
}

.owl-pagination .active:after {
    display:none;
}

/* FIXES ETC */
.collection__title.title-wrapper--self-padded-tablet-down {
  padding: 0 1.5rem!important;
}

.collection--full-width slider-component:not(.slider-component-desktop) {
      max-width: var(--page-width) !important;
  margin:auto!important;
}

/* line height Adjustment - Site wide */

body {
  line-height: 1.4;
}

/* Hide Wishlist from breadcrumbs */

.breadcrumbs__list .frcp-wishlist-nav-link-li {
display:none;
}

/* Youtube Responsiveness Fix */

iframe {
    aspect-ratio: 16 / 9;
    width: 100% !important;
}


.select-custom {
    height: 40px;
    border: 1px solid darkgrey ;
    cursor: pointer;
    background: url('http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png') no-repeat 97%!important;
    background-color: #f8f8f8!important;
    -webkit-appearance: none;
    min-width:250px;
    padding-left:15px;
    color: #121212;
}

/* Overide BF problem with text black colour */

body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5 {
  color: #000!important;
}

/* Rich Text Fix width */

.rich-text__blocks, .collapsible-content-wrapper-narrow {
    max-width: 160rem!important;
}

/* Table sizing errors */

td {
  font-size: 16px; /* Toby - Changed from 18px to 16px to reduce table text font size*/
}

/* GLOBAL CLASSES */
  
  .relative {
    position:relative;
  }

.text-left {
  text-align:left!important;
}

  .text-center {
    text-align:center!important;
  }

  .text-right {
    text-align:right!important;
  }
  
  .capitalise {
    text-transform:capitalize;
  }

  .underline-0 {
    text-decoration:none;
  }
  
  .flex {
    display:flex;
  }

  .flex-wrap {
    flex-wrap:wrap;
  }
  
  .flex-wrap-mobile {
    flex-wrap:wrap;
  }

  .justify-start {
    justify-content: start;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .justify-end {
    justify-content:end;
  }
  
  .direction-column {
    flex-direction:column;
  }

  .items-center {
    align-items:center;
  }
  
  .items-end {
    align-items:end;
  }
  
  
  .absolute-w-full {
      position:absolute;
      width: 100%;
      height:100%;
      top:0;
      left:0;
  }
  
  .absolute-center {
      position: absolute;
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0;
      text-align: center;
  }
  
  .page-width-no-padding {
      width:100%;
      max-width: 140rem;
      margin: auto;
  }

/* Margins */

  .ml-10 {
    margin-left:10px;
  }

/* Hiding */

  @media (min-width:769px) {
    .min--769--hide {
      display:none;
    }
  }


@media (max-width:768px) {
  .max--768--hide {
    display:none;
  }
}

/* Margins */

  .m-0 {
    margin:0;
  }

 .mr-5 {
    margin-right:5px;
  }

  .mb-10 {
    margin-bottom:10px;
  }

  .mr-25 {
    margin-right:25px;
  }

  .mb-50 {
    margin-bottom:50px;
  }

  .w-15 {
    width:15%;
  }

  .w-20 {
    width:20%;
  }

  .w-30 {
    width:30%;
  }

    .w-40 {
    width:40%;
  }
  
  .w-49 {
  width: 49%;
  }


  .w-69 {
    width:69%
  }


  .w-79 {
    width:79%
  }

  .w-full {
    width:100%;
    height:auto;
  }


.w-full-h-full {
    width: 100%;
    height:100%;
}

/* Page Width */

/* ADDING 40PX PADDING TOP AND BOTTOM FOR ALL SECTIONS */

.page-width.new, .feefoo-reviews-wrapper {
  padding-top:40px;
  padding-bottom:40px;
}



/* Back to top */

#myBtn {
  display: none;
  position: fixed;
  bottom: 30%;
  right: 0px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:#2ABE50; /*Toby changed this from #fd5b09 to avoid buy button clash*/
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #fd5b09;
}


.b-t-t {
  display:flex;
  align-items: center;
}

.b-t-t span {
  font-size: 18px;
  margin-left:10px;
}

.chevron-top {
  font-size:28px;
  transform: rotate(270deg);
  margin-left:-3px;
}


/* Header */

#HeaderMenu-shop-by-brands {
  border-right: 0;
}

.header__active-menu-item {
  text-decoration:none;
}

.header__inline-menu {
  text-align:center;
  background:#2ABE50;
}
.header__menu-item, .header__menu-item:hover {
  color: #fff;
}

.header__inline-menu .link--text {
  border-left: 2px solid #fff;
}

.header__inline-menu .list-menu__item {
  border-right: 2px solid #fff;
}

.cart-count-bubble {
  position: absolute;
  left:unset;
  top: -14px;
  /* right: 14px; Toby hid this to correct bubbe position 17-02-2026 */
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 4px;
  box-sizing: border-box;
  line-height: 1;
  border-radius: 50%;
  white-space: nowrap;
  background-color: #0081d0;
  color: #fff;
}

/* Adjust for 2+ digits */
.cart-count-bubble:has(span:is([aria-hidden="true"])) {
  border-radius: 10px;
  padding: 2px 6px;
}


@media screen and (min-width: 990px) {
  .header:not(.drawer-menu).page-width {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (max-width: 768px) {
  
    .header__icon--cart {
      margin-right: -1.6rem;
    }

  .header__heading-link {
    padding: 0;
  }
  
}

/* Centering Main Nav Desktop */

@media screen and (min-width: 990px) {
    .header--middle-left {
        grid-template-areas: "heading navigation icons";
        grid-template-columns: 1fr auto 1fr!important;
        column-gap: 2rem;
    }
}

/* Mega Menu Styles */ 

.mega-menu__list {
  text-align:left;
}

.mega-menu__content {
    background-color: transparent!important;
  border:none!important;
  box-shadow: none!important;
  padding:0 !important;
  max-width: var(--page-width);
  margin: 0 auto;
  min-width: 400px;
}

.mega-menu__list {
  background: #fff;
    padding: 25px 10px;
  display:flex!important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: solid #0081d0 .1rem;
  border-top: solid #0081d0 .6rem;
}

.list-menu__item {
  font-weight: 700;
}

.list-menu__item a {
  text-decoration: none;
    color: #fff;
}

.mega-menu__link {
  font-size:16px!important;
}

.header__inline-menu .list-menu__item:hover {
      background: #0081d0;
  text-decoration:none!important;
  
  border-bottom: 0;
}

.header__active-menu-item {
  color: #fff!important;
}

.header__menu-item:hover {
  text-decoration:none!important;
}


/* Drop Down Menu List Styling */
.mega-menu__list {
  display: grid;
  gap: 1.8rem 4rem; 
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
  border-top: solid #0081d0 0.4rem;
  text-align: left;
  background: #fff;
  padding-top: 20px;
  padding-bottom: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  display: flex !important;
}

/* Mega Menu List Specific Styling */

#Details-HeaderMenu-1 {
  position: relative;
}

#MegaMenu-Content-1 {
  min-width: 460px; 
}

#MegaMenu-Content-4 {
  max-width: fit-content; 
  margin-left: 50%;
}

#MegaMenu-Content-5 .mega-menu__list {
  display: grid!important;
  grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1460px) {
#MegaMenu-Content-6.mega-menu__content {
  left: unset!important;
}
}


#Details-HeaderMenu-6 {
  position: relative;
}

/* #MegaMenu-Content-3 {
  max-width: fit-content; 
} */

/* List Items Styling */
.list-menu__item {
  font-weight: 700;
  text-wrap:none !important;
}

/* .list-menu__item a,
.list-menu__item:hover {
  text-decoration: none;
  color: #fff;
} */

/* Drop Down Menu Title */
.mega-menu__link--level-2,
.mega-menu__link--level-2:hover {
  font-weight: bold !important;    
}

/* Drop Down Menu Sub Items */
.mega-menu__link {
  font-size: 16px !important;
  color: rgba(var(--color-foreground), 0.75);
  display: block;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
  text-decoration: none;
  word-wrap: break-word;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  padding-left: 0.8rem;
  transition: color 0.3s ease;
}

.mega-menu__link--active {
  color: #0081d0 !important;
  background-color: #fbfbfb;
  font-weight: 400;
  padding-left: 0.8rem;
}

.mega-menu__link:hover {
  color: #0081d0;
  background-color: #fbfbfb;
  font-weight: 400;
  padding-left: 0.7rem;
  border-left: 0.1rem solid #0081d0;
}

.mega-menu__link--active:hover {
  text-decoration-thickness: 0.3rem;  
}


/* Header remove mega menu underline */
.header__menu-item:hover span, .header__menu-item span, details[open]>.header__menu-item {
  text-decoration: none!important; 
  text-underline-offset: 0rem!important;
}

.no-js details[open], details[open]>.header__menu-item {
  background-color: #0081d0!important;
}


/* Announcement Bar */

.utility-bar__grid {
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:47px;
}

.announcement-bar {
  width: auto;
}

.localization-wrapper {
  display:none;
}

.announcement-bar__message {
  display:flex;
  align-items:center;
  text-decoration:none;
}

.announcement-bar__message svg {
  width: 20px;
      height: 20px;
  margin-left:5px;
  margin-right:5px;
}

.announcement-bar__message svg path {
  fill: #fff;
}


@media (max-width: 768px) {
  .announcement-bar__message span {
    display:none;
  }

  .utility-bar__grid.page-width {
    padding: 0 10px;
  }
}


@media (min-width: 769px) {
  .announcement-bar, .announcement-bar__announcement {
  justify-content:end
}
}

/* Feefoo Header */
/* FONTS */
.feefo,
.feefo * {
  font-family: var(--font-body-family) !important;
}

.feefoo-announcement {
margin-top:7px;
}

.feefoo-announcement img {
  width:125px;
}

/* Redoing header for search */

@media screen and (min-width: 990px) {
    .header {
          grid-template-areas: "left-icons feefoo heading icons";
        grid-template-columns: 0.5fr 0.5fr auto 1fr;
    }

  .header__heading, .header__heading-link {
    grid-area:unset;
  }
}

header .search__input.field__input {
  border: 2px solid #0081d0 !important;
  border-radius:25px!important;
  padding-right: 8rem!important;
  width: 360px!important;
  max-width: 360px!important;
}


.header__heading .field:after, .field:hover.field:after, .field:after, .select:after, .customer .field:after, .customer select:after, .localization-form__select:after {
  box-shadow:none;
}

header .predictive-search {
  max-width: 768px;
  top: unset!important;
  left:unset!important;
}

.price--on-sale .price-item--regular {
    color: #2abe50 !important;
    font-size:18px!important;
}


@media(max-width:1200px) {

  header predictive-search[open] .predictive-search {
    min-width: 700px;
    max-width: 700px;
  }

}

@media(max-width:1050px) {

  header predictive-search[open] .predictive-search {
    min-width: 650px;
    max-width: 650px;
  }

}

/* PREDICTIVE SEARCH CUSTOM */

.predictive-search__result-group .predictive-search__heading {
  /* padding-left: 20px; Toby hid this */
  color: #0081D0;
  font-size:16px;
  text-transform: none;
  font-weight:700;
}

.predictive-search .h5 {
  font-size: 16px !important;
}
.predictive-search__item .price {
  color: #0081D0;
  font-size:16px;
  font-weight:700;
}


/* Responsiveness Header */


 .header__icons .header__search {
    display:none!important;
  }

@media(max-width:990px) {

   header predictive-search[open] .predictive-search {
    min-width: 100%;
    max-width: 100%;
  }

  /* Header Search */
  .search-wrapper-header {
    display:none;
  }

 .header__icons .header__search {
    display:inline-block!important;
  }

  .header {
    padding: 10px!important;
}

}


/* Breadcrumbs */

.breadcrumbs.wrapper {
  background-color: #fff;
  padding: 10px 0;
}

  .breadcrumbs__list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  .breadcrumbs__item {
    display: inline-block;
  }

  .breadcrumbs__item:not(:last-child):after {
    border-style: solid;
    border-width: .10em .10em 0 0;
    content: '';
    display: inline-block;
    height: .20em;
    margin: 0 .20em;
    position: relative;
    transform: rotate(45deg);
    vertical-align: middle;
    width: .20em;
  }

  .breadcrumbs__link, .breadcrumbs__item a {
    text-decoration: underline;
    color: #0081d0;
    font-weight:700;
  }

  .breadcrumbs__link[aria-current="page"] {
    color: inherit;
    font-weight: normal;
    text-decoration: none;
  }

  .breadcrumbs__link[aria-current="page"]:hover,
  .breadcrumbs__link[aria-current="page"]:focus {
    text-decoration: underline;
  }

  @media (max-width: 440px) {
    .breadcrumbs__link {
      font-size: 14px;
    }
  }

  .page-width.breadcrumbs {
    margin:auto;
    margin-top:25px;
    margin-bottom:25px;
  }


/* Collection Product Cards */


.voucher-wrapper-monies p {
      font-weight:700;
      margin:0;
      line-height:1;
    }

    .voucher-wrapper-ndd p {
      margin:0;
      line-height:1.2;
    }

     .voucher-wrapper-ndd p span {
       font-weight: 700;
       text-transform: uppercase;
     }

      .voucher-wrapper-ndd svg, .voucher-wrapper-monies svg {
      width:25px;
    } 

    .card--card .quick-add {
      margin:0;
    }

    .card__information .price {
      font-size:18px;
      font-weight: 700;
      margin-bottom:10px;
     color: #0081d0!important;
    }

    .voucher-wrapper-monies, .voucher-wrapper-ndd {
      padding: 10px 0;
    }

    @media (max-width: 500px) {
      .voucher-wrapper-monies p, .voucher-wrapper-ndd p {
        font-size:14px;
      }
    }

    .collection__view-all, .image-with-text__content .image-with-text__text+.button {
      margin-top:40px!important;
    }

      .collection__view-all .button,  .collection__view-all a:not(.link) {
      margin-top:0!important;
    }

    @media (max-width: 768px) {
      .collection__view-all a:not(.link) {
        margin-top:0!important;
      }
      .collection__view-all {
        margin-top: 20px!important;
      }
    }

/* LOWERING COLLECTION CARD TITLE AND REMOVING PADDING SIZE FOR SMALLER SCREENS */

    @media (max-width: 380px) {
      .card__information {
        padding:0px!important;
      }
           .card__content .full-unstyled-link {
        font-size:16px!important;
      }
    }

/* Auto Carousel */

.auto-c h2 {
  margin:0;
  text-align: center;
  margin-bottom: 0px; /* Toby - changed from 50px */
  font-size: 42px;
  font-weight:700;
}

/* Table Styling Product and Collection Pages */

table::before { 
  content: "\23f4Slide \23f5"; /* Toby changed from "\2190 SLIDE \2192"; */
  background-color: #0081d0;
  color: #fff;
  font-size:12px;
  /* font-weight: 700; toby - hidden */
  border-radius: 3px; /*Toby changes from 24px */
  padding:0 2px;
  position: absolute;
  margin:-10px 0 0 240px;
}

@media (min-width:1025px) {
  table::before {
    display:none;
  }
}

  table.greentable-outer {
    border-width: 1px;
    border-spacing: 0;
    border-style: solid;
    border-color: #80B10C;
    border-collapse: collapse;
    margin: 0 4px 0 4px;
}

table.greentable-outer td {
    padding: 10px;
}

table.greentable-outer h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
}

table.greentable {
    border-width: thin;
    border-spacing: 0;
    border-style: none;
    border-color: #80B10C;
    border-collapse: collapse;
}

table.greentable th {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #80B10C;
}

table.greentable td {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #80B10C;
}

table.whitetable {
    border-width: 0;
    border-spacing: 0;
    border-style: none;
    border-collapse: collapse;
}

table.whitetable th {
    border-width: 0;
    padding: 3px;
    border-style: solid;
}

table.whitetable td {
    border-width: 0;
    padding: 3px;
    border-style: solid;
}

/* ************************ */
table.greentable-notes {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 3px 5px 3px 5px;
    margin-top: 5px;
    color: #fff;
    /* background-color: #127626; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    line-height: 130%;
  max-width:80%;
}
table.greentable-notes th {
    border-width: 1px;
    padding: 3px;
    border-style: solid;
    border-color: #80B10C;
}

table.greentable-notes td {
    border-width: 1px;
    padding: 10px;
    border-style: solid;
    border-color: #80B10C;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    line-height: 130%;
}



table.greentable-notes h2 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 20px;
}

table.greentable-notes p {
    margin: 0;
    padding: 0;
}



/* ************************ */

table.greentable-notes-slim {
    margin-top: 5px;
    border-width: 0;
    border-spacing: 0;
    border-style: none;
    border-color: #6B950B;
    border-collapse: collapse;
    font-size: 12px;
    color: #008000;
}

table.greentable-notes-slim th {
    border-width: 0;
    padding: 1px;
    border-style: solid;
    border-color: #6B950B;
}

table.greentable-notes-slim td {
    border-width: 0;
    padding: 1px;
    border-style: solid;
    border-color: #C0C0C0;
    font-size: 12px;
    color: #008000;
}

table.redtable-notes {
    margin: 10px;
    border-width: thin;
    border-spacing: 0;
    border-style: none;
    border-color: #f00;
    border-collapse: collapse;
}

table.redtable-notes th {
    border-width: 1px;
    padding: 1px;
    border-style: solid;
    border-color: #f00;
}

table.redtable-notes td {
    border-width: 1px;
    padding: 10px;
    border-style: solid;
    border-color: #f00;
}

table.blacktable-notes {
    margin: 10px;
    border-width: 0;
    bgcolor: #000 border-collapse:collapse;
}

table.blacktable-notes td {
  border-width: 0;
  padding: 10px;
  font-colour: #000;
}


table td, table th {
  border: 1px solid #ddd;
  padding: 0 5px;
}

 /*table tr:nth-child(even){background-color: #f2f2f2;} */ /* Toby - Hid this*/

/* Make Table Auto Scroll at 1024px */

.table-svg {
  display:none;
  width:50px;
}

@media (max-width:1024px) {
table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .table-svg {
    display:block;
  }

  .cart-items {
    overflow-x: auto;
    white-space: normal;
  }

  .cart-items:before {
    display:none;
  }

}

/* Remove Card Badge Product Cards */

.card__badge {
  display:none;
}


/* Toby added this */
@media screen and (max-width: 989px) {
  cart-drawer .cart-drawer__footer {
    padding-top: 0 !important;
  }
}



/* Cart Note Drawer */

.cart__note .field__input {
  border:1px solid #e7e6e6;
}

.drawer__footer p {
font-size:14px; 
  margin:0;
}

#Details-CartDrawer .summary__title {
  font-weight:700;
  color: #0081D0;
  margin-top: 10px !important;
}

.cart__note label {
  display:block!important;
  top:0!important;
      padding-top: 15px!important;
}


/* SHOP CHAPTCHA */

#shop-hcaptcha-badge-container {
    bottom: 150px!important;
}

/* CUSTOM TABS PRODUCT PAGE AND COLLECTION */

.tablinks.active:after {
  display:none;
}
  
/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #0081d0;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color: #fff;
  border-right: 2px solid #fff;
  font-weight:400;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #2abe50;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #2abe50;
  
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
  background: #fff;
}

  .tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Footer */

.footer-block__brand-info .footer-block__image-wrapper {
  margin:auto;
}

.brand_info {
  flex:100%;
}

.brand_info .footer-block__image-wrapper {
  margin-bottom:0;
}



/* Default = Desktop */
.footer-extra-mobile-only {
  display: none;
}

/* Mobile */
@media screen and (max-width: 749px) {
.footer-extra-desktop-only {
    display: none;
  }

.footer-extra-mobile-only {
    display: block;
  }
}

.footer-extra {
  border-top: solid .1rem rgba(var(--color-foreground), .08);
  padding-top: 10px;
  padding-bottom: 10px;
}

.footer-extra p {
  margin-top:0;
  text-align:center;
  margin-bottom:5px;
}

.footer-extra a {
color:#fff;
text-decoration:none;
}
.footer-extra a:hover {
text-decoration:underline;
}

.list-menu__item--link {
  line-height: 1.2!important;
}

.footer-block__image-wrapper {
  max-width: min(100%, 250px)!important;
}

.footer-block__image-wrapper img {
  width: 430px;
 margin:auto;
}

.footer__copyright {
  color: #fff;
}

.footer-block__details-content .list-menu__item--link {
  font-weight: 400!important;
  color: #fff!important;
}

.footer-block__heading {
  font-size: 22px!important;
  font-weight: 700!important;
}


/* Styling added by Toby */
.additional-collection-link-text{
  text-align: center;
}

.exploaded-view {
  background-color:#fff;
  margin-bottom:20px;  
  padding:10px;
  text-align: center;
}

/* Mobile Pading Remove and other changes */

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

    .image-with-text__content, .banner__box {
      padding-left:10px!important;
      padding-right:10px!important;
    }
    
    slider-component.page-width, .footer__column--info {
      padding-left:10px!important;
      padding-right:10px!important;
    }

    .footer__content-top {
        padding-bottom: 0px!important;
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    .collection .page-width {
      padding-right:0;
    }
  
    /* Brands SLider */
  
    .auto-c h2 {
      font-size:36px;
      margin-bottom:25px;
    }

  .tab button {
    width:100%;
    border-right:0;
  }
}

    /* WGD CALCULATORS */
    
    .input-style_calculator_numberentry_box {
      width: 350px !important;
    }

      #result {
        display:none;
    }

     /* Calculator Code */

    .page-width.calculator {
    margin-top:50px;
    }

    .calculator-wrapper {
        margin-bottom:50px;
    }

    .calculator main {
      margin: 0 auto;
      text-align: left;
      border: solid 2px #0081d0;
      background: #fff;
      }



    /* Toby added the follow block to stop IOS making form boxes too light to see and fix form warnings - 02-03-2026 */
    @supports (-webkit-touch-callout: none) {
      .calculator input[type="text"],
      .calculator input[type="email"],
      .calculator input[type="number"],
      .calculator input[type="tel"],
      .calculator input[type="password"],
      .calculator select,
      .calculator textarea {
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border: 1px solid rgb(119, 117, 117);
        box-shadow: none;
        background-clip: padding-box;
      }

      .calculator input[type="text"]:focus,
      .calculator input[type="email"]:focus,
      .calculator input[type="number"]:focus,
      .calculator input[type="tel"]:focus,
      .calculator input[type="password"]:focus,
      .calculator select:focus,
      .calculator textarea:focus {
        outline: none;
        border-color: #0081d0;
        box-shadow: 0 0 0 1px #0081d0;
      }

      
       .calculator input[type="radio"]:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  /* Some iOS builds draw it via this */
  .calculator input[type="radio"] {
    -webkit-tap-highlight-color: transparent;
  }




    }

    /* Toby added this fix for IOS making radion options too small - 02-03-2026 */
    .calculator input[type="radio"] {
      transform: scale(1.25);
      accent-color: #0081d0;
    }


    .calculator h3, .calculator h2, .calculator h1 {
      background: #0081d0;
      color: #fff;
      padding: 10px;
      font-weight: 700;
      font-size:24px;
      margin:0;
    }

    .calculator h1, .calculator h2 {
      color: #fff !important;
    }

    .calculator form {
        padding: 2rem;
        margin: 0 auto;
    }

    .calculator .form-row {
        margin-bottom: 1rem;
    }

    .calculator .form-row-radios {
        margin-bottom:25px;
        text-align:center;
        flex-direction:column;
    }

    .calculator .form-row label {
        margin-right:5px;
    }

    .calculator input[type="radio"] {
        width: auto;
        margin-top:0;
        margin-left:10px;
        margin-right:10px;
    }

    .calculator  .noborder {
        border-style: none;	
    }

    .calculator .buttons {
        text-align:center;
        font-size:16px;
    }

    .calculator .buttons input, .calculator .buttons button {
        background: #fd5b09;
        color: #fff;
        border:0;
        padding: 15px!important;
    }

    .calculator .result {
        margin-top: 1rem;	
    }

    .calculator .results label {
        margin-right:5px;
    }

    .calculator  .sizeresult {
        text-decoration: underline;
        font-weight: bold;
        border-style: none;
        text-align: center;
        max-width: 500px;
    }

    .calculator  .overlap {
        border-style: none;
        text-align: center;
        max-width: 500px;
    }

    #calculate {
        width:250px;
        min-width:250px;
        max-width:250px;
    }

    .main-form {
        width:50%;
        margin:auto;
        margin-top:25px;
    }

    .main-form .form-row {
        align-items:center;
    }

    .form-row.inputs {
        justify-content: center;
    }

    .form-row.inputs input {
        width:auto;
    }

    #unit, #result-unit {
        display:none;
        text-align: left;
        margin-left:5px!important;
    }

    #result-unit {
        display:none;
        text-align: center;
    }

    /* Flowrate */

    .calculator.flowrate .form-row {
        display: flex;
        justify-content: center;
        margin-bottom: 1rem;
        width:100%;
        margin:auto;
        align-items:center;
        margin-bottom:10px;
    }

    .calculator.flowrate .form-row.buttons, .calculator.flowrate .form-row {
        gap:10px;
    }

    .calculator.flowrate .form-row.text {
        width:100%;
        justify-content: center;
    }

    .calculator.flowrate .form-row input {
        padding: 0.5rem;
        box-sizing: border-box;
    }

    .calculator.flowrate .form-row input[type="radio"] {
        width: auto;
    }

    .calculator.flowrate .noborder {
        border-style: none;
        width: 100% !important;
        background-color: #fff!important;
    }

    .calculator.flowrate  p {
     /*
      padding-left:20px;
      padding-right:20px;
      */
    
    }

    .calculator.flowrate p,.calculator.flowrate  h2 {
      /*
        padding-left: 20px;
        padding-right: 20px;
        */
    }
    
    .calculator.flowrate  .result {
        text-decoration: underline;
        font-weight: bold;
        border-style: none;
        text-align: center;
        width:100% !important;
    }


    .units-wrapper .inputs {
        justify-content:end!important;
    }


        @media (max-width: 768px) {

        .main-form {
          width: 100%;
          margin: auto;
        }

        .calculator .form-row label {
          text-align:center;
        }

        .label-text {
          width:100%;
          display:block;
        }

        .calculator form {
          padding:10px;
        }


        .calculator .form-rows {
          flex-direction:column;
        }

        .calculator .buttons {
          width:100%;
          display: flex;
          justify-content: center;
          gap:10px;
        }

        .calculator .buttons input {
            width:40%!important;
            min-width:unset!important;
            max-width:unset!important;
        }
    }


    /* Energy */


    .calculator.energy .form-row {
        width:100%;
        flex-direction: row;
      }

    .calculator.energy p {
     /* padding:20px; */
    }  
    

    .form-row.buttons-e {
        justify-content: end !important;
    }
    
    .calculator.energy form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .calculator.energy .form-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1rem;
        align-items:center;
    }
    .calculator.energy .form-row input {
        padding: 0.5rem;
        box-sizing: border-box;
        font-size: 16px !important;
        text-align: center;
    }

    .calculator .form-row input {
      font-size: 16px!important;
      padding:0.5rem;
    }

    .calculator.energy .power input[type="radio"] {
        width: 20%;
        padding: 0.5rem;
        margin-right: 5px;
        box-sizing: border-box;
        font-size:16px; /*added by Toby */
        text-align: center;
    }

    .calculator.energy .form-row label {
        width: 30%;
        padding: 0.5rem;
        display: inline-block;
        font-size:16px; /*added by Toby */
    }
    .calculator.energy .bldtitle {
        border-style: none;        
        font-size:16px !important; /*added by Toby */
        text-align: center;
        font-weight: 400 !important;
    }
    .calculator.energy .noborder {
        border-style: none;
    }
        .calculator.energy	.result-row input {
        width: 100%;
        padding: 0.5rem;
        display: inline-block;
        overflow-wrap: break-word;
    }
    .calculator.energy .differenceresult {
        border-style: none;
        max-width: 600px !important;
        font-weight: bold !important;
        text-align: center;
        overflow-wrap: break-word;
    }
    .calculator.energy .buttonwrapper {
        width: 350px;
        margin: 0px 0px 0px auto;
    }
    .calculator.energy button {
        margin-left: 10px;
        padding: 0.5rem;
        font-size:16px;
    }
    .calculator.energy .result {
        margin-top: 1rem;
    }
    .calculator.energy .valuenoborder {
        width: 20% !important;
    }
    .calculator.energy .sizeresult {
        text-decoration: underline;
        font-weight: bold;
        border-style: none;
        text-align: center;
        min-width: 500px;
    }

    .power {
      margin-top:20px;
    }
        
    
    @media (max-width:768px) {

        
        .power input {

        padding: 0.5rem 0!important;
        text-align: left!important;
    }

    .power input[type="number"] {
        padding: 0.5rem!important;
        text-align:center!important;
    }

        .calculator.energy .form-row {
            justify-content:start;
        }

        .calculator.energy .form-row label {
            text-align:left;
        }

        .power label {
            text-align:center!important;
        }

        .calculator.energy #spacer {
            display:none;
        }

        .energy-title-desktop {
            display: none;
        }


      .calculator.energy #calculate {
        width:47%;
        min-width:unset;
        max-width:unset;
      }

      .buttons-e {
        justify-content: space-between !important;
        margin-right: 0px!important;
        width:40%!important;
    }

      .input-units-wrapper {
        display:flex;
        width: fit-content;
        margin:auto;
      }

      .calculator.energy button {
        margin:0;
        width: 47%;
      }

    }
  



    /* Volume */

    #volumeform * {
    font-size: 16px;
  }

    #volumeform p.unit-label {
    margin:0 0 0 10px !important;
    }
    
    #volumeform #unit {
        margin:0;
    }

    #circular-units {
        display:none;
    }


   .calculator.volume .form-row {
    width:100%;
    margin:auto;
   flex-direction:row;
   align-items:center;
  }

   .calculator.volume .form-row.text {
    width:100%;
    justify-content: center;
  }

.calculator.volume .form-row label, .calculator.volume .form-row input {
  text-align:center;
}

.calculator.volume .form-row {
  display: flex;
  justify-content: end;
  margin-bottom: 1rem;
}

.calculator.volume .form-row input[type="radio"] {
  width: auto;
}
  
.calculator.volume .form-row input[type="button"] {
  width: auto;
}

/* .calculator.volume .noborder {
  border-style: none;
  width: 40% !important;
} */
  
.calculator.volume .unitnoborder {
  border-style: none;
  width: 10% !important;
}
.calculator.volume .wideunitnoborder {
  border-style: none;
  width: 20% !important;
}

.calculator.volume .direction-column {
flex-direction:column!important;
justify-content:center!important;
}

.calculator.volume .direction-column input {
width:100%;
}

.calculator.volume .buttons {
    justify-content:center;
    gap:10px;
}

.calculator.volume .results label {
  font-size:18px;
}

#rectangular-units, #circular-units, .units-wrapper{
    width: fit-content;
    margin: auto;
}

.radio-wrapper {
    margin-top:5px;
}

.or {
    margin-left:10px;
}

.top-wrapper {
    margin-right:auto;
}

.top-two {
    width:auto;
}

.top-wrapper label {
    text-align:left!important;
}


.run-cost-unit input {
    width:47%!important;
}

/* .calculator.energy .form-row input {
    width: 35%!important;
} */
/* 
.calculator.energy .form-row input[type="number"] {
    width: 20%!important;
} */

.calculator.energy .power .run-cost-unit {
    display: flex;
    align-items: start;
    width:40%;
    justify-content: end;
}

@media(max-width:440px) {

  .calculator.energy form {
        padding: 5px!important;
    }
    
  .bldtitle {
    padding:0!important;
    font-size:12px!important;
  }

  .calculator.energy .form-row label {
    font-size:14px;
    padding:0;
  }
  .calculator.energy .form-row input {
    font-size:14px;
    margin-bottom:3px;
  }

}

@media (max-width: 1220px) {

  .calculator.energy .power .run-cost-unit{
        align-items: end;
  }
  
.power .run-cost-unit {
    flex-direction:column;
    width:auto;
    margin:auto;
    margin-bottom:10px;
}

  .power .run-cost-unit input {
    width:60%!important;
  }
}

@media (max-width: 950px) {

.calculator.energy form {
    padding:10px;
}

.running-cost.ph input {
width:95%!important;
font-size: 12px!important;
}

}

.run-cost-unit {
    display: flex;
    align-items: start;
    justify-content: end;
}

@media (max-width: 768px) {

   .calculator.volume .direction-column {
     width:100%!important;
   }

   .calculator.volume .form-row-radios {
    flex-direction:column;
}
  
  .radio-wrapper {
      flex-direction: column;
      justify-content: start;
      align-items: start;
  }
  
  .or {
      display:none;
  }
  
  .label-e {
      width:100%;
  }
  
  
  .calculator.energy .form-row label {
      width:250px;
      font-weight:700;
  }
  
  .label-e label {
      width:100%!important;
  }
  
  .power-consumption {
      display:block!important;
  }
  
  .power-consumption label {
      width: 100%!important;
  }
  
  .power-consumption input {
      width:unset!important;
  }
  
  .run-cost-unit {
      display:flex;
      flex-direction:column;
  }
  
  .run-cost-unit input {
      width:100%!important;
  }
  
  .power {
      flex-wrap:wrap;
      justify-content:center!important;
      flex-direction:column!important;
  }

    .power .run-cost-unit {
      flex-direction:row;
      width:auto;
      margin:auto;
      margin-bottom:10px;
  }
  
  .power label {
      width:100%!important;
  }


}

@media(max-width:560px) {
    .calculator.energy .power .run-cost-unit, .buttons-e {
        width:80%!important;
        margin-bottom:10px;
    }
}


/* Blog, help and advice sidebar */


  .button:after, .shopify-challenge__button:after, .customer button:after, .shopify-payment-button__button--unbranded:after {
    box-shadow: none!important;
  }
  
  .button {
  background-color: #fd5b09!important;
    border:0!important;
  }

  .mt-20 {
    margin-top:20px;
  }

  .mt-25 {
    margin-top:25px;
  }

  .blog-page--wrapper {
    gap: 10px;
    /* background-color: #fff; */
  }

  .blog-wrapper {
    margin-bottom:30px; /* Toby - Changed from 50px */
    padding: 10px;
    padding-top: 0;
  }


/* Toby added - CS Page Styling*/
  .main-cs-page {
    background: #fff;
  }

    @media (max-width: 749px) {
      /* Article title H1 (Shopify special case) */
      .blogs.main-area.main-cs-page h1.article-template__title {
        margin: 10px 0 0 10px !important;
      }

      /* All other H1s and H2s h3s*/
      .blogs.main-area.main-cs-page h1,
      .blogs.main-area.main-cs-page h2,
      .blogs.main-area.main-cs-page h3  {
        margin: 10px 0 0 10px !important;
      }
    }






  .hr.blog-page { /* Toby - Added */
    height: 1px;
    background-color: #3e7ecb;
    border: none;
    width: 90%;
    margin: 0 auto 20px auto;
  }

  .blog-title-page h2 {
    margin-top:0;
    margin-bottom:20px;
    text-align: left;
    color: #3e7ecb;
    font-size: 40px; /* Toby - Changed from 45px*/ 
    font-weight: 700; /* Toby - Added */

  }

  .blog-article {
      background-color: #fff;
    width: 32%;
  }

  .blog-article h3 {
    padding: 10px;
    margin:0;
  }

  .blog-article img {
    height: 225px;
    object-fit: cover;
    object-position: center center;
    width: 100%;
  }


  @media (max-width:768px) {
      
  .blog-side-bar, .blogs, .blog-article {
    width: 100%;
  }

    .collection-children {
      flex-direction: column-reverse;
    }
    
  }


/* Collection Page (also used for Blog Page Main) */

  .collection-hero__image-container {
  background: #fff;
  
  }

  .sub-collection-bg {
    background: #f8f8f8;
  }
  
  .collection-children {
    padding-top:40px;
    padding-bottom:40px;
  }



  .sidebar-header h3 {
    margin:0;
    background: #0081d0;
    color: #fff;
    padding: 15px;
    font-size: 16px;
  }
/* 
  .product-selection-table p {
    margin:0;
  }
 */
  .product-selection-table a {
    display:block;
    margin:0;
    background: #fff;
    color: #000;
    width:100%;
    /* margin-top:5px; Toby hid this to match filter spacing 13-02-2026*/
    font-size:16px;
    padding: 15px;
    text-decoration:none;
    border-bottom: solid 1px rgba(var(--color-foreground), .1); /*Toby added this to match filter spacing 13-02-2026*/
  }
    .product-selection-table li a {
      margin-top:5px;
      padding: 0px;
    }

  /*Toby added this to match line text padding to none link text padding */
  .sizing_table a {
    padding: 0;
    text-decoration:underline;
  }

  .help .sidebar-header h3 {
    background: #0081d0; /* Toby Changed this from #fd5b09; */
    /* Toby - Removed to align panels - margin-top:10px; */
  }

  .active-facets__button-inner {
    text-transform: unset;
  }

  .filter-label-wgd {
    text-transform: capitalize;
  }

  .sidebar-header.filter-products h3 {
    background-color: #0081d0;
  }

    .sidebar-options.help.filter {
      margin-bottom: 10px;
      }

  .sidebar-options.help.filter .facets-container {
    padding-top: 0px;
  }

  .sidebar-header.filter-products svg {
    fill: #fff !important;
  }

  .facets__disclosure[open] .facets__summary, .facets__summary:hover {
    color: #0081d0!important;
  }

  .facets__summary .icon-caret {
    right: 22.5px!important;
  }

  span.active-facets__button-inner {
    border-radius: 0!important;
        padding: 10px;
        line-height: 1;
        font-size: 12px!important;
        text-transform: capitalize;
  }

  .price-range .facets__header-vertical {
    display:none;
  }

  .facets__header .facets__selected,
  .facets__header-vertical .facets__selected {  /* Toby - Added this to hide max price on price filter */
    display: none;
  }


  .sub-collection {
    background: #fff;
  }

  .sub-collection a {
    display: flex;
    flex-direction: column;
    height:100%;
  }

  .card_view_details {
    margin-top:auto;
    padding: 5px 5px 0 5px;
  }

  .stock-card .stock-svg {
    width: 15%;
  }

  .stock-card .stock-text p {
    margin:0;
  }

  .sub-collection h3 {
    margin:0;
    padding: 10px;
    text-decoration: none;
    text-align:center;
    font-size: calc(var(--font-heading-scale) * 1.6rem)
  }


.product-card-wrapper .card__heading a {
  font-size: 16px;
}
/* 
a.m_title:first-letter {
    text-transform: uppercase;
} */

/* Accordion Styles */

.faq-question {
    padding: 10px 10px 10px 15px;
    text-decoration: none;
    color: #000;
    display: flex;
    align-items:center;
    justify-content:space-between;
    text-align: left;
    cursor:pointer!important;
    color: #000;
    padding: 20px 30px;
    width: 100%;
    border: none;
    outline: 0;
    font-size: 16px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 0;
    position: relative;
}
.faq-question:hover,
.faq-question.active {
    background-color: #ccc;
}
.faq-question:after {
       content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    color: #0073e6;
    padding: 0 20px;
 transform: translateY(-50%);
}

#productQuestionTab .active:after {
  display:none;
}

.faq-question.active:after {
      content: "−";
}
.faq-question-block {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.1s ease-out;
    
}


  .faq-answer {
    padding:10px;
  }


/* Collections Page Facets Hover White Glitch */
.mobile-facets__inner {
  background: inherit !important;
}

.mobile-facets__inner:hover {
  background: inherit !important;
}

.mobile-facets__open:hover {
  background: transparent !important;
}


/* Help and advice section side global */

.help-advice-wrapper {
  display: grid!important;
  column-gap: 20px;
  grid-template-areas:
    "sidebar main"
    "sidebar main";
  grid-template-columns: 1fr 3fr;
}

.sidebar {
  grid-area: sidebar;
}

.main-area {
  grid-area: main;
  /* background-color: #fff; */
  padding: 0 20px; /* Toby - Changed from 10px to 20px */
}

hr.main-area { /* Toby - Added */
  height: 1px;
  background-color: #0081d0;
  border: none;
  margin: 20px;
}

.main-area li { /* Toby - Added */
  font-size:16px;
  margin:10px;
}
.main-area h2   {
  font-weight:700;
  font-size:22px;
  color:#0081d0;
  margin-bottom: 0px !important;
}
.main-area h3   {
  font-weight:700;
  font-size:18px;
  color:#0081d0;
  margin: 0 !important;
}
.main-area p   {
  margin: 20px !important;
}
.main-area a   {
  color:#000;
}

.article-card .card__information {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.article-card h3, .blog-page--wrapper h3 {
    margin: 0;
    padding: 5px;
    text-decoration: none;
    text-align: center;
    color: #000;
    font-weight: 400;
    font-size:16px; /* Toby  changed this from 18px  23-02-2026*/
}

.blog-page--wrapper .blog-article:hover h3 {
  text-decoration: underline;
}

.article-card button {
  margin-top: auto;
  color: #fff;
}


/* Mobile responsiveness */
@media (max-width: 768px) {
  .help-advice-wrapper {
    grid-template-areas:
      "main"
      "sidebar";
    grid-template-columns: 1fr;
    row-gap: 0px;
  }

  .main-area {
    padding: 0px;
  }

  .blog-articles {
     grid-template-columns: 1fr 1fr;
  }
}


/* Toby - Start Native Plant Badge styling */	
.native-plant-badge-product {
    width: 106px; /* Adjust size as needed */
    height: auto; /* Keeps aspect ratio */
}		
	
.native-plant-badge-collection {
    width: 42px; /* Adjust size as needed */
    height: auto; /* Keeps aspect ratio */
}	
	
.native-plant-badge-container {
    position: absolute;
    left: 6px; /* Adjust to move further from left */
    top: 6px; /* Adjust to move further from top */
    z-index: 9999999; /* Ensures it appears above the product image */
    display: inline-block; /* Allows hover effects */
}

/* Native Plat Badge Tooltip Styling */
.native-plant-badge-container::after {
    content: attr(data-title); /* Fetch text from data-title */
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    border-radius: 4px;
    width: 150px; /* Set fixed width */
    white-space: normal; /* Allows text wrapping */
    text-align: center; /* Center-align text */
    line-height: 1.4;
    top: 100%;
    right:10px;
    /* Tool Tip Center of image
    left: 50%;
    transform: translateX(-50%);
    */
    /* Tool Tip right of image aligned */
    transform: translateX(0%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    pointer-events: none; 
    visibility: hidden;
}

/* Show Native Plant Badge Tooltip on Hover */
.native-plant-badge-container:hover::after {
    opacity: 1;
    visibility: visible;
}
/* Toby - End Native Plant Badge styling */		

/* Toby - No Border Table Styling */
.noborder_table,
.noborder_table th,
.noborder_table td {
  border: none !important;
  border-collapse: collapse;
}


/*Toby - Staff info */
.staff-faq-meta {
  background: #f9fafb;          /* light grey background */
  border: 1px solid #d0d5dd;    /* subtle grey border */
  border-radius: 6px;
  padding: 6px 10px;
  margin-top: 8px;
  font-size: 16px;
  color: #333;
  display: inline-block;        /* keeps it compact under each answer */
}

.staff-faq-meta a {
  color: #0a66c2;               /* Shopify blue link colour */
  text-decoration: none;
  font-weight: 500;
}

.staff-faq-meta a:hover {
  text-decoration: underline;
}


.sizing-table a{
  background:none !important;
}

/* Footer column design */

@media (min-width: 769px) {
.footer__content-top .grid {
  display: grid;
   grid-template-columns: 2fr 2fr 2fr!important;
}
}


.footer__content-top .brand_info {
  grid-column: 1 / -1;
    margin: auto;
}

.footer-block__image-wrapper {
  max-width: 100%!important;
}

.footer__content-top .grid__item {
  width: 100%;
  max-width: 100%;
}


/* NEW HEADER CODE */

.header__icon .svg-wrapper {
  width: 32px;
  height: 32px;
}

.header__icons .frcp-wishlist__icon {
  width: 27px!important;
  height: 27px!important;
  stroke-width: 1.2!important;
}

.header__icons {
  gap: 10px;
}

account-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.header__icon--cart {
    flex-direction: column;
}

account-icon .svg-wrapper {
  margin:auto;
}

.phone {
  display: flex;
  gap: 10px;
  align-items: end;
  margin-bottom:1px;
}

.header__icon--account, .header__icon--cart {
  width: unset;
  height: unset;
}

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

.header__icons p {
  margin:0;
  font-size: 16px;
}

.phone-number {
  font-weight: 600;
}

.phone-number a{
  font-weight: 600;
  text-decoration:none;
  color:#000;
}


.phone-opening {
  font-weight: 300;
  font-size: 15px!important;
}

.header__icon:not(.header__icon--summary) {
  text-decoration: none;
}

.iwishPage {
  height: auto;
  width: auto;
}

.iwishPage p {
  content: "Wishlist";
  display: block;
  text-align: center;
  margin:0;
  margin-top: 4.2px;
  font-size: 16px;
  color: #000;
}

.frcp-wishlist__icon {
  margin:auto;
}

.header__icon--cart::after {
  content: "Basket";
  display: block;
  text-align: center;
  margin-top: 0px;
  font-size: 16px;
  color: #000;
  color: inherit;
}

@media (max-width: 1200px) {
  .numbers, .feefoo-header {
    display: none;
  }
  .header {
        grid-template-areas: "left-icons heading icons";
        grid-template-columns: 1fr auto 1fr;
    }
}

@media (max-width: 990px) {
  .desktop-search, .desktop-localization-wrapper {
    display: none!important;
  }

  .phone .svg-wrapper {
     width: 3.5rem;
    height: 3.5rem;
  }

   .header {
      display:flex;
    }

  .header__heading-link {
    order:1;
  }

  .header__icon--cart {
    margin-right: 0;
    }

  .icon-search {
    width: 100%!important;
    height: 100%!important;
  }


  .header__icon--cart p, .header__icon--account p, .frcp-wishlist-nav-link__icon-count-wrapper::after, .header__icons .svg-wrapper p, .header__icon--cart:after, .wishlist-wrapper p {
    display:none;
  }

  .header__heading-logo-wrapper img {
    width: 150px;
  }

  header-drawer {
    order: 3;
    margin-left:0!important;
  }
  
  .header__icons {
    order:2;
    padding-right: 10px;
    margin-left: auto;
    align-items: center;
  }

  .header__icon--account {
    display: inline-block!important;
  }
}


@media (max-width: 600px) {

  .header__icon--menu {
    width: 32px;
    height: 32px;
  }

  .header__icon .svg-wrapper, .phone .svg-wrapper {
    width: 24px;
    height: 24px;
}

  .header__icon--search {
    width: 100%;
  }

  .header__icon--search span {
    justify-content: end;
  }

}


@media (max-width: 374px) {
  .frcp-wishlist-nav-link-wrapper, .wishlist-wrapper {
    display: none!important;
  }
}

.field__input, textarea {
  border-radius: 0!important;
  border: 1px solid #e7e7e7 !important;
}

.rte a, .rte a:visited, .rte a:hover, .rte a:active {
    color: inherit;
}

.sub-collection:hover h3, .search-card:hover h3 {
  text-decoration: underline;
}

.search-card h3 {
  font-size: 16px;
}

.phone svg {
  stroke: #000!important;
}

/* FIXING P MARGINS */

p {
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

#MainContent .product-description ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}

/* Collection List Wrapper */

.collection-list-wrapper .scroll-trigger p {
  margin-top:0;
  color:#ffffff;
}

/*iwish css -----------------*/

/* Wishlist Header Icon */
.iw-count-bubble {
	position: absolute;
	background-color: #0081d0;
	color: #fff;
	height: 20px;
	width: 20px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	top: -14px;
  right: 6px;
	line-height: 1;
  padding: 2px 6px;
  font-weight:600;
}
/*Toby added the following to change mobile bubble position 17-02-2026*/
@media (max-width: 768px) {
  .iw-count-bubble {
    right: -10px;
  }
}  

.header__icon--cart {
	position: relative;
	margin-right: 0;
}


/* Wishlist Draw - Currently Disabled */
#iwish-drawer-root .iwish-drawer-menu header .is-logged a {
  color: #0081d0 !important;
	font-weight: 700;
}

#iwish-drawer-root .empty-wishlist-container .continue-shopping-btn, #iwish-drawer-root .paginationContainer .addToCart-btn, #iwish-drawer-root .paginationContainer .continue-shopping-btn {
	align-items: center;
	background-color: #fd5b09 !important;
	border: none !important;
	color: #fff !important;
	text-transform: capitalize !important;
}
#iwish-drawer-root .empty-wishlist-container .continue-shopping-btn:hover, #iwish-drawer-root .paginationContainer .addToCart-btn:hover, #iwish-drawer-root .paginationContainer .continue-shopping-btn:hover {
	background-color: #fead8c !important;
	color: #fff !important;
}

#iwish-drawer-root .add_to_cart {
	background-color: #fd5b09 !important;
	border: none !important;
	color: #fff !important;
}
#iwish-drawer-root .add_to_cart:hover {
	background-color: #fead8c !important;
	color: #fff !important,
}
#iwish-drawer-root .sold_out {
	background-color:#fead8c !important;
	border: none !important;
	color: #fff !important;
	text-transform: capitalize !important;
}




/* Main Wishlist Page */

@media screen and (min-width:768px){
  /* .iwishPage{
    margin-left: 20px;
  } */
}

.iwishWrapper {
  background-color: #f8f8f8;
  padding-bottom:30px;
}

.iwishWrapper a {
	text-decoration: none;
	color: currentColor;
}

.iwishlist-page-header {
background-color:#fff;
padding:0 10px 0 10px;
margin-top:15px;
}

.iwishcollection-hero__text-wrapper {
  display: flex;
  justify-content: space-between; 
  align-items: center;   
}

.iwishWrapper .iwishPageTitle {
	font-size: 36px;
	color: #0081d0;
	font-weight: 700;
  margin:20px 0 20px 0 !important;
}

.iwishTitle.collection-hero__title {
  margin-bottom:0px;
}

.iwishShareContainer {
  margin-top:0px !important;
}

.iwishPageTopText {
  padding-bottom: 20px; 
}


/* Wishlist Page Catagory bar */

.iwishItem .iwishCategorySelect {
	padding: 10px 5px;
}

.iwishCategoryWrapper{
  background-color:#0081d0;
  padding:10px;
  color:#fff;
}

.iwishCategoryWrapper a {
  border-bottom: solid #0081d0 1px;
}

.iwishCategoryWrapper a:hover {
  border-bottom: solid #fff 1px !important;
}

ul.iwishCategoryList a {
  border-bottom: solid #0081d0 1px !important;
}

ul.iwishCategoryList li.active a {
  border-bottom: solid #fff 1px !important;
  font-weight:700;
}

ul.iwishCategoryList a:hover {
  border-bottom: solid #fff 1px;
}

ul.iwishCategoryList a:visited {
  color:#fff;
}


/* Login notes below catagory */

.iwishLoginNote {
  margin-bottom:0px !important;
  color: #fff;
  background-color: #0081d0;
  padding:10px;
}

.iwishLoginNote a:link{
  font-weight:700;
}


/* iWish Items */

.iwishItem {
  display: flex;
  flex-direction: column;
}

.iwishItemOuterBox {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.iwishImgWrap {
  flex-shrink: 0;
  text-align:center;
}

.iwishMeta {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.iwishMeta-title,
.iwishMeta-variant-title {
  flex-shrink: 0;
}

.iwishMeta form {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.iwishBottomBlock {  
  margin-top: auto;
  margin-bottom: 10px; 
  text-align: center;
}

.iwishPrice {
  text-align: center;
}

.iwishMeta-title a:hover {
	text-decoration: underline;
}
.iwishItem .iwishMeta-price.price {
	color: #0081d0;
}

.iwishItem .product-price.money {
	color: #0081d0 !important;
  font-weight:700;
  font-size: 16px;
  padding-bottom:10px !important;

}

.iwishItem .iwishQuantity {
	padding: 5px;
	margin: 10px auto 10px auto;
}

.iwishItem .iw_bottom {
	position: relative;
	z-index: 1;
}

.iwishBuyBtn {
	margin-bottom: 10px;
	color:#fff;
}

.iwishBuyBtn a {
	color:#fff;
}

.iwishItem .iwRmvContainer {
	line-height: 1;
  text-align:center;
}

.iwishRemoveBtn_wrapper {
  text-align:center;
}
.iwishItem .iwishCategoryTransfer {
	margin: 0 0 10px;
	justify-content: center;
	line-height: 1;

}

/* Email form styling */
.iwishEmailWishlist {

}
.iwishTitle h1 {
  color:#0081d0;
  font-size:40px;
  font-weight: 700;
  margin:0;
} 
/*iwish css ended -----------------*/


/* HEADER SMALLEST MOBILE */

@media (max-width:380px) {
  .header {
    padding-left:5px;
    padding-right: 5px;
  }
  .header__icons {
    padding-right:0px
  }

  .header__icons {
    padding-left: 2px;
  }
  .header__icon span {
    justify-content: end;
  }
      .header__heading-logo-wrapper img {
        width: 125px;
    }
}

div.sub-collection {
  position:relative;
  padding-bottom:5px;
  
}

div.sub-collection a.iWishAddColl {
  height:28px;
}

a.iWishAdd.st-1.questionbutton {
    display: flex;
    font-size: 1.5rem;
    letter-spacing: 0.1rem;
    line-height: calc(1 + 0.2 / var(--font-body-scale));
    text-decoration:none;
}
div.iwish-app-block-product {
  width:100%;
}


/* Toby - Styles for all Shopify Form App embeds */
[data-form-root="true"] shopify-forms-embed,
shopify-forms-embed {
  --form-field-border-radius: 0px !important;
  --button-border-radius: 0px !important;
  --forms-body-font: normal 400 1.5rem Assistant, sans-serif !important;
}

/* REMOVING PREDICTIVE LAODING STATE FOR NOW AS IT FLASHES ON PAGE LOAD */

.predictive-search__loading-state {
  display:none;
}

/* OWL WRAPPER FIXES */

.owl-carousel .owl-wrapper-outer, .featured-collection-carousel-wrapper {
  padding-bottom: 0px!important;
}

/* CHANGING BUTTONS TO FIRST CAPITAL AND THEN LOWERCASE SITE WIDE */

.button {
  text-transform: lowercase;
  display: inline-block;
  line-height: 45px;
}

.button::first-letter {
  text-transform: uppercase;
}


/* HERO FIX */

.splide__track, .splide__slide {
  height:100%;
}

/* QUICK ADD BUTTON HEIGHT FIX */

.quick-add__submit {
  padding: 0 .8rem!important;
}

.hero-slideshow-wrapper .hero-inner.mobile {
  display:none;
}

/* COOKIES */

.csm-cookie-box-window, .csm-cc-btn {
  border-radius: 0!important;
}

.footer__content-bottom-wrapper {
  align-items: center;
  justify-content: space-between!important;
}


.cookie-button, .right {
  width: 30%;
}

.cookie-button .button {
  color: #fff!important;
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 0;
    background:transparent!important;
    text-transform: capitalize!important;
}

.cookie-button .button svg {
  width:35px;
}

.cookie-button .button p {
  margin:0;
}

@media (max-width: 768px) {
  .footer__content-bottom-wrapper {
    flex-direction: column;
  }
  .cookie-button {
    width: 100%;
    text-align: center;
  }
}


/* Sidebar Collapsing Styles */

  .sidebar-header {
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
  }
  
  .sidebar-header h3 {
    margin: 0;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
  }
  
  .sidebar-header svg {
    flex-shrink: 0;
    transition: transform 0.5s ease;
  }
  
  .sidebar-content {
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.8s ease;
    max-height: 0;
    opacity: 0;
  }
  
  .sidebar-content.open {
    max-height: 2000px;
    opacity: 1;
  }


  /* MOBILE RESPONSIVENESS PADDING - TRYING TO MAKE ALL UNIVERSAL */

  /* MULTI COLUMN & FEATURED SLIDER */
  @media screen and (max-width: 749px) {
    .multicolumn-list:not(.slider), .section-collection-list .collection-list:not(.slider) {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }

    /* Collection and Collection List Sections */
    .section-collection-list .collection__description, .collection-list-description-wrapper  {
      padding-left: 10px;
      padding-right: 10px;
    }
}


/* RESETTING IMAGE WITH TEXT PADDING MOBILE - TEXT BOX */

@media (max-width: 768px) {
.image-with-text__content {
  padding-left: 0px!important;
  padding-right: 0px!important;
}

}


/* Start - Toby Added the following for 2 tabs per row on mobile  - 08-12-2025*/

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

  /* MOBILE: 2-per-row product tabs */

  /* Only tab wrappers that contain #productTabs = product tab block */
  .tab.relative:has(> #productTabs) {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 4px 0 0 0;
    padding: 1px 0 2px 2px;
    background: #0B7CC2;
  }

  /* Hide spacer row */
  .tab.relative:has(> #productTabs) > #productTabs {
    display: none !important;
  }

  /* Each <a.accordion> = 50% wide flex item */
  .tab.relative:has(> #productTabs) > a.accordion {
    flex: 0 0 calc(50% - 2px);
    max-width: calc(50% - 2px);
    display: flex;
    padding: 0;
    margin: 1px 0 0 0 !important;
    border: 0 !important;
    outline: 0 !important;
    text-decoration: none;
    box-sizing: border-box;
  }

  /* Button styling */
  .tab.relative:has(> #productTabs) .tablinks {
    flex: 1 1 auto;
    width: 100%;
    display: block;
    padding: 8px 4px;
    font-size: 15px;
    text-align: center;
    background: #0B7CC2;
    color: #fff;
    border: 1px solid rgb(160,197,219);
    border-radius: 0;
    box-shadow: none !important;
    margin: 0 !important;
    box-sizing: border-box;
  }

  .tab.relative:has(> #productTabs) .tablinks.active {
    background: #33C24A !important;
    border-color: rgb(160,197,219);
  }

  /* The anchor target row under the tabs */
  .tab.relative:has(> #productTabs) > #accordionTop {
    flex: 0 0 100%;
    max-width: 100%;
  }


  /* MOBILE: 2-per-row tabs on collection pages */

  /* Wrapper: same background, padding, and gap as product tabs */
  .page-width.new > .tab.relative {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 4px 0 0 0;
    padding: 1px 0 2px 2px;
    background: #0B7CC2;
  }

  /* Each button behaves like a product tab button */
  .page-width.new > .tab.relative > .tablinks {
    flex: 0 0 calc(50% - 2px);
    max-width: calc(50% - 2px);
    width: 100%;
    display: block;
    padding: 8px 4px;
    font-size: 15px;
    text-align: center;

    background: #0B7CC2;
    color: #fff;

    border: 1px solid rgb(160,197,219);
    border-radius: 0;
    box-shadow: none !important;
    margin: 1px 0 0 0 !important;
    box-sizing: border-box;

    float: none !important;      /* kill any legacy float styles */
    position: static !important; /* avoid absolute/relative weirdness */
  }

  /* Active = same green style as product tabs */
  .page-width.new > .tab.relative > .tablinks.active {
    background: #33C24A !important;
    border-color: rgb(160,197,219) !important;
  }
}

/* Start - Toby Added the following for Consentmo Button OnHover colours 19-12-2025*/
/* Consentmo style override */

/* First banner screen (Accept / Reject / Preferences) */
.isense-cc-compliance{
  --accept-colors-hover: rgb(194, 78, 20) !important;
  --accept-colors-hover-text: #ffffff !important;

  --reject-colors-hover: rgb(194, 78, 20) !important;
  --reject-colors-hover-text: #ffffff !important;

  --preferences-colors-hover: rgb(9, 79, 145) !important;
  --preferences-colors-hover-text: #ffffff !important;
}

/* Preferences screen buttons */
.isense-cc-btn-accept-all{
  --accept-all-colors-hover: rgb(194, 78, 20) !important;
  --accept-all-colors-hover-text: #ffffff !important;
}

.isense-cc-btn-reject-all{
  --reject-all-colors-hover: rgb(194, 78, 20) !important;
  --reject-all-colors-hover-text: #ffffff !important;
}

.isense-cc-btn-accept-selected{
  --accept-selected-colors-hover: rgb(9, 79, 145) !important;
  --accept-selected-colors-hover-text: #ffffff !important;
}




/* Product Sizing Table (in Product Tabs)*/
.sizing_table {
  width: 100%;
  border-collapse: collapse; /* ensures single borders */
  border: 1px solid #ddd;    /* outer border */
}

.sizing_table th,
.sizing_table td {
  border: 1px solid #ddd ;    /* inner grid lines */
  padding: 5px;              /* text padding */
  /* text-align: left; Toby hid this */ 
}
.sizing_table th {
  background: #f5f5f5;
  font-weight: 600;
}

.sizing_table td {
  vertical-align: top;
}

/* Additional Product text */
.product__info-container .additional-product-text {
  margin-bottom: 5px;
}

/* Staff notes box */
.staff_notes_box {
  border:double #fff 4px;
  border-radius:6px;
  background-color: #fd5b09;
  color:#fff;
  padding:5px 20px 5px 20px;
  margin-bottom:20px;
}



/* WGD: Floating staff badge (top-right) Desktop */
  .wgd-staff-float {
    position: fixed;
    top: 5px;
    right: 5px;
    z-index: 9999;
    /*pointer-events: none; makes it unobtrusive and non-clickable */
    opacity: 0.95;
  }

/* WGD: Floating staff badge (top-right) Mobile */
@media screen and (max-width: 749px) {
  .wgd-staff-float {
    top: 50px;
    right: 5px;
  }
}

.wgd-staff-float svg {
  display: block;
}





/* NEW HERO SETTINGS FOR BETTER IMAGE LOADING LCP SCORE */

  /* TEST THIS? - JUST FOR COLUMN WIDTHS AS THE BOTTOM PART 500PX WHICH IS DEFAULT IS SUPPOSED TO BE MAX SO MAYBE EXPAND ON THIS? */
  .responsive-image {
  aspect-ratio: var(--aspect-mobile, 1);
  contain: layout style;
}

@media (min-width: 1025px) {
  .responsive-image {
    aspect-ratio: var(--aspect-desktop, 1);
  }
}

/* Bonus: intrinsic size optimization */
@supports (width: min(100%, 1200px)) {
  .responsive-image img {
    width: min(100%, 1200px);
    height: auto;
  }
}

@media (max-width: 768px) {
  .hero-image-container {
    height: 100%;
  }
  .hero-image-container img {
    height: 100%!important;
  }
}

/* RESPONSIVENESS FIXES AND CODE FOR BETWEEN IPHONE SE & ABOVE */

@media (min-width: 375px) and (max-width: 667px) {

  .page-width {
        padding-left: 15px;
    padding-right: 15px;
  }

  /* Phone Icon */
  .phone {
    margin-bottom:0;
  }
  .phone .svg-wrapper {
    margin-top: 4px;
  }

  /* FOOTER LIST */

  .footer-block__heading {
    text-align:center;
  }

  .footer-block__details-content .list-menu__item--link {
    justify-content:center; 
  }

  
    /* REMOVE ACTIVE FACETS FROM MOBILE */

      /* FACETS FGRID GAP 0 */
       .facets-layout-list {
        gap:0px;
      }

      /* HIDING ALL FIELD INPUT PLACEHOLDER WHEN SEARCHING  */

     .field__input:focus~.field__label, ._formFieldContainer_1mxsl_5:focus-within ._formInputFieldLabel_1mxsl_38 {
        display:none!important;
        top:0!important;
      }

     .field__input:focus {
      padding: 2rem;
      }

      .predictive-search__heading {
      font-size: 16px;
      color: #0081d0;
      }

      .predictive-search__item .price {
        font-size: 18px;
      }

     .price-item--last {
        color: #0081d0;
       }

}

/* HERO SLIDE SHOW DARKEN SLIDE FOR TEXT */

.hero-image .splide__slide .hero-image-container:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.25);
  pointer-events: none;
  z-index: 1;
}

.hero-image .text-wrapper {
  z-index: 9;
}

/* CART STYLES - SLIDE AND MAIN TEMPLATE */

.cart-quantity {
  width: 135px;
  max-width: 135px;
  height: 40px;
  border-radius: 0px;
}

cart-remove-button a {
  display: flex!important;
}

cart-remove-button svg path {
  fill: #fff;
}

.cart-item cart-remove-button {
  border: none!important;
}

.cart-item__price-wrapper .price {
  color: #0081d0;
  font-weight:700;
}

.cart__note {
  position: relative;
}

.cart__note label {
  color: #000!important;
}

.cart__footer .cart__note label {
  padding-top: 0px!important;
  top: -20px!important;
  z-index:999;
}

/* Toby Added Cart Drawer Referrer box styling - 16-02-2026 */

#Details-CartDrawer-HowFound {
  --inputs-radius: 0px;
  --inputs-border-radius: 0px;
}

/* Header label */
#Details-CartDrawer-HowFound .summary__title {
  color: #0081d0;
  font-weight: 700;
}

#Details-CartDrawer-HowFound > summary {
  padding-top: 0 !important;
}

/* Wrapper */
cart-drawer #Details-CartDrawer-HowFound .select {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important; /* just in case */
}

/* Kill Dawn pseudo-element that draws the extra outer border */
cart-drawer #Details-CartDrawer-HowFound .select::after,
cart-drawer #Details-CartDrawer-HowFound .select:hover::after,
cart-drawer #Details-CartDrawer-HowFound .select:focus-within::after {
  box-shadow: none !important;
  border: none !important;
}

/* Select */
cart-drawer #Details-CartDrawer-HowFound .select__select {
  background-color: rgb(var(--color-background)) !important;
  border: 0.1rem solid rgb(231, 231, 231) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: rgb(var(--color-foreground)) !important;
  padding: 1rem 4rem 1rem 1.5rem !important;
  min-height: 3rem !important;
  font-size: 1.4rem !important;
  line-height: 1 !important;
  outline: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* Hover + focus border colour (override Dawn) */
cart-drawer #Details-CartDrawer-HowFound .select:hover .select__select,
cart-drawer #Details-CartDrawer-HowFound .select:focus-within .select__select,
cart-drawer #Details-CartDrawer-HowFound .select__select:hover,
cart-drawer #Details-CartDrawer-HowFound .select__select:focus,
cart-drawer #Details-CartDrawer-HowFound .select__select:focus-visible {
  border-color: rgba(0, 129, 208, 0.9) !important;
  box-shadow: none !important;
  outline: none !important;
}


@media screen and (min-width: 750px) {
  /* Make brand/logo block take full row */
  .footer .footer__blocks-wrapper .brand_info {
    grid-column: 1 / -1;
  }
}



/* Toby added this to override standard style of onFocus form fields 05-02-2026 */

/* Smooth border colour change for Dawn fields */
.field__input {
  transition: border-color 120ms ease;
}

/* 1) Dawn fields (covers contact form, newsletter, etc.) */
.field__input:focus,
.field__input:focus-visible,
.field__input.focused {
  border-color: rgba(0, 129, 208, 0.9) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 129, 208, 0.9) !important;
}

/* 2) Your calculator inputs (input-style), excluding title inputs */
input.input-style:not(.bldtitle):not(.energy-title-mobile):focus,
input.input-style:not(.bldtitle):not(.energy-title-mobile):focus-visible {
  border-color: rgba(0, 129, 208, 0.9) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 129, 208, 0.9) !important;
}

/* 3) Contact form comment box: ensure wrapper focus also shows (belt + braces) */
#ContactForm .field:focus-within #ContactForm-body {
  border-color: rgba(0, 129, 208, 0.9) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 129, 208, 0.9) !important;
}

/* 4) Title inputs: never show focus styling */
input.bldtitle:focus,
input.bldtitle:focus-visible,
input.energy-title-mobile:focus,
input.energy-title-mobile:focus-visible {
  border-color: inherit !important;
  outline: none !important;
  box-shadow: none !important;
}
/* 5) FAQ search input */
.faq-search-wrap input:focus,
.faq-search-wrap input:focus-visible {
  border-color: rgba(0, 129, 208, 0.9) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 129, 208, 0.9) !important;
}

/* 6) Full Basket - Delivery Instructions */
.cart-note-textarea:focus,
.cart-note-textarea:focus-visible {
  border-color: rgba(0, 129, 208, 0.9) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 129, 208, 0.9) !important;
}

/* 7) Basket Drawer - Delivery Instructions */
.cart-drawer textarea#CartDrawer-Note.cart-note-textarea:focus,
.cart-drawer textarea#CartDrawer-Note.cart-note-textarea:focus-visible {
  border-color: rgba(0, 129, 208, 0.9) !important;
  outline: none !important;
  box-shadow: inset 0 0 0 1px rgba(0, 129, 208, 0.9) !important;
}


/* WEB DISCO: AARON's THEME CODE FOR IMPORTED SECTIONS */

{%- comment -%} SECTION & BLOCK STYLING {%- endcomment -%}
.shopify-section .section-title { color: var(--color, {{- settings.heading_color -}}); margin: 0 0 20px 0; font-size: var(--font-size-mobile, {{- settings.h2_min -}}px); text-align: var(--text-align-mobile, center); }
.shopify-section .section-header-title { color: var(--color, {{- settings.heading_color -}}); margin: 0; font-size: var(--font-size-mobile, {{- settings.h2_min -}}px); text-align: var(--text-align-mobile, center); }
.shopify-section .section-paragraph * { color: var(--color, {{- settings.body_color -}}); font-size: var(--font-size-mobile, {{- settings.body_min -}}px); text-align: var(--text-align-mobile, left); }
.shopify-section .section-paragraph p { margin:0; }
.block-paragraph p:not(:first-of-type) { margin-top:20px; }
.shopify-section h1.block-title, .shopify-section h2.block-title, .shopify-section h3.block-title, .shopify-section .text-box { margin:0; color: var(--color, {{- settings.heading_color -}}); text-align: var(--text-align-mobile, left); }
.shopify-section h1.block-title, .shopify-section h2.block-title { width: 100%; max-width: 100%; margin-bottom: var(--block-margin-bottom-mobile, 0); }
.shopify-section h1.block-title { font-size: var(--font-size-mobile, {{- settings.h1_min -}}px); color: var(--color, {{- settings.heading_color -}}); line-height: var(--line-height-mobile, 1); }
.shopify-section h2.block-title { font-size: var(--font-size-mobile, {{- settings.h2_min -}}px); color: var(--color, {{- settings.heading_color -}}); line-height: var(--line-height-mobile, 1); }
.shopify-section h3.block-title { font-size: var(--font-size-mobile, {{- settings.h3_min -}}px); color: var(--color, {{- settings.heading_color -}}); line-height: var(--line-height-mobile, 1); }
.block-paragraph h1, .block-paragraph h2, .block-paragraph p { margin:0; }
.block-paragraph p:not(:first-of-type) { margin-top:20px; }
.shopify-section .block-paragraph { width: 100%; max-width: 100%; margin-bottom: var(--block-margin-bottom-mobile, 0); }
.shopify-section .block-paragraph * { font-size: var(--font-size-mobile, {{- settings.body_min -}}px); line-height: var(--line-height-mobile, 1); color: var(--color, {{- settings.body_color -}}); }
{%- comment -%} HERO IMAGE {%- endcomment -%}
.hero-image .text-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.hero-image .text-wrapper.no-image { position: relative; }
.hero-image .section-container { margin: unset; }

@media (min-width: 769px) {
  {%- comment -%} SECTION & BLOCK STYLING {%- endcomment -%}
  .hero-image .text-wrapper { justify-content: var(--justify-content, center); align-items: var(--align-items, center); width: 100%; }
  .css-grid { grid-template-columns: repeat(var(--grid-tablet-columns, 2), 1fr); column-gap: var(--column-gap, 20px); row-gap: var(--row-gap, 20px); }
  .row-grid { row-gap: var(--gap, 30px); }
  .shopify-section h1.block-title, .shopify-section h2.block-title, .shopify-section h3.block-title, .shopify-section .text-box { text-align: var(--text-align, left); }
  .shopify-section h1.block-title, .shopify-section h2.block-title { width: 100%; max-width: var(--max-width-block, 100%); margin-bottom: var(--block-margin-bottom, 0); }
  .shopify-section h1.block-title { font-size: var(--font-size, {{- settings.h1_max -}}px); line-height: var(--line-height, 1); }
  .shopify-section h2.block-title { font-size: var(--font-size, {{- settings.h2_max -}}px); line-height: var(--line-height, 1); }
  .shopify-section h3.block-title { font-size: var(--font-size, {{- settings.h3_max -}}px); line-height: var(--line-height, 1); }
  .shopify-section .block-paragraph { width: 100%; max-width: var(--max-width-block, 100%); margin-bottom: var(--block-margin-bottom, 0); }
  .shopify-section .block-paragraph * { font-size: var(--font-size, {{- settings.body_max -}}px); line-height: var(--line-height, 1); }
}

@media (min-width: 1025px) {
  {%- comment -%} SECTION & BLOCK STYLING {%- endcomment -%}
  .section-container { max-width: var(--max-width, 100%); padding: var(--padding, 0); text-align: var(--text-align, left); }
  .section-wrapper.full-width-max, .section-wrapper.full-width { padding-left: {{- settings.content_padding -}}px; padding-right: {{- settings.content_padding -}}px; }
  .mobile-menu { display: none !important; }
  .css-grid { grid-template-columns: repeat(var(--grid-desktop-columns, 3), 1fr); column-gap: var(--column-gap, 30px); row-gap: var(--row-gap, 30px); }
  .shopify-section .text-box { max-width: var(--max-width, 100%); padding: var(--padding, 0); }
}

{%- comment -%} CSS PROPERTIES {%- endcomment -%}
@property --header-group-height { syntax: "<length>"; initial-value: 100px; inherits: false; }
/* TYPOGRAPHY */
@property --font-size { syntax: "<length>"; initial-value: inherit; inherits: false; }
@property --font-size-mobile { syntax: "<length>"; initial-value: inherit; inherits: false; }
@property --line-height { syntax: "<length>"; initial-value: inherit; inherits: false; }
@property --line-height-mobile { syntax: "<length>"; initial-value: inherit; inherits: false; }
@property --text-align { syntax: "<custom-ident>"; initial-value: inherit; inherits: false; }
@property --text-align-mobile { syntax: "<custom-ident>"; initial-value: inherit; inherits: false; }
/* COLORS */
@property --color { syntax: "<color>"; initial-value: inherit; inherits: false; }
@property --bg-color { syntax: "<color>"; initial-value: transparent; inherits: false; }
/* SPACING */
@property --margin-top { syntax: "<length>"; initial-value: inherit; inherits: true; }
@property --margin-top-mobile { syntax: "<length>"; initial-value: inherit; inherits: true; }
@property --margin-bottom { syntax: "<length>"; initial-value: inherit; inherits: true; }
@property --margin-bottom-mobile { syntax: "<length>"; initial-value: inherit; inherits: true; }
@property --padding-top { syntax: "<length>"; initial-value: 0px; inherits: true; }
@property --padding-bottom { syntax: "<length>"; initial-value: 0px; inherits: true; }
@property --padding-top-mobile { syntax: "<length>"; initial-value: 0px; inherits: true; }
@property --padding-bottom-mobile { syntax: "<length>"; initial-value: 0px; inherits: true }
@property --padding { syntax: "<length>"; initial-value: 0px; inherits: true; }
@property --padding-mobile { syntax: "<length>"; initial-value: 0px; inherits: true; }
@property --max-width { syntax: "<length>"; initial-value: 100%; inherits: true; }
/* FLEXBOX */
@property --flex-direction { syntax: "<custom-ident>"; initial-value: row; inherits: false; }
@property --flex-direction-mobile { syntax: "<custom-ident>"; initial-value: column; inherits: false; }
@property --justify-content { syntax: "<custom-ident>"; initial-value: center; inherits: false; }
@property --justify-content-mobile { syntax: "<custom-ident>"; initial-value: center; inherits: false; }
@property --align-items { syntax: "<custom-ident>"; initial-value: center; inherits: false; }
@property --align-items-mobile { syntax: "<custom-ident>"; initial-value: center; inherits: false; }
@property --flex-wrap { syntax: "<custom-ident>"; initial-value: nowrap; inherits: false }
@property --gap { syntax: "<length>"; initial-value: inherit; inherits: false; }
@property --gap-mobile { syntax: "<length>"; initial-value: inherit; inherits: false; }
@property --order { syntax: "<integer>"; initial-value: 0; inherits: false; }
@property --order-mobile { syntax: "<integer>"; initial-value: 0; inherits: false; }
/* CSS GRID */
@property --grid-desktop-columns { syntax: "<integer>"; initial-value: inherit; inherits: true; }
@property --grid-tablet-columns { syntax: "<integer>"; initial-value: inherit; inherits: true; }
@property --grid-mobile-columns { syntax: "<integer>"; initial-value: inherit; inherits: true; }
@property --column-gap { syntax: "<length>"; initial-value: 30px; inherits: true }
@property --column-gap-mobile { syntax: "<length>"; initial-value: inherit; inherits: true; }
@property --row-gap { syntax: "<length>"; initial-value: 30px; inherits: true; }
@property --row-gap-mobile { syntax: "<length>"; initial-value: inherit; inherits: true; }
/* BUTTONS */
@property --button-text-color { syntax: "<color>"; initial-value: inherit; inherits: false; }
@property --button-bg-color { syntax: "<color>"; initial-value: inherit; inherits: false; }
@property --button-border-color { syntax: "<color>"; initial-value: inherit; inherits: false; }
@property --secondary-bg-color { syntax: "<color>"; initial-value: inherit; inherits: false; }
@property --secondary-border-color { syntax: "<color>"; initial-value: inherit; inherits: false; }
@property --secondary-text-color { syntax: "<color>"; initial-value: inherit; inherits: false; }
/* COLUMN WIDTH CONTROLS */
@property --image-column-width { syntax: "<percentage>"; initial-value: 50%; inherits: true; }
@property --text-column-width { syntax: "<percentage>"; initial-value: 50%; inherits: true; }
@property --image-content-max-width { syntax: "<length>"; initial-value: 100%; inherits: false; }



/* Toby - Hide Shopify Inbox Chat launcher while any mobile drawer/overlay is open */
@media screen and (max-width: 989px) {
  body.overflow-hidden-mobile #shopify-chat,
  body.overflow-hidden-mobile iframe#dummy-chat-button-iframe {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    /* keep it in DOM so it doesn't disturb other UI */
    z-index: -1 !important;
  }
}


/* Toby - Essential Upsell App ( Free Brochure) additional styling) */
cart-drawer [data-essential-upsell-element="header"].x106a9eq {
  padding-inline-start: 0 !important;
  padding-left: 0 !important; /* fallback */
}

/* Removing field input focus */

.field__input:focus {
  box-shadow: none;
}

 /* Toby - Start Delivery panel styles */
  /* ===== Intro (text + map) ===== */
  .wgd-delivery-intro {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
  }

  .wgd-delivery-intro__text {
    flex: 1 1 55%;
    min-width: 0;
  }

  .wgd-delivery-intro__image {
    flex: 1 1 20%;
    min-width: 0;
  }

  .wgd-delivery-intro__image img {
    width: 70%;
    height: auto;
    display: block;
    border-radius: 8px;
    max-width: 560px;
    margin: 0 auto;
  }


  /* Postcodes (override aggressive theme margins) */
  .blogs.main-area.main-cs-page p.wgd-postcodes,
  .blogs.main-area.main-cs-page p.wgd-postcodes-titles {
    margin: 0 10px 10px 10px !important;
  }

  .wgd-postcodes-titles {
    font-size: 16px;
  }

  .wgd-postcodes,
  .wgd-postcodes2 {
    font-size: 14px;
    margin: 0 !important;
  }

  /* Bullet marker colour */
  .blogs.main-area.main-cs-page li::marker {
    color: #0081D0;
  }

  /* ===== Delivery table ===== */
  .wgd-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 10px;
  }

  .wgd-table th,
  .wgd-table td {
    border: 1px solid #e5e5e5;
    padding: 10px;
    vertical-align: top;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
  }

  .wgd-table th {
    background: #f7f7f7;
    text-align: left;
  }

  /* Colour strip column */
  .wgd-table td.wgd-delivery-colour {
  width: 10px !important; 
  padding: 0;       /* critical */
  }

  /* Kill theme table decoration */
  .blogs.main-area.main-cs-page table.wgd-table::before {
    content: none !important;
    display: none !important;
  }

  /* Prices */
  .wgd-price {
    color: #0081D0;
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
    display: inline-block;
  }

  /* Delivery + price pairs */
  .wgd-rate-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
  }

  .wgd-rate {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: baseline;
  }

  .wgd-rate span:first-child {
    flex: 1 1 auto;
    min-width: 0;
  }


    div.wgd-delivery-intro table.wgd-table::before { 
    content: none !important;
    display: none !important;
    }

  /* ===== Mobile behaviour ===== */
  @media (max-width: 749px) {
    .wgd-delivery-intro {
      flex-direction: column;
    }
    .wgd-delivery-intro__image img {
      display:none;
    }  


  }
 /* Toby - End Delivery panel styles */

 /* Cart delivery note textarea styling */
.cart-drawer textarea#CartDrawer-Note.cart-note-textarea {
  padding: 1rem 2rem;
}

textarea#Cart-note.text-area {
  padding: 1.2rem;
}