/** Shopify CDN: Minification failed

Line 152:2 Expected ":"
Line 153:2 Expected ":"

**/
/* Uplift Fine Art - Window Fleur Style UI */

.product-info-poster.wf-style {
  /*
  ==============================================================
  HOW TO ADJUST BORDER THICKNESS:
  Change the value below to make the button borders thicker or thinner.
  - 1px is standard/thin
  - 2px is bolder
  ==============================================================
  */
  --button-border-thickness: 1px; /* <-- EDIT THIS VALUE */

  background: transparent;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: #1b1b1b;
}

/* Title & Vendor */
.product-title-main { font-family: Georgia, serif; font-size: 1.875rem; font-weight: 400; line-height: 1.2; margin: 0 0 0.5rem 0; color: #1b1b1b; }
.product-vendor-line { font-size: 1rem; margin: 0.25rem 0 1.5rem 0; color: #1b1b1b; }

/* Description with "Read More" */
.product-description-wrapper { margin: 0 0 1rem 0; }
.product-description { font-family: 'Lato', sans-serif; font-size: 0.95rem; line-height: 1.6; color: #4a4a4a; max-width: 46ch; max-height: 4.8em; overflow: hidden; transition: max-height 0.3s ease-out; }
.product-description.is-expanded { max-height: 1000px; }
.read-more-btn { background: none; border: none; padding: 0.25rem 0 0 0; font-weight: 600; font-size: 0.9rem; color: #1b1b1b; cursor: pointer; text-decoration: underline; }

/* Divider */
.divider-line { border: none; border-top: 1px solid #e0e0e0; margin: 1.25rem 0; }

/* Feature badges */
.feature-badges { display: flex; gap: 1rem; font-size: 0.875rem; color: #4a4a4a; margin: 1rem 0; }
.badge { display: inline-flex; align-items: center; gap: 0.5rem; }
.badge-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #203E34; flex-shrink: 0; }

/* Form sections */
.product-form { display: flex; flex-direction: column; gap: 1.5rem; }
.option-section { display: flex; flex-direction: column; gap: 0.75rem; }
.option-label { font-weight: 600; font-size: 0.9rem; color: #1b1b1b; text-transform: uppercase; letter-spacing: 0.02em; }

/* FRAME SELECTOR */
.frame-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; }
.frame-button { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; border: var(--button-border-thickness) solid #dcdcdc; background: transparent; padding: 0.75rem; cursor: pointer; transition: all 0.15s ease; position: relative; }
.frame-button:hover { border-color: #999; }
.frame-button[data-selected="true"] {
  border-color: #203E34;
  background: transparent; /* Changed from #f9f9f9 to transparent */
}
.frame-button-content { display: flex; align-items: center; gap: 0.75rem; }
.frame-swatch { display: block; width: 32px; height: 32px; border-radius: 0; border: 1px solid #999; flex-shrink: 0; }
.frame-label { font-size: 0.875rem; font-weight: 500; color: #1b1b1b; }
.frame-selected-label { font-size: 0.8rem; font-weight: 400; color: #555; display: none; }
.frame-button[data-selected="true"] .frame-selected-label { display: block; }
.frame-swatch[data-frame="no-frame"] { background: #dcdcdc; border-color: #999; }
.frame-swatch[data-frame="oak"], .frame-swatch[data-frame="natural-oak"] { background-image: var(--oak-frame-texture, #c8a679); background-size: cover; border-color: #8a6945; }
.frame-swatch[data-frame="black"] { background: #111111; border-color: #111111; }
.frame-swatch[data-frame="white"] { background: #f3f3f3; border-color: #cfcfcf; }

/* Spacing Adjustments */
.size-option-section { margin-top: 0rem; }
.purchase-controls { margin-top: 0rem; display: flex; gap: 0.75rem; align-items: center; }

/* SIZE SELECTOR */
.size-grid { display: flex; flex-wrap: wrap; gap: 0.75rem; }
.size-button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.1rem; border: var(--button-border-thickness) solid #dcdcdc; background: transparent; padding: 0.5rem 0.1rem; height: 3.5rem; cursor: pointer; transition: all 0.15s ease; position: relative; width: calc((100% - 1.5rem) / 3); flex-grow: 0; }
.size-button:hover { border-color: #999; }
.size-button[data-selected="true"] {
  border-color: #203E34;
  background: transparent; /* Changed from #f9f9f9 to transparent */
}
.size-number { font-weight: 600; font-size: 0.8rem; color: #1b1b1b; }
.size-unit { font-size: 0.7rem; color: #999; font-weight: 400; }

/* PURCHASE CONTROLS */
.quantity-control { display: flex; align-items: center; border: var(--button-border-thickness) solid #dcdcdc; height: 44px; }
.qty-btn { width: 40px; height: 100%; border: none; background: transparent; cursor: pointer; font-size: 1.1rem; font-weight: 400; color: #555; transition: background 0.15s ease; }
.qty-btn:hover { background: #f0f0f0; }
.qty-input {
  width: 35px;
  height: 100%;
  border: none;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
  color: #1b1b1b;
  -moz-appearance: textfield;
  background: transparent; /* <-- ADD THIS LINE */
}
.qty-input::-webkit-outer-spin-button, .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.add-to-cart-btn { flex: 1; height: 44px; background: #203E34; color: white; border: none; cursor: pointer; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; transition: background 0.15s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0 1rem; }
.add-to-cart-btn:hover { background: #1a3128; }

/* Stock info */
.stock-info { font-size: 0.75rem; color: #666; margin-top: 0rem; text-align: center; }

/*
==============================================================
CUSTOM STYLES FOR ETSY BANNER (Corrected Version)
- Targets the correct class names from your snippet.
==============================================================
*/
.custom-etsy-banner-container {
  background-color: #203E34; /* Same dark green as Add to Cart button */
  padding: 8px 15px;
  margin-bottom: 2rem;
}

.custom-etsy-banner-container .custom-etsy-banner-link {
  color: #FFFFFF !important; /* Sets the text and stars to white */
  text-decoration: none;     /* Removes the default link underline */
  display: block;            /* Ensures the link fills the banner area */
  text-align: center;
}

/*
==============================================================
POSTER PAGE FIX: PREVENT PRODUCT IMAGE FROM OVERLAPPING HEADER
- This ensures the sticky header always stays on top when scrolling.
================================G==============================
*/

/* Force the header to have a high stacking order */
#shopify-section-header {
  z-index: 50 !important;
}

/* Force the product gallery on the poster page to have a low stacking order */
.shopify-section--main-product-poster .product-gallery {
  position: relative; /* This is required for z-index to work */
  z-index: 1;
}

/* Style for the clickable vendor link */
.product-vendor-link {
  display: inline-block;
  margin: 0.25rem 0 1rem 0;  /* Reduced bottom margin from 1.5rem to 1rem */
  padding: 0;
  text-decoration: none; /* Removes the underline */
}

/* New CSS: Hide 'Selected' label on mobile devices (screens up to 999px) */
@media screen and (max-width: 999px) {
  .frame-button .frame-selected-label {
    display: none;
  }
}