/** Shopify CDN: Minification failed

Line 204:25 Unexpected "{"
Line 204:34 Expected ":"
Line 204:41 Unexpected "{"
Line 209:25 Unexpected "{"
Line 209:34 Expected ":"
Line 209:41 Unexpected "{"
Line 214:25 Unexpected "{"
Line 214:34 Expected ":"
Line 217:25 Unexpected "{"
Line 217:34 Expected ":"
... and 59 more hidden warnings

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:checkered-banner (INDEX:8) */
/* =========================================================
   GLOBAL WRAPPER
========================================================= */
.kd-header-checkerboard {
  width: 100%;
  padding: 0;
  margin: 0;
  --checker-height: 700px; /* default desktop height */
}

/* =========================================================
   MAIN LAYOUT – 2 COLS
========================================================= */
.kd-header-wrapper {
  display: flex;
  width: 100%;
  gap: 0;
}

/* =========================================================
   LEFT COLUMN – SINGLE IMAGE
========================================================= */
.kd-left {
  padding-left: 120px;
  width: 50%;
}

.kd-square {
  width: 100%;
  aspect-ratio: 1 / 1 !important;
  position: relative;
  overflow: hidden;
}

/* Images */
.kd-square img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* =========================================================
   RIGHT COLUMN – TEXT
========================================================= */
.kd-right {
  width: 50%;
  padding: 60px 120px 60px 60px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  text-align: left; /* default */
}

.kd-right.align-left { text-align: left; align-items: flex-start; }
.kd-right.align-center { text-align: center; align-items: center; }
.kd-right.align-right { text-align: right; align-items: flex-end; }

/* Top small heading */
.kd-top-heading {
  font-size: 16px;
  letter-spacing: 1px;
  margin-bottom: 0px;
  opacity: 0.8;
  text-align: left !important;
  width: 100%;
  max-width: 420px;
}

/* Paragraph */
.kd-paragraph {
  font-size: 16px;
  line-height: 1.6;
  max-width: 420px;
  margin-bottom: 25px;
  text-align: justify;
}

/* Main Heading with adjustable sizes */
.kd-heading {
  font-weight: 900;
  max-width: 100%;
  line-height: 80%;
  font-family: "eyesome_script";
  margin-bottom: 20px;
  margin-top: 0px;
}

/* Use CSS variables for font sizes */
.kd-heading {
  font-size: var(--heading-desktop);
}

/* Button */
.kd-btn {
  margin-top: 25px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #000;
  padding: 12px 24px;
  font-size: 16px;
  color: #000;
  text-decoration: none;
  width: auto; /* auto width */
  white-space: nowrap;
}

/* Ensure page-width doesn't constrain layout incorrectly */
.kd-header-wrapper.page-width {
  max-width: var(--page-width, 1200px);
  margin: 0 auto;
}

.kd-header-wrapper.page-width .kd-left,
.kd-header-wrapper.page-width .kd-right {
  width: 50%;
}

/* =========================================================
   TABLET
========================================================= */
@media (min-width: 1024px) and (max-width: 1440px) {  
  .kd-heading {
    font-size: calc(var(--heading-desktop) - 20px);
  }
}
@media (min-width: 750px) and (max-width: 1023px) {  
  .kd-heading {
    font-size: 7rem;
  }
}
@media (min-width: 750px) and (max-width: 1440px) {
  .kd-left {
    padding-left: 0px;
  }
  .kd-right {
    padding-right: 0px;
  }
}

/* =========================================================
   MOBILE
========================================================= */
@media (max-width: 749px) {
  .kd-header-wrapper {
    flex-direction: column;
  }

  /* SWAP ORDER ON MOBILE
  .kd-right { order: 1; }
  .kd-left { order: 2; } */

  .kd-left {
    width: 100% !important;
    height: auto;
    padding-left: 0px;
  }

  .kd-square {
    aspect-ratio: 1 / 1;
  }

  .kd-right {
    width: 100% !important;
    height: auto;
    padding: 40px 20px;
  }

  .kd-heading {
    font-size: var(--heading-mobile);
    text-align: center;
    margin-top: 0px;
  }
  .kd-paragraph {
    text-align: center;
  }
  .kd-btn {
    align-self: center;
  }
}
/* END_SECTION:checkered-banner */

/* START_SECTION:tabbed-items (INDEX:61) */
.tabs-accordion-wrapper-{{ section.id }} {
  width: 100%;
  margin: 0 auto;
}

.tabs-accordion-heading-{{ section.id }} {
  margin-bottom: 1.5rem;
}

/* Optional heading alignment */
.tabs-accordion-heading-{{ section.id }}.align-left {
  text-align: left;
}
.tabs-accordion-heading-{{ section.id }}.align-center {
  text-align: center;
}
.tabs-accordion-heading-{{ section.id }}.align-right {
  text-align: right;
}

/* Desktop tabs */
.tabs-desktop-{{ section.id }} {
  display: none;
}

.tabs-desktop-header-row-{{ section.id }} {
  display: flex;
  gap: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  overflow-x: auto;
}

.tabs-desktop-tab-{{ section.id }} {
  position: relative;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  cursor: pointer;
  font: inherit;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: border-color 0.2s ease, color 0.2s ease;
}

.tabs-desktop-tab-{{ section.id }}:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.4);
  outline-offset: 2px;
}

.tabs-desktop-tab-{{ section.id }}.is-active {
  border-bottom-color: currentColor;
  font-weight: 600;
}

.tabs-desktop-panels-{{ section.id }} {
  padding-top: 1.5rem;
}

.tabs-desktop-panel-{{ section.id }} {
  display: none;
}

.tabs-desktop-panel-{{ section.id }}.is-active {
  display: block;
}

/* Mobile accordion */
.accordion-mobile-{{ section.id }} {
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion-item-{{ section.id }} {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.accordion-trigger-{{ section.id }} {
  width: 100%;
  padding: 0.9rem 0.75rem;
  background: transparent;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  cursor: pointer;
  font: inherit;
}

.accordion-trigger-text-{{ section.id }} {
  flex: 1;
  padding-right: 0.75rem;
}

/* Simple chevron icon using CSS */
.accordion-icon-{{ section.id }} {
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.accordion-trigger-{{ section.id }}[aria-expanded="true"] .accordion-icon-{{ section.id }} {
  transform: rotate(-135deg);
}

.accordion-panel-{{ section.id }} {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease;
  padding: 0 0.75rem;
}

.accordion-panel-inner-{{ section.id }} {
  padding-bottom: 1rem;
  padding-top: 0.25rem;
}

/* Basic typography defaults, you can override with theme classes */
.tabs-desktop-panel-{{ section.id }} p,
.accordion-panel-inner-{{ section.id }} p {
  margin-bottom: 0.75rem;
}

/* Responsive: show tabs on desktop, accordion on mobile */
@media screen and (min-width: 750px) {
  .tabs-desktop-{{ section.id }} {
    display: block;
  }

  .accordion-mobile-{{ section.id }} {
    display: none;
  }
}
/* END_SECTION:tabbed-items */