/** Shopify CDN: Minification failed

Line 109:19 Unexpected "{"
Line 109:28 Expected ":"
Line 117:21 Unexpected "{"
Line 117:30 Expected ":"
Line 124:21 Unexpected "{"
Line 124:30 Expected ":"

**/


/* CSS from section stylesheet tags */
/* --- Container --- */
.cgx--full { width: 100vw; margin-left: calc(50% - 50vw); }
.cgx--contained { width: 100%; }
.cgx__inner { max-width: 1200px; margin: 0 auto; padding: 24px 16px; }

/* --- Heading --- */
.cgx__head { margin-bottom: 18px; }
.cgx__head--center { text-align: center; }
.cgx__head--right { text-align: right; }
.cgx__title { font-size: clamp(20px, 2.6vw, 28px); margin: 0 0 6px; }
.cgx__sub { color: rgba(0,0,0,.7); }

/* --- Grid --- */
.cgx__grid {
  display: grid;
  gap: var(--grid-gap, 18px);
  grid-template-columns: repeat(auto-fill, minmax(var(--card-w, 320px), 1fr));
  justify-content: center;
  align-items: stretch;
}
@media (max-width: 990px){ .cgx__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px){ .cgx__grid { grid-template-columns: repeat(2, 1fr); } }

/* --- Card --- */
.cgx-card {
  background: var(--card-bg);
  color: var(--card-text);
  border-radius: var(--card-radius);
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform .25s ease, box-shadow .25s ease;
}
.cgx-card:hover { transform: translateY(-4px); box-shadow: var(--hover-shadow); }

/* --- Media --- */
.cgx-card__media {
  background: #f3f3f3;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.cgx-card__img {
  width: 100%;
  height: 100%;
  object-fit: var(--img-fit);
  object-position: var(--img-pos);
}
[data-media-fixed="true"] .cgx-card__media {
  height: var(--media-fixed-h);
  aspect-ratio: auto;
}

/* --- Body --- */
.cgx-card__body {
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}
.cgx-card__name { font-size: 15px; margin-bottom: 8px; }
.cgx-card__name a { color: inherit; text-decoration: none; }
.cgx-card__name a:hover { text-decoration: underline; }
.cgx-card__price { font-weight: 600; margin-bottom: 12px; }
.cgx-card__price-compare { opacity: 0.6; margin-right: 6px; }

/* --- Button --- */
.cgx-card__btn {
  background: var(--btn-bg);
  color: var(--btn-color);
  padding: 6px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  align-self: flex-start;
  transition: background 0.3s ease;
}
.cgx-card__btn:hover { background: var(--btn-hover-bg, #333); }

/* --- Empty --- */
.cgx__empty { text-align: center; padding: 28px; background: #f7f7f7; border-radius: 12px; }
/* ---------- Wrap & headings ---------- */
.pcards__inner { max-width: 1200px; margin: 0 auto; padding: 24px 16px; }
.pcards__head { margin-bottom: 18px; }
.pcards__head--center { text-align: center; }
.pcards__head--right { text-align: right; }
.pcards__title { margin: 0 0 6px; font-size: clamp(20px, 2.6vw, 28px); line-height: 1.25; }
.pcards__sub { color: rgba(0,0,0,.7); }

/* ---------- Full / contained ---------- */
.pcards--full { width: 100vw; margin-left: calc(50% - 50vw); }
.pcards--contained { width: 100%; }

/* ---------- Grid: force columns directly (beats global rules) ---------- */
#collection-cards-{{ section.id }} .pcards__grid{
  display: grid;
  gap: var(--grid-gap);
  grid-template-columns: repeat(var(--cols-dk), minmax(0, 1fr)) !important; /* Desktop default */
}

/* Tablet */
@media (max-width: 990px){
  #collection-cards-{{ section.id }} .pcards__grid{
    grid-template-columns: repeat(var(--cols-tb), minmax(0, 1fr)) !important;
  }
}

/* Mobile (up to 768px) */
@media (max-width: 768px){
  #collection-cards-{{ section.id }} .pcards__grid{
    grid-template-columns: repeat(var(--cols-mb), minmax(0, 1fr)) !important;
  }
}

/* ---------- Card ---------- */
.pcard {
  background: var(--card-bg);
  color: var(--card-text);
  border-radius: var(--card-radius);
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  transition: transform .25s ease, box-shadow .25s ease;
  display: flex; flex-direction: column;
}
.pcard:hover { transform: translateY(-4px); box-shadow: var(--hover-shadow); }

/* Optional fixed card height */
[data-card-fixed="true"] .pcard { height: var(--card-fixed-h); }

/* Media */
.pcard__media { position: relative; display: block; background: #f3f3f3; }
.pcard__ratio { display: block; width: 100%; }
.pcard__img {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: var(--img-fit); object-position: var(--img-pos);
}

/* Body */
.pcard__body { padding: 14px 14px 16px; display: flex; flex-direction: column; flex: 1; min-height: 0; }
.pcard__name { font-size: 15px; line-height: 1.35; margin: 0; }
.pcard__name a { color: inherit; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.pcard__name a:hover { text-decoration: underline; }

/* Empty */
.pcards__empty { grid-column: 1 / -1; text-align: center; padding: 28px; background: #f7f7f7; border-radius: 12px; }
/* =========================
   Responsive Footer (5-Column Final)
   ========================= */
#t4s-footer {
  --ft-head-cl: var(--heading-cl, #222);
  --ft-text-cl: var(--text-cl, #555);
  --ft-link-cl: var(--link-cl, #555);
  --ft-link-hover: var(--link-hover-cl, #111);
  --ft-border: var(--border-cl, #e6e6e6);
  --ft-bg: var(--cl_bg, #ffffff);
  --ft-bottom-bg: var(--bottom_bg, #be2026);
  --ft-bottom-cl: var(--bottom_cl, #ffffff);
  --ico-size: 26px;
}

#t4s-footer {
  background: var(--ft-bg);
  color: var(--ft-text-cl);
  font-size: 14px;
  line-height: 1.55;
}

#t4s-footer .t4s-container {
  max-width: 1400px;
  margin-inline: auto;
  padding-inline: 24px;
}

/* --- Desktop: 5 columns --- */
#t4s-footer .footer-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 32px;
  row-gap: 24px;
  padding: 48px 0;
  align-items: start;
}

/* --- Tablet: 2 columns --- */
@media (max-width: 991px) {
  #t4s-footer .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 24px;
    row-gap: 24px;
    padding: 36px 0;
  }
  #t4s-footer { --ico-size: 22px; }
  #t4s-footer .footer-head { font-size: 16px; }
}

/* --- Mobile: 1 column --- */
@media (max-width: 575px) {
  #t4s-footer .footer-grid {
    grid-template-columns: 1fr;
    row-gap: 18px;
    padding: 26px 0;
  }
  #t4s-footer { --ico-size: 18px; }
  #t4s-footer .footer-head { font-size: 15px; margin-bottom: 10px; }
  #t4s-footer .footer-link,
  #t4s-footer .footer-text,
  #t4s-footer .footer-meta { font-size: 13px; }
}

/* --- Headings --- */
#t4s-footer .footer-head {
  color: var(--ft-head-cl);
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 14px;
}

/* --- Text & Links --- */
#t4s-footer .footer-linklist {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  row-gap: 8px;
}
#t4s-footer .footer-link {
  color: var(--ft-link-cl);
  text-decoration: none;
  transition: color 0.2s ease;
}
#t4s-footer .footer-link:hover {
  color: var(--ft-link-hover);
  text-decoration: underline;
}

/* --- Brand --- */
#t4s-footer .footer-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
#t4s-footer .footer-logo img {
  height: auto;
  max-width: 150px;
}

/* --- Contact --- */
#t4s-footer .footer-contact {
  display: grid;
  row-gap: 12px;
}
#t4s-footer .footer-contact-item {
  display: grid;
  grid-template-columns: var(--ico-size) 1fr;
  align-items: center;
  column-gap: 10px;
}
#t4s-footer .footer-ico {
  width: var(--ico-size);
  height: var(--ico-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--ft-border);
  border-radius: 50%;
}
#t4s-footer .footer-ico svg {
  width: calc(var(--ico-size) * 0.55);
  height: calc(var(--ico-size) * 0.55);
}

/* --- Social Icons --- */
#t4s-footer .footer-socials {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}
#t4s-footer .footer-socials a {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  transition: transform 0.2s ease;
}
#t4s-footer .footer-socials a:hover {
  transform: translateY(-2px);
}
@media (max-width: 575px) {
  #t4s-footer .footer-socials a {
    width: 30px;
    height: 30px;
  }
}

/* --- Divider --- */
#t4s-footer .footer-divider {
  height: 1px;
  background: var(--ft-border);
  margin: 26px 0;
}

/* --- Full-width Copyright --- */
#t4s-footer .footer-bottom {
  background: var(--ft-bottom-bg);
  color: var(--ft-bottom-cl);
  text-align: center;
  padding: 14px 16px;
  font-size: 14px;
  width: 100%;
}