/** Shopify CDN: Minification failed

Line 60:16 Unexpected "{"
Line 524:308 Expected ")" to go with "("

**/

/* ═══════════════════════════════════════════════════════════════
   FIX: Hide stray content and announcement bar
   ═══════════════════════════════════════════════════════════════ */

/* Keep skip link properly hidden until focused */
.skip-to-content-link {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  z-index: -1 !important;
}

.skip-to-content-link:focus {
  position: fixed !important;
  top: 10px !important;
  left: 10px !important;
  width: auto !important;
  height: auto !important;
  padding: 15px 20px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  opacity: 1 !important;
  z-index: 999999 !important;
  background: #1a1a1a !important;
  color: white !important;
  text-decoration: none !important;
}

/* Hide announcement bar completely */
#shopify-section-announcement-bar,
.announcement-bar-section,
.announcement-bar,
section.announcement-bar,
.shopify-section-group-header-group > .shopify-section:first-child:has(.announcement-bar) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Hide the dark bar/text that appears at top */
body > *:first-child:not(.skip-to-content-link):not(.shopify-section-group-header-group):not(script):not(style):not(link):not(#cart-drawer):not(

/* Ensure header is positioned correctly */
.header-wrapper {
  position: relative;
  z-index: 100;
  background: #ffffff;
}

/* ═════════════��═════════════════════════════════════════════════
   FIX: Hide announcement bar completely (contains \n artifact)
   ═══════════════════════════════════════════════════════════════ */
.announcement-bar-section,
.utility-bar,
.shopify-section-group-header-group .announcement-bar-section {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  top: -9999px !important;
}

/* Also hide cart notification to be safe */
cart-notification,
.cart-notification-wrapper {
  display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   TL HOME - CRITICAL FIXES
   Urgent visibility and styling fixes
   Last updated: 2026-01-06T22:06:14.867Z
   ═══════════════════════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════════════
   1. TRUST BAR TEXT VISIBILITY
   Fix: White text on light background was invisible
   ══════════════════���════════════════════════════════════════════ */

/* Force dark text on multicolumn/trust bar sections */
.multicolumn-card__info h3,
.multicolumn-card__info .inline-richtext,
.multicolumn-card__info p,
.multicolumn-list__item h3,
.multicolumn-list__item p,
[class*="trust"] h3,
[class*="trust"] p {
  color: var(--tl-charcoal, #1A1A1A) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Stats numbers (500+, 100%, etc) */
.multicolumn-card__info h3.inline-richtext,
.multicolumn-list__item h3 {
  font-size: var(--tl-text-3xl, 2rem) !important;
  font-weight: 300 !important;
  color: var(--tl-charcoal, #1A1A1A) !important;
  margin-bottom: 0.5rem !important;
}

/* Description text under stats */
.multicolumn-card__info p,
.multicolumn-list__item p {
  font-size: var(--tl-text-sm, 0.875rem) !important;
  color: var(--tl-slate, #666666) !important;
  letter-spacing: 0.02em !important;
}

/* ═══════════════════════════════════════════════════════════════
   2. SOCIAL ICONS VISIBILITY IN FOOTER
   Fix: Icons were invisible (no fill color)
   ══════════���════════════════════════════════════════════════════ */

/* Social icons in footer */
.footer__list-social .icon,
.footer .social-icons .icon,
.list-social__link .icon,
.footer__list-social svg,
.list-social svg,
.footer a[href*="facebook"] svg,
.footer a[href*="instagram"] svg,
.footer a[href*="tiktok"] svg,
.footer a[href*="twitter"] svg,
.footer a[href*="pinterest"] svg,
.footer a[href*="youtube"] svg {
  fill: var(--tl-charcoal, #1A1A1A) !important;
  color: var(--tl-charcoal, #1A1A1A) !important;
  width: 24px !important;
  height: 24px !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Social icon hover */
.footer__list-social a:hover .icon,
.list-social__link:hover .icon,
.footer__list-social a:hover svg,
.list-social__link:hover svg {
  fill: var(--tl-gold, #C9A962) !important;
  color: var(--tl-gold, #C9A962) !important;
  transform: scale(1.1);
  transition: all 0.3s ease;
}

/* Social links container */
.footer__list-social,
.list-social {
  display: flex !important;
  gap: 1rem !important;
  align-items: center !important;
}

.list-social__link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  transition: all 0.3s ease !important;
}

/* ═══════════════════════════════════════════════════════════════
   3. NEWSLETTER INPUT STYLING
   Fix: Black input on dark was hard to see
   ════════════════════════════��══════════════════════════════════ */

/* Newsletter form container */
.newsletter-form,
.footer__newsletter,
.newsletter {
  max-width: 400px;
}

/* Email input field */
.newsletter-form__field-wrapper input,
.newsletter input[type="email"],
.footer__newsletter input[type="email"],
input.field__input[type="email"] {
  background: var(--tl-white, #FAFAFA) !important;
  border: 1px solid var(--tl-pearl, #E5E5E5) !important;
  border-radius: 4px !important;
  padding: 14px 16px !important;
  font-size: 14px !important;
  color: var(--tl-charcoal, #1A1A1A) !important;
  transition: border-color 0.3s ease !important;
}

.newsletter-form__field-wrapper input:focus,
.newsletter input[type="email"]:focus {
  border-color: var(--tl-gold, #C9A962) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201, 169, 98, 0.15) !important;
}

.newsletter-form__field-wrapper input::placeholder {
  color: var(--tl-silver, #888888) !important;
}

/* Newsletter button */
.newsletter-form__button,
.newsletter button[type="submit"] {
  background: var(--tl-charcoal, #1A1A1A) !important;
  color: var(--tl-white, #FAFAFA) !important;
  border: none !important;
  padding: 14px 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  transition: background 0.3s ease !important;
}

.newsletter-form__button:hover,
.newsletter button[type="submit"]:hover {
  background: var(--tl-gold, #C9A962) !important;
}

/* ════════════════════���═════════��════════════════════════════════
   4. REMOVE SHOPIFY CHAT BUTTON
   User requested: Keep WhatsApp only
   ════════════���══════════════════════════════════════════════════ */

#ShopifyChat,
.shopify-chat,
#shopify-chat,
.Shopify-Chat,
[class*="shopify-chat"],
[id*="shopify-chat"],
iframe[src*="shopifychat"],
.shopify-section-chat {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   5. PRICE DISPLAY - Remove GBP suffix, format properly
   ═══════════════════════════════════════════════════════════════ */

/* Hide currency code (GBP) after price */
.price .money + .currency-code,
.price__regular .money + span:not(.price-item),
.price-item + .currency-code,
.price span:contains("GBP"),
.price abbr[title="British Pound"] {
  display: none !important;
}

/* Price styling */
.price,
.price__regular,
.price-item--regular {
  font-family: var(--tl-font-body, sans-serif) !important;
  font-size: var(--tl-text-lg, 1.125rem) !important;
  font-weight: 400 !important;
  color: var(--tl-charcoal, #1A1A1A) !important;
  letter-spacing: -0.01em !important;
}

/* "From" prefix for variable pricing */
.price--on-sale .price-item--sale::before,
.price--varies .price-item::before {
  content: "From " !important;
  font-weight: 400 !important;
}

/* Sale prices */
.price--on-sale .price-item--regular {
  text-decoration: line-through !important;
  color: var(--tl-silver, #888888) !important;
  font-size: var(--tl-text-sm, 0.875rem) !important;
}

/* ═════════════════════════════════════════════��═════════════════
   6. VIEW ALL LINKS - Style as subtle buttons
   ═══════════════════════════════════════════════���═══════════════ */

/* View all text links */
.link--text,
a.link--text,
.view-all,
a[href*="/collections"]:not(.button):not(.card__heading),
.collection-list__view-all {
  display: inline-block !important;
  padding: 12px 24px !important;
  font-size: var(--tl-text-sm, 0.875rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  color: var(--tl-charcoal, #1A1A1A) !important;
  border: 1px solid var(--tl-charcoal, #1A1A1A) !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}

.link--text:hover,
a.link--text:hover,
.view-all:hover,
.collection-list__view-all:hover {
  background: var(--tl-charcoal, #1A1A1A) !important;
  color: var(--tl-white, #FAFAFA) !important;
}

/* Underline style for inline links */
.underlined-link {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
  text-decoration-thickness: 1px !important;
}

/* ═════════���═════════════════════════════════════════════════════
   7. WHATSAPP BUTTON - Luxury styling
   ═══════════════════════════════════════��════���══════════════════ */

/* WhatsApp floating button */
.whatsapp-button,
.whatsapp-chat-button,
[class*="whatsapp"],
a[href*="wa.me"],
a[href*="whatsapp"] {
  background: var(--tl-charcoal, #1A1A1A) !important;
  border: 2px solid var(--tl-gold, #C9A962) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
  transition: all 0.3s ease !important;
}

.whatsapp-button:hover,
.whatsapp-chat-button:hover,
[class*="whatsapp"]:hover {
  background: var(--tl-gold, #C9A962) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 25px rgba(201, 169, 98, 0.3) !important;
}

/* WhatsApp icon color */
.whatsapp-button svg,
.whatsapp-chat-button svg,
[class*="whatsapp"] svg {
  fill: var(--tl-gold, #C9A962) !important;
  transition: fill 0.3s ease !important;
}

.whatsapp-button:hover svg,
[class*="whatsapp"]:hover svg {
  fill: var(--tl-white, #FAFAFA) !important;
}

/* ══���════════════════════════════════════════════════════════════
   8. SECTION SPACING - Consistent vertical rhythm
   ══════════════════════════��═══���════════════════════════════��═══ */

/* Main sections */
.shopify-section {
  padding-top: var(--tl-section-md, 4rem) !important;
  padding-bottom: var(--tl-section-md, 4rem) !important;
}

/* First section after header - no top padding */
main#MainContent > .shopify-section:first-child {
  padding-top: 0 !important;
}

/* Section headings */
.section-header,
.title-wrapper {
  margin-bottom: var(--tl-space-xl, 2rem) !important;
  text-align: center;
}

.section-header__title,
.title-wrapper .title {
  font-family: var(--tl-font-display, Georgia, serif) !important;
  font-size: var(--tl-text-3xl, 2rem) !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: var(--tl-space-md, 1rem) !important;
}

/* ══════════════════════════════════════════���════════════════════
   9. HOW IT WORKS SECTION - Fix missing step
   ═══════════════════════════════════════════════════════════════ */

/* Ensure all steps are visible */
.multicolumn-list__item,
.multicolumn-card {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Step numbers styling */
.multicolumn-card__info h3:first-child,
.multicolumn-list__item h3:first-child {
  color: var(--tl-charcoal, #1A1A1A) !important;
  font-size: var(--tl-text-xl, 1.25rem) !important;
  font-weight: 500 !important;
  margin-bottom: 0.75rem !important;
}

/* ═══════════════════════════════════════════════════════════════
   10. FOOTER FIXES
   ═══════════════════════════════════════════════════════════════ */

/* Footer background */
.footer {
  background: var(--tl-ivory, #F5F5F5) !important;
  border-top: 1px solid var(--tl-pearl, #E5E5E5) !important;
}

/* Footer headings */
.footer__title,
.footer-block__heading {
  font-size: var(--tl-text-sm, 0.875rem) !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--tl-charcoal, #1A1A1A) !important;
  margin-bottom: 1rem !important;
}

/* Footer links */
.footer__list-item a,
.footer-block__link {
  color: var(--tl-slate, #666666) !important;
  font-size: var(--tl-text-sm, 0.875rem) !important;
  text-decoration: none !important;
  transition: color 0.3s ease !important;
}

.footer__list-item a:hover,
.footer-block__link:hover {
  color: var(--tl-gold, #C9A962) !important;
}

/* Payment icons */
.footer__payment .payment-icon {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

.footer__payment .payment-icon:hover {
  opacity: 1;
}

/* Copyright text */
.footer__copyright,
.footer__content-bottom {
  font-size: var(--tl-text-xs, 0.75rem) !important;
  color: var(--tl-silver, #888888) !important;
  text-align: center !important;
  padding-top: 2rem !important;
  border-top: 1px solid var(--tl-pearl, #E5E5E5) !important;
  margin-top: 2rem !important;
}

/* ═══════════════════════════════════════════════════════════════
   11. ENSURE ALL CONTENT VISIBLE (Override any opacity animations)
   ���══════════════════════════════════════════════════════════════ */

/* Force visibility on all potentially hidden content */
.banner__content,
.banner__box,
.banner__heading,
.banner__text,
.banner__buttons,
.rich-text__text,
.rich-text__text p,
.multicolumn-list__item,
.multicolumn-card,
.collection-card,
.card,
h1, h2, h3, h4, h5, h6,
p, span, a {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Remove any problematic initial states */
[style*="opacity: 0"],
.animate--slide-in:not(.animate--slide-in-triggered) {
  opacity: 1 !important;
}

/* Hide cart notification completely */
cart-notification,
.cart-notification,
.cart-notification-wrapper,
#cart-notification,
#cart-notification-button,
#cart-notification-form,
.cart-notification__link {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* Hide \\n artifact at top */
body > *:first-child:not(.skip-to-content-link):not(.shopify-section):not(.header-wrapper):not(header):not(div[id]) { position: absolute !important; top: -9999px !important; left: -9999px !important; visibility: hidden !important; font-size: 0 !important; height: 0 !important; overflow: hidden !important; }