/** 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--17540279730263__slideshow_CNbwh9 {
    display: none !important;
  }
}

/* 2. HIDES THE MOBILE SLIDESHOW ON DESKTOP DEVICES */
@media screen and (min-width: 750px) {
  #shopify-section-template--17540279730263__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--17540279730263__multicolumn_PwpdQM-padding .multicolumn-list{
  justify-items: center;
}
.section-template--17540279730263__multicolumn_PwpdQM-padding .multicolumn-card{
  text-align: center;
}

/* Kill Dawn’s 1:1 image box + center the icon */
.section-template--17540279730263__multicolumn_PwpdQM-padding .multicolumn-card__image-wrapper--third-width{
  width: auto !important;
}
.section-template--17540279730263__multicolumn_PwpdQM-padding .multicolumn-card__image-wrapper{
  display: flex; justify-content: center; align-items: center;
}
.section-template--17540279730263__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--17540279730263__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--17540279730263__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--17540279730263__multicolumn_PwpdQM-padding
  .multicolumn-card__image-wrapper.multicolumn-card-spacing{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;           /* Dawn’s spacer */
}
.section-template--17540279730263__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--17540279730263__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--17540279730263__multicolumn_PwpdQM-padding h3.inline-richtext{
    font-size: 1.18rem !important;
  }
}

/* Descriptions */
.section-template--17540279730263__multicolumn_PwpdQM-padding .multicolumn-card__info .rte,
.section-template--17540279730263__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--17540279730263__multicolumn_PwpdQM-padding .multicolumn-card__info .rte,
  .section-template--17540279730263__multicolumn_PwpdQM-padding .multicolumn-card__info .rte p{
    font-size: 1.06rem !important;
  }
}

/* Section heading (this section only) */
.section-template--17540279730263__multicolumn_PwpdQM-padding .title,
.section-template--17540279730263__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 */
}