/** Shopify CDN: Minification failed

Line 27:0 All "@import" rules must come first

**/
/* ── TIDEZ CUSTOM CSS ── */

:root {
  --tidez-white: #ffffff;
  --tidez-black: #0a0a0a;
  --tidez-gray-50: #f9f9f7;
  --tidez-gray-100: #f2f2ef;
  --tidez-gray-200: #e5e5e1;
  --tidez-gray-400: #b0b0aa;
  --tidez-gray-600: #6e6e68;
  --tidez-ice: #e8f0f4;
  --tidez-ice-mid: #c4d9e8;
  --tidez-ice-dark: #4a7a96;
  --tidez-accent: #1a5c7a;
  --tidez-accent-light: #2478a0;
  --tidez-clinical-green: #2d6a4f;
  --tidez-font-main: 'DM Sans', sans-serif;
  --tidez-font-mono: 'DM Mono', monospace;
}

/* ── GOOGLE FONTS ── */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Mono:wght@300;400&display=swap');
/* ── ANNOUNCEMENT BAR ── */
.announcement-bar {
  font-family: var(--tidez-font-mono);
  letter-spacing: 0.1em;
  font-size: 11px;
}

/* ── NAVIGATION ── */
.header__menu-item {
  font-size: 13px;
  letter-spacing: 0.01em;
}

/* ── BUTTONS ── */
.button {
  border-radius: 100px !important;
  letter-spacing: 0.01em;
}

/* ── PRODUCT CARDS ── */
.card__heading {
  font-size: 15px;
  letter-spacing: -0.01em;
}

.price {
  font-size: 14px;
  font-weight: 500;
}

/* ── FOOTER ── */
.footer__heading {
  font-family: var(--tidez-font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
/* ── PRODUCT CARD IMAGE FIX ── */
.card__media {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.card__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #f9f9f7;
}

/* ── CARD HEIGHT FIX ── */
.card__media {
  height: 260px !important;
  min-height: 260px !important;
  max-height: 260px !important;
}

.card__media img {
  height: 100% !important;
  width: 100% !important;
  object-fit: contain !important;
}

/* ── QUALITY BAND FIX ── */
.custom-section {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 40px !important;
}

.custom-section .text-block {
  flex: 0 0 auto !important;
}

/* ── QUALITY BAND HORIZONTAL FIX ── */
.section-content-wrapper {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px !important;
}

/* ── QUALITY BAND PADDING FIX ── */
.section-content-wrapper {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

/* ── QUALITY BAND HEIGHT FIX ── */
.spacing-style.section-content-wrapper {
  min-height: unset !important;
  padding-block-start: 16px !important;
  padding-block-end: 16px !important;
}

/* ── COLLECTION PAGE IMAGE FIX ── */
.collection .card__media,
.collection .card-wrapper .card__media {
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.collection .card__media img,
.collection .card-wrapper .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #e8e8e4 !important;
}

/* ── COLLECTION PRODUCT IMAGE FIX ── */
.product-media-container {
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
}

.product-media__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  aspect-ratio: 1 / 1 !important;
  background: #e8e8e4 !important;
}


/* === Hero — more breathing room === */
.tidez-hero-content {
  gap: 2rem;
}

.tidez-hero-badge {
  margin-bottom: 0.5rem;
}

.tidez-hero-content h1 {
  margin-bottom: 0.5rem;
}

.tidez-hero-sub {
  margin-bottom: 0.5rem;
}

.tidez-hero-actions {
  margin-top: 0.5rem;
}

/* === Hero spacing override === */
.tidez-hero-badge { margin-bottom: 48px !important; }
.tidez-hero h1 { margin-bottom: 40px !important; }
.tidez-hero-sub { margin: 0 auto 64px !important; }
.tidez-hero-content { padding-bottom: 120px !important; }

/* === Hero — center content vertically === */
.tidez-hero { justify-content: center !important; }
.tidez-hero-content { padding-bottom: 0 !important; padding-top: 0 !important; }

/* === Hero headline — slightly smaller === */
.tidez-hero h1 { font-size: clamp(38px, 5vw, 66px) !important; }

/* === Hide hero badge === */
.tidez-hero-badge { display: none !important; }

/* === Hero — nudge content down to true center === */
.tidez-hero-content { margin-top: 8vh !important; }

/* === Hero — push content below TIDEZ watermark === */
.tidez-hero { justify-content: flex-end !important; }
.tidez-hero-content { margin-top: 0 !important; padding-bottom: 120px !important; }

/* === Hero — drop content lower === */
.tidez-hero-content { padding-bottom: 180px !important; }

/* === Hero — push content further down === */
.tidez-hero-content { padding-bottom: 40px !important; padding-top: 60vh !important; }

/* === Hero — fix background image on mobile === */
@media (max-width: 768px) {
  .tidez-hero-bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
  }
  .tidez-hero-content {
    padding-top: 45vh !important;
  }
}

/* === Mobile hero — fix overlay and button visibility === */
@media (max-width: 768px) {
  .tidez-hero-bg::after {
    background: linear-gradient(to bottom, rgba(8,16,22,0.3) 0%, rgba(8,16,22,0.85) 60%, rgba(8,16,22,0.98) 100%) !important;
  }
  .tidez-hero-content {
    padding-top: 35vh !important;
    padding-bottom: 60px !important;
  }
}

/* === Mobile hero — full black background === */
@media (max-width: 768px) {
  .tidez-hero { background-color: #08101600 !important; min-height: 100vh !important; }
  .tidez-hero-bg::after {
    background: linear-gradient(to bottom, rgba(8,16,22,0.4) 0%, rgba(8,16,22,1) 70%) !important;
  }
}

/* === Mobile hero — force true black === */
@media (max-width: 768px) {
  .tidez-hero { background-color: #000 !important; }
  .tidez-hero-bg { background-color: #000 !important; }
}