/** Shopify CDN: Minification failed

Line 814:0 Unexpected "}"

**/
/* ============================================
   MOUNT ARARAT PREMIUM THEME — GLOBAL STYLES
   v3.0 PREMIUM — Flickity Slider + Black/Gold
   ============================================ */

/* ============================================================
   PREMIUM FLICKITY SLIDER — Essentials / Bestsellers
   ============================================================ */

/* ---- Section ---- */
.ma-premium-slider-section {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 769px) {
  .ma-premium-slider-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

/* ---- Slider Container ---- */
.ma-premium-slider {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
}

@media only screen and (min-width: 769px) {
  .ma-premium-slider {
    padding: 0 50px;
  }
}

/* ---- Viewport ---- */
.ma-slider-viewport {
  overflow: hidden;
  position: relative;
}

/* ---- Flickity Viewport Override (peek effect) ---- */
.ma-premium-slider .flickity-viewport {
  overflow: visible;
  transition: height 0.2s ease;
}

@media only screen and (min-width: 769px) {
  .ma-premium-slider .flickity-viewport {
    overflow: hidden;
  }
}

/* ---- Track / Carousel ---- */
.ma-slider-track {
  display: flex;
}

.ma-slider-track::after {
  content: 'flickity';
  display: none;
}

/* ---- Cell (Product Card Container) ---- */
.ma-slider-cell {
  flex-shrink: 0;
  padding: 0 10px;
}

@media only screen and (max-width: 768px) {
  .ma-slider-cell {
    padding: 0 6px;
  }
}

/* ---- Product Card Inside Slider ---- */
.ma-slider-cell .grid-product {
  margin-bottom: 0;
  height: 100%;
  background: #141414;
  border: 1px solid #222222;
  border-radius: 10px;
  overflow: hidden;
  transition: border-color 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
              box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: box-shadow;
}

.ma-slider-cell .grid-product:hover {
  border-color: rgba(212, 175, 55, 0.4);
  box-shadow: 0 8px 32px rgba(212, 175, 55, 0.08);
}

.ma-slider-cell .grid-product__link {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ma-slider-cell .grid-product__image-mask {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: #141414;
  position: relative;
}

.ma-slider-cell .grid-product__image-mask img,
.ma-slider-cell .grid-product__image-mask .grid__image-ratio {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ma-slider-cell .grid-product:hover .grid-product__image-mask img,
.ma-slider-cell .grid-product:hover .grid-product__image-mask .grid__image-ratio {
  transform: scale(1.04);
}

/* Shimmer placeholder inside slider */
.ma-slider-cell .placeholder-shimmer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.ma-slider-cell .grid-product__image-mask .image-wrap.loaded + .placeholder-shimmer,
.ma-slider-cell .grid-product__image-mask .grid__image-ratio.lazyloaded + .placeholder-shimmer {
  opacity: 0;
  pointer-events: none;
}

/* ---- Meta / Info Area ---- */
.ma-slider-cell .grid-product__meta {
  padding: 14px 12px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 90px;
}

.ma-slider-cell .grid-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #FFFFFF;
  margin-bottom: 8px;
  min-height: 36px;
}

.ma-slider-cell .grid-product__price {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #D4AF37;
  line-height: 1.2;
  display: flex;
  align-items: center;
  gap: 8px;
}

.ma-slider-cell .grid-product__price .was-price {
  color: rgba(255, 255, 255, 0.35);
  font-size: 12px;
  font-weight: 500;
  text-decoration: line-through;
}

/* ---- Navigation Arrows ---- */
.ma-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.6);
  border: 1px solid rgba(212, 175, 55, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  pointer-events: none;
}

.ma-premium-slider:hover .ma-slider-arrow {
  opacity: 1;
  pointer-events: auto;
}

.ma-slider-arrow:hover {
  background: rgba(212, 175, 55, 0.15);
  border-color: rgba(212, 175, 55, 0.5);
  transform: translateY(-50%) scale(1.08);
}

.ma-slider-arrow:active {
  transform: translateY(-50%) scale(0.96);
}

.ma-slider-arrow--prev {
  left: -8px;
}

.ma-slider-arrow--next {
  right: -8px;
}

.ma-slider-arrow .icon {
  width: 18px;
  height: 18px;
  fill: #D4AF37;
  transition: fill 0.2s ease;
}

.ma-slider-arrow:hover .icon {
  fill: #E5C158;
}

/* Disabled state */
.ma-slider-arrow.is-disabled {
  opacity: 0.2 !important;
  pointer-events: none !important;
  cursor: default;
}

/* Mobile: hide arrows */
@media only screen and (max-width: 768px) {
  .ma-slider-arrow {
    display: none;
  }
}

/* ---- Dot Navigation ---- */
.ma-premium-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 24px 0 8px;
  margin: 0;
  list-style: none;
}

.ma-premium-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #333333;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  flex-shrink: 0;
  position: relative;
}

.ma-premium-dot:hover {
  background: #555555;
}

.ma-premium-dot.active {
  background: #D4AF37;
  box-shadow: 0 0 8px rgba(212, 175, 55, 0.35);
  transform: scale(1.25);
}

/* Many dots: compact */
.ma-premium-dots:has(.ma-premium-dot:nth-child(8)) {
  gap: 5px;
}

.ma-premium-dots:has(.ma-premium-dot:nth-child(8)) .ma-premium-dot {
  width: 6px;
  height: 6px;
}

/* ---- Flickity Default UI Hide ---- */
.ma-premium-slider .flickity-button,
.ma-premium-slider .flickity-page-dots {
  display: none;
}

/* ---- Static Grid Fallback (slider disabled) ---- */
.ma-premium-slider[data-enough-products="false"] .ma-slider-track,
.ma-premium-slider.is-static .ma-slider-track {
  display: flex;
  flex-wrap: wrap;
}

.ma-premium-slider[data-enough-products="false"] .ma-slider-cell,
.ma-premium-slider.is-static .ma-slider-cell {
  width: 25%;
  padding: 10px;
}

@media only screen and (max-width: 1023px) {
  .ma-premium-slider[data-enough-products="false"] .ma-slider-cell,
  .ma-premium-slider.is-static .ma-slider-cell {
    width: 33.333%;
  }
}

@media only screen and (max-width: 768px) {
  .ma-premium-slider[data-enough-products="false"] .ma-slider-cell,
  .ma-premium-slider.is-static .ma-slider-cell {
    width: 50%;
    padding: 6px;
  }
}

/* ---- Reduce Motion ---- */
@media (prefers-reduced-motion: reduce) {
  .ma-slider-cell .grid-product,
  .ma-slider-cell .grid-product__image-mask img,
  .ma-slider-arrow,
  .ma-premium-dot,
  .ma-premium-slider .flickity-viewport {
    transition: none;
  }

  .ma-slider-cell .grid-product:hover .grid-product__image-mask img {
    transform: none;
  }
}

/* ===== RESET & BASE ===== */
*, *::before, *::after { box-sizing: border-box; }
img, video, iframe, svg { max-width: 100%; height: auto; }

/* ===== DRAWER (right-side premium) ===== */
.ma-drawer {
  position: fixed;
  top: 0; right: 0; bottom: 0;
  width: 0; height: 100vh;
  z-index: 120;
  pointer-events: none;
}
.ma-drawer.is-open { width: 100%; pointer-events: auto; }

.ma-drawer__overlay {
  position: fixed; top: 0; left: 0;
  width: 100%; height: 100vh;
  background: rgba(0,0,0,0.55);
  opacity: 0; visibility: hidden;
  transition: opacity 0.35s ease, visibility 0.35s ease;
  z-index: 119; cursor: pointer;
}
.ma-drawer.is-open .ma-drawer__overlay { opacity: 1; visibility: visible; }
body.ma-drawer-open { overflow: hidden; }

/* Drawer panel */
.ma-drawer__panel {
  position: fixed; top: 0; right: 0; bottom: 0;
  width: min(88vw, 380px); max-width: 380px;
  background: #0A0A0A;
  border-left: 1px solid rgba(212,175,55,0.16);
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.29, 0.63, 0.44, 1);
  z-index: 120;
  display: flex; flex-direction: column;
  overflow: hidden; pointer-events: auto;
}
.ma-drawer.is-open .ma-drawer__panel { transform: translateX(0); }

/* Drawer header */
.ma-drawer__header {
  display: flex; justify-content: flex-end; align-items: center;
  padding: 18px 20px; flex-shrink: 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
}
.ma-drawer__close {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; background: transparent;
  border: 1px solid rgba(212,175,55,0.25); border-radius: 10px;
  color: #D4AF37; cursor: pointer; transition: all 0.2s ease; padding: 0;
}
.ma-drawer__close:hover { background: rgba(212,175,55,0.1); border-color: rgba(212,175,55,0.5); }
.ma-drawer__close .icon { width: 18px; height: 18px; fill: #D4AF37; }

/* Drawer pages */
.ma-drawer__page {
  position: absolute; top: 76px; left: 0; right: 0; bottom: 0;
  display: flex; flex-direction: column; background: #0A0A0A;
  transform: translateX(100%);
  transition: transform 0.35s cubic-bezier(0.29, 0.63, 0.44, 1),
              opacity 0.25s ease 0.08s;
  overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;
  padding-bottom: 30px;
  z-index: 1;
}
.ma-drawer__page.is-active { transform: translateX(0); position: relative; top: 0; z-index: 2; }
.ma-drawer__page.is-left { transform: translateX(-40%); opacity: 0; pointer-events: none; z-index: 0; }

/* Page header */
.ma-drawer__page-header {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 20px 18px; flex-shrink: 0;
  border-bottom: 1px solid rgba(255,255,255,0.04);
  position: sticky; top: 0; background: #0A0A0A; z-index: 2;
}
.ma-drawer__back {
  display: inline-flex; align-items: center; gap: 6px;
  background: transparent; border: none; color: #D4AF37;
  font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 500;
  letter-spacing: 0.5px; cursor: pointer; padding: 6px 10px 6px 4px;
  border-radius: 6px; transition: background 0.2s ease;
  white-space: nowrap; flex-shrink: 0;
}
.ma-drawer__back:hover { background: rgba(212,175,55,0.08); }
.ma-drawer__back .icon { width: 16px; height: 16px; fill: none; stroke: #D4AF37; }
.ma-drawer__page-title {
  font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 700;
  color: #FFFFFF; margin: 0; letter-spacing: 0.3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  flex: 1; min-width: 0;
}
.ma-drawer__view-all {
  font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 500;
  color: #D4AF37; text-decoration: none; letter-spacing: 0.3px;
  white-space: nowrap; flex-shrink: 0; padding: 4px 8px;
  border-radius: 4px; transition: background 0.2s ease;
}
.ma-drawer__view-all:hover { background: rgba(212,175,55,0.1); color: #E5C158; }

/* Drawer list */
.ma-drawer__list { list-style: none; margin: 0; padding: 8px 0; flex: 1; }
.ma-drawer__item { margin: 0; padding: 0; }
.ma-drawer__link {
  display: flex; align-items: center; justify-content: space-between;
  width: 100%; padding: 14px 20px; color: #D4AF37;
  font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 500;
  letter-spacing: 1px; text-decoration: none; text-align: left;
  background: none; border: none; border-bottom: 1px solid rgba(255,255,255,0.04);
  cursor: pointer; transition: all 0.2s ease; line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ma-drawer__link:hover { background: rgba(212,175,55,0.06); color: #E5C158; }
.ma-drawer__link span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}
.ma-drawer__link--arrow .icon { width: 14px; height: 14px; fill: none; stroke: #D4AF37; opacity: 0.6; flex-shrink: 0; margin-left: 8px; transition: transform 0.2s ease, opacity 0.2s ease; }
.ma-drawer__link--arrow:hover .icon { opacity: 1; transform: translateX(2px); }

/* Drawer footer */
.ma-drawer__footer { padding: 16px 20px 24px; border-top: 1px solid rgba(255,255,255,0.04); flex-shrink: 0; margin-top: auto; }
.ma-drawer__link--account { display: inline-flex; align-items: center; gap: 10px; color: rgba(255,255,255,0.7); font-size: 14px; font-weight: 500; border: none; padding: 10px 0; }
.ma-drawer__link--account .icon { width: 20px; height: 20px; fill: rgba(255,255,255,0.5); }
.ma-drawer__link--account:hover { background: none; color: #D4AF37; }

/* ===== HEADER ===== */
.site-nav__link.js-toggle-slide-nav { display: flex; }
.site-nav__link.js-toggle-slide-nav .icon-hamburger,
.site-nav__link.js-toggle-slide-nav .icon-close { fill: #D4AF37; width: 22px; height: 22px; }

/* ===== HIDE DESKTOP HORIZONTAL NAV (use drawer) ===== */
.header-item--navigation .site-nav.site-navigation { display: none; }

/* ===== HIDE LEGACY SLIDE NAV ===== */
.slide-nav__overflow--thumb, .slide-nav__overflow--slide { display: none; }

/* ===== CHAT WIDGET Z-INDEX ===== */
[id*="tidio"], [class*="tidio"], iframe[src*="tidio"],
.intercom-lightweight-app, #intercom-container,
[role="dialog"][class*="chat"], iframe[src*="chat"],
#chat-widget, .chat-widget { z-index: 100; }

/* ===== FOOTER ===== */
.footer__social .icon { width: 20px; height: 20px; }

/* ===== RESPONSIVE ===== */
@media only screen and (min-width: 769px) {
  .ma-drawer__panel { width: 400px; max-width: 430px; }
  .ma-drawer__link { font-size: 14px; padding: 13px 24px; }
  .ma-drawer__page-header { padding: 16px 24px 18px; }
  .ma-drawer__page-title { font-size: 16px; }
  .site-nav--icons .site-nav__icons { gap: 2px; }
  .site-nav--icons .site-nav__link--icon { padding: 6px 8px; }
  .site-nav--icons .site-nav__link--icon .icon { width: 22px; height: 22px; }
}

@media only screen and (max-width: 768px) {
  .ma-drawer__panel { width: min(88vw, 380px); }
  .ma-drawer__link { font-size: 16px; padding: 15px 18px; }
  .site-nav--icons .site-nav__icons { gap: 2px; }
  .site-nav--icons .site-nav__link--icon { padding: 6px 8px; }
  .site-nav--icons .site-nav__link--icon .icon { width: 22px; height: 22px; }
  .site-nav__link--cart .cart-link__bubble { top: -2px; right: -2px; width: 16px; height: 16px; font-size: 10px; }
}

/* ============================================
   PRODUCT PAGE — Accordion Fix
   ============================================ */
.collapsible-trigger-btn--borders {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  line-height: 1.4;
  position: relative;
  text-decoration: none;
  text-align: left;
  min-height: auto;
  height: auto;
  overflow: visible;
}

.product-block--tab .collapsibles-wrapper:first-child .collapsible-trigger-btn--borders {
  border-top: none;
}

.collapsible-trigger-btn--borders::before,
.collapsible-trigger-btn--borders::after {
  display: none;
  content: none;
}

.collapsible-trigger-btn--borders span,
.collapsible-trigger-btn--borders .collapsible-trigger__label {
  text-decoration: none;
  position: relative;
  z-index: 1;
  display: inline;
}

.collapsible-trigger-btn--borders .collapsible-trigger__icon,
.collapsible-trigger-btn--borders .collapsible-icons {
  position: static;
  margin-left: auto;
  flex-shrink: 0;
  order: 2;
}

.collapsible-content__inner {
  padding: 12px 0 20px;
}

.collapsibles-wrapper--border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.collapsible-trigger-btn--borders,
.collapsible-trigger-btn--borders * {
  text-decoration: none;
  text-decoration-line: none;
}

/* ============================================
   PRODUCT PAGE — Spacing
   ============================================ */
.template-product .main-content { min-height: auto; }
.template-product .product-section { padding-bottom: 0; }
.template-product .page-content--flush-bottom { padding-bottom: 0; }
.template-product .product-block { margin-bottom: 0; }
.template-product .social-sharing { margin: 8px 0 0; }
.template-product .index-section { padding-top: 20px; padding-bottom: 20px; }
.template-product .product-single { margin-bottom: 0; }
.template-product .page-width { padding-bottom: 0; }
.template-product main.main-content { padding-bottom: 0; margin-bottom: 0; }

/* ============================================
   PRODUCT PAGE — Variant Buttons
   ============================================ */
.variant__label {
  text-transform: capitalize;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  margin-bottom: 14px;
}

.variant-input-wrap label {
  background-color: #141414;
  border: 1.5px solid #2A2A2A;
  color: rgba(255, 255, 255, 0.7);
  border-radius: 11px;
  padding: 11px 20px;
  min-height: 44px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  margin: 0 8px 10px 0;
}

.variant-input-wrap label:hover,
.variant-input-wrap label:focus {
  border-color: #D4AF37;
  color: #FFFFFF;
  background-color: #1A1A1A;
}

.variant-input-wrap input[type=radio]:checked + label {
  background-color: #0A0A0A;
  border: 1.5px solid #D4AF37;
  color: #FFFFFF;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.15), inset 0 0 0 1px rgba(212, 175, 55, 0.08);
  font-weight: 600;
}

.variant-input-wrap label.disabled {
  opacity: 0.35;
  border-color: #1A1A1A;
  color: #555555;
  cursor: not-allowed;
  text-decoration: line-through;
}

.variant-input-wrap label.color-swatch {
  border-radius: 100px;
  padding: 0;
  min-height: auto;
  border: 2px solid #2A2A2A;
}
.variant-input-wrap input[type=radio]:checked + label.color-swatch {
  border: 2px solid #D4AF37;
  box-shadow: 0 0 0 2px #0A0A0A, 0 0 0 4px #D4AF37;
}

/* Desktop variant sizing */
@media only screen and (min-width: 769px) {
  .variant-input-wrap label {
    padding: 12px 24px;
    min-height: 46px;
    font-size: 14px;
  }
  .variant__label { font-size: 13px; }
}

/* ============================================
   PRODUCT PAGE — Title, Payment
   ============================================ */
.product-single__title,
.h1.product-single__title {
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.5px;
  line-height: 1.12;
  text-transform: none;
  color: #F5F1E8;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.08);
  max-width: 600px;
  margin: 0 auto 22px;
  text-wrap: balance;
}

.shopify-payment-button__more-options {
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: rgba(255, 255, 255, 0.45);
  text-decoration: none;
  padding: 6px 0;
  transition: color 0.2s ease;
}
.shopify-payment-button__more-options:hover {
  color: #D4AF37;
}

.shopify-payment-terms {
  font-size: 12px;
  font-family: 'Inter', sans-serif;
  color: rgba(255, 255, 255, 0.4);
  margin-top: 8px;
}

/* ============================================
   PRODUCT GALLERY — Flickity Native Dots
   Single pagination source. ma-gallery-dots removed.
   ============================================ */

/* Flickity native dots — premium gold styling */
.product__main-photos .flickity-page-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: relative;
  bottom: auto;
  margin: 16px auto 0;
  padding: 0;
  width: 100%;
  line-height: 1;
}

.product__main-photos .flickity-page-dots .dot {
  width: 6px;
  height: 6px;
  margin: 0;
  border-radius: 999px;
  background: rgba(255,255,255,0.25);
  border: 1px solid rgba(212,175,55,0.25);
  opacity: 1;
  transition: background 0.25s ease, border-color 0.25s ease;
}

.product__main-photos .flickity-page-dots .dot.is-selected {
  width: 9px;
  height: 9px;
  background: #D4AF37;
  border-color: #D4AF37;
  box-shadow: 0 0 12px rgba(212,175,55,0.45);
}

/* Removed: ma-gallery-dots system */

/* Defensive: force-hide any residual ma-gallery-dots elements
   Prevents double-pagination if cached templates still render them */
.ma-gallery-dots,
.ma-gallery-dot,
.ma-gallery-dots__item,
.ma-gallery-dots__dot {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  height: 0 !important;
  width: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
}

/* Mobile product title */
  .product-single__title,
  .h1.product-single__title {
    font-size: clamp(24px, 5.2vw, 34px);
    line-height: 1.12;
    letter-spacing: -0.5px;
    color: #F5F1E8;
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.08);
    text-align: center;
    max-width: 92vw;
    margin: 0 auto 20px;
    overflow-wrap: break-word;
    hyphens: manual;
    font-weight: 700;
    font-style: normal;
    text-wrap: balance;
  }

  .product-single__sku {
    margin-bottom: 4px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    letter-spacing: 0.08em;
  }

  .product-single__meta {
    margin-top: 8px;
    padding: 0 16px;
    text-align: center;
  }

  .product-single__prices {
    margin-top: 2px;
    margin-bottom: 20px;
  }

  .product-block .add-to-cart { margin-top: 4px; }

  /* Chat widget */
  #chat-widget-container,
  .chat-widget-container,
  [id*="chat"],
  [class*="chat-widget"] { z-index: 50; }

  .product-single__description {
    text-align: center;
    padding: 0 8px;
  }
}

/* Desktop: Flickity native dots hidden (no custom dot system) */
@media only screen and (min-width: 769px) {
  .product__main-photos .flickity-page-dots { display: none; }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  .ma-drawer__panel, .ma-drawer__page, .ma-drawer__overlay, .ma-drawer__link { transition: none; }
}

/* ============================================
   CART BADGE — Safe styling (no global img override)
   ============================================ */
/* Cart bubble: base hidden state */
.cart-link__bubble {
  display: none;
  background-color: var(--colorCartDot, #D4AF37);
  color: #0A0A0A;
  font-weight: 700;
  font-size: 10px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

/* Cart bubble: shown when cart has items */
/* Selector specificity matched to theme.css.liquid (0,2,0) */
.cart-has-items .cart-link__bubble {
  display: inline-flex;
  position: absolute;
  top: -8px;
  right: -8px;
}

/* Mobile header cart positioning override */
.site-nav--icons .cart-has-items .cart-link__bubble {
  top: -6px;
  right: -6px;
}

/* ============================================
   PRODUCT GRID CARDS — Hover (no transform/CLS)
   ============================================ */
.grid-product,
.product-card {
  background-color: #141414;
  border: 1px solid #222222;
  border-radius: 8px;
  overflow: hidden;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.grid-product:hover,
.product-card:hover {
  border-color: #D4AF37;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.1);
}

.grid-product__title {
  color: #FFFFFF;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.grid-product__price {
  color: #D4AF37;
  font-weight: 700;
}

/* ============================================
   FINAL REVIZES — v3.0
   ============================================ */

/* --------------------------------------------------
   1. ZOOM DISABLED
   Product image zoom completely removed.
   -------------------------------------------------- */

/* Zoom button never rendered, but style defensively */
.product__photo-zoom,
.js-photoswipe__zoom {
  display: none;
  pointer-events: none;
}

.product-main-slide img,
.product__main-photos img {
  cursor: default;
}

/* --------------------------------------------------
   2. BESTSELLER / FEATURED GRID — Responsive Columns
   -------------------------------------------------- */

/* Mobile: force 2 columns on all product grids */
@media only screen and (max-width: 768px) {
  .grid--scattered-small-1 .grid__item.grid-product {
    width: 50% !important;
    clear: none !important;
  }

  .grid--scattered-small-1 .grid__item.grid-product:nth-of-type(odd) {
    clear: both !important;
  }

  .grid--scattered-small-1 {
    display: flex;
    flex-wrap: wrap;
  }

  .grid--scattered-small-1 .grid__item.grid-product {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 6px;
  }

  .grid--scattered-small-1 .grid__item.grid-product:nth-of-type(odd) {
    clear: none;
  }
}

/* Tablet: 3 columns */
@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .grid--scattered-large-4 .grid__item.grid-product {
    width: 33.333% !important;
  }
}

/* Product grid card: consistent height and spacing */
.grid-product {
  margin-bottom: 12px;
}

.grid-product__content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.grid-product__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.grid-product__image-mask {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: #141414;
}

.grid-product__image-mask .image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.grid-product__image-mask .image-wrap img,
.grid-product__image-mask .grid__image-ratio {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid-product__meta {
  padding: 12px 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 80px;
}

.grid-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  font-size: 13px;
  font-weight: 600;
  color: #FFFFFF;
  margin-bottom: 6px;
  min-height: 35px;
}

.grid-product__price {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}

.grid-product__price .sale-price {
  color: #D4AF37;
}

.grid-product__price .was-price {
  color: rgba(255, 255, 255, 0.4);
  text-decoration: line-through;
  font-size: 12px;
  margin-left: 6px;
}

/* Grid image: prevent black box, ensure proper rendering */
.grid__image-ratio {
  background-color: #141414;
  background-size: cover;
  background-position: center;
}

/* ============================================
   MOUNT ARARAT — SHIPPING INFO v3.0
   Native .sales-points. Sade 2 satir.
   ============================================ */

.ma-shipping .icon-and-text .icon {
  stroke: #D4AF37;
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.ma-shipping__origin span {
  font-weight: 600;
  color: #F5F1E8;
}

.ma-shipping__detail span {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
}

@media only screen and (max-width: 768px) {
  .ma-shipping .sales-point {
    padding: 6px 0;
  }
}

/* ============================================
   PRODUCT GALLERY — Zoom & Lightbox
   ============================================ */

/* Enable zoom buttons */
.product__photo-zoom,
.js-photoswipe__zoom {
  display: flex !important;
}

/* Premium zoom button styling */
.product__photo-zoom,
.js-photoswipe__zoom {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 5;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.7);
  border: 1px solid rgba(212, 175, 55, 0.25);
  backdrop-filter: blur(8px);
  cursor: pointer;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  padding: 0;
}

.product-image-main:hover .product__photo-zoom,
.product-image-main:hover .js-photoswipe__zoom,
.product-main-slide:hover .product__photo-zoom,
.product-main-slide:hover .js-photoswipe__zoom {
  opacity: 1;
}

.product__photo-zoom:hover,
.js-photoswipe__zoom:hover {
  border-color: rgba(212, 175, 55, 0.5);
  transform: scale(1.05);
}

.product__photo-zoom svg,
.js-photoswipe__zoom svg {
  width: 16px;
  height: 16px;
  stroke: #D4AF37;
  stroke-width: 2;
  fill: none;
}

/* Zoom cursor on images */
.product-image-main img,
.product-main-slide img {
  cursor: zoom-in;
}

/* Always show zoom button on mobile */
@media only screen and (max-width: 768px) {
  .product__photo-zoom,
  .js-photoswipe__zoom {
    opacity: 0.85;
    width: 34px;
    height: 34px;
  }
}

/* ---- Photoswipe premium styling ---- */
.pswp { z-index: 9999; }
.pswp__bg { background: rgba(10, 10, 10, 0.96) !important; }

.pswp__button {
  background: rgba(10, 10, 10, 0.6) !important;
  border: 1px solid rgba(212, 175, 55, 0.2) !important;
  backdrop-filter: blur(8px);
}

.pswp__button:hover {
  background: rgba(212, 175, 55, 0.1) !important;
  border-color: rgba(212, 175, 55, 0.4) !important;
}

.pswp__button svg { stroke: #D4AF37; }

/* ============================================
   THEME STABILIZATION — v3.1
   Collection Hero / Spacing / Responsive / Drawer
   ============================================ */

/* --------------------------------------------------
   1. COLLECTION HERO — Premium Cropping
      Consolidated in v3.2 — see "COLLECTION HERO SYSTEM"
      at the end of this file.
   -------------------------------------------------- */

/* --------------------------------------------------
   2. ANNOUNCEMENT BAR — Header Offset Fix
   -------------------------------------------------- */
.announcement-bar {
  position: relative;
  z-index: 30;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
}

/* Prevent double offset */
.page-content {
  padding-top: 0 !important;
}

/* Hero spacing fix */
.hero-section,
.collection-hero {
  margin-top: 0;
  padding-top: 0;
}

/* --------------------------------------------------
   3. EXCESSIVE EMPTY SPACES — Homepage Cleanup
   -------------------------------------------------- */
.section-spacing {
  padding-top: 40px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .section-spacing {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}

/* Minimize dead space on homepage */
.index .main-content .shopify-section:empty {
  display: none;
  min-height: 0;
  padding: 0;
  margin: 0;
}

/* Remove blank section gaps */
.shopify-section + .shopify-section {
  margin-top: 0;
}

/* --------------------------------------------------
   4. RESPONSIVE STABILITY — Overflow & Grid Fixes
   -------------------------------------------------- */

/* Prevent overflow and horizontal scroll */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

/* Fix image overflow */
img {
  max-width: 100%;
  height: auto;
}

/* Consistent section padding */
.shopify-section {
  padding-left: 0;
  padding-right: 0;
}

/* Grid stability */
.grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.grid__item {
  padding-left: 10px;
  padding-right: 10px;
  min-width: 0; /* Prevent flex overflow */
}

/* Mobile grid fixes */
@media screen and (max-width: 768px) {
  .grid--uniform .grid__item {
    width: 50% !important;
  }

  .grid--uniform .grid__item--collection {
    width: 100% !important;
  }
}

/* --------------------------------------------------
   5. MOBILE DRAWER MENU — Typography & Layout
   -------------------------------------------------- */
.drawer__menu {
  font-family: 'Montserrat', sans-serif;
}

.drawer__menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 12px 20px;
  border-bottom: 1px solid rgba(212, 175, 55, 0.1);
}

.drawer__menu-item:hover {
  background-color: rgba(212, 175, 55, 0.05);
}

/* Drawer width management */
.drawer {
  max-width: 380px;
  width: 85vw;
}

@media screen and (max-width: 380px) {
  .drawer {
    width: 100vw;
    max-width: 100vw;
  }
}

/* --------------------------------------------------
   6. REDUCED MOTION — Stabilization Overrides
   -------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  .collection-hero__image,
  .collection-hero .hero__image,
  .drawer__menu-item {
    transition: none;
  }
}

/* ============================================
   EMPTY SPACE REDUCTION - Premium Density
   ============================================ */

/* Section wrapper spacing optimization */
.shopify-section {
  margin: 0;
  padding: 0;
}

/* Remove empty section gaps */
.shopify-section:empty,
.shopify-section:has(> *:only-child:empty) {
  display: none;
  min-height: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

/* Homepage premium density */
.template-index .shopify-section + .shopify-section {
  margin-top: 0;
}

/* Cinematic rhythm - tighter but luxurious */
.ma-section-wrap,
.ma-ph-wrap,
.ma-categories-wrap,
.ma-trust-wrap,
.ma-social-wrap {
  padding-top: var(--section-spacing-desktop, 40px);
  padding-bottom: var(--section-spacing-desktop, 40px);
}

@media screen and (max-width: 768px) {
  .ma-section-wrap,
  .ma-ph-wrap,
  .ma-categories-wrap,
  .ma-trust-wrap,
  .ma-social-wrap {
    padding-top: var(--section-spacing-mobile, 24px);
    padding-bottom: var(--section-spacing-mobile, 24px);
  }
}

/* Reduce dead space in hero */
.ma-hero {
  min-height: auto;
  height: auto;
}

.ma-hero__bg {
  min-height: 60vh;
  max-height: 80vh;
}

@media screen and (max-width: 768px) {
  .ma-hero__bg {
    min-height: 50vh;
    max-height: 70vh;
  }
}

/* Prevent blank zones between sections — homepage only */
.index main#MainContent,
.index .main-content,
.index .page-content {
  padding: 0;
  margin: 0;
}

/* Collection page: balanced spacing without dead space */
.template-collection .main-content {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}

/* Keep minimal breathing room between collection sections */
.template-collection .shopify-section + .shopify-section {
  margin-top: 0;
}

/* ============================================
   COLLECTION HERO - Premium Cinematic Crop
   ============================================
   CONSOLIDATED in v3.2 — see "COLLECTION HERO SYSTEM"
   at the end of this file for single source of truth.
*/

/* ============================================
   ANNOUNCEMENT BAR + HEADER STABILITY
   ============================================ */

.announcement-bar,
.section-header-announcement {
  position: relative;
  z-index: 30;
  width: 100%;
}

.site-header,
header.site-header,
.section-header {
  position: relative;
  z-index: 25;
  width: 100%;
}

/* Hero area must not be compressed */
.collection-hero,
.hero-section,
.ma-hero,
.shopify-section:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Collection hero spacing with announcement bar */
.collection-hero {
  margin-top: 0;
  padding-top: 0;
}

/* ============================================
   COLLECTION HERO CONTENT & TITLE OVERLAY
   CRITICAL FIX: Title positioned OVER hero image
   ============================================
   CONSOLIDATED in v3.2 — see "COLLECTION HERO SYSTEM"
   at the end of this file for single source of truth.
*/

/* ============================================
   COLLECTION PAGE SPACING - Reduce dead space
   ============================================ */

.template-collection .main-content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.template-collection .collection-hero {
  margin-bottom: 0;
}

.template-collection #CollectionSection {
  padding-top: 24px;
  padding-bottom: 24px;
}

@media screen and (max-width: 768px) {
  .template-collection #CollectionSection {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

/* ============================================================
   PRODUCT IMAGE ZOOM — Premium Black-Gold PhotoSwipe Overrides
   ============================================================ */

/* Click cursor on product images when zoom enabled */
.product-image-main .image-wrap {
  cursor: zoom-in;
}

/* Premium Zoom Button */
.product__photo-zoom {
  position: absolute;
  bottom: 16px;
  right: 16px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.75);
  border: 1px solid rgba(212, 175, 55, 0.35);
  color: #D4AF37;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 5;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  opacity: 0;
  pointer-events: none;
}

.product-image-main:hover .product__photo-zoom {
  opacity: 1;
  pointer-events: auto;
}

.product__photo-zoom:hover {
  background: rgba(212, 175, 55, 0.15);
  border-color: #D4AF37;
  transform: scale(1.08);
}

.product__photo-zoom svg {
  width: 20px;
  height: 20px;
  stroke: #D4AF37;
}

/* Mobile: always show zoom button */
@media screen and (max-width: 768px) {
  .product__photo-zoom {
    opacity: 1;
    pointer-events: auto;
    width: 40px;
    height: 40px;
    bottom: 12px;
    right: 12px;
  }
}

/* ============================================================
   PHOTOSWIPE PREMIUM BLACK-GOLD THEME
   ============================================================ */

.pswp {
  z-index: 9999;
}

/* Black overlay */
.pswp__bg {
  background: rgba(5, 5, 5, 0.96) !important;
}

/* Close button */
.pswp__button--close {
  position: fixed;
  top: 20px;
  right: 20px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.8) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  color: #D4AF37 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.pswp__button--close:hover {
  background: rgba(212, 175, 55, 0.15) !important;
  border-color: #D4AF37 !important;
  transform: scale(1.08);
}

.pswp__button--close svg {
  width: 20px;
  height: 20px;
  stroke: #D4AF37;
}

/* Navigation arrows */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(10, 10, 10, 0.7) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  color: #D4AF37 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.pswp__button--arrow--left:hover,
.pswp__button--arrow--right:hover {
  background: rgba(212, 175, 55, 0.12) !important;
  border-color: #D4AF37 !important;
}

.pswp__button--arrow--left svg,
.pswp__button--arrow--right svg {
  width: 18px;
  height: 18px;
  stroke: #D4AF37;
  fill: none;
}

.pswp__button--arrow--left {
  left: 20px;
}

.pswp__button--arrow--right {
  right: 20px;
}

/* Image counter */
.pswp__counter {
  position: fixed;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(245, 245, 240, 0.7);
  background: rgba(10, 10, 10, 0.6);
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.15);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Image container */
.pswp__item img {
  max-height: 90vh;
  object-fit: contain;
}

/* Loading spinner */
.pswp__preloader {
  display: none;
}

/* Mobile optimization */
@media screen and (max-width: 768px) {
  .pswp__button--close {
    width: 40px;
    height: 40px;
    top: 12px;
    right: 12px;
  }
  
  .pswp__button--arrow--left,
  .pswp__button--arrow--right {
    width: 40px;
    height: 40px;
  }
  
  .pswp__button--arrow--left {
    left: 8px;
  }
  
  .pswp__button--arrow--right {
    right: 8px;
  }
  
  .pswp__counter {
    top: 16px;
    font-size: 11px;
    padding: 4px 12px;
  }
  
  .pswp__item img {
    max-height: 85vh;
  }
}

/* Small mobile */
@media screen and (max-width: 480px) {
  .pswp__button--arrow--left {
    display: none !important;
  }
  
  .pswp__button--arrow--right {
    display: none !important;
  }
}

/* Hide default PhotoSwipe UI chrome */
.pswp__top-bar {
  display: none !important;
}

.pswp__caption {
  display: none !important;
}

.pswp__share-modal,
.pswp__share-tooltip {
  display: none !important;
}

/* Smooth open/close animation */
.pswp--visible .pswp__bg {
  transition: opacity 0.35s ease;
}

.pswp__container {
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* iOS fix */
.pswp-open-in-ios {
  height: var(--window-inner-height);
  overflow: hidden;
  position: fixed;
  width: 100%;
}

/* ============================================================
   GALLERY DOTS & THUMBNAIL STYLING
   ============================================================ */

/* Flickity dots premium styling */
.flickity-page-dots {
  bottom: 12px;
}

.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  background: rgba(245, 245, 240, 0.25);
  border: 1px solid rgba(212, 175, 55, 0.2);
  margin: 0 5px;
  transition: all 0.3s ease;
}

.flickity-page-dots .dot.is-selected {
  background: #D4AF37;
  border-color: #D4AF37;
  transform: scale(1.2);
}

/* Product thumbnails */
.product__thumb-item {
  cursor: pointer;
  transition: opacity 0.25s ease;
}

.product__thumb-item:hover {
  opacity: 0.85;
}

.product__thumb-item.thumb--current .product__thumb {
  border: 1px solid #D4AF37;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.3);
}

/* ============================================================
   EMPTY COLLECTION MESSAGE — Premium Black-Gold
   ============================================================ */

.empty-collection-message,
.collection-empty,
.grid__item--no-products {
  text-align: center;
  padding: 60px 20px;
}

.empty-collection-message p,
.collection-empty p,
.grid__item--no-products p {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 240, 0.5);
  line-height: 1.8;
}

.empty-collection-message .btn,
.collection-empty .btn {
  margin-top: 24px;
  background: linear-gradient(135deg, #D4AF37 0%, #E5C158 52%, #B8960C 100%);
  color: #0A0A0A;
  border: none;
  border-radius: 999px;
  padding: 12px 28px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  transition: all 0.3s ease;
}

.empty-collection-message .btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);
}

/* ============================================================
   EMPTY COLLECTION PREMIUM CARD
   ============================================================ */

.grid__item--full-width {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  clear: both;
}

.collection-empty-card {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  min-height: 200px;
}

.collection-empty-card__inner {
  text-align: center;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(212, 175, 55, 0.12);
  border-radius: 8px;
  padding: 48px 32px;
  max-width: 480px;
  width: 100%;
}

.collection-empty-card__inner svg {
  margin-bottom: 20px;
}

.collection-empty-card__text {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(245, 245, 240, 0.6);
  line-height: 1.6;
  margin: 0 0 24px 0;
}

.collection-empty-card__button {
  display: inline-block;
  background: linear-gradient(135deg, #D4AF37 0%, #E5C158 52%, #B8960C 100%);
  color: #0A0A0A !important;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.collection-empty-card__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);
  color: #0A0A0A !important;
}

/* Mobile */
@media screen and (max-width: 768px) {
  .collection-empty-card {
    padding: 24px 16px;
    min-height: 160px;
  }

  .collection-empty-card__inner {
    padding: 32px 24px;
  }

  .collection-empty-card__text {
    font-size: 11px;
  }
}

/* ============================================================
   COLLECTION HERO IMAGE FORMAT & CROP FIX
   1248x832 ratio, proper object-position, responsive heights
   ============================================================
   CONSOLIDATED in v3.2 — see "COLLECTION HERO SYSTEM"
   at the end of this file for single source of truth.
*/

/* ============================================================
   COLLECTION TITLE POSITIONING
   Prevents title overlap with header icons
   ============================================================
   CONSOLIDATED in v3.2 — see "COLLECTION HERO SYSTEM"
   at the end of this file for single source of truth.
*/

/* ============================================================
   COLLECTION OVERLAY - Improves text readability
   ============================================================
   CONSOLIDATED in v3.2 — see "COLLECTION HERO SYSTEM"
   at the end of this file for single source of truth.
*/

/* ============================================================
   ANNOUNCEMENT BAR - Collection pages separation
   ============================================================ */

.template-collection .announcement-bar {
  position: relative;
  z-index: 31;
  background: #0A0A0A;
  border-bottom: 1px solid rgba(212, 175, 55, 0.15);
}

/* ============================================================
   COLLECTION PAGE — COMPREHENSIVE MOBILE UX FIXES
   ============================================================ */

/* Hero + banner scoped override */
.template-collection .collection-hero,
.template-collection .collection-banner,
.template-collection .collection-hero__container {
  min-height: 0;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.template-collection .collection-hero img,
.template-collection .collection-banner img {
  width: 100%;
  object-fit: cover;
  object-position: center 30%;
}

/* Collection description — single source, line-clamped */
.template-collection .collection-description {
  margin: 8px auto 12px;
  max-width: calc(100% - 32px);
  text-align: center;
}

/* Section spacing scoped to collection */
.template-collection .shopify-section {
  margin-top: 0;
  margin-bottom: 0;
}

.template-collection .main-collection {
  padding-top: 0;
  margin-top: 0;
}

/* Empty collection scoped */
.template-collection .collection-empty-card {
  margin: 8px auto 16px;
  max-width: calc(100% - 32px);
  background: #141414;
  border: 1px solid rgba(212, 175, 55, 0.18);
  border-radius: 8px;
}

/* Newsletter scoped */
.template-collection .newsletter-section {
  margin: 0;
  padding: 18px 0 14px;
}

/* Footer scoped */
.template-collection .site-footer {
  margin-top: 0;
  padding-top: 8px;
}

/* Mobile collection overrides */
@media screen and (max-width: 768px) {
  .template-collection .collection-hero,
  .template-collection .collection-banner {
    max-height: 180px;
    margin-bottom: 0;
  }

  .template-collection .collection-hero img,
  .template-collection .collection-banner img {
    height: 180px;
  }

  /* → Collection title, description & footer styles consolidated in v3.2 UX fixes below */
}

@media screen and (max-width: 480px) {
  .template-collection .collection-hero,
  .template-collection .collection-banner {
    max-height: 150px;
    margin-bottom: 0;
  }

  .template-collection .collection-hero img,
  .template-collection .collection-banner img {
    height: 150px;
  }

  /* → 480px collection hero & card styles consolidated in v3.2 UX fixes below */
}

/* ============================================================
   COLLECTION FOOTER — Mobile spacing fixes
   ============================================================ */

@media screen and (max-width: 768px) {
  .template-collection .site-footer {
    margin-top: 0;
  }

  /* → Newsletter/footer styles consolidated in v3.2 collection UX fixes below */
}

/* → 480px footer styles consolidated in v3.2 collection UX fixes below */

/* ============================================================
   COLLECTION GRID SPACING
   ============================================================ */

.template-collection .collection-grid {
  padding-top: 16px;
}

@media screen and (max-width: 768px) {
  .template-collection .collection-grid {
    padding-top: 10px;
  }
}

/* ============================================================
   TYPOGRAPHY MOBILE FIX
   ============================================================ */

/* Hero title - controlled sizing */
.ma-hero__title,
.ma-h2 {
  font-size: clamp(28px, 4.5vw, 56px); /* was clamp(32px, 6vw, 72px) */
  letter-spacing: 0.06em;
  line-height: 1.15;
  word-break: break-word;
  hyphens: auto;
}

@media screen and (max-width: 768px) {
  .ma-hero__title,
  .ma-h2 {
    font-size: clamp(18px, 5vw, 32px); /* was clamp(24px, 8vw, 48px) */
    letter-spacing: 0.04em;
    line-height: 1.25;
    padding: 0 16px;
  }
}

@media screen and (max-width: 480px) {
  .ma-hero__title,
  .ma-h2 {
    font-size: clamp(16px, 5.5vw, 24px); /* was clamp(20px, 9vw, 36px) */
    letter-spacing: 0.03em;
    line-height: 1.3;
    padding: 0 12px;
  }
}

/* Collection title — CONSOLIDATED in v3.2
   See "COLLECTION HERO SYSTEM" at the end of this file.
   .ma-collection-title kept for backward compatibility. */
.ma-collection-title {
  word-break: break-word;
}

/* Product title */
.grid-product__title,
.ma-product-title {
  font-size: clamp(12px, 1.2vw, 15px);
  letter-spacing: 0.05em;
  line-height: 1.4;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  .grid-product__title,
  .ma-product-title {
    font-size: clamp(11px, 3vw, 14px);
    letter-spacing: 0.04em;
  }
}

/* Product page title */
.product-single__title,
.ma-product-single-title {
  font-size: clamp(24px, 3vw, 42px);
  letter-spacing: 0.05em;
  line-height: 1.2;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  .product-single__title,
  .ma-product-single-title {
    font-size: clamp(18px, 5vw, 28px);
    letter-spacing: 0.04em;
  }
}

/* Price */
.grid-product__price,
.ma-price {
  font-size: clamp(12px, 1.1vw, 14px);
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .grid-product__price,
  .ma-price {
    font-size: clamp(11px, 2.5vw, 13px);
  }
}

/* Section titles */
.ma-section-title,
.ma-h3 {
  font-size: clamp(18px, 2.5vw, 32px); /* was clamp(20px, 3vw, 36px) */
  letter-spacing: 0.06em;
  line-height: 1.2;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  .ma-section-title,
  .ma-h3 {
    font-size: clamp(14px, 3.5vw, 24px); /* was clamp(16px, 4vw, 28px) */
    letter-spacing: 0.04em;
    line-height: 1.25;
  }
}

/* Newsletter title */
.newsletter-title,
.ma-newsletter-title {
  font-size: clamp(14px, 2vw, 20px);
  letter-spacing: 0.1em;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .newsletter-title,
  .ma-newsletter-title {
    font-size: clamp(12px, 3vw, 16px);
    letter-spacing: 0.08em;
  }
}

/* Footer links */
.footer__menu a,
.ma-footer-link {
  font-size: clamp(10px, 0.9vw, 12px);
  letter-spacing: 0.06em;
}

@media screen and (max-width: 768px) {
  .footer__menu a,
  .ma-footer-link {
    font-size: clamp(9px, 2vw, 11px);
    letter-spacing: 0.05em;
  }
}

/* Prevent text overflow globally */
body {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* Global text sizing safety */
h1, h2, h3, h4, h5, h6 {
  word-break: break-word;
  hyphens: auto;
}

/* ============================================
   CATEGORY CARD — DESKTOP PREMIUM REVISION v9
   Black-gold luxury aesthetic, portrait crop,
   subtle hover, enhanced readability
   ============================================ */

/* Base category card styles */
.ma-ph-categories {
  padding: 60px 0 66px;
  background: linear-gradient(180deg, #050505, #090909);
  font-family: Inter, Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #fff;
}

.ma-ph-wrap {
  width: min(1240px, calc(100% - 32px));
  margin-inline: auto;
  min-width: 0;
}

.ma-ph-center {
  text-align: center;
}

.ma-ph-eyebrow {
  font-size: 12px;
  letter-spacing: 0.34em;
  text-transform: uppercase;
  color: #D4AF37;
  font-weight: 700;
  margin: 0 0 16px;
}

.ma-ph-title {
  font-family: Montserrat, Inter, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.045em;
  line-height: 0.92;
  margin: 0;
  color: #fff;
}

.ma-ph-section-title {
  font-size: clamp(36px, 6vw, 76px);
  max-width: 980px;
  margin: 0 auto 22px;
}

.ma-ph-copy {
  color: rgba(255, 255, 255, 0.68);
  line-height: 1.75;
  margin: 0;
  font-family: Inter, sans-serif;
}

.ma-ph-section-copy {
  font-size: clamp(16px, 2vw, 20px);
  max-width: 720px;
  margin: 0 auto 54px;
}

/* --- Category Grid & Cards --- */
.ma-ph-cat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.ma-ph-cat-card {
  position: relative;
  aspect-ratio: 4 / 5;
  border: 1px solid rgba(212, 175, 55, 0.26);
  border-radius: 6px;
  overflow: hidden;
  background: #0B0B0B;
  text-decoration: none;
  display: flex;
  align-items: flex-end;
  padding: 0;
  isolation: isolate;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.4s ease;
}

.ma-ph-cat-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bg) center 30% / cover no-repeat;
  z-index: -2;
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.ma-ph-cat-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    transparent 40%,
    rgba(5, 5, 5, 0.6) 80%,
    rgba(5, 5, 5, 0.9) 100%
  );
  z-index: -1;
}

.ma-ph-cat-card:hover {
  transform: translateY(-6px) scale(1.02);
  box-shadow: 0 12px 40px rgba(212, 175, 55, 0.12);
}

.ma-ph-cat-card:hover::before {
  transform: scale(1.08);
}

.ma-ph-cat-card > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 20px;
  z-index: 2;
}

.ma-ph-cat-card h3 {
  font-size: clamp(20px, 1.8vw, 28px);
  line-height: 1.1;
  margin: 0 0 10px;
  color: #F5F5F0;
  text-transform: none;
  font-weight: 900;
  font-family: Montserrat, Inter, sans-serif;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}

.ma-ph-cat-card span {
  color: #D4AF37;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 12px;
}

/* --- Desktop (990px+) --- */
@media screen and (min-width: 990px) {
  .ma-ph-cat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;
  }

  .ma-ph-cat-card {
    aspect-ratio: 4 / 5;
    border-radius: 6px;
  }
}

/* --- Tablet (481px - 989px) --- */
@media screen and (min-width: 481px) and (max-width: 989px) {
  .ma-ph-cat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  .ma-ph-cat-card {
    aspect-ratio: 1 / 1.15;
    border-radius: 5px;
  }

  .ma-ph-cat-card > div {
    padding: 14px;
  }

  .ma-ph-cat-card h3 {
    font-size: clamp(14px, 1.6vw, 18px);
    margin: 0 0 8px;
  }

  .ma-ph-cat-card span {
    font-size: 11px;
    letter-spacing: 0.14em;
  }
}

/* --- Mobile Large (481px - 640px) --- */
@media screen and (max-width: 640px) {
  .ma-ph-wrap {
    width: min(100% - 28px, 560px);
  }

  .ma-ph-categories {
    padding: 50px 0;
  }

  .ma-ph-section-title {
    font-size: clamp(38px, 12vw, 54px);
  }

  .ma-ph-section-copy {
    margin-bottom: 36px;
  }
}

/* --- Mobile (<=480px) --- */
@media screen and (max-width: 480px) {
  .ma-ph-cat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 8px;
  }

  .ma-ph-cat-card {
    aspect-ratio: 3 / 4;
    border-radius: 4px;
  }

  .ma-ph-cat-card > div {
    padding: 10px;
  }

  .ma-ph-cat-card h3 {
    font-size: 13px;
    margin: 0 0 6px;
  }

  .ma-ph-cat-card span {
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  /* === 480px: Collection-specific compact overrides === */
  .template-collection .collection-hero,
  .template-collection .collection-hero__container {
    max-height: 150px;
  }

  .template-collection .collection-hero__image-wrapper {
    max-height: 150px;
    min-height: 120px;
  }

  .template-collection .collection-hero img {
    max-height: 150px;
  }

  /* → Title sizing consolidated in v3.2 collection UX fixes below */
  .template-collection .grid--uniform {
    padding-top: 10px;
  }

  .template-collection .grid-product__title {
    font-size: 11px;
    line-height: 1.3;
  }

  .template-collection .grid-product__price {
    font-size: 12px;
  }

  /* → Empty card, newsletter & chat styles consolidated in v3.2 collection UX fixes */
}

/* === TABLET (769px-1024px): Ürün kart optimizasyonu === */
@media screen and (min-width: 769px) and (max-width: 1024px) {

  /* Tablet'te 3 sütun — kartlar daha büyük */
  .template-collection .grid__item.medium-up--one-quarter {
    width: 33.33333%;
    clear: none !important;
  }

  .template-collection .grid--uniform .medium-up--one-quarter:nth-of-type(4n+1) {
    clear: none;
  }

  .template-collection .grid--uniform .medium-up--one-quarter:nth-of-type(3n+1) {
    clear: both;
  }

  /* Kart spacing */
  .template-collection .grid--uniform {
    padding-top: 20px;
    padding-bottom: 12px;
  }

  .template-collection .grid {
    margin-left: -20px;
  }

  .template-collection .grid__item {
    padding-left: 20px;
    margin-bottom: 20px;
  }

  /* Newsletter */
  .template-collection .site-footer__section--newsletter {
    padding: 24px 0;
    margin-bottom: 16px;
  }

  .template-collection .site-footer__section--newsletter .h2 {
    font-size: 18px;
  }
}

/* === DESKTOP (1025px+): 4 sütun korunur, spacing optimize === */
@media screen and (min-width: 1025px) {

  .template-collection .grid--uniform {
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .template-collection .grid {
    margin-left: -30px;
  }

  .template-collection .grid__item {
    padding-left: 30px;
    margin-bottom: 24px;
  }

  /* Newsletter */
  .template-collection .site-footer__section--newsletter {
    padding: 40px 0;
    margin-bottom: 24px;
  }

  .template-collection .site-footer__section--newsletter .h2 {
    font-size: 22px;
  }
}

/* --- Reduced Motion --- */
@media (prefers-reduced-motion: reduce) {
  .ma-ph-cat-card,
  .ma-ph-cat-card::before {
    transition: none;
  }

  .ma-ph-cat-card:hover {
    transform: none;
    box-shadow: none;
  }

  .ma-ph-cat-card:hover::before {
    transform: none;
  }
}


/* ==================================================
   FINAL MOBILE HERO PREMIUM REFINEMENT
   Minimal surgical polish
   ==================================================
   NOTE: Collection hero title/image styles moved to
   "COLLECTION HERO SYSTEM v3.2" at end of file.
   Below rules are grid/product-card only.
*/

@media screen and (max-width: 768px) {

  /* Scoped to .template-collection only — prevents affecting homepage/product pages */
  .template-collection .collection-hero,
  .template-collection .collection-hero__container,
  .template-collection .section--collection-hero {
    min-height: auto;
    max-height: 180px;
    height: auto;
  }

  .template-collection .collection-hero__image,
  .template-collection .collection-hero .hero__image,
  .template-collection .collection-hero img {
    max-height: 180px;
    min-height: auto;
    object-fit: cover;
    object-position: center 30%;
  }

  /* === GRID: Hero sonrasi ürün grid spacing === */
  .template-collection .grid--uniform {
    padding-top: 16px;
    padding-bottom: 8px;
  }

  .template-collection .grid {
    margin-left: -10px;
  }

  .template-collection .grid__item {
    padding-left: 10px;
    margin-bottom: 16px;
  }

  /* === PRODUCT CARD: Mobil okunabilirlik === */
  .template-collection .grid-product__title {
    font-size: 12px;
    line-height: 1.35;
    letter-spacing: 0.02em;
    margin-top: 8px;
    max-height: 2.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .template-collection .grid-product__price {
    font-size: 13px;
    font-weight: 600;
    margin-top: 4px;
    letter-spacing: 0.04em;
  }

  .template-collection .grid-product__image {
    border-radius: 6px;
  }

  /* === NEWSLETTER: Mobil padding azaltma === */
  .template-collection .site-footer__section--newsletter {
    padding: 24px 0;
    margin-bottom: 24px;
  }

  /* → Newsletter, footer, chat & empty card styles consolidated in v3.2 collection UX fixes below */
}

/* ============================================================
   COLLECTION UX FIXES — v3.2
   Scoped to .template-collection only
   ============================================================ */

/* ---- 1. HERO TITLE: Balanced sizing without aggressive !important ---- */
.template-collection .collection-hero__title,
.template-collection .collection-header__title {
  font-size: clamp(28px, 5vw, 56px);
  line-height: 1.12;
  letter-spacing: 0.06em;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: manual;
  text-wrap: balance;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* Long title modifier (>2 words): "Camping & Shelter", "Sleeping Systems" */
.template-collection .collection-hero__title--long,
.template-collection .collection-hero__title--very-long {
  font-size: clamp(22px, 4.2vw, 48px);
  line-height: 1.15;
  letter-spacing: 0.05em;
}

/* Very long modifier (>20 chars) */
.template-collection .collection-hero__title--very-long {
  font-size: clamp(18px, 3.8vw, 42px);
  line-height: 1.18;
  letter-spacing: 0.04em;
}

/* ---- 2. SMART OBJECT-POSITION: Aspect-ratio aware cropping ---- */
.template-collection .collection-hero__image,
.template-collection .collection-hero img {
  /* Default focal point preserves top-center branding area */
  object-position: center 30%;
  transition: object-position 0.3s ease;
}

/* When image is extra-wide (aspect-ratio > 3:1), focus on center */
@supports (aspect-ratio: 3/1) {
  .template-collection .collection-hero__image-wrapper:has(img[style*="object-position: center"]) img,
  .template-collection .collection-hero__image-wrapper img[style*="object-position: center"] {
    object-position: center center;
  }
}

/* ---- 3. EMPTY COLLECTION CARD: Consistent sizing ---- */
.template-collection .collection-empty-card {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 160px;
  padding: 20px;
  margin: 20px auto 16px;
  max-width: 560px;
  background: #141414;
  border: 1px solid rgba(212, 175, 55, 0.15);
  border-radius: 10px;
  box-sizing: border-box;
}

.template-collection .collection-empty-card__inner {
  text-align: center;
  padding: 20px;
  max-width: 360px;
  width: 100%;
}

.template-collection .collection-empty-card__text {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(245, 245, 240, 0.65);
  line-height: 1.4;
  margin: 0 0 16px;
}

.template-collection .collection-empty-card__button {
  display: inline-block;
  background: linear-gradient(135deg, #D4AF37 0%, #E5C158 52%, #B8960C 100%);
  color: #0A0A0A;
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 10px 20px;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.template-collection .collection-empty-card__button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3);
  color: #0A0A0A;
}

/* ---- 4. NEWSLETTER TITLE: clamp() for mobile dominance control ---- */
.template-collection .site-footer__section--newsletter .h2,
.template-collection .newsletter-section .h2 {
  font-size: clamp(13px, 3vw, 18px);
  letter-spacing: 0.6px;
  line-height: 1.3;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 8px;
  text-wrap: balance;
}

/* ---- 5. GRID SPACING: Adequate breathing room between hero and grid ---- */
.template-collection #CollectionSection,
.template-collection .main-collection {
  padding-top: 32px;
  padding-bottom: 32px;
}

.template-collection .collection-hero {
  margin-bottom: 0;
}

/* Hero bottom padding provides natural transition to grid */
.template-collection .collection-hero__container::after {
  content: '';
  display: block;
  height: 0;
}

/* ---- 6. CHAT WIDGET: Prevent overlap with newsletter/footer ---- */
.template-collection .shopify-chat,
.template-collection .shopify-chat-button,
.template-collection .shopify-inbox,
.template-collection .shopify-inbox-chat-button,
.template-collection #shopify-chat,
.template-collection #shopify-chat-button,
.template-collection .chat-widget,
.template-collection .chat-widget__container,
.template-collection .tidio-chat-widget,
.template-collection .tidio-chat-button,
.template-collection [class*="chat-button"][class*="shopify"],
.template-collection iframe[src*="chat"][style*="position: fixed"] {
  bottom: 85px !important;
  margin-bottom: 4px !important;
  z-index: 90 !important;
}

/* Ensure chat doesn't overlap social icons on very small screens */
@media screen and (max-height: 700px) {
  .template-collection .shopify-chat,
  .template-collection .shopify-chat-button,
  .template-collection #shopify-chat,
  .template-collection .chat-widget,
  .template-collection .tidio-chat-widget {
    bottom: 70px !important;
    transform: scale(0.92);
    transform-origin: bottom right;
  }
}

/* ---- 7. MOBILE OVERRIDES (768px) ---- */
@media screen and (max-width: 768px) {

  /* Hero title mobile */
  .template-collection .collection-hero__title,
  .template-collection .collection-header__title {
    font-size: clamp(20px, 6.5vw, 32px);
    line-height: 1.15;
    letter-spacing: 0.04em;
    max-width: 94%;
  }

  .template-collection .collection-hero__title--long {
    font-size: clamp(18px, 5.8vw, 28px);
    line-height: 1.18;
  }

  .template-collection .collection-hero__title--very-long {
    font-size: clamp(16px, 5.2vw, 24px);
    line-height: 1.2;
    letter-spacing: 0.03em;
  }

  /* Hero image mobile crop: slightly higher focal point for small screens */
  .template-collection .collection-hero__image,
  .template-collection .collection-hero img {
    object-position: center 28%;
  }

  /* Empty card mobile */
  .template-collection .collection-empty-card {
    min-height: 140px;
    padding: 20px;
    margin: 16px auto 16px;
    max-width: calc(100% - 32px);
  }

  .template-collection .collection-empty-card__inner {
    padding: 20px;
  }

  .template-collection .collection-empty-card__text {
    font-size: 12px;
    margin-bottom: 16px;
  }

  .template-collection .collection-empty-card__button {
    padding: 10px 20px;
    font-size: 11px;
  }

  /* Newsletter title mobile clamp */
  .template-collection .site-footer__section--newsletter .h2,
  .template-collection .newsletter-section .h2 {
    font-size: clamp(13px, 3vw, 18px);
    letter-spacing: 0.6px;
    margin-bottom: 8px;
    line-height: 1.35;
  }

  /* Grid spacing mobile */
  .template-collection #CollectionSection,
  .template-collection .main-collection {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  /* Footer social icon spacing for chat clearance */
  .template-collection .footer__social {
    margin-bottom: 8px;
  }

  .template-collection .footer__social a {
    width: 36px;
    height: 36px;
    margin: 0 4px;
  }

  /* Footer menu: compact mobile sizing */
  .template-collection .footer__menu a {
    font-size: 9px;
    letter-spacing: 0.5px;
    padding: 2px 4px;
  }
}

/* ---- 8. SMALL MOBILE OVERRIDES (480px) ---- */
@media screen and (max-width: 480px) {

  .template-collection .collection-hero__title,
  .template-collection .collection-header__title {
    font-size: clamp(18px, 7vw, 26px);
    line-height: 1.12;
  }

  .template-collection .collection-hero__title--long {
    font-size: clamp(16px, 6.2vw, 22px);
  }

  .template-collection .collection-hero__title--very-long {
    font-size: clamp(14px, 5.5vw, 20px);
    line-height: 1.22;
  }

  .template-collection .collection-hero__image,
  .template-collection .collection-hero img {
    object-position: center 25%;
  }

  /* Empty card small mobile */
  .template-collection .collection-empty-card {
    min-height: 110px;
    padding: 16px;
    margin: 12px auto 16px;
    border-radius: 8px;
  }

  .template-collection .collection-empty-card__inner {
    padding: 16px;
  }

  .template-collection .collection-empty-card__text {
    font-size: 11px;
    margin-bottom: 14px;
    line-height: 1.4;
  }

  .template-collection .collection-empty-card__button {
    padding: 10px 20px;
    font-size: 10px;
    letter-spacing: 0.1em;
  }

  /* Newsletter title small mobile */
  .template-collection .site-footer__section--newsletter .h2,
  .template-collection .newsletter-section .h2 {
    font-size: clamp(13px, 3vw, 18px);
    letter-spacing: 0.6px;
    line-height: 1.4;
  }

  /* Chat widget small mobile: extra clearance */
  .template-collection .shopify-chat,
  .template-collection .shopify-chat-button,
  .template-collection #shopify-chat,
  .template-collection .chat-widget,
  .template-collection .tidio-chat-widget {
    bottom: 85px !important;
  }

  /* Grid spacing small mobile */
  .template-collection #CollectionSection,
  .template-collection .main-collection {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}


/* ============================================================
   COLLECTION HERO SYSTEM v3.2 — Single Source of Truth
   Scoped to .template-collection
   Replaces all prior scattered hero rules.
   ============================================================ */

/* ---- CONTAINER ---- */
.template-collection .collection-hero,
.template-collection .collection-hero__container {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

/* ---- IMAGE WRAPPER: consistent heights across all collections ---- */
.template-collection .collection-hero__image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #0A0A0A;
  /* Desktop default */
  height: 45vh;
  min-height: 380px;
  max-height: 520px;
}

/* Empty collection: no image state */
.template-collection .collection-hero__image-wrapper--no-image {
  background: linear-gradient(135deg, #0A0A0A 0%, #141414 50%, #0A0A0A 100%);
  height: 30vh;
  min-height: 200px;
}

/* ---- HERO IMAGE ---- */
.template-collection .collection-hero__image,
.template-collection .collection-hero img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 25%; /* Desktop: focus on upper portion for logo */
  transition: object-position 0.3s ease;
}

/* ---- OVERLAY ---- */
.template-collection .collection-hero__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    rgba(10, 10, 10, 0.15) 0%,
    rgba(10, 10, 10, 0.05) 35%,
    rgba(10, 10, 10, 0.05) 50%,
    rgba(10, 10, 10, 0.35) 70%,
    rgba(10, 10, 10, 0.55) 100%
  );
  z-index: 2;
  pointer-events: none;
}

.template-collection .collection-hero__overlay--full {
  background: rgba(10, 10, 10, 0.85);
}

/* ---- CONTENT: title positioned OVER hero image ---- */
.template-collection .collection-hero__content {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 5;
  width: 90%;
  max-width: 900px;
  pointer-events: none;
}

/* ---- TITLE: single clamp() base, auto-shrink modifiers ---- */
.template-collection .collection-hero__title,
.template-collection .collection-header__title,
.template-collection .section-header__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: clamp(28px, 5vw, 56px);
  letter-spacing: 0.08em;
  line-height: 1.1;
  text-transform: uppercase;
  color: #F5F5F0;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.3);
  margin: 0;
  word-break: break-word;
  overflow-wrap: break-word;
  hyphens: manual;
  text-wrap: balance;
}

/* Long titles (>2 words): e.g. "Hiking Essentials", "Sleeping Systems" */
.template-collection .collection-hero__title--long,
.template-collection .section-header__title--long {
  font-size: clamp(24px, 4.5vw, 48px);
  letter-spacing: 0.06em;
  line-height: 1.12;
}

/* Very long titles (>20 chars): e.g. "Camping & Shelter" */
.template-collection .collection-hero__title--very-long,
.template-collection .section-header__title--very-long {
  font-size: clamp(20px, 4vw, 42px);
  letter-spacing: 0.05em;
  line-height: 1.15;
}

/* ---- DESCRIPTION ---- */
.template-collection .collection-hero__description {
  margin-top: 12px;
  font-size: clamp(13px, 1.4vw, 16px);
  color: rgba(245, 245, 240, 0.75);
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
  line-height: 1.6;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   COLLECTION HERO — Responsive Breakpoints
   ============================================================ */

/* ---- TABLET (769px – 1023px) ---- */
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .template-collection .collection-hero__image-wrapper {
    height: 38vh;
    min-height: 300px;
    max-height: 420px;
  }

  .template-collection .collection-hero__image,
  .template-collection .collection-hero img {
    object-position: center 28%;
  }

  .template-collection .collection-hero__title,
  .template-collection .collection-header__title,
  .template-collection .section-header__title {
    font-size: clamp(26px, 5vw, 46px);
  }
}

/* ---- MOBILE (768px) ---- */
@media screen and (max-width: 768px) {
  /* Height: 180px consistent across all collections */
  .template-collection .collection-hero__image-wrapper {
    height: 180px;
    min-height: 180px;
    max-height: 180px;
  }

  /* Empty collection: reduced but readable */
  .template-collection .collection-hero__image-wrapper--no-image {
    height: auto;
    min-height: 140px;
    max-height: none;
  }

  /* Image: slightly higher focal point */
  .template-collection .collection-hero__image,
  .template-collection .collection-hero img {
    object-position: center 30%;
  }

  /* Content position: slightly higher on mobile */
  .template-collection .collection-hero__content {
    bottom: 18%;
    width: 92%;
  }

  /* Title mobile */
  .template-collection .collection-hero__title,
  .template-collection .collection-header__title,
  .template-collection .section-header__title {
    font-size: clamp(22px, 6.5vw, 36px);
    letter-spacing: 0.05em;
    line-height: 1.15;
  }

  .template-collection .collection-hero__title--long,
  .template-collection .section-header__title--long {
    font-size: clamp(20px, 5.5vw, 30px);
    letter-spacing: 0.04em;
  }

  .template-collection .collection-hero__title--very-long,
  .template-collection .section-header__title--very-long {
    font-size: clamp(18px, 5vw, 26px);
    letter-spacing: 0.04em;
    line-height: 1.18;
  }

  .template-collection .collection-hero__description {
    margin-top: 8px;
    font-size: 13px;
    line-height: 1.45;
    max-height: 4.2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

/* ---- SMALL MOBILE (480px) ---- */
@media screen and (max-width: 480px) {
  .template-collection .collection-hero__image-wrapper {
    height: 150px;
    min-height: 150px;
    max-height: 150px;
  }

  .template-collection .collection-hero__image-wrapper--no-image {
    min-height: 120px;
  }

  .template-collection .collection-hero__image,
  .template-collection .collection-hero img {
    object-position: center 35%;
  }

  .template-collection .collection-hero__content {
    bottom: 16%;
    width: 94%;
  }

  .template-collection .collection-hero__title,
  .template-collection .collection-header__title,
  .template-collection .section-header__title {
    font-size: clamp(18px, 7vw, 28px);
    letter-spacing: 0.04em;
    line-height: 1.18;
  }

  .template-collection .collection-hero__title--long,
  .template-collection .section-header__title--long {
    font-size: clamp(16px, 6vw, 24px);
  }

  .template-collection .collection-hero__title--very-long,
  .template-collection .section-header__title--very-long {
    font-size: clamp(14px, 5.5vw, 20px);
    line-height: 1.22;
  }

  .template-collection .collection-hero__description {
    font-size: 12px;
    -webkit-line-clamp: 2;
  }
}