/** Shopify CDN: Minification failed

Line 97:18 Unexpected "{"
Line 97:27 Expected ":"
Line 97:33 Unexpected ","

**/
/* ============================================
   Sense for Decor — Conversion Redesign CSS
   Milestone 1: ATC above fold, trust signals, clean price
   ============================================ */

/* --- PRICE BLOCK CLEANUP --- */
/* Hide the old SAVE badge and percent badge — replaced by sfd-save-pill */
.product-tag-sale.product-tag--absolute,
.product-tag-sale {
  display: none !important;
}

/* Single clean save pill */
.sfd-save-pill {
  display: inline-flex;
  align-items: center;
  background: #fdf0eb;
  color: #b5451b;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
  padding: 3px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  vertical-align: middle;
  margin-left: 6px;
}

/* Clean price display */
.product-single__price {
  font-size: 26px;
  font-weight: 700;
  color: #1a1a1a;
}

.product-single__price--compare {
  font-size: 16px;
  color: #999 !important;
}

/* --- TRUST BAR ABOVE ATC --- */
.sfd-trust-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  margin-bottom: 14px;
  background: #f9f8f6;
  border: 1px solid #d8d2c8;
  border-radius: 6px;
}

.sfd-trust-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 8px;
  text-align: center;
}

.sfd-trust-icon {
  width: 22px;
  height: 22px;
  color: #1a1a1a;
  flex-shrink: 0;
  stroke-width: 1.6;
}

.sfd-trust-label {
  font-size: clamp(12px, 3.5vw, 15px);
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-align: center;
}

.sfd-trust-divider {
  width: 1px;
  height: 34px;
  background: #d0cbc2;
  flex-shrink: 0;
  margin: 0 8px;
}

/* --- ATC BUTTON — Senior-optimised: large, clear, easy to tap --- */
.product-form__cart-submit.btn-theme,
button#AddToCart-{{ section.id }},
.product-form__item--submit .btn-theme,
.product-form__item--submit button {
  background: #934B32 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 22px 28px !important;
  min-height: 70px !important;
  transition: background 0.15s, opacity 0.15s !important;
  line-height: 1.2 !important;
}

/* Belt-and-suspenders: target the span inside the button too */
.product-form__item--submit .btn-theme span,
.product-form__item--submit button span {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
}

.product-form__cart-submit.btn-theme:hover {
  background: #cc5f00 !important;
  opacity: 1 !important;
}

/* Remove the old outlined style from payment button variant */
.product-form__cart-submit--outline.btn-theme {
  background: #934B32 !important;
  border: none !important;
}

/* Remove quantity input — not needed for this product type */
.product-form__item--quantity {
  display: none !important;
}

/* Full width ATC since quantity removed */
.product-form__item--submit {
  flex: 1 !important;
  max-width: 100% !important;
}

/* --- FINISH SELECTOR COMPACT (Milestone 2 will fully rebuild) --- */
/* Reduce the massive Artist Hand-Embellished card footprint */
.finish-selector-wrap .finish-option-detail-image {
  max-height: 140px;
  overflow: hidden;
}

/* --- MOBILE OPTIMISATIONS --- */
@media (max-width: 767px) {
  /* Tighten spacing on mobile for fold efficiency */
  .product-block {
    margin-bottom: 12px !important;
  }

  .product-single__title {
    font-size: 22px;
  }

  .product-single__meta-price {
    margin-bottom: 8px;
  }

  /* Trust bar — tighter padding on mobile, keep horizontal */
  .sfd-trust-bar {
    padding: 11px 12px;
    margin-bottom: 12px;
  }

  .sfd-trust-item {
    gap: 5px;
  }

  .sfd-trust-icon {
    width: 18px;
    height: 18px;
  }

  .sfd-trust-divider {
    margin: 0 3px;
    height: 28px;
  }
}

/* ════════════════════════════════════════════════════════════
   SIZE / VARIANT SELECTOR — Brand-aligned chip redesign
   ════════════════════════════════════════════════════════════

   Problem: theme.css hardcodes teal (#368f99) at 50% opacity
   for the selected chip and hides text behind the ::after layer.

   Fix: put the gold background on the label itself (text renders
   correctly above it), use ::after only for border — no teal,
   no opacity wash, no hidden text.
   ════════════════════════════════════════════════════════════ */

/* Option label row */
.selector-wrapper label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  letter-spacing: 0 !important;
  margin-bottom: 8px !important;
}

/* Size option label — "Canvas Size (in inches): 30W x 40H" */
.selector-wrapper label:not(.label--hidden) {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #1a1a1a !important;
  display: block !important;
  margin-bottom: 8px !important;
  line-height: 1.3 !important;
}

/* The dynamically updated selected value ("30W x 40H") — teal */
.selector-wrapper label .js-swatch-display,
[class*="js-swatch-display"] {
  color: #368f99 !important;
  font-weight: 800 !important;
  font-size: 17px !important;
}

/* ══════════════════════════════════════════════════════
   SIZE CHIPS — :not(.single-color) keeps color swatches
   completely unaffected (they set inline background-color)
   ══════════════════════════════════════════════════════ */

/* Size chips: one row on desktop, 2-column grid on mobile */
.single-option-radio:not(.single-color) {
  white-space: normal;
  overflow: visible;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
}
@media (max-width: 640px) {
  .single-option-radio:not(.single-color) {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    flex-wrap: unset !important;
  }
  .single-option-radio:not(.single-color) label {
    flex: unset !important;
    min-width: unset !important;
    width: 100% !important;
  }
}

/* Each chip — auto width, wraps to next row if needed */
.single-option-radio:not(.single-color) label {
  flex: 1 1 auto !important;
  min-width: fit-content !important;
  background-color: #faf8f5 !important;
  color: #1a1a1a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 8px !important;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
  height: 42px !important;
  padding: 0 4px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  text-align: center !important;
  overflow: visible !important;
}

.single-option-radio:not(.single-color) label:after {
  box-shadow: inset 0 0 0 1.5px rgba(0,0,0,0.15) !important;
  border-radius: 8px !important;
  background-color: transparent !important;
  opacity: 1 !important;
}

/* Selected size chip — teal bg, white text */
.single-option-radio:not(.single-color) input[type="radio"]:checked + label {
  background-color: #368f99 !important;
  color: #ffffff !important;
}

.single-option-radio:not(.single-color) input[type="radio"]:checked + label:after {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 2px #368f99 !important;
  opacity: 1 !important;
}

/* Hover on unselected size chip */
.single-option-radio:not(.single-color) input[type="radio"]:not(:checked):not(:disabled) + label:hover {
  background-color: #e8f5f6 !important;
}

.single-option-radio:not(.single-color) input[type="radio"]:not(:checked):not(:disabled) + label:hover:after {
  box-shadow: inset 0 0 0 1.5px #368f99 !important;
}

/* Disabled / sold-out size chip */
.single-option-radio:not(.single-color) input[type="radio"]:disabled + label,
.single-option-radio:not(.single-color) label.disabled {
  opacity: 0.38 !important;
  cursor: not-allowed !important;
}

/* ══════════════════════════════════════════════════════
   COLOR SWATCHES — premium circles, correct colours, gold ring
   ══════════════════════════════════════════════════════ */

/* CSS "brown" = #a52a2a (dark red) — override to real warm brown */
label.st-color-brown { background-color: #8B4513 !important; }

/* Color swatch row: horizontal, wrapping, with room for selection ring */
.single-option-radio.single-color {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  overflow: visible !important;
  padding: 6px 0 6px 6px !important;
  gap: 10px !important;
}

/* Swatch circles */
.single-option-radio.single-color label {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1.5px solid rgba(0,0,0,0.08) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
  cursor: pointer;
  flex-shrink: 0 !important;
  margin: 0 !important;
}

@media (max-width: 640px) {
  .single-option-radio.single-color {
    gap: 8px !important;
    padding: 6px 0 6px 6px !important;
  }
  .single-option-radio.single-color label {
    width: 32px !important;
    height: 32px !important;
  }
}

.single-option-radio.single-color label:hover {
  transform: scale(1.1) !important;
}

/* ::after used ONLY as the selected ring — must be circular */
.single-option-radio.single-color label:after {
  border-radius: 50% !important;
  top: -5px !important;
  right: -5px !important;
  bottom: -5px !important;
  left: -5px !important;
  background-color: transparent !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Selected: white gap + gold ring, perfectly circular */
.single-option-radio.single-color input[type="radio"]:checked + label {
  border-color: transparent !important;
}

.single-option-radio.single-color input[type="radio"]:checked + label:after {
  border-radius: 50% !important;
  background-color: transparent !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 2.5px #fff, 0 0 0 5px #368f99 !important;
}

/* Unselected: subtle border ring only */
.single-option-radio.single-color input[type="radio"]:not(:checked) + label:after {
  border-radius: 50% !important;
  box-shadow: none !important;
  opacity: 1 !important;
  background-color: transparent !important;
}

/* ══════════════════════════════════════════════════════
   COLOR NAME → HEX MAPPINGS
   Shopify handleizes colour names: "Tan Brown" → tan-brown
   CSS ignores invalid colour names, so these classes fix it.
   Add any missing colours the client uses below.
   ══════════════════════════════════════════════════════ */

/* Multi-word browns / neutrals */
label.st-color-tan-brown      { background-color: #b5936b !important; }
label.st-color-dark-brown     { background-color: #4a2c0a !important; }
label.st-color-light-brown    { background-color: #c4956a !important; }
label.st-color-chocolate-brown{ background-color: #5c3317 !important; }
label.st-color-warm-white     { background-color: #f5f0e8 !important; }
label.st-color-off-white      { background-color: #f3ede3 !important; }
label.st-color-cream          { background-color: #f2e8d5 !important; }
label.st-color-ivory          { background-color: #fffff0 !important; }
label.st-color-beige          { background-color: #f5f0dc !important; }

/* Reds / Burgundy */
label.st-color-burgundy       { background-color: #7b1c2a !important; }
label.st-color-wine           { background-color: #722f37 !important; }
label.st-color-dark-red       { background-color: #8b0000 !important; }
label.st-color-maroon         { background-color: #800000 !important; }
label.st-color-rose           { background-color: #ff007f !important; }
label.st-color-dusty-rose     { background-color: #dcb4b4 !important; }
label.st-color-blush          { background-color: #f4c2c2 !important; }

/* Blues */
label.st-color-midnight-blue  { background-color: #191970 !important; }
label.st-color-navy           { background-color: #001f5b !important; }
label.st-color-navy-blue      { background-color: #1a2d6b !important; }
label.st-color-light-blue     { background-color: #add8e6 !important; }
label.st-color-sky-blue       { background-color: #87ceeb !important; }
label.st-color-baby-blue      { background-color: #89cff0 !important; }
label.st-color-royal-blue     { background-color: #4169e1 !important; }
label.st-color-cobalt         { background-color: #0047ab !important; }

/* Greens */
label.st-color-forest-green   { background-color: #228b22 !important; }
label.st-color-dark-green     { background-color: #006400 !important; }
label.st-color-sage           { background-color: #87ae73 !important; }
label.st-color-sage-green     { background-color: #77a36a !important; }
label.st-color-olive          { background-color: #808000 !important; }
label.st-color-mint-green     { background-color: #98ff98 !important; }
label.st-color-emerald        { background-color: #50c878 !important; }

/* Greys / Charcoal */
label.st-color-charcoal       { background-color: #36454f !important; }
label.st-color-dark-grey      { background-color: #404040 !important; }
label.st-color-light-grey     { background-color: #d3d3d3 !important; }
label.st-color-slate-grey     { background-color: #708090 !important; }
label.st-color-warm-grey      { background-color: #9e9e9e !important; }

/* Purples */
label.st-color-lavender       { background-color: #e6e6fa !important; }
label.st-color-purple         { background-color: #800080 !important; }
label.st-color-dark-purple    { background-color: #4b0082 !important; }
label.st-color-mauve          { background-color: #e0b0ff !important; }
label.st-color-plum           { background-color: #dda0dd !important; }

/* Warm / Gold */
label.st-color-gold           { background-color: #c89b3e !important; }
label.st-color-champagne      { background-color: #f7e7ce !important; }
label.st-color-caramel        { background-color: #c68642 !important; }
label.st-color-rust           { background-color: #b7410e !important; }
label.st-color-terracotta     { background-color: #e2725b !important; }

/* --- ESTIMATED DELIVERY BAR --- */
.product-form__quantity-submit .estimated-delivery {
  font-size: 12px;
  color: #777;
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 10px;
}

/* --- VERIFIED BUYERS BLOCK — COLLAPSE GAP TO STARS --- */
.product-block:has(.sfd-vb) {
  margin-bottom: 4px !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
}

/* --- PRODUCT TITLE --- */
.product-single__meta .product-single__title {
  font-size: 19px !important;
  line-height: 1.25 !important;
}
@media (max-width: 640px) {
  .product-single__meta .product-single__title {
    font-size: 19px !important;
  }
}

/* --- STARS — YELLOW --- */
.product-single__meta .jdgm-star,
.product-single__meta .jdgm-prev-badge__stars .jdgm-star,
.product-single__meta [class*="jdgm"] .jdgm-star {
  color: #F5A623 !important;
}
/* Loox star rating widget */
.loox-rating svg,
.loox-rating__star svg,
[class*="loox"] svg[class*="star"],
[class*="loox"] .star {
  fill: #F5A623 !important;
  color: #F5A623 !important;
}

/* --- DESCRIPTION ACCORDION — exact FAQ style --- */

/* Ensure content hides without Bootstrap */
.product-single__meta .accordion .tab-content {
  display: none;
}
.product-single__meta .accordion .tab-content.sfd-open {
  display: block;
}

.product-single__meta .accordion {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Trigger row — matches FAQ item */
.product-single__meta .accordion .tabcustom {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 0 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #1a1a1a !important;
  border-top: 1px solid #e8e0d0 !important;
  border-bottom: 1px solid #e8e0d0 !important;
  background: none !important;
  cursor: pointer !important;
  width: 100% !important;
  position: static !important;
  line-height: 1.4 !important;
}

/* Kill both theme pseudo-element bars */
.product-single__meta .accordion .tabcustom::before,
.product-single__meta .accordion .tabcustom::after {
  display: none !important;
  content: none !important;
}

/* Override theme's .tabcustom svg { width:24px } — our icon SVG must stay 10×10 */
.product-single__meta .accordion .tabcustom .sfd-desc-icon svg {
  width: 10px !important;
  height: 10px !important;
  margin-right: 0 !important;
  stroke-width: 2px !important;
}

/* Content area */
.product-single__meta .accordion .tab-content .py-3 {
  padding-top: 0 !important;
  padding-bottom: 16px !important;
}
.product-single__meta .accordion .tab-content p,
.product-single__meta .accordion .tab-content li {
  font-size: 13.5px !important;
  color: #4a3f30 !important;
  line-height: 1.7 !important;
}
.product-single__meta .accordion .tab-content strong {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

/* Remove bottom border on description block to merge with FAQ border-top */
.product-block:has(.accordion) {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Collapse top padding of FAQ section so it sits flush below description */
.sfd-faq-section .sfd-faq,
.sfd-faq {
  padding-top: 0 !important;
}
.sfd-faq__list {
  border-top: none !important;
}
.sfd-faq__item:first-child {
  border-top: 1px solid #e8e0d0 !important;
}