/** Shopify CDN: Minification failed

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

**/
/* =========================================================
   KKVK — Global Design System
   खेती किसानी विकास केंद्र, बनखेड़ी
   ========================================================= */

:root {
  /* Brand Colors */
  --kkvk-green-dark: #0D4F3C;
  --kkvk-green: #178B45;
  --kkvk-yellow: #F6C515;
  --kkvk-orange: #EF8618;

  /* Neutral Colors */
  --kkvk-bg: #F7F8F4;
  --kkvk-white: #FFFFFF;
  --kkvk-text: #1D2823;
  --kkvk-text-muted: #65736C;
  --kkvk-border: #E3E8E4;

  /* WhatsApp */
  --kkvk-whatsapp: #25D366;
  --kkvk-whatsapp-hover: #1FBA59;

  /* Layout */
  --kkvk-page-width: 1280px;
  --kkvk-radius-small: 8px;
  --kkvk-radius-card: 12px;
  --kkvk-radius-large: 16px;

  /* Shadows */
  --kkvk-shadow-card: 0 2px 10px rgba(0, 0, 0, 0.06);
  --kkvk-shadow-hover: 0 6px 20px rgba(0, 0, 0, 0.10);

  /* Spacing */
  --kkvk-space-1: 8px;
  --kkvk-space-2: 12px;
  --kkvk-space-3: 16px;
  --kkvk-space-4: 24px;
  --kkvk-space-5: 32px;
  --kkvk-space-6: 48px;
  --kkvk-space-7: 64px;
}

/* Base website colors */
body {
  background-color: var(--kkvk-bg);
  color: var(--kkvk-text);
}
/* =========================================================
   KKVK — Typography System
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');

html {
  font-size: 16px;
}

body,
button,
input,
select,
textarea {
  font-family: "Noto Sans Devanagari", Arial, sans-serif;
}

body {
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

/* Headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Noto Sans Devanagari", Arial, sans-serif;
  color: var(--kkvk-text);
  margin-top: 0;
  line-height: 1.25;
  font-weight: 700;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 22px;
  font-weight: 600;
}

h4 {
  font-size: 20px;
  font-weight: 600;
}

h5 {
  font-size: 18px;
  font-weight: 600;
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

p,
li {
  font-size: 16px;
  line-height: 1.65;
}

small,
.caption {
  font-size: 14px;
  line-height: 1.5;
}

/* Mobile Typography */
@media screen and (max-width: 749px) {
  h1 {
    font-size: 28px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 19px;
  }

  h4 {
    font-size: 18px;
  }

  h5 {
    font-size: 17px;
  }

  h6 {
    font-size: 16px;
  }

  body,
  p,
  li {
    font-size: 16px;
  }
}
/* =========================================================
   KKVK — Button System
   ========================================================= */

.kkvk-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-height: 50px;
  padding: 12px 22px;

  border-radius: var(--kkvk-radius-small);
  border: 1px solid transparent;

  font-family: "Noto Sans Devanagari", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;

  text-align: center;
  text-decoration: none;
  cursor: pointer;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.2s ease;
}

/* Primary */
.kkvk-btn-primary {
  background-color: var(--kkvk-green-dark);
  color: var(--kkvk-white);
}

.kkvk-btn-primary:hover {
  background-color: var(--kkvk-green);
  color: var(--kkvk-white);
}

/* Secondary */
.kkvk-btn-secondary {
  background-color: var(--kkvk-white);
  color: var(--kkvk-green-dark);
  border-color: var(--kkvk-green-dark);
}

.kkvk-btn-secondary:hover {
  background-color: var(--kkvk-green-dark);
  color: var(--kkvk-white);
}

/* WhatsApp CTA */
.kkvk-whatsapp-btn {
  display: flex;
  width: 100%;
  min-height: 54px;

  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 20px;

  background-color: var(--kkvk-whatsapp);
  color: #ffffff;

  border: 0;
  border-radius: var(--kkvk-radius-small);

  font-family: "Noto Sans Devanagari", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 700;

  text-align: center;
  text-decoration: none;
  cursor: pointer;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.kkvk-whatsapp-btn:hover {
  background-color: var(--kkvk-whatsapp-hover);
  color: #ffffff;
}

/* Prevent ugly link styling */
.kkvk-btn:visited,
.kkvk-whatsapp-btn:visited {
  color: inherit;
}

/* Mobile */
@media screen and (max-width: 749px) {
  .kkvk-btn,
  .kkvk-whatsapp-btn {
    min-height: 52px;
    font-size: 16px;
  }

  .kkvk-whatsapp-btn {
    width: 100%;
  }
}
/* =========================================================
   KKVK — Global Layout System
   ========================================================= */

/* Prevent accidental horizontal overflow */
html,
body {
  width: 100%;
  overflow-x: clip;
}

/* Global responsive images */
img {
  max-width: 100%;
  height: auto;
}

/* Reusable main container */
.kkvk-container {
  width: 100%;
  max-width: var(--kkvk-page-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
}

/* Standard section spacing */
.kkvk-section {
  padding-top: var(--kkvk-space-7);
  padding-bottom: var(--kkvk-space-7);
}

/* Smaller section */
.kkvk-section-compact {
  padding-top: var(--kkvk-space-6);
  padding-bottom: var(--kkvk-space-6);
}

/* Standard card foundation */
.kkvk-card {
  background: var(--kkvk-white);
  border: 1px solid var(--kkvk-border);
  border-radius: var(--kkvk-radius-card);
  box-shadow: var(--kkvk-shadow-card);
}

/* Mobile */
@media screen and (max-width: 749px) {
  .kkvk-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .kkvk-section {
    padding-top: 44px;
    padding-bottom: 44px;
  }

  .kkvk-section-compact {
    padding-top: 32px;
    padding-bottom: 32px;
  }
}

/* Tablet */
@media screen and (min-width: 750px) and (max-width: 1024px) {
  .kkvk-container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .kkvk-section {
    padding-top: 52px;
    padding-bottom: 52px;
  }
}
/* =========================================================
   KKVK — Hide Shopify Cart
   Catalogue + WhatsApp enquiry model
   ========================================================= */

[data-testid="cart-drawer-trigger"],
.header-actions__action.action__cart {
  display: none !important;
}
/* =========================================================
   KKVK — Mobile Header Utility Fix
   ========================================================= */

@media screen and (max-width: 749px) {

  .kkvk-header-whatsapp__text {
    display: none !important;
  }

  .kkvk-header-whatsapp {
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0 !important;
    gap: 0 !important;
  }

  .kkvk-header-whatsapp__icon {
    width: 25px;
    height: 25px;
    display: block;
  }
}
/* =========================================================
   KKVK — Main Header Styling
   ========================================================= */

#header-component .header__row--top {
  background: var(--kkvk-green-dark) !important;
  color: var(--kkvk-white) !important;
}

/* Header links + icons */
#header-component .header__row--top a,
#header-component .header__row--top button,
#header-component .header__row--top svg {
  color: var(--kkvk-white) !important;
}

/* Professional consistent header height */
#header-component .header__columns {
  min-height: 68px;
}

/* Remove unnecessary header line */
#header-component .header__row--top {
  border-bottom: 0 !important;
}

/* Desktop */
@media screen and (min-width: 750px) {
  #header-component .header__columns {
    min-height: 72px;
  }
}

/* Mobile */
@media screen and (max-width: 749px) {
  #header-component .header__columns {
    min-height: 64px;
  }

  #header-component .kkvk-header-whatsapp,
  #header-component .header-actions__action {
    color: #ffffff !important;
  }
}