/** Shopify CDN: Minification failed

Line 651:12 Expected "}" to go with "{"

**/
/* 
   Esker Product Page Restyle
     */

/* ----- BACKGROUND ----- */
body.product-page {
  background-color: #e8e7e6 !important;
  background-image:
    url('/cdn/shop/files/esker-canvas-grit-texture.webp?v=1777907299'),
    url('/cdn/shop/files/canvas-background-tile_7081ad4a-2d3a-4f21-b521-727539177b4a.webp?v=1777907299') !important;
  background-repeat: repeat, repeat !important;
  background-blend-mode: soft-light, normal !important;
  background-size: auto !important;
}

/* Force all sections transparent so body canvas shows through */
body.product-page .shopify-section,
body.product-page .shopify-section > .section,
body.product-page .shopify-section > div,
body.product-page main {
  background: transparent !important;
}

/* ----- PRODUCT GRID LAYOUT ----- */
.section-main-product .product-grid {
  background: transparent !important;
}

/* Remove the white card background from product info panel */
.product-info,
.product-info-inner,
.product-info-inner.color,
.section-main-product .color,
.section-main-product .product-grid-section,
.section-main-product .section {
  background: transparent !important;
  background-color: transparent !important;
}

/* Ensure the main product section itself is transparent */
.section-main-product {
  background: transparent !important;
}

/* Override Essence's .color utility that adds bg */
.product-grid .color.trim-margins {
  background: transparent !important;
}

/* ----- BREADCRUMB ----- */
.product-info .breadcrumb,
.section-main-product .breadcrumb {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.55rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  color: #5f4945 !important;
  opacity: 0.65;
}

.product-info .breadcrumb a,
.section-main-product .breadcrumb a {
  color: inherit !important;
  transition: color 0.25s ease;
}

.product-info .breadcrumb a:hover {
  color: #802823 !important;
  opacity: 1;
}

/* ----- PRODUCT GALLERY ----- */
.product-media-inner,
.product-media .media,
.section-main-product .media {
  border-radius: 8px !important;
  overflow: hidden !important;
  background-color: rgba(232, 231, 230, 0.6) !important;
  border: 1.5px solid rgba(95, 73, 69, 0.12) !important;
}

.product-media-inner img,
.product-media .media img,
.section-main-product .media img {
  object-fit: contain !important;
  filter: sepia(5%) contrast(1.03);
}

/* Remove any background from the media wrapper itself */
.section-main-product .product-media,
.section-main-product [class*="product-media"] {
  background: transparent !important;
}

/* Thumbnails */
.product-media .thumbnails button,
.product-media .thumbnail-list button,
.product-media [class*="thumbnail"] button {
  border-radius: 3px !important;
  border: 2px solid rgba(95, 73, 69, 0.18) !important;
  overflow: hidden !important;
  transition: border-color 0.25s ease, transform 0.25s ease;
}

.product-media .thumbnails button:hover,
.product-media .thumbnail-list button:hover,
.product-media [class*="thumbnail"] button:hover {
  border-color: #802823 !important;
  transform: translateY(-2px);
}

.product-media .thumbnails button.active,
.product-media .thumbnails button[aria-current="true"],
.product-media .thumbnail-list button.active {
  border-color: #802823 !important;
}

/* ----- VENDOR ----- */
.product-info .product-vendor,
.product-info .product-vendor a {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.58rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: #802823 !important;
  text-decoration: none !important;
  opacity: 1 !important;
}

/* ----- PRODUCT TITLE ----- */
.product-info .product-name-wrapper h1,
.product-info .product-name-wrapper h2 {
  font-family: 'Ysabeau Infant', serif !important;
  font-size: clamp(1.6rem, 4vw, 2.5rem) !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  color: #802823 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* ----- STAR RATING ----- */
.product-info .product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 0.6rem !important;
  text-decoration: none !important;
}

.product-info .product-rating .rating-star,
.product-info .product-rating svg {
  color: #802823 !important;
  fill: #802823 !important;
}

.product-info .product-rating .text-sm,
.product-info .product-rating span:not(.rating-star) {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.55rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  color: #5f4945 !important;
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.1rem;
  text-decoration: none !important;
}

/* ----- PRICE ----- */
.product-info .product-price {
  font-family: 'Ysabeau Infant', serif !important;
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  font-weight: 700 !important;
  color: #403e3e !important;
}

.product-info .product-price .price .regular-price,
.product-info .product-price .price span:not(.visually-hidden) {
  font-family: 'Ysabeau Infant', serif !important;
  font-size: clamp(1.6rem, 3vw, 2rem) !important;
  font-weight: 700 !important;
  color: #403e3e !important;
}

/* ----- DESCRIPTION ----- */
.product-info .prose,
.product-info [class*="description"] {
  font-family: 'Lexend', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: #5f4945 !important;
  max-width: 52ch;
}

/* ----- PRODUCT HIGHLIGHTS / BADGES ----- */
.product-info .product-highlights-list li,
.product-info .product-highlights-list p {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.5rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.13em !important;
  color: #5f4945 !important;
}

/* ----- QUANTITY SELECTOR ----- */
.product-info .label-product-info {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.55rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #403e3e !important;
}

/* Remove border from the outer wrapper */
.product-info .qty-selector-wrapper {
  border: none !important;
  background: transparent !important;
}

/* The actual qty-selector element */
.product-info qty-selector,
.product-info qty-selector.qty-selector {
  display: inline-flex !important;
  align-items: stretch !important;
  border: 2px solid #403e3e !important;
  border-radius: 3px !important;
  overflow: hidden !important;
  width: fit-content !important;
}

.product-info qty-selector .qty-selector__button,
.product-info qty-selector button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-height: 44px !important;
  color: #403e3e !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  align-self: stretch !important;
  transition: background-color 0.25s ease, color 0.25s ease;
}

.product-info qty-selector .qty-selector__button:hover,
.product-info qty-selector button:hover {
  background-color: #403e3e !important;
  color: #e8e7e6 !important;
}

.product-info qty-selector input {
  width: 56px !important;
  min-height: 44px !important;
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.75rem !important;
  font-weight: 500 !important;
  text-align: center !important;
  color: #403e3e !important;
  border: none !important;
  border-left: 2px solid #403e3e !important;
  border-right: 2px solid #403e3e !important;
  background: transparent !important;
  align-self: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  outline: none !important;
}

/* ----- ADD TO CART BUTTON ----- */
.product-info .product-buy-buttons .button,
.product-info .product-buy-buttons button[type="submit"],
.product-info .product-buy-buttons .button-primary {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.65rem !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  padding: 0.85rem 1.75rem !important;
  background-color: #802823 !important;
  color: #e8e7e6 !important;
  border: 2px solid #802823 !important;
  border-radius: 3px !important;
  line-height: 1 !important;
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  white-space: nowrap !important;
}

.product-info .product-buy-buttons .button:hover,
.product-info .product-buy-buttons button[type="submit"]:hover,
.product-info .product-buy-buttons .button-primary:hover {
  background-color: transparent !important;
  color: #802823 !important;
  border-color: #802823 !important;
}

/* ----- TYPOGRAPHY RESET FOR ALL PRODUCT INFO TEXT ----- */
.product-info,
.product-info * {
  --font-body-family: 'Lexend', sans-serif;
  --font-heading-family: 'Ysabeau Infant', serif;
}

/* ----- COLLAPSIBLE / ACCORDION SECTIONS ----- */
.section-main-product-details {
  background-color: #403e3e !important;
  color: #e8e7e6 !important;
}

.section-main-product-details summary,
.section-main-product-details .accordion-label {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.62rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.14em !important;
  color: #e8e7e6 !important;
}

.section-main-product-details .accordion-body,
.section-main-product-details .rte {
  font-family: 'Lexend', sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1.8 !important;
  color: rgba(232, 231, 230, 0.9) !important;
}


/* ----- FOOTER FIX (restore dark bg on product page) ----- */
body.product-page .esker-section .footer__content {
  background-color: #403e3e !important;
  background-image:
    linear-gradient(rgba(38, 37, 37, 0.82), rgba(38, 37, 37, 0.88)),
    url('/cdn/shop/files/canvas-background-tile_7081ad4a-2d3a-4f21-b521-727539177b4a.webp?v=1777907299') !important;
  background-repeat: no-repeat, repeat !important;
  background-size: 100% 100%, 320px auto !important;
}





/* ----- RELATED PRODUCTS / "YOU MAY ALSO LIKE" SECTION ----- */
body.product-page product-recommendations,
body.product-page product-recommendations > div,
body.product-page .section:has(product-recommendations) {
  background: transparent !important;
}

/* Force LEFT alignment for the header */
body.product-page product-recommendations .section-header,
body.product-page product-recommendations .section-header * {
  text-align: left !important;
  align-items: flex-start !important;
}

/* Subheading — "COMPLETE YOUR SETUP" */
body.product-page product-recommendations .section-header .subheading,
body.product-page product-recommendations .section-header .text-subheading,
body.product-page product-recommendations .section-header p:first-child {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: #5f4945 !important;
  font-weight: 500 !important;
  margin-bottom: 0.75rem !important;
  opacity: 0.85;
}

/* Main heading — "You May Also Like" */
body.product-page product-recommendations .section-header h1,
body.product-page product-recommendations .section-header h2,
body.product-page product-recommendations .section-header h3,
body.product-page product-recommendations .section-header [class*="heading"] {
  font-family: 'Ysabeau Infant', serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.8rem, 3.5vw, 2.75rem) !important;
  line-height: 1.1 !important;
  color: #802823 !important;
  margin: 0 !important;
}

/* Hide star ratings in related cards */
body.product-page product-recommendations .product-card .product-rating {
  display: none !important;
}

/* ----- CARD STRUCTURE — image bg only, NOT full card ----- */
body.product-page product-recommendations .product-card {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Apply cream rounded bg ONLY to the image container */
body.product-page product-recommendations .product-card .media,
body.product-page product-recommendations .product-card .product-card__media,
body.product-page product-recommendations .product-card > div:first-child {
  background-color: rgba(232, 231, 230, 0.75) !important;
  border-radius: 10px !important;
  border: 1px solid rgba(95, 73, 69, 0.10) !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Info block below image — transparent */
body.product-page product-recommendations .product-card .product-card__info {
  background: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 1rem !important;
}

/* ----- QUICK ADD — full-area overlay, button centered inside ----- */
/* ----- QUICK ADD — keep absolute, override Tailwind position values ----- */

/* Wrapper: stretch over image, no flex centering needed */
body.product-page product-recommendations .product-card quick-add-button {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
  z-index: 5;
  display: block !important;
  width: auto !important;
  height: auto !important;
}

body.product-page product-recommendations .product-card:hover quick-add-button,
body.product-page product-recommendations .product-card:focus-within quick-add-button {
  opacity: 1;
}

/* Inner button: override Tailwind's bottom-2 right-2 with center positioning */
body.product-page product-recommendations .product-card quick-add-button button,
body.product-page product-recommendations .product-card quick-add-button > button,
body.product-page product-recommendations .product-card quick-add-button button.button {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  pointer-events: auto !important;
  background-color: #802823 !important;
  color: #e8e7e6 !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 0.7rem 1.6rem !important;
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-weight: 500 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  transition: background-color 0.25s ease;
}

body.product-page product-recommendations .product-card quick-add-button button:hover {
  background-color: #6a201d !important;
}

/* Hide bag icon — show "Quick Add" text via pseudo-element */
body.product-page product-recommendations .product-card quick-add-button button svg,
body.product-page product-recommendations .product-card quick-add-button button .icon-sm,
body.product-page product-recommendations .product-card quick-add-button button .icon-md,
body.product-page product-recommendations .product-card quick-add-button button > div {
  display: none !important;
}

body.product-page product-recommendations .product-card quick-add-button button::after {
  content: "Quick Add";
  display: inline-block;
}

body.product-page product-recommendations .product-card:hover quick-add-button,
body.product-page product-recommendations .product-card:focus-within quick-add-button {
  opacity: 1;
}

body.product-page product-recommendations .product-card quick-add-button button {
  background-color: #802823 !important;
  color: #e8e7e6 !important;
  border: none !important;
  border-radius: 3px !important;
  padding: 0.7rem 1.6rem !important;
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.6rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.16em !important;
  font-weight: 500 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  transition: background-color 0.25s ease;
}

body.product-page product-recommendations .product-card quick-add-button button:hover {
  background-color: #6a201d !important;
}

/* Hide bag icon — show "Quick Add" text */
body.product-page product-recommendations .product-card quick-add-button button svg,
body.product-page product-recommendations .product-card quick-add-button button .icon-sm,
body.product-page product-recommendations .product-card quick-add-button button .icon-md,
body.product-page product-recommendations .product-card quick-add-button button > div {
  display: none !important;
}

body.product-page product-recommendations .product-card quick-add-button button::after {
  content: "Quick Add";
  display: inline-block;
}

/* Vendor label */
body.product-page product-recommendations .product-card .product-vendor {
  font-family: 'Lexend Mega', sans-serif !important;
  font-size: 0.55rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  color: #5f4945 !important;
  opacity: 1 !important;
  margin-bottom: 0.4rem !important;
}

/* Title */
body.product-page product-recommendations .product-card .product-name,
body.product-page product-recommendations .product-card .product-name a {
  font-family: 'Lexend', sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 0.95rem !important;
  color: #403e3e !important;
  line-height: 1.35 !important;
}

/* Price */
body.product-page product-recommendations .product-card .price,
body.product-page product-recommendations .product-card .price .regular-price,
body.product-page product-recommendations .product-card .price span:not(.visually-hidden) {
  font-family: 'Lexend Mega', sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.1em !important;
  color: #403e3e !important;
}

/* Carousel arrows — square outlined boxes */
body.product-page product-recommendations .button-prev,
body.product-page product-recommendations .button-next,
body.product-page product-recommendations [data-carousel-prev],
body.product-page product-recommendations [data-carousel-next] {
  border: 1.5px solid rgba(95, 73, 69, 0.35) !important;
  border-radius: 3px !important;
  background: transparent !important;
  color: #403e3e !important;
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
}

body.product-page product-recommendations .button-prev:hover,
body.product-page product-recommendations .button-next:hover {
  border-color: #802823 !important;
  color: #802823 !important;
  background: transparent !important;
}


/* ============================================================
   COMPARISON CHART — HEADING ONLY (matches prototype)
   ============================================================ */

/* Container — center-align contents */
body.product-page .comparison-chart-container,
html body.product-page div .comparison-chart-container {
  max-width: 1280px !important;
  padding: 4rem 1.25rem 2rem 1.25rem !important;
  margin: 0 auto !important;
  background: transparent !important;
  text-align: center !important;
}

/* "HOW IT STACKS UP" eyebrow — synthesized via ::before */
html body.product-page .comparison-chart-container h2.h2::before,
html body.product-page .comparison-chart-container .h2::before {
  content: "How It Stacks Up";
  display: block;
  font-family: 'Lexend Mega', sans-serif;
  font-size: 0.6rem;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #5f4945;
  font-weight: 500;
  margin-bottom: 0.8rem;
  opacity: 0.85;
  text-align: center;
}

/* Main heading — "Esker Tent Comparison" — max specificity */
html body.product-page .comparison-chart-container h2,
html body.product-page .comparison-chart-container h2.h2,
html body.product-page .comparison-chart-container .h2 {
  font-family: 'Ysabeau Infant', serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: clamp(2rem, 4vw, 3rem) !important;
  line-height: 1.1 !important;
  color: #802823 !important;
  text-align: center !important;
  margin: 0 auto 1rem auto !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  display: b