.elementor-kit-12{--e-global-color-primary:#EF8354;--e-global-color-secondary:#2D3142;--e-global-color-text:#F0F2F5;--e-global-color-accent:#131620;--e-global-color-transparent:#00000000;--e-global-color-backgroundAccent:#E2E8F0;--e-global-color-0a3bfea:#BFC0C0;--e-global-color-background:#FFFFFF;--e-global-color-8eceb80:#2D3142;--e-global-color-e42ce1c:#BFC0C0;--e-global-color-2fcc613:#EF8354;--e-global-color-1344f86:#4F5D75;--e-global-typography-primary-font-family:"Space Grotesk";--e-global-typography-primary-font-size:2rem;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:20px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:1rem;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Space Grotesk";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.5em;--e-global-typography-heading_xl-font-family:"Merriweather";--e-global-typography-heading_xl-font-size:56px;--e-global-typography-heading_xl-font-weight:600;--e-global-typography-heading_xl-line-height:1.2em;--e-global-typography-heading_l-font-family:"Merriweather";--e-global-typography-heading_l-font-size:48px;--e-global-typography-heading_l-font-weight:600;--e-global-typography-heading_l-line-height:1.2em;--e-global-typography-heading_m-font-family:"Merriweather";--e-global-typography-heading_m-font-size:40px;--e-global-typography-heading_m-font-weight:600;--e-global-typography-heading_m-line-height:1.2em;--e-global-typography-heading_s-font-family:"Merriweather";--e-global-typography-heading_s-font-size:18px;--e-global-typography-heading_s-font-weight:500;--e-global-typography-body_s-font-family:"Montserrat";--e-global-typography-body_s-font-size:14px;--e-global-typography-body_s-font-weight:400;--e-global-typography-body_s-line-height:1.5em;background-color:var( --e-global-color-background );color:var( --e-global-color-text );}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.elementor-kit-12 p{margin-block-end:0px;}.elementor-kit-12 a{color:var( --e-global-color-8eceb80 );}.elementor-kit-12 h1{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;gap:0px;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-12{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:18px;--e-global-typography-heading_xl-font-size:48px;--e-global-typography-heading_l-font-size:40px;--e-global-typography-heading_m-font-size:32px;--e-global-typography-heading_s-font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-12{--e-global-typography-primary-font-size:18px;--e-global-typography-secondary-font-size:16px;--e-global-typography-heading_xl-font-size:40px;--e-global-typography-heading_l-font-size:32px;--e-global-typography-heading_m-font-size:32px;--e-global-typography-heading_s-font-size:16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============================================
   KYN BIO — Elementor Custom CSS
   Paste into: Elementor → Site Settings → Custom CSS
   Version: 1.0 | Feb 2026
   ============================================ */

/* ===== GLOBAL TYPOGRAPHY ===== */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&display=swap');

h1, h2, h3, h4,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.elementor-icon-box-title,
.woocommerce-loop-product__title,
.woocommerce-page h1,
.woocommerce-page h2,
.woocommerce-page h3 {
  font-family: 'Space Grotesk', sans-serif !important;
  letter-spacing: -0.5px;
}

body,
p,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-icon-box-description {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* ===== HEADER ===== */
/* Reduce dead space, add subtle blur on scroll */

/* Nav link hover — accent underline */
.elementor-nav-menu a:hover,
.elementor-nav-menu .current-menu-item > a {
  color: #c98b3e !important;
}

/* ===== BUTTONS ===== */
.elementor-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border-radius: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  transition: all 0.2s ease !important;
}

.elementor-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 24px rgba(201, 139, 62, 0.2) !important;
}

/* Ensure primary-colored button text is dark (readable) */
/* Set text color in Elementor's button widget → Style → Text Color instead of relying on CSS here */
.elementor-button.elementor-button-primary {
  color: #0a0d14 !important;
}

/* ===== HERO SECTION ===== */
/* Body text line height */
.elementor-widget-text-editor p {
  line-height: 1.75;
  color: #9ba3b5;
}

/* ===== TRUST / ICON BOXES ===== */
.elementor-widget-icon-box .elementor-icon {
  transition: transform 0.2s ease !important;
}

.elementor-widget-icon-box:hover .elementor-icon {
  transform: scale(1.08) !important;
}

.elementor-icon-box-title {
  font-weight: 600 !important;
}

/* ===== CATEGORY CARDS ===== */
/* Hover lift + accent border glow */
.elementor-widget-image-box .elementor-image-box-img {
  transition: transform 0.25s ease !important;
}

.elementor-widget-image-box:hover .elementor-image-box-img {
  transform: scale(1.03) !important;
}

/* Inner container hover state — set border/background on category card sections
   directly via Elementor's Advanced → CSS Classes field using class "kyn-cat-card" */
.kyn-cat-card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important;
  transition: box-shadow 0.25s ease, border-color 0.25s ease;
}

/* ===== WOOCOMMERCE — PRODUCT CARDS ===== */
.woocommerce ul.products li.product {
  background: #141820 !important;
  border: 1px solid #1e2535 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  padding: 0 !important;
}

.woocommerce ul.products li.product:hover {
  border-color: rgba(201, 139, 62, 0.35) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.35) !important;
}

.woocommerce ul.products li.product a img {
  margin-bottom: 0 !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 12px 16px 4px !important;
  color: #f0f2f5 !important;
}

.woocommerce ul.products li.product .price {
  color: #f0f2f5 !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  padding: 0 16px !important;
}

.woocommerce ul.products li.product .price del {
  color: #6b7280 !important;
  font-size: 13px !important;
}

.woocommerce ul.products li.product .button {
  background: rgba(201, 139, 62, 0.1) !important;
  border: 1px solid rgba(201, 139, 62, 0.25) !important;
  color: #c98b3e !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.2s ease !important;
  margin: 12px 16px 16px !important;
  width: calc(100% - 32px) !important;
  text-align: center !important;
}

.woocommerce ul.products li.product .button:hover {
  background: #c98b3e !important;
  color: #0a0d14 !important;
  border-color: #c98b3e !important;
}

/* WooCommerce product page — add to cart */
.woocommerce .single_add_to_cart_button {
  background: #c98b3e !important;
  color: #0a0d14 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  padding: 14px 32px !important;
  transition: all 0.2s ease !important;
}

.woocommerce .single_add_to_cart_button:hover {
  background: #daa050 !important;
  transform: translateY(-1px) !important;
}

/* ===== RESEARCH USE ONLY BADGE ===== */
/* Ensure it stays visible and prominent */
.elementor-widget-text-editor em,
.elementor-widget-text-editor i {
  color: #9ba3b5;
}

/* ===== FOOTER ===== */
.elementor-location-footer,
site-footer {
  border-top: 1px solid #1e2535 !important;
}

.elementor-location-footer a:hover {
  color: #c98b3e !important;
}

/* ===== FORMS (checkout, contact, newsletter) ===== */
.woocommerce-input-group input,
.woocommerce form .input-text,
input[type="email"],
input[type="text"],
input[type="tel"],
textarea {
  background: #0f1219 !important;
  border: 1px solid #1e2535 !important;
  border-radius: 8px !important;
  color: #f0f2f5 !important;
  padding: 12px 16px !important;
  transition: border-color 0.2s !important;
}

input[type="email"]:focus,
input[type="text"]:focus,
textarea:focus {
  border-color: rgba(201, 139, 62, 0.4) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201, 139, 62, 0.08) !important;
}

/* ===== SCROLLBAR (cosmetic polish) ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0d14; }
::-webkit-scrollbar-thumb { background: #1e2535; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #c98b3e; }

/* ===== MOBILE RESPONSIVE ===== */
@media (max-width: 767px) {
  h1.elementor-heading-title {
    font-size: 34px !important;
    letter-spacing: -0.5px !important;
    line-height: 1.15 !important;
  }

  h2.elementor-heading-title {
    font-size: 26px !important;
    letter-spacing: -0.3px !important;
  }

  .elementor-button {
    width: 100% !important;
    justify-content: center !important;
  }

  .woocommerce ul.products li.product {
    width: 48% !important;
  }
}

@media (max-width: 480px) {
  .woocommerce ul.products li.product {
    width: 100% !important;
  }
}
.kyn-hero-img-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}
.kyn-badge {
  position: absolute;
  background: rgba(20, 24, 32, 0.92);
  border: 1px solid rgba(201,139,62,0.35);
  color: #f0f2f5;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 8px;
  backdrop-filter: blur(8px);
  letter-spacing: 0.3px;
}
.kyn-badge-top    { top: 20px; left: 20px; }
.kyn-badge-bottom { bottom: 20px; right: 20px; }

.kyn-coa-card {
  background: #141820;
  border: 1px solid #1e2535;
  border-radius: 12px;
  overflow: hidden;
  font-family: 'Inter', sans-serif;
}
.kyn-coa-header {
  background: #0d1118;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #1e2535;
}
.kyn-coa-label {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #9ba3b5;
}
.kyn-coa-badge {
  background: rgba(52,211,153,0.12);
  border: 1px solid rgba(52,211,153,0.3);
  color: #34d399;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  padding: 3px 10px;
  border-radius: 20px;
}
.kyn-coa-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
  border-bottom: 1px solid #1a2030;
  font-size: 14px;
}
.kyn-coa-row span:first-child { color: #6b7280; }
.kyn-coa-row span:last-child  { color: #f0f2f5; font-weight: 600; }
.kyn-coa-result span:last-child { color: #34d399 !important; font-size: 16px; font-weight: 700; }
.kyn-coa-footer {
  padding: 14px 24px;
  text-align: center;
  font-size: 12px;
  color: #c98b3e;
  font-weight: 600;
  letter-spacing: 0.3px;
}/* End custom CSS */