/* ==========================================================================
   Optimized custom CSS
   - Duplicate per-template selectors merged with :is() + native nesting
     (specificity is unchanged: :is() takes the ID's specificity)
   - Unused Barlow Condensed utility classes removed
   - `transition: all` replaced with specific properties
   - Duplicate / dead rules removed
   Fonts: load ONLY the weights used below (see <head> snippet in notes):
   Barlow Condensed 700, 800, 900 and italic 500, with display=swap
   ========================================================================== */

/* ---------- Product page: main-product (both templates) ---------- */
:is(
  #shopify-section-template--28838685409559__main-product,
  #shopify-section-template--28838685376791__main-product
) {
  --cream: #F4EDE0;
  --ash: #1A1413;
  --border: rgba(122, 46, 42, 0.4);
  --mural-red-glow: #7A2E2A;
  --font: "Barlow Condensed", sans-serif;

  & .field.variant-wrapper {
    background: #fff;
  }

  & .page-width {
    background: #111;
  }

  /* Variant buttons */
  & .custom-btn-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  & .custom-btn-card {
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid var(--border);
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
  }

  & .custom-btn-card a {
    display: block;
    padding: 18px 24px;
    background: none !important;
    color: #fff !important;
    font: 700 16px var(--font) !important;
    text-decoration: none !important;
    transition: color .2s ease;
  }

  & .custom-btn-card:hover,
  & .custom-btn-card.selected {
    background: rgba(122, 46, 42, 0.15);
    border-color: var(--mural-red-glow);
    box-shadow: inset 0 0 30px rgba(122, 46, 42, 0.15);
  }

  & .custom-btn-card:hover a,
  & .custom-btn-card.selected a {
    color: var(--cream) !important;
  }

  /* Title / price / text */
  & .heading {
    font-family: var(--font) !important;
    font-weight: 900;
    font-size: 34px;
    line-height: 1.02;
    color: #f4ede0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    margin-bottom: 8px;
  }

  & .price__regular {
    font-family: var(--font) !important;
    font-weight: 800;
    font-size: 38px;
    line-height: 1;
    color: #f4ede0 !important;
  }

  & .text-base {
    font-family: var(--font) !important;
    font-weight: 500;
    font-style: italic;
    font-size: 18px;
    letter-spacing: 0.02em;
    color: #f4ede0;
    margin-bottom: 24px;
  }

  & .product__title.with-price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  & .product__price {
    align-self: unset;
  }

  & .quantity {
    border: 1px solid #f4ede0;
    border-radius: 0;
    background: rgba(244, 237, 224, 0.03);
    color: #f4ede0;
  }

  /* Add to cart + buy now */
  & button.product-form__submit.button.button--primary.button--fixed.grow {
    background: rgba(244, 237, 224, 0.03);
    color: #f4ede0;
    border-radius: 0;
  }

  & .btn-loader {
    color: #fff !important;
    z-index: 30;
  }

  & .restock-rocket-button {
    border-radius: 0;
  }

  & .button::after {
    background-color: #7a2e2a !important;
    border: 1px solid #9e3d38;
    border-radius: 0;
    transition: background-color .3s ease, border-color .3s ease;
  }

  & .button:hover::after {
    background-color: #a33d37 !important;
    border-color: #c24d47 !important;
  }

  & #gokwik-buy-now {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding: 16px;
    background: transparent;
    color: #c4a87a !important;
    border: 1px solid #c4a87a;
    border-radius: 0;
    font-family: var(--font);
    font-weight: 800;
    font-size: 15px;
    line-height: 14.5726px;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    cursor: pointer;
    transition: background-color .2s, color .2s;
  }

  & #gokwik-buy-now:hover {
    background: #c4a87a;
    color: #171717;
  }

  /* Light text */
  & .flex.justify-between.items-center,
  & .jdgm-prev-badge__text,
  & .text-sm {
    color: #fff;
  }

  /* Hidden sticky card (better: remove the block in the theme editor) */
  & .product-sticky-form__card {
    display: none !important;
  }

  @media (max-width: 600px) {
    & .heading { font-size: 28px; }
    & .price__regular { font-size: 26px; }
  }
}

/* ---------- Product details section ---------- */
:is(
  #shopify-section-template--28838685409559__product_details_KnXXB3,
  #shopify-section-template--28838685376791__product_details_KnXXB3
) {
  & .title-wrapper {
    border-bottom: 4px solid #9e3d38;
    padding-bottom: 10px;
  }

  & .title-md {
    color: #fff !important;
    font-weight: 800;
  }

  & .heading {
    color: #c4a87a;
  }
}

/* ---------- Collage / image-with-text titles ---------- */
:is(
  #shopify-section-template--28838685409559__collage,
  #shopify-section-template--28838685376791__collage,
  #shopify-section-template--28838685409559__img_with_text_q8DfCN,
  #shopify-section-template--28838685376791__img_with_text_q8DfCN
) .title-md {
  color: #fff;
}

/* ---------- Header / footer ---------- */
.header,
.footer-group,
.js .shopify-section-group-header-group .section.header::before {
  background: #111 !important;
  color: #c4a87a !important;
}

.topbar {
  background: #000 !important;
  color: #c4a87a !important;
}
ul.flex.flex-col.gap-3,
svg.icon.icon-chevron-up.icon-md {
    color: #c4a87a;
}
.footer__item--link_list-1,
.footer__contact,
.footer__item--brand_information,
.footer__newsletter,
.footer__newsletter .md\:title-lg,
svg.icon.icon-account.icon-lg,
span.heading.text-base-2xl.font-medium.lg\:font-heading {
  color: #c4a87a !important;
}