/** Shopify CDN: Minification failed

Line 99:17 Unexpected "/"

**/
/* ================================================================
   BASE STYLES - Global site-wide styling
   Created: [Current Date]
   Purpose: Core styles that apply across all pages
   ================================================================ */


/* ================================================================
   TYPOGRAPHY
   ================================================================ */

h4 {
  font-size: 16px;
}

p {
  font-size: 14px;
  line-height: 1.3;
}

strong {
  font-weight: 500;
}

ul,
ol {
  margin-bottom: 20px;
}


/* ================================================================
   BUTTONS
   ================================================================ */

/* Primary action buttons (black background) */
.btn.btn--tertiary {
  background-color: #090103;
  text-transform: none;
  color: #ffffff;
  font-size: 15px;
  font-weight: 500;
  padding: 15px 40px;
  border-radius: 2px;
  border: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
  margin-top: 10px;
}

/* Secondary buttons (black background) */
.btn.btn--secondary {
  background-color: #090103;
  text-transform: none;
  color: #fff !important;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 2px;
  border: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* Neutral text buttons (transparent) */
.btn.btn--neutral {
  background-color: transparent;
  text-transform: none;
  color: #000;
  font-size: 18px;
  font-weight: 500;
  padding: 10px 0px;
  border: none;
  transition: background-color 0.3s ease, transform 0.3s ease;
  text-decoration: none;
}

/* Plain buttons (fully rounded) */
.btn.btn--plain {
  border-radius: 50px;
}

/* Small buttons */
.btn--small {
  border-radius: 50px;
  color: #000;
  padding: 15px 24px;
}


/* ================================================================
   LAYOUT
   ================================================================ */

/* Desktop grid adjustments */
@media (min-width: 768px) {
  #js:top .md:w-1/6 {
    width: 16.6667%;
  }
}


/* ================================================================
   BRANDING
   ================================================================ */

/* Logo sizing */
.logo__image--large {
  max-height: 22px;
}

/* Breadcrumb styling */
nav.breadcrumb {
  font-size: 12px;
  line-height: 1;
}


/* ================================================================
   COLORS
   ================================================================ */

.color__bg-secondary {
  background-color: #f6f6f6;
}


/* ================================================================
   COMPONENTS
   ================================================================ */

/* Label alignment */
label.flex {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 15px;
}


/* ================================================================
   END BASE STYLES
   ================================================================ */