/** Shopify CDN: Minification failed

Line 72:8 Unexpected "{"
Line 72:17 Expected ":"

**/
/* =============================================================
   GRINGA LABEL â€” Product Page Styles
   File: assets/gringa-product.css

   HOW TO INSTALL:
   1. Upload to assets/ in your theme
   2. Add to layout/theme.liquid inside <head>, after gringa-global.css:
      {{ 'gringa-product.css' | asset_url | stylesheet_tag }}
   ============================================================= */


/* â”€â”€ 1. PRODUCT LAYOUT â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.product__info-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Remove Dawn's default link at the bottom */
.product__view-details {
  display: none;
}

/* Page-level padding */
.section-main-product .page-width {
  padding-top: 2rem;
  padding-bottom: 4rem;
}


/* â”€â”€ 2. PRODUCT TITLE â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.product__title h1,
.product__title .h1 {
  font-family: var(--font-display);
  font-size: clamp(26px, 3.5vw, 40px);
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--gringa-charcoal);
  line-height: 1.1;
  margin-bottom: 0.75rem;
}

/* Remove the duplicate h2 Dawn renders inside .product__title */
.product__title a.product__title {
  display: none;
}

/* Vendor / eyebrow above title */
.product__vendor,
.product__text.caption-with-letter-spacing {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--gringa-saddle);
  margin-bottom: 0.5rem;
  display: block;
}


/* â”€â”€ 3. PRICE â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

#price-{{ section.id }} .price--large .price-item--regular {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 400;
  color: var(--gringa-charcoal);
}

.price--large {
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 400;
  color: var(--gringa-charcoal);
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--gringa-sand);
  margin-bottom: 1.25rem;
}

.price--large .price-item--sale {
  color: var(--gringa-charcoal);
}

.price--large .price-item--regular.price-item--last {
  color: var(--gringa-tan);
  font-size: 15px;
  text-decoration: line-through;
}

/* Tax / shipping note */
.product__tax {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 300;
  color: var(--gringa-saddle);
  margin-top: 0.4rem;
}

.product__tax a {
  color: var(--gringa-saddle);
  text-decoration: underline;
  text-underline-offset: 3px;
}


/* â”€â”€ 4. STOCK / INVENTORY INDICATOR â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.product__inventory {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

/* Override Dawn's coloured SVG dots with our own */
.product__inventory .svg-wrapper {
  display: flex;
  align-items: center;
}

.product__inventory .svg-wrapper svg {
  width: 8px;
  height: 8px;
}

/* Low stock â€” warm amber */
.product__inventory:has(.svg-wrapper[style*="238, 148"]) {
  color: #C8853A;
}

/* In stock â€” muted sage */
.product__inventory:has(.svg-wrapper[style*="62, 214"]) {
  color: #6B9E6B;
}

/* Out of stock */
.product__inventory:has(.svg-wrapper[style*="200, 200"]) {
  color: var(--gringa-tan);
}


/* â”€â”€ 5. VARIANT PICKER (SIZE BUTTONS) â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

/* Label above size buttons */
.product-form__label,
.variant-picker .form__label {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--gringa-charcoal);
  margin-bottom: 0.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Size guide link inside label */
.gringa-size-guide-trigger {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 0.1em;
  color: var(--gringa-saddle);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

/* Size variant buttons */
.swatch-input + .swatch-label,
.variant-input-wrap label {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 400;
  color: var(--gringa-charcoal);
  border: 1px solid var(--gringa-sand);
  border-radius: 0;
  padding: 9px 16px;
  min-width: 44px;
  text-align: center;
  cursor: pointer;
  transition: all 0.22s ease;
  background: var(--gringa-white);
}

.swatch-input + .swatch-label:hover {
  border-color: var(--gringa-charcoal);
}

/* Selected */
.swatch-input:checked + .swatch-label {
  background: var(--gringa-charcoal);
  border-color: var(--gringa-charcoal);
  color: var(--gringa-cream);
}

/* Sold out / unavailable */
.swatch-input:disabled + .swatch-label,
.swatch-input[data-variant-unavailable] + .swatch-label {
  color: var(--gringa-tan);
  border-color: var(--gringa-sand);
  cursor: not-allowed;
  text-decoration: line-through;
  opacity: 0.5;
}

/* Product form button spacing */
.product-form__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1.25rem;
  margin-bottom: 1.5rem;
}

/* Add to cart button */
.product-form__cart-submit {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  background: var(--gringa-charcoal);
  color: var(--gringa-cream);
  border: 1px solid var(--gringa-charcoal);
  border-radius: 0;
  padding: 16px 32px;
  width: 100%;
  cursor: pointer;
  transition: background 0.25s ease, border-color 0.25s ease;
}

.product-form__cart-submit:hover:not([disabled]) {
  background: var(--gringa-saddle);
  border-color: var(--gringa-saddle);
}

.product-form__cart-submit[disabled] {
  background: var(--gringa-sand);
  border-color: var(--gringa-sand);
  color: var(--gringa-tan);
  cursor: not-allowed;
}

/* Dynamic checkout buttons (Shop Pay etc) */
.shopify-payment-button__button {
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 11px !important;
  letter-spacing: 0.14em !important;
}

/* Quantity input */
.quantity {
  border: 1px solid var(--gringa-sand);
  border-radius: 0;
}

.quantity__button {
  color: var(--gringa-charcoal);
}

.quantity__input {
  font-family: var(--font-body);
  font-size: 14px;
  color: var(--gringa-charcoal);
}


/* â”€â”€ 6. ACCORDIONS / COLLAPSIBLE TABS â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.product__accordion,
.product__accordion.accordion {
  border-top: 1px solid var(--gringa-sand);
}

.product__accordion + .product__accordion,
.product__accordion + .product__accordion.accordion {
  border-top: none;
}

.product__accordion details {
  border-bottom: 1px solid var(--gringa-sand);
}

.product__accordion summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
  cursor: pointer;
  list-style: none;
}

.product__accordion summary::-webkit-details-marker {
  display: none;
}

/* Accordion title */
.product__accordion .accordion__title,
.product__accordion .h4.accordion__title {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--gringa-charcoal);
}

/* Dawn's caret icon */
.product__accordion .icon-caret {
  width: 14px;
  height: 14px;
  stroke: var(--gringa-saddle);
  transition: transform 0.25s ease;
  flex-shrink: 0;
}

.product__accordion details[open] > summary .icon-caret {
  transform: rotate(180deg);
}

/* Accordion content */
.product__accordion .accordion__content {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--gringa-charcoal);
  padding: 0.75rem 0 1.5rem;
}

.product__accordion .accordion__content p {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 300;
  color: var(--gringa-charcoal);
  line-height: 1.85;
}

/* Icon beside accordion title (ruler, shirt etc) */
.product__accordion .icon-accordion {
  width: 16px;
  height: 16px;
  stroke: var(--gringa-saddle);
  margin-right: 0.5rem;
  flex-shrink: 0;
}

.product__accordion .summary__title {
  display: flex;
  align-items: center;
  gap: 0;
}

/* Open state â€” highlight title */
.product__accordion details[open] > summary .accordion__title {
  color: var(--gringa-saddle);
}


/* â”€â”€ 7. SIZE CHART TABLE (inside accordion content) â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.gringa-size-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.75rem;
}

.gringa-size-table caption {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 300;
  color: var(--gringa-saddle);
  text-align: left;
  margin-bottom: 0.5rem;
  caption-side: top;
  padding-bottom: 0.5rem;
}

.gringa-size-table th {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gringa-saddle);
  padding: 8px 12px;
  border-bottom: 1px solid var(--gringa-sand);
  text-align: left;
  background: var(--gringa-cream);
}

.gringa-size-table td {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 300;
  color: var(--gringa-charcoal);
  padding: 8px 12px;
  border-bottom: 1px solid var(--gringa-sand);
}

.gringa-size-table tr:last-child td {
  border-bottom: none;
}

.gringa-size-table tr:hover td {
  background: var(--gringa-cream);
}

.gringa-size-note {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 300;
  color: var(--gringa-saddle);
  line-height: 1.6;
  margin-bottom: 0.75rem;
  font-style: italic;
}


/* â”€â”€ 8. TRUST STRIP â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.gringa-trust-strip {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  background: var(--gringa-sand);
  margin-bottom: 1.5rem;
}

.gringa-trust-item {
  text-align: center;
  padding: 1rem 0.75rem;
  border-right: 1px solid rgba(0,0,0,0.06);
}

.gringa-trust-item:last-child {
  border-right: none;
}

.gringa-trust-item svg {
  width: 18px;
  height: 18px;
  stroke: var(--gringa-saddle);
  fill: none;
  stroke-width: 1.4;
  margin: 0 auto 0.4rem;
  display: block;
}

.gringa-trust-text {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: var(--gringa-charcoal);
  line-height: 1.4;
}


/* â”€â”€ 9. PRODUCT DESCRIPTION â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.product__description {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  line-height: 1.9;
  color: var(--gringa-charcoal);
  margin-bottom: 1.5rem;
}

.product__description p {
  margin-bottom: 0.75rem;
}

.product__description p:last-child {
  margin-bottom: 0;
}

.product__description ul,
.product__description ol {
  padding-left: 1.25rem;
  margin-bottom: 0.75rem;
}

.product__description li {
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 300;
  color: var(--gringa-charcoal);
  line-height: 1.8;
  margin-bottom: 0.25rem;
}


/* â”€â”€ 10. RATING BLOCK â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

.rating-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.rating-star {
  --star-size: 14px;
}

.rating-text.caption,
.rating-count.caption {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 300;
  color: var(--gringa-tan);
}


/* â”€â”€ 11. REVIEWS SECTION â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

/* Shopify Product Reviews app */
.shopify-product-reviews,
#shopify-product-reviews {
  margin-top: 3rem;
  padding-top: 2.5rem;
  border-top: 1px solid var(--gringa-sand);
}

.spr-header-title {
  font-family: var(--font-display);
  font-size: clamp(22px, 3vw, 32px);
  font-weight: 400;
  letter-spacing: 0.05em;
  color: var(--gringa-charcoal);
  margin-bottom: 1.5rem;
}

.spr-summary-starrating {
  color: var(--gringa-saddle);
}

.spr-summary-caption,
.spr-summary-actions-newreview {
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 300;
  color: var(--gringa-saddle);
}

.spr-review {
  border-bottom: 1px solid var(--gringa-sand);
  padding: 1.5rem 0;
}

.spr-review:last-child {
  border-bottom: none;
}

.spr-review-header-starratings {
  color: var(--gringa-saddle);
  margin-bottom: 0.4rem;
}

.spr-review-header-title {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 400;
  color: var(--gringa-charcoal);
  margin-bottom: 0.3rem;
  letter-spacing: 0.02em;
}

.spr-review-header-byline {
  font-family: var(--font-body);
  font-size: 11px;
  font-weight: 300;
  color: var(--gringa-tan);
  margin-bottom: 0.75rem;
}

.spr-review-header-byline strong {
  color: var(--gringa-charcoal);
  font-weight: 500;
}

.spr-review-content p {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 300;
  line-height: 1.85;
  color: var(--gringa-charcoal);
}

/* Write a review / submit button */
.spr-button,
.spr-button-primary {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  background: var(--gringa-charcoal);
  color: var(--gringa-cream);
  border: 1px solid var(--gringa-charcoal);
  border-radius: 0;
  padding: 12px 28px;
  cursor: pointer;
  transition: background 0.25s ease;
}

.spr-button:hover,
.spr-button-primary:hover {
  background: var(--gringa-saddle);
  border-color: var(--gringa-saddle);
}

.spr-form-input,
.spr-form-input-text,
.spr-form-input-textarea {
  font-family: var(--font-body);
  font-size: 13px;
  font-weight: 300;
  border: 1px solid var(--gringa-sand);
  border-radius: 0;
  color: var(--gringa-charcoal);
  padding: 10px 14px;
}

.spr-form-input:focus,
.spr-form-input-text:focus,
.spr-form-input-textarea:focus {
  border-color: var(--gringa-charcoal);
  outline: none;
}

.spr-form-label {
  font-family: var(--font-body);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gringa-charcoal);
}

.spr-icon-star,
.spr-icon-star-empty,
.spr-icon-star-half {
  color: var(--gringa-saddle);
}

/* Review summary bar */
.spr-summary {
  background: var(--gringa-sand);
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.spr-summary-starrating .spr-starrating {
  font-size: 20px;
}


/* â”€â”€ 12. PRODUCT MEDIA / GALLERY â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

/* Thumbnail strip */
.product__media-list .product__media-item:not(.product__media-item--full) {
  border: 1px solid transparent;
  transition: border-color 0.2s ease;
  cursor: pointer;
}

.product__media-list .product__media-item:not(.product__media-item--full):hover {
  border-color: var(--gringa-tan);
}

.product__media-list .product__media-item.is-active {
  border-color: var(--gringa-charcoal);
}


/* â”€â”€ 13. MOBILE â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€â”€ */

@media screen and (max-width: 749px) {
  .product__title h1 {
    font-size: 26px;
  }

  .price--large {
    font-size: 20px;
  }

  .gringa-trust-strip {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .gringa-trust-item {
    border-right: none;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
  }

  .gringa-trust-item:last-child {
    border-bottom: none;
  }

  .gringa-trust-item svg {
    margin: 0;
    flex-shrink: 0;
  }
}