/** Shopify CDN: Minification failed

Line 1204:28 Unexpected "{"

**/
/* COMPLETE BUTTON STYLING (Mauve default, Dark Mauve hover, Turbo typography) */

/* 1. Default State (Mauve) - All necessary styles applied aggressively */
.button,
.product-form__submit,
button[type="submit"] {
  /* Color & Border (Mauve: #C18198) */
  background-color: #c18198 !important;
  border-color: #c18198 !important;
  color: #ffffff !important;

  /* Structure & Sizing from Turbo */
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 0 !important;
  min-height: 44px !important;
  padding: 0 20px !important;
  line-height: 44px !important;
  margin: 0 !important;

  /* Text Styling from Turbo */
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  font-family: Helvetica, Arial, sans-serif !important;

  /* Smooth Transition */
  transition: background-color 0.2s linear, border-color 0.2s linear !important;
}

/* 2. Hover and Active States (Dark Mauve: #A96F85) */
.button:hover,
.button:focus,
.button:active,
.product-form__submit:hover,
.product-form__submit:focus,
.product-form__submit:active,
button[type="submit"]:hover,
button[type="submit"]:focus,
button[type="submit"]:active {
  /* Forces Background AND Border to Dark Mauve on HOVER/FOCUS/ACTIVE */
  background-color: #a96f85 !important;
  border-color: #a96f85 !important;
  box-shadow: none !important;
  color: #ffffff !important;
}

/* --- ANNOUNCEMENT BAR FINAL FIX: ELIMINATING ALL INTERNAL PADDING --- */

/* 1. Base Styles (Thin Bar & Vertical Centering) */
.announcement-bar {
  /* Set minimal padding for the thin look */
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  min-height: 0 !important;

  /* Ensure vertical centering */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* 2. Text Content Styling (Controls size and eliminates its own padding) */
.announcement-bar__message,
p.announcement-bar__message.h5 {
  font-size: 1.1rem !important;      /* Smallest desired size */
  letter-spacing: 0.04rem !important;
  line-height: 1.2 !important;       /* Tight line spacing */
  white-space: normal !important;

  /* Remove all padding/margin on the text element itself */
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* 3. Global Header Reset (To address the gap above the bar) */
.header-wrapper,
header.header,
.section-header,
.shopify-section-header {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 4. Desktop-Specific Overrides (Better visibility and single line) */
@media screen and (min-width: 750px) {
  .announcement-bar__message,
  p.announcement-bar__message.h5 {
    font-size: 1.3rem !important;    /* Larger text size on desktop */
    white-space: nowrap !important;  /* Keep on one line */
    max-height: none !important;
  }
}

/* 5. Mobile Fixes (Prevents cut-off/excessive wrap) */
@media screen and (max-width: 749px) {
  .announcement-bar__message,
  p.announcement-bar__message.h5 {
    /* Max height for two lines to prevent unwanted vertical space */
    max-height: 2.8rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

/* --- DESKTOP PADDING ADJUSTMENT --- */
@media screen and (min-width: 750px) {
  /* Target the main bar element on desktop */
  .announcement-bar {
    padding-top: 6px !important;     /* Increase vertical padding slightly */
    padding-bottom: 6px !important;  /* Increase vertical padding slightly */
  }
}

/* 1. HIDES THE DESKTOP SLIDESHOW ON MOBILE DEVICES */
@media screen and (max-width: 749px) {
  #shopify-section-template--18895525445719__slideshow_CNbwh9 {
    display: none !important;
  }
}

/* 2. HIDES THE MOBILE SLIDESHOW ON DESKTOP DEVICES */
@media screen and (min-width: 750px) {
  #shopify-section-template--18895525445719__slideshow_mkW8y7 {
    display: none !important;
  }
}

/*  HIDES THE Sale badge on cards*/
.card__badge { display: none; }



/* --- FINAL PRODUCT CARD STYLING FIXES (Scope: Collection/Homepage Cards ONLY) --- */

/* 1. FORCE GREY REVIEW COUNT (ULTIMATE FIX) */
.grid__item .loox-rating .loox-rating-label {
  color: #545454 !important;      /* Darker Grey */
  font-weight: normal !important;
}

/* 3. PRODUCT PRICE STYLING */
/* 3.a. FORCE GREY OLD PRICE (Compare At Price) - IMPROVED */
.grid__item .price .price-item.price-item--regular {
  color: #767676 !important;      /* Muted Grey */
  text-decoration: line-through !important;
  font-weight: normal !important;
}

/* 4. TITLES (Centered & Dark, and SLIGHTLY LARGER) */
.grid__item .card__heading a {
  text-align: center !important;
  display: block !important;
  font-size: 1.05em !important;   /* 5% larger than default */
}

/* --- DESKTOP TITLE SIZE INCREASE --- */
@media screen and (min-width: 750px) {
  .grid__item .card__heading a {
    font-size: 1.2em !important;  /* Increase from 1.05em to 1.2em */
    text-transform: uppercase !important;
  }
}

/* REVISED 5. FORCE TEAL NEW PRICE (Ensures Teal on ALL Collection Cards) */
.grid__item .card-information .price-item--sale,
.grid__item .card-information .price-item--current {
  color: #189198 !important;      /* Teal */
  font-weight: 600 !important;
}

/* Ensure the sale price inside the "price__sale" div is NOT large (safer scope) */
.grid__item .card-information .price__sale .price-item--sale {
  font-size: 14px !important;
}

/* FIX: Reduce White Space Between Star Rating and Prices */
.card-information .price {
  margin-top: 0.2rem !important;  /* Reduces the space above the price */
}

.card-information .loox-rating {
  margin-bottom: 0.2rem !important; /* Reduces the space below the rating */
  padding-bottom: 0 !important;
}

.card__information > div {
  margin-bottom: 0 !important;
}

/* --- FINAL, CORRECTED PRICE LAYOUT on collections --- */
.card-information .price--on-sale .price__sale {
  /* 1. Corrects Horizontal Order (New Price then Old Price) */
  flex-direction: row-reverse;

  /* 2. Enables Flexbox for side-by-side display */
  display: flex;

  /* 3. Adds spacing between the prices */
  gap: 10px;

  /* 4. Fixes vertical alignment */
  align-items: baseline;
}

.card-information .price--on-sale .price__sale .price-item {
  line-height: 1;
}


/* ===============================
   HEADER MENU — FINAL
   (replace older header/menu CSS)
=================================*/

/* Final Attempt: Bolder and Richer Header Text */

/* Targets the main navigation links in the header using maximum specificity */
.header__inline-menu .list-menu--inline .list-menu__item,
.header__inline-menu .list-menu--inline .list-menu__item a {
    /* Forcing the BOLD look */
    font-weight: 700 !important; /* Force the heaviest weight possible */
    
    /* Ensure the size is correct */
    font-size: 15px !important; 
    
    /* Adds subtle richness to the Mauve color */
    text-shadow: 0px 0px 0.5px #C18198 !important; 
    
    /* Use Mauve color (Though scheme should handle this) */
    color: #C18198 !important; 
}

/* Final: Bolder & Richer Header Text (stable) */

/* Desktop top-level menu links */
@media (min-width: 990px){
  .header__inline-menu .list-menu--inline .list-menu__item > a {
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: .06em !important;
    color: #C18198 !important;
    text-shadow: 0 0 .5px #C18198 !important; /* your “inkier” trick */
    opacity: 1 !important;                    /* Dawn sometimes dims links */
    text-decoration: none !important;
    line-height: 1.2 !important;
  }
}

/* Mobile drawer */
@media (max-width: 989px){
  .menu-drawer__menu-item,
  .menu-drawer__menu-item .link {
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: .04em !important;
  }
}

/* Only remove the gap between the announcement bar and header */
.announcement-bar + .header-wrapper,
.announcement-bar + header.header,
.announcement-bar + .section-header,
.announcement-bar + .shopify-section-header {
  margin-top: 0 !important;
}
/* --- Card prices: rollback + precise on-sale layout --- */

/* 0) Roll back the broad flex that broke layout */
.grid__item .card-information .price{
  display: block !important;          /* let Dawn control the outer wrapper */
  gap: 0 !important;
  flex-wrap: initial !important;
}

/* 1) On-sale cards: keep CURRENT price left, old price right, same line */
.grid__item .card-information .price--on-sale .price__sale{
  display: inline-flex !important;
  flex-direction: row-reverse !important;  /* sale (current) first, compare second */
  align-items: baseline !important;
  gap: 6px !important;
  white-space: nowrap !important;          /* don't wrap */
}

/* 2) When on sale, hide the regular row so it doesn't duplicate "From £…" */
.grid__item .card-information .price--on-sale .price__regular{
  display: none !important;
}

/* 3) Keep the numbers inline and tight */
.grid__item .card-information .price--on-sale .price__sale .price-item{
  display: inline-block !important;
  line-height: 1 !important;
}

/* 4) Make sure the compare-at looks right */
.grid__item .card-information .price--on-sale .price__sale .price-item--regular{
  color: #767676 !important;
  text-decoration: line-through !important;
}
/* ==== USP (Multicolumn) — WORKING, SCOPED TO SECTION ==== */
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-list{
  justify-items: center;
}
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card{
  text-align: center;
}

/* Kill Dawn’s 1:1 image box + center the icon */
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__image-wrapper--third-width{
  width: auto !important;
}
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__image-wrapper{
  display: flex; justify-content: center; align-items: center;
}
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__image-wrapper .media{
  padding-bottom: 0 !important; height: auto !important;
  display: flex; justify-content: center; align-items: center;
}
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__image{
  position: static !important;
  width: 36px !important;                 /* icon size (desktop) */
  height: auto !important;
  object-fit: contain !important;
  margin-inline: auto;
}
@media (max-width: 749px){
  .section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__image{
    width: 36px !important;               /* same on mobile worked best */
  }
}

/* Control the gap under icons (neutralize Dawn, then add a small gap) */
.section-template--18895525445719__multicolumn_PwpdQM-padding
  .multicolumn-card__image-wrapper.multicolumn-card-spacing{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;           /* Dawn’s spacer */
}
.section-template--18895525445719__multicolumn_PwpdQM-padding
  .multicolumn-card__image-wrapper + .multicolumn-card__info{
  margin-top: 0 !important;
  padding-top: 6px !important;            /* sweet spot; adjust 4–8px if needed */
}

/* USP titles */
.section-template--18895525445719__multicolumn_PwpdQM-padding h3.inline-richtext{
  color: #C18198 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  font-size: 1.26rem !important;
  margin: 0 !important;
}
@media (max-width: 749px){
  .section-template--18895525445719__multicolumn_PwpdQM-padding h3.inline-richtext{
    font-size: 1.18rem !important;
  }
}

/* Descriptions */
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__info .rte,
.section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__info .rte p{
  font-size: 1.12rem !important;
  line-height: 1.34 !important;
  font-weight: 600 !important;
  color: #545454 !important;              /* gray to match icons/theme */
  margin: 0 !important;
  text-align: center !important;
}
@media (max-width: 749px){
  .section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__info .rte,
  .section-template--18895525445719__multicolumn_PwpdQM-padding .multicolumn-card__info .rte p{
    font-size: 1.06rem !important;
  }
}

/* Section heading (this section only) */
.section-template--18895525445719__multicolumn_PwpdQM-padding .title,
.section-template--18895525445719__multicolumn_PwpdQM-padding .title-wrapper-with-link .title{
  color: #C18198 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 700;
  font-size: 1.85rem !important;
}
/* centre homepage Section headings (this section only) */
.multicolumn .title-wrapper-with-link, .blog .title-wrapper--no-top-margin, .collection-list-wrapper .title-wrapper--no-top-margin  {
    justify-content: center !important;
}
.collection__title .title, .collage-wrapper-title {
    text-align: center !important;
}

.collection-list-wrapper a.full-unstyled-link {
	color: #545454;
}
/* Rich text section — match heading color to the site headings (mauve) */
.rich-text .title,
.rich-text .inline-richtext.h1,
.rich-text .inline-richtext.h2 {
  color: #C18198 !important;
}

/* Hide Newsletter on the Cart page (no template class available) */
body:has(form[action="/cart"]) section[id^="shopify-section-"][id*="__newsletter_"] {
  display: none !important;
}

/* Newsletter block title → GearDen mauve */
.newsletter .inline-richtext.h2{
  color:#C18198 !important;
  text-transform:uppercase;         /* matches other section headers */
  letter-spacing:.06em; 
  font-weight:700;
}

/* Removed powered by shopify */
.footer__copyright .copyright__content a[href*="shopify"]{display:none!important;}

/* Back-to-top button on collections and product pages (global, shows after scroll) */
.gd-backtotop{
  position: fixed;
  right: 14px;
  bottom: calc(88px + env(safe-area-inset-bottom));
  z-index: 2000;

  /* keep flex so the icon stays centered */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 44px; height: 44px;
  border-radius: 999px;
  background: #C18198;
  color: #fff;
  border: 0;
  box-shadow: 0 6px 18px rgba(193,129,152,.35);

  /* hidden by default, but still takes clicks off */
  opacity: 0;
  pointer-events: none;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, box-shadow .18s ease;
}

/* visible state toggled by JS */
.gd-backtotop.is-visible{
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.gd-backtotop:active{ transform: translateY(1px); }
.gd-backtotop svg{ display:block; width:20px; height:20px; }

/* Optional: smaller on very small phones */
@media (max-width: 360px){
  .gd-backtotop{ width:40px; height:40px; }
}

/* If you want mobile-only, uncomment: */

@media (min-width: 990px){
  .gd-backtotop{ display:none !important; }
}




/* ==== Mobile header search — single, buttonless bar ==== */
@media (max-width: 989px){
  /* container */
  .gd-mobile-search{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    background:#fff;
    border-bottom:1px solid #f1f1f1;
  }

  /* input */
  .gd-mobile-search__input{
    flex:1;
    height:44px;
    border:1px solid #E7E7E7;
    border-radius:12px;
    padding:0 12px 0 40px; /* room for icon */
    font-size:16px;
    line-height:44px;
    background:
      url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23C18198' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>")
      no-repeat 12px 50% #fff;
    box-shadow:0 1px 6px rgba(0,0,0,.06);
  }
  .gd-mobile-search__input::placeholder{ color:#9a9a9a; }
  .gd-mobile-search__input:focus{
    outline:none;
    border-color:#C18198;
    box-shadow:0 0 0 3px rgba(193,129,152,.15);
  }

  /* never show a button */
  .gd-mobile-search__btn{ display:none !important; }

  /* hide Dawn’s native mobile triggers */
  .header__icons .header__icon--search,
  .modal__toggle[aria-controls="Search-Drawer"],
  .header__search{ display:none !important; }
}

/* ==== Desktop: only hide our custom mobile bar ==== */
@media (min-width: 990px){
  .gd-mobile-search{ display:none !important; }
}

/* ===== PRODUCT TITLES — FINAL (mobile + desktop, reviews) ===== */

/* Mobile ≤989px — your working sizing + center + tight spacing */
@media (max-width: 989px){
  .product__title{ 
    text-align: center !important; 
    margin: 4px 0 2px !important; 
    padding: 0 !important; 
  }

  /* Actual H1 styling inside the wrapper — YOUR WORKING NUMBERS */
  .product__title h1,
  h1.product__title{
    font-size: clamp(20px, 4.8vw, 23px) !important;  /* ~22–23px target */
    line-height: 1.3 !important;
    font-weight: 400 !important;                      /* lighter look */
    text-transform: uppercase !important;
    letter-spacing: .025em !important;
    margin: 0px !important;                          
  }

  /* Pull the reviews row right up under the title, center on mobile */
  .product__title + .loox-rating,
  .product__title + .spr-badge,
  .product__title + .jdgm-widget,
  .product__title + .rating,
  .product__title + .product__text,
  .product__title + .reviews{
    margin-top: 0px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }
}

/* Desktop ≥990px — smaller, left, uppercase; reviews left too */
@media (min-width: 990px){
  .product__title{ 
    text-align: left !important; 
    margin: 0 0 8px !important; 
    padding: 0 !important; 
  }

  /* Target both DOM shapes */
  .product__title h1,
  h1.product__title{
    font-size: 28px !important;          /* your proven working selector */
    line-height: 1.45 !important;
    font-weight: 400 !important;          /* crisp but not heavy */
    text-transform: uppercase !important;
    letter-spacing: .01em !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }
}

/* === Product — desktop: force Loox reviews left under the title === */
@media (min-width: 990px){

  /* hit the app block that comes right after the title */
  .product__title + .shopify-app-block{
    display: block !important;
    width: auto !important;
    margin: 6px auto 0 0 !important;     /* right:auto pins left */
    text-align: left !important;          /* crush inline center */
  }

  /* the link Loox wraps the widget with */
  .product__title + .shopify-app-block > a{
    display: inline-block !important;
    margin: 0 !important;
    text-align: left !important;
  }

  /* the widget itself + its inner content */
  .product__title + .shopify-app-block .loox-rating{
    display: inline-flex !important;
    margin: 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    text-align: left !important;
  }
  .product__title + .shopify-app-block .loox-rating .loox-rating-content{
    display: inline-flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  /* nuke any inline text-align:center coming from Loox attributes/styles */
  .product__title + .shopify-app-block [style*="text-align:center"],
  .product__title + .shopify-app-block .loox-rating[data-alignment]{
    text-align: left !important;
  }
}

/* ===== Product (mobile) — tighten title, reviews, quote & gaps ===== */
@media (max-width: 989px){

  
  .product__title h1{ margin: 0 !important; }

  /* Reviews row right under the title, centered */
  .product__title + .shopify-app-block,
  .product__title + .loox-rating,
  .product__title + .spr-badge,
  .product__title + .jdgm-widget,
  .product__title + .rating,
  .product__title + .reviews{
    margin-top: 4px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
  }

  /* Kill any extra margins the Loox wrapper adds */
  .shopify-app-block .loox-rating{ margin: 0 !important; }
  .shopify-app-block{ margin: 2px 0 6px !important; }

  /* “GearDen created a beautiful product!” quote — tighter */
  .product__text,
  .product__text p{
    margin: 6px 0 6px !important;
    line-height: 1.35 !important;
    letter-spacing: .02em !important;
  }

  /* Price block doesn’t need a big top gap on mobile */
  .price{ margin-top: 8px !important; }

  /* Thumbnails strip under the main image—trim top gap */
  .thumbnail-list,
  .thumbnail-slider,
  .product__media-list + .thumbnail-slider{
    margin-top: 6px !important;
  }
}
/* Quote stays italic */
.product__text em{
  font-style: italic;
}

/* Stars + name (set in Bold in the editor) go to a new line, not italic/bold */
.product__text strong{
  display: block;
  font-style: normal;
  font-weight: 400;
  margin-top: 4px;
  color: #545454;
}


/* ===== PRODUCT PAGE — Price styling (Dawn, scoped) ===== */

/* 0) Scope everything to the product info column so nothing leaks site-wide */
@media all{
  .product__info-wrapper .price { margin: 8px 0 10px !important; }
}

/* 1) On sale: show CURRENT (mauve) before OLD, tighten spacing */
.product__info-wrapper .price.price--on-sale .price__sale{
  display:flex !important;
  flex-direction: row-reverse !important;  /* current first, old second */
  gap: 4px !important;
}

/* 2) Hide Dawn's sale/sold-out badges on product page only */
.product__info-wrapper .price__badge-sale,
.product__info-wrapper .price__badge-sold-out{
  display:none !important;
}

/* 3) Colors & weights — product page only */
.product__info-wrapper .price .price-item--sale,
.product__info-wrapper .price .price-item--last{
  color:#C18198 !important;     /* GearDen mauve */
  font-weight:400 !important;   /* boldish current price */
}

.product__info-wrapper .price .price-item--regular{
  color:#a7a7a7 !important;     /* muted grey old price */
  font-weight:400 !important;
  text-decoration: line-through !important;
  text-decoration-thickness: 2px !important;    /* heavier strike */
  
}

/* 4) Sizes & spacing */
@media (min-width: 990px){      /* desktop */
  .product__info-wrapper .price .price-item--sale,
  .product__info-wrapper .price .price-item--last{
    font-size: 24px !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
  }
  .product__info-wrapper .price .price-item--regular{
    font-size: 21px !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
   
  }
}

@media (max-width: 989px){      /* mobile */
  .product__info-wrapper .price .price-item--sale,
  .product__info-wrapper .price .price-item--last{
    font-size: 23px !important;
    line-height: 1.2 !important;
    letter-spacing: .01em !important;
  }
  .product__info-wrapper .price .price-item--regular{
    font-size: 20px !important;
    line-height: 1.2 !important;
    color:#a7a7a7 !important; 
    letter-spacing: .01em !important;
  }
}

/* 5) Kill the “Taxes included / Shipping …” line on product page only */
.product__info-wrapper .product__tax{
  display:none !important;
}

/* Product page — align current/old price baselines */
@media (min-width: 0){
  .product__info-wrapper .price.price--on-sale .price__sale{
    align-items: baseline !important;  /* works because you already set display:flex */
  }
  /* Nudge the struck price down a hair so it lines up visually */
  .product__info-wrapper .price .price-item--regular{
    position: relative; top: 0px;   /* try 2px if you still see a mismatch */
  }
}

/* Product page — YOU SAVE line (no template scope) */
.product__info-wrapper #gd-savings{
  margin: 2px 0 6px !important;
  margin-top: -5px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  color: #C18198 !important;           /* label text */
}

.product__info-wrapper #gd-savings .gd-savings-percent{
  color: #C18198 !important;              /* keep % mauve */
}

.product__info-wrapper #gd-savings .gd-savings-amount{
  color: #a7a7a7 !important;  
  letter-spacing: .01em !important;               /* amount dark */
}

/* Prevent review count text from wrapping on desktop */
@media (min-width: 990px){
  .product__title + .shopify-app-block .loox-rating .loox-rating-label{
    white-space: nowrap !important;
  }
}

/* Kill any stray line-height that can add vertical “air” in price row */
.product__info-wrapper .price .money{
  line-height: 1 !important;
}

/* Keep "You Save" under price, but close the gap (mobile/phablet) */
@media (max-width: 989px){
  .product__info-wrapper [id^="price-"] .price{
    display: block !important;
  }
  .product__info-wrapper [id^="price-"] .price__container{
    margin: 0 !important;
    padding: 0 !important;          /* removes Dawn’s extra bottom air */
  }
  .product__info-wrapper #gd-savings{
    display: block !important;
    margin-top: 2px !important;     /* 0–4px sweet spot */
    line-height: 1.2 !important;
    position: relative; top: 0px;  /* micro-nudge; set to 0 if not needed */
  }
}



/* Product page — enlarge variant labels, select text, and caret only */
.product__info-wrapper .product-form__input .form__label{
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-bottom: 6px !important;   /* text rhythm only */
  letter-spacing: .00em !important;  
}

.product__info-wrapper .select__select{
  font-size: 16px !important;       /* larger option text */
  letter-spacing: .00em !important;  
  /* leave height, padding, borders as-is */
}

/* Bigger dropdown arrow without changing the box */
.product__info-wrapper .select .icon-caret{
  transform: translateY(-50%) scale(1.25) !important;
  top: 50% !important;              /* keep it centered */
  right: 12px !important;           /* nudge if needed */
  transform-origin: center !important;
}

/* Slightly dial it back on very small phones */
@media (max-width: 389px){
  .product__info-wrapper .select .icon-caret{ transform: translateY(-50%) scale(1.15) !important; }
}

/* Product Personalizer — match variant label + input text sizes (scoped) */
.product__info-wrapper .shopify-app-block label{
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: .01em !important;
  margin-bottom: 6px !important;
  color:#545454 !important;
}

/* Product Personalizer – "Preview your design" button: white with mauve text + outline */
.product__info-wrapper .shopify-app-block button,
.product__info-wrapper .shopify-app-block .button {
  background-color: #ffffff !important;
  color: #C18198 !important;
  border: 1px solid #C18198 !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
   font-size: 17px !important;
  font-weight: 600 !important;
  min-height: 44px !important;  /* keeps it in line with ATC height */
}

/* Hover: fill mauve, text white (old-theme behaviour) */
.product__info-wrapper .shopify-app-block button:hover,
.product__info-wrapper .shopify-app-block .button:hover {
  background-color: #C18198 !important;
  color: #ffffff !important;
}


/* Inputs/textarea/select text inside the app block */
.product__info-wrapper .shopify-app-block input[type="text"],
.product__info-wrapper .shopify-app-block input[type="email"],
.product__info-wrapper .shopify-app-block input[type="tel"],
.product__info-wrapper .shopify-app-block textarea,
.product__info-wrapper .shopify-app-block select{
  font-size: 17px !important;
  line-height: 1.35 !important;
  min-height: 46px !important;      /* adjust 44–50px to taste */
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  box-sizing: border-box !important;
}

/* Placeholder readability */
.product__info-wrapper .shopify-app-block input::placeholder,
.product__info-wrapper .shopify-app-block textarea::placeholder{
  font-size: 15px !important;
  color: #a7a7a7 !important;
}

/* Checkbox label stays readable; checkbox itself slightly larger */
.product__info-wrapper .shopify-app-block input[type="checkbox"]{
  transform: scale(1.15) !important;
  transform-origin: center !important;
}
/* Promo banner inside product info (editor-only solution) */
.product__info-wrapper .gd-promo{ margin:12px 0 8px; }
.product__info-wrapper .gd-promo__img{ display:block; width:100%; height:auto; border-radius:6px; }




/* Product page – "Click here for latest delivery times." under ATC */

/* Center + size the whole line (match the Text block that contains the delivery-times link) */
.product__info-wrapper p.product__text.inline-richtext:has(a[href*="/delivery-times"]) {
  text-align: center !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  margin: 5px 0 5px !important; /* keep it tight above/below */
}

/* Make the link your blue and bold, with underline */
.product__info-wrapper p.product__text.inline-richtext:has(a[href*="/delivery-times"]) a {
  color: #77C0CD !important;
  font-weight: 600 !important;
}

/* ==== Product page accordion styling (Dawn, exact selectors) ==== */

/* Mauve dividers */
.product__info-wrapper .product__accordion{
  border-bottom: 1px solid #C18198 !important;
}
.product__info-wrapper .product__accordion:first-of-type{
  border-top: 1px solid #C18198 !important;
}

/* Title row: darker grey + a bit bolder */
.product__info-wrapper .product__accordion summary .accordion__title{
  color:#545454 !important;
  font-weight:600 !important;
  font-size: 16px !important;
  letter-spacing: .01em !important;
}

/* Make the whole summary row a touch taller */
.product__info-wrapper .product__accordion > details > summary{
  padding:14px 0 !important;
}

/* Left icon (the SVG inside .svg-wrapper) */
.product__info-wrapper .product__accordion summary .svg-wrapper svg{
  width:20px !important;
  height:20px !important;
  margin-right:8px !important;
  color:#545454 !important;   /* neutral grey tint */
  flex-shrink:0;
}

/* Caret: bigger + mauve + rotate on open */
.product__info-wrapper .product__accordion summary .icon-caret{
  width:18px !important;
  height:18px !important;
  color:#C18198 !important;
  transform:scale(1.15);
  transition:transform .18s ease;
}
.product__info-wrapper .product__accordion > details[open] > summary .icon-caret{
  transform:rotate(180deg) scale(1.15);
}

/* === Accordion caret vertical alignment tweak === */
.product__info-wrapper .product__accordion > details > summary{
  display: flex !important;
  align-items: center !important;   /* ensure everything shares vertical center */
}

/* Nudge the chevron up a touch */
.product__info-wrapper .product__accordion summary .icon-caret{
  transform: translateY(-8px) scale(1.15) !important;
  transform-origin: center !important;
}


/* === Q&A SECTION – HEADING === */
#simpAskQuestion .simpAsk-title-container{
  text-align: center !important;
}

#simpAskQuestion .simpAsk-title-container h2{
  font-size: 0 !important;                /* hide original text */
  margin: 0 0 10px !important;
}

#simpAskQuestion .simpAsk-title-container h2::before{
  content: "Customer Questions";
  display: inline-block !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  color: #C18198 !important;
}

/* === HEADER STRIP + "HAVE A QUESTION?" + BUTTON === */
#simpAskQuestion .simp-ask-question-header{
  padding: 16px 18px !important;
  background: #fafafa !important;
  border: 1px solid #f0f0f0 !important;
  display: block !important;
  text-align: center !important;
}

#simpAskQuestion .simpAskQuestion-Qcontent{
  display: block !important;
  margin-bottom: 8px !important;
}

#simpAskQuestion .simpAskQuestion-Qcontent h3{
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
  text-transform: uppercase !important;
  color: #C18198 !important;
}

/* Compact "Ask a Question" button under the text */
#simpAskQuestion .simpAskQuestionForm-btnOpen{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0 auto !important;
  padding: 6px 20px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  height: auto !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #C18198 !important;
  border: 1px solid #C18198 !important;
}

#simpAskQuestion .simpAskQuestionForm-btnOpen i{
  font-size: 10px !important;
  color: #C18198 !important;
}

#simpAskQuestion .simpAskQuestionForm-btnOpen:hover{
  background: #C18198 !important;
  color: #ffffff !important;
}

/* === Q & A LIST STYLING === */
#simpAskQuestion .accordionSimpQA ul li p{
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #545454;
}

/* Whole question line mauve */
#simpAskQuestion .accordionSimpQA ul li p.simpQuestionHolder{
  color: #C18198 !important;
  font-weight: 600 !important;
}

/* Q label mauve, A label dark grey */
#simpAskQuestion .accordionSimpQA ul li p.simpQuestionHolder:before{
  color: #C18198 !important;
}

#simpAskQuestion .accordionSimpQA ul li p.simpAnswerHolder:before{
  color: #545454 !important;
}

/* Q&A: limit height, scroll inside, hide inner scrollbar */
#simpAskQuestion .accordionSimpQA{
  max-height: 350px !important;     /* keep section from going huge */
  overflow-y: auto !important;
  overflow-x: visible !important;
  display: block !important;
  padding-right: 6px;               /* tiny gap so page scrollbar sits outside */
  box-sizing: border-box;
}

/* inner list should NOT be a scroll container */
#simpAskQuestion .accordionSimpQA #itemContainer{
  max-height: none !important;
  overflow: visible !important;
}

/* Q&A: limit height, single scrollbar on this section */
#simpAskQuestion .accordionSimpQA{
  max-height: 350px !important;     /* keeps section from getting huge */
  overflow-y: auto !important;      /* one visible scrollbar */
  overflow-x: visible !important;
  display: block !important;
  padding-right: 6px;
  box-sizing: border-box;
}

/* inner list should NOT be scrollable */
#simpAskQuestion .accordionSimpQA #itemContainer{
  max-height: none !important;
  overflow: visible !important;
}



/* RECENTLY VIEWED – TUNE TO MATCH "YOU MAY ALSO LIKE" */

/* Slightly shrink images compared with default cards */
.gd-recently-viewed-wrapper .gd-rv-img-wrap{
  padding: 0 !important;
}

.gd-recently-viewed-wrapper .gd-rv-img-wrap img{
  display: block !important;
  width: 94% !important;       /* a touch smaller than full width */
  margin: 0 auto !important;
}

@media (min-width: 750px){
  /* Title in caps */
  .gd-recently-viewed-wrapper .gd-rv-title{
    text-transform: uppercase !important;
  }

  /* Price size – make sure it's not tiny */
  .gd-recently-viewed-wrapper .gd-rv-price{
    font-size: 14px !important;     /* matches your card price size */
  }

  /* Recently viewed – responsive sizing, not full-width monsters */
  .gd-recently-viewed-wrapper{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }

  /* auto-fit grid like Dawn's cards */
  .gd-rv-list{
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
  }

  /* cap the card width so they don't balloon */
  .gd-rv-card{
    max-width: 280px;
    margin: 0 auto;
  }

  .gd-rv-img-wrap img{
    width: 100%;
    max-width: 280px;
    height: auto;
  }
}


/* ==== PAGES  === */

/* ----- PAGE CONTENT STYLING ----- */

/* Page titles + content colours on Dawn pages */

/* Headings like "Contact Us", "Privacy Policy", section headers */
#MainContent .main-page-title,
#MainContent .page-title,
#MainContent .rte h1,
#MainContent .rte h2,
#MainContent .rte h3,
#MainContent .rte h4,
#MainContent .rte h5,
#MainContent .rte h6 {
  color: #C18198 !important; /* GearDen mauve */
}

/* Body copy: paragraphs, list items, misc text inside the RTE */
#MainContent .rte,
#MainContent .rte p,
#MainContent .rte li,
#MainContent .rte span {
  color: #555555 !important; /* dark grey */
}

/* ==== PAGE TITLES – SMALLER + ALL CAPS ==== */

/* Mobile */
@media (max-width: 749px){
  #MainContent .main-page-title.page-title.h0{
    text-transform: uppercase !important;
    letter-spacing: 0.01em !important;
    font-size: 24px !important;    /* tweak 20–24px to taste */
    line-height: 1.25 !important;
    margin-bottom: 10px !important;
  }
}

/* Desktop / tablet */
@media (min-width: 750px){
  #MainContent .main-page-title.page-title.h0{
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    font-size: 26px !important;    /* tweak 24–30px if you want */
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
  }
}

/* Product description body text – tighten tracking */
.product__description .rte, {
  letter-spacing: 0em !important;
  line-height: 1.45 !important; /* optional, just to keep it readable */
}


/* === Match old Loox stars review look on collection cards (Judge.me native metafields) === */

.card-wrapper .rating-count,
.card-wrapper .rating-count span {
  color: #545454 !important;
  font-weight: normal !important;
}

.card-wrapper .rating-count {
  position: relative;
  top: 1.5px;
  font-size: 1.35rem !important;
}

.card-wrapper .rating-star {
  font-size: 0;
  letter-spacing: 0;
  position: relative;
  display: inline-block;
  width: 80px;
  height: 15px;
  vertical-align: middle;
}

.card-wrapper .rating-star::before,
.card-wrapper .rating-star::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 22px 20px;
  mask-size: 16px 15px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M5.79584 1.27976C6.02014 0.793465 6.71129 0.793466 6.9356 1.27976L8.34335 4.33176C8.43476 4.52996 8.62259 4.66642 8.83933 4.69212L12.177 5.08785C12.7088 5.1509 12.9224 5.80822 12.5292 6.17182L10.0616 8.45379C9.90133 8.60198 9.82959 8.82279 9.87213 9.03686L10.5272 12.3334C10.6315 12.8587 10.0724 13.2649 9.60507 13.0034L6.67225 11.3617C6.4818 11.2551 6.24963 11.2551 6.05918 11.3617L3.12636 13.0034C2.65906 13.265 2.09991 12.8587 2.20428 12.3334L2.8593 9.03686C2.90184 8.82279 2.8301 8.60198 2.66985 8.45379L0.202248 6.17182C-0.190933 5.80822 0.022645 5.1509 0.554454 5.08785L3.8921 4.69212C4.10884 4.66642 4.29667 4.52995 4.38808 4.33176L5.79584 1.27976Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M5.79584 1.27976C6.02014 0.793465 6.71129 0.793466 6.9356 1.27976L8.34335 4.33176C8.43476 4.52996 8.62259 4.66642 8.83933 4.69212L12.177 5.08785C12.7088 5.1509 12.9224 5.80822 12.5292 6.17182L10.0616 8.45379C9.90133 8.60198 9.82959 8.82279 9.87213 9.03686L10.5272 12.3334C10.6315 12.8587 10.0724 13.2649 9.60507 13.0034L6.67225 11.3617C6.4818 11.2551 6.24963 11.2551 6.05918 11.3617L3.12636 13.0034C2.65906 13.265 2.09991 12.8587 2.20428 12.3334L2.8593 9.03686C2.90184 8.82279 2.8301 8.60198 2.66985 8.45379L0.202248 6.17182C-0.190933 5.80822 0.022645 5.1509 0.554454 5.08785L3.8921 4.69212C4.10884 4.66642 4.29667 4.52995 4.38808 4.33176L5.79584 1.27976Z'/%3E%3C/svg%3E");
}

.card-wrapper .rating-star::before {
  background: rgba(var(--color-foreground), 0.15);
}

.card-wrapper .rating-star::after {
  background: #ebbf20;
  width: var(--percent);
  overflow: hidden;
}