/** Shopify CDN: Minification failed

Line 167:22 Unexpected "{"
Line 167:31 Expected ":"
Line 173:22 Unexpected "{"
Line 173:31 Expected ":"
Line 178:22 Unexpected "{"
Line 178:31 Expected ":"
Line 183:22 Unexpected "{"
Line 183:31 Expected ":"

**/
/* =========================
   Custom Fonts (Self-hosted)
   ========================= */

/* Sorts Mill Goudy */
@font-face {
  font-family: "Sorts Mill Goudy";
  src:
    url("/cdn/shop/files/SortsMillGoudy-Regular.woff2?v=1768979453") format("woff2"),
    url("/cdn/shop/files/SortsMillGoudy-Regular.woff?v=1768979453") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Sorts Mill Goudy";
  src:
    url("/cdn/shop/files/SortsMillGoudy-Italic.woff2?v=1768979453") format("woff2"),
    url("/cdn/shop/files/SortsMillGoudy-Italic.woff?v=1768979453") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

/* Red Hat Display */
@font-face {
  font-family: "Red Hat Display";
  src:
    url("/cdn/shop/files/RedHatDisplay-Light.woff2?v=1768980142") format("woff2"),
    url("/cdn/shop/files/RedHatDisplay-Light.woff?v=1768980142") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src:
    url("/cdn/shop/files/RedHatDisplay-Regular.woff2?v=1768980142") format("woff2"),
    url("/cdn/shop/files/RedHatDisplay-Regular.woff?v=1768980142") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src:
    url("/cdn/shop/files/RedHatDisplay-Italic.woff2?v=1768980142") format("woff2"),
    url("/cdn/shop/files/RedHatDisplay-Italic.woff?v=1768980141") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src:
    url("/cdn/shop/files/RedHatDisplay-Medium.woff2?v=1768980141") format("woff2"),
    url("/cdn/shop/files/RedHatDisplay-Medium.woff?v=1768980142") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src:
    url("/cdn/shop/files/RedHatDisplay-SemiBold.woff2?v=1768980141") format("woff2"),
    url("/cdn/shop/files/RedHatDisplay-SemiBold.woff?v=1768980141") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Red Hat Display";
  src:
    url("/cdn/shop/files/RedHatDisplay-Bold.woff2?v=1768980141") format("woff2"),
    url("/cdn/shop/files/RedHatDisplay-Bold.woff?v=1768980142") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bithea";
  src:
    url("/cdn/shop/files/Bithea.woff?v=1771326448") format("woff2"),
    url("/cdn/shop/files/Bithea.woff2?v=1771326447") format("woff");
  font-style: normal;
  font-display: swap;
  text-transform: none !important;
}



/* =========================
   Typography Defaults
   ========================= */

:root{
  --font-serif: "Sorts Mill Goudy", serif;
  --font-sans: "Red Hat Display", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Body / paragraph */
body, p {
  font-family: var(--font-sans);
  font-weight: 400;
}

/* Headings */
h1, h2 {
  font-family: 'Sorts Mill Goudy' !important;
  font-weight: 400;
  line-height: 1.1em;
}

/* H3/H4: Regular, uppercase */
h3, h4 {
  font-family: var(--font-sans);
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1.1em;

}

/* H5, spans, nav: Medium, uppercase, letter spacing */
h5,
nav,
nav a,
span,
btn {
  font-family: var(--font-sans);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px !important;
}

/* If you only want SOME spans styled like this, use a class instead:
   .caps-label { ... } and remove span from the selector above. */


h1 em, h2 em, .h1 em, .h2 em {
  font-style: italic;
}
   


@media (max-width: 749px){

  /* Featured collection header: stack + centre on mobile */
  #CollectionSection-{{ section.id }} .section-header{
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #CollectionSection-{{ section.id }} .section-header__title{
    margin-bottom: 16px;
  }

  /* Move the view all button under the title */
  #CollectionSection-{{ section.id }} .section-header__link{
    position: static;
    margin: 0;
  }

  #CollectionSection-{{ section.id }} .section-header__cta{
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 12px;
  }
}


html{
  overflow-x: hidden;
}

body{
  overflow-x: hidden;
  max-width: 100%;
}



@media (max-width: 749px){

  /* Make sure the footer blocks are in a flex column */
  .site-footer .footer__blocks,
  .site-footer .footer__blocks-wrapper,
  .site-footer .footer__content{
    display: flex;
    flex-direction: column;
  }

  /* Give every block an order baseline */
  .site-footer .footer__block,
  .site-footer .footer-block{
    order: 10;
  }

  /* Logo block first */
  .site-footer .footer__block--logo_social,
  .site-footer .footer-block--logo_social{
    order: 1;
  }

  /* FIRST menu block (Explore) after logo */
  .site-footer .footer__block--menu:first-of-type,
  .site-footer .footer-block--menu:first-of-type{
    order: 2;
  }

  /* SECOND menu block (Support) after Explore */
  .site-footer .footer__block--menu:nth-of-type(2),
  .site-footer .footer-block--menu:nth-of-type(2){
    order: 3;
  }
}

@media (max-width: 749px){

  /* Ensure footer background fills down and adds breathing room */
  .site-footer{
    padding: 28px 0px;
  }

  /* Kill stray bottom margins inside footer */
  .site-footer .footer__blocks,
  .site-footer .footer__bottom,
  .site-footer .footer__payment,
  .site-footer .footer__payment-icons,
  .site-footer .footer__copyright{
    margin-bottom: 0 !important;
    padding-bottom: 0;
  }

  /* Add controlled spacing above payment icons if needed */
  .site-footer .footer__payment,
  .site-footer .footer__payment-icons{
    padding-top: 12px;
  }
}



/* Infinite: hide pagination UI (keep markup for JS to read next URL) */
.bss-grid-mode--infinite .pagination { display: none; }

/* Load more: hide numbers/prev, keep next and style it */
.bss-grid-mode--load_more .pagination .page,
.bss-grid-mode--load_more .pagination .prev { display: none; }

.bss-grid-mode--load_more .meet_infinite_next a{
  display: inline-block;
  padding: 12px 22px;
  border: 1px solid currentColor;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Make sure pagination is visible in Pages mode */
.bss-grid-mode--pages .pagination,
.bss-grid-mode--pages .collection__pagination{
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: auto !important;
  padding-bottom: 0px;
}

/* Make sure the load more button doesn't appear in Pages mode */
.bss-grid-mode--pages [data-bss-load-more]{
  display: none !important;
}


/* --- BSS Load More button: restore normal styling --- */
.bss-grid-mode--load_more [data-bss-load-more]{
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto;
}

/* If theme adds a "disabled" look via aria/disabled/class, only then grey it out */
.bss-grid-mode--load_more [data-bss-load-more][aria-disabled="true"],
.bss-grid-mode--load_more [data-bss-load-more].is-disabled,
.bss-grid-mode--load_more [data-bss-load-more].disabled,
.bss-grid-mode--load_more [data-bss-load-more][disabled]{
  opacity: .45 !important;
  pointer-events: none;
}

/* Sometimes the grey comes from a wrapper state */
.bss-grid-mode--load_more .is-loading [data-bss-load-more],
.bss-grid-mode--load_more [data-bss-load-more].is-loading{
  opacity: .65 !important;
}



/* Pagination display rules */
body.bss-grid-mode--load_more .pagination .page,
body.bss-grid-mode--load_more .pagination .prev,
body.bss-grid-mode--load_more .pagination .next {
  display: none;
}

body.bss-grid-mode--load_more .pagination [data-bss-load-more]{
  display: inline-flex;
  opacity: 1;
}

body.bss-grid-mode--infinite .pagination {
  /* optional: hide the pagination UI if you want */
  display: none;
}

/* If the button is greyed because theme applies disabled styles */
.pagination [data-bss-load-more][disabled]{
  opacity: .5;
  cursor: not-allowed;
}





/* Mega menu full-width background */
.site-nav__dropdown.megamenu {
  background-color: rgba(249, 244, 238, 1) !important;
  width: 100vw !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  margin-top: 0 !important;
  box-shadow: none !important;
  font-size: 18px !important;
}

.site-nav__dropdown,
.site-nav__dropdown-link,
.site-nav__dropdown-link--second-level {
  background-color: rgba(249, 244, 238, 1) !important;
  font-size: 16px !important;  
}

.site-nav__dropdown-link:hover {
  text-decoration: underline; /* Optional: add underline */
  opacity: 0.8; /* Optional: fade effect */
}

/* Remove page-width restrictions */
.site-nav__dropdown.megamenu .page-width {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  
}

/* Center the grid content and remove white backgrounds */
.site-nav__dropdown.megamenu .grid {
  max-width: 1400px;
  margin: 0 auto;
  padding: 20px;
  background: transparent !important;
}

/* FORCE remove ALL backgrounds in mega menu */
.site-nav__dropdown.megamenu *,
.site-nav__dropdown.megamenu .grid__item,
.site-nav__dropdown.megamenu .grid__item > *,
.site-nav__dropdown.megamenu .appear-animation {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Change header background when mega menu is hovered - SIMPLE VERSION */
#SiteHeader:has(.site-nav--is-megamenu:hover) {
  background-color: rgba(249, 244, 238, 1) !important;
  transition: background-color 0.3s ease;
}

/* Keep mega menu open when hovering over it */
.site-nav__item.site-nav--is-megamenu:hover .site-nav__dropdown.megamenu,
.site-nav__dropdown.megamenu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Change ALL nav links to brown when mega menu is hovered */
#SiteHeader:has(.site-nav--is-megamenu:hover) .site-nav__link {
  color: #927B5C !important;
  transition: color 0.3s ease;
}

/* Replace thick underline with 1px brown line */
.site-nav__link--underline::after {
  height: 1px !important;
  background-color: #927B5C !important;
  border: none !important;
}

/* Ensure underline shows on hover */
.site-nav__item:hover .site-nav__link--underline::after,
.site-nav__item.site-nav--active .site-nav__link--underline::after {
  background-color: #927B5C !important;
  height: 1px !important;
}

/* Apply brown filter to logo */
#SiteHeader:has(.site-nav--is-megamenu:hover) .site-header__logo img {
  filter: brightness(0) saturate(100%) invert(49%) sepia(15%) saturate(1026%) hue-rotate(358deg) brightness(92%) contrast(85%) !important;
  transition: filter 0.3s ease;
}

/* Mega menu dropdown links brown */
.site-nav__dropdown-link {
  color: #927B5C !important;
}

/* Mega menu headings (.h5) brown */
.site-nav__dropdown.megamenu .h5,
.site-nav__dropdown.megamenu .h5 a {
  color: #927B5C !important;
}

/* Change chevron icon color on hover */
#SiteHeader:has(.site-nav--is-megamenu:hover) .icon-chevron-down path {
  stroke: #927B5C !important;
}

/* Change search and account icons to brown */
#SiteHeader:has(.site-nav--is-megamenu:hover) .icon path {
  stroke: #927B5C !important;
}


/* HERO SLIDESHOW MOBILE SETTINGS */
@media screen and (max-width: 768px) {
  .hero--mobile--600px {
    height: 600px !important;
  }
}




a.site-nav__dropdown-link--top-level {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: inherit;
}



/* Location dropdown */
.header-wrapper--sticky.is-light .country-selector__label {
  color:#fff;
}

.country-selector__label {
  font-family: Sorts Mill Goudy; 
  font-weight: 300;
}

.header__country-selector{
  padding-left:12px;
}
.country-selector {
  position: relative;
  display: inline-block;
}

.country-selector__toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 14px;
  padding: 6px 8px;
  color: inherit;
}

.country-selector__toggle img {
  border-radius: 2px;
}

.country-selector__chevron {
  transition: transform 0.2s ease;
}

.country-selector__toggle[aria-expanded="true"] .country-selector__chevron {
  transform: rotate(180deg);
}

.country-selector__dropdown {
  position: fixed;
  right: 0;
  background: rgba(249, 244, 238, 1) !important;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
  min-width: 220px;
  max-height: 320px;
  overflow-y: auto;
  z-index: 999999999;
  list-style: none;
  margin: 0;
  padding: 6px 0;
}

.country-selector__link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  text-decoration: none;
  color: inherit;
  font-size: 14px;
  transition: background 0.15s;
}

.country-selector__link:hover,
.country-selector__option.is-active .country-selector__link {
  text-decoration: underline;
}

.country-selector__currency {
  margin-left: auto;
  color: #888;
  font-size: 12px;
}

.country-selector__dropdown {
  z-index: 99999;
}

/* Header readjustment to keep logo centered */
.header-layout[data-logo-align=center] .header-item--icons, .header-layout[data-logo-align=center] .header-item--navigation {
  flex:1 1 170px!important;
}

/* Announcement bar amendments */
.announcement-slider__slide {
  display:inline-flex!important;
  width:100%!important;
  overflow: visible!important;
}

/* Desktop: show top button, hide bottom button */
@media screen and (min-width: 996px) {
  .announcement-slider__slide { padding-left:95px!important; }
}

.announcement-bar, .slideshow-wrapper {
  overflow: visible !important;
}

.announcement-bar { padding: 4px 0; }

.announcement-bar .flickity-viewport { overflow:visible!important; }

.announcement-link {
    display: inline-flex;
    width: 100%;
    text-align: center;
    padding-left:80px;
}

.announcement-text {
  width: 100%;
  display: block;
      align-items: center;
    align-content: center;
}

.header__country-selector {
  display: inline-flex;
  align-self: flex-start;
}

.shopify-section--announcement-bar,
.announcement-bar {
  position: relative;
  z-index: 999999999;
}

.country-selector__option a, .country-selector__option a:hover  { color:#927B5C !important; }

.footer-country-wrapper { display:block; margin: 24px 0; text-align:center; width:100%; }
footer .country-selector button { border:0.5px solid var(--colorFooterText); border-radius:100px; }
footer .country-selector__dropdown { position:absolute; top: -328px!important; left: auto; right: -70px; }

.country-selector__dropdown {
  display: none; /* was probably block or unset */
}
.country-selector__dropdown.disclosure-list--visible {
  display: block;
}

@media (max-width:996px) {
.announcement-link {
    padding-left:0px;
}
.header__country-selector {display:none; visibility:hidden;}
}

@media (min-width:996px) {
.header__country-selector {display:block; visibility:visible;}
.footer-country-wrapper { display:none; visibility:hidden;}
}

/* Desktop: show top button, hide bottom button */
@media screen and (min-width: 996px) {
  .fc-desktop-only { display: block; }
  .fc-mobile-only  { display: none; }
}

/* Mobile: hide top button, show bottom button */
@media screen and (max-width: 995px) {
  .fc-desktop-only { display: none; }
  .fc-mobile-only  { display: block; margin-top: 24px; text-align: center; }
  .featured-collection .section-header--with-link a.btn { display:none!important; visibility:hidden!important; }
}

/* Mobile menu font weights */
span.mobile-nav__faux-link { font-weight:400; }

/* Sentence case titles */ 
.custom-content h2, h2.bss-iwto__heading, h2.section-header__title { text-transform:none!important;}

/* Centred buttons on collections */
.collection-button-wrapper { text-align:center;}

/* Collection page titles */
.collection-hero__content {align-items: center!important;}

/* Desktop: show top button, hide bottom button */
@media screen and (min-width: 996px) {
  .collection-hero__content .section-header--hero { text-align: center;}
}

/* Font weight in FAQs */
.collapsible-trigger span { font-weight:400!important; }

/* Pagination in blog */
.bss-grid-mode--load_more .pagination .page, .bss-grid-mode--load_more .pagination .prev, body.bss-grid-mode--load_more .pagination .page, body.bss-grid-mode--load_more .pagination .prev, body.bss-grid-mode--load_more .pagination .next { 
  display: inline-block;
}

/* Custom video button */
.bss-btn.video-btn { 
  align-items: center;
  /* background:#F9F4EE; */
  background: none;
  color:var(--colorTextBody);
  display:inline-flex;
  font-weight:400;
  font-size: 0.8em;
  letter-spacing: 0.2em;
  place-content: center;
}
.bss-btn.video-btn a { line-height:24px;}
.bss-btn.video-btn img { margin-right: 8px; }
.bss-btn.video-btn:hover {
  background:#FFF!important;
  text-decoration:underline;
  /* background:#E4DDCB!important; */
}

/* Mobile: hide top button, show bottom button */
@media screen and (max-width: 995px) {
  .bss-btn.video-btn { padding-left:0; padding-right:0; }
}