/*! DripKart theme styles: design tokens + components. Generated from the DripKart design system. */
:root, [data-theme="light"] {
  --primary: #1b5e20;
  --primary-hover: #144a18;
  --primary-deep: #0f3a13;
  --fresh: #66bb6a;
  --water: #0288d1;
  --water-ink: #01579b;
  --cream: #f7f9f4;
  --surface: #ffffff;
  --green-50: #eff6ec;
  --green-100: #e3f1e1;
  --water-wash: #e1f2fb;
  --soil: #e8dfca;
  --text: #1c2420;
  --text-muted: #56615a;
  --link: var(--water-ink);
  --on-primary: var(--surface);
  --on-dark: var(--surface);
  --on-dark-muted: #c8dbc6;
  --on-fresh: var(--text);
  --border: #dde4d8;
  --border-strong: #79837b;
  --focus: var(--primary);
  --success: var(--primary);
  --danger: #b3261e;
  --whatsapp: #25d366;
  --on-whatsapp: #0b2e13;
  --shadow-sm: 0 1px 2px rgba(15, 58, 19, 0.06), 0 2px 6px rgba(15, 58, 19, 0.05);
  --shadow-md: 0 6px 20px rgba(15, 58, 19, 0.10);
  --shadow-lg: 0 18px 48px rgba(15, 58, 19, 0.18);
  --shadow-header: 0 2px 12px rgba(15, 58, 19, 0.08);
  --focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #1b5e20;
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;
  --bp-sm: 430px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-nav: 1180px;
  --bp-xl: 1440px;
  --container-max: 1240px;
  --gutter: 16px;
  --header-height: 72px;
  --utility-height: 36px;
  --bottombar-height: 64px;
  --drawer-width: 420px;
  --tap-min: 44px;
  --z-header: 50;
  --z-bottombar: 60;
  --z-float: 70;
  --z-drawer: 90;
  --z-toast: 100;
  --font-heading: Poppins, "Noto Sans Tamil", system-ui, sans-serif;
  --font-body: Inter, "Noto Sans Tamil", system-ui, sans-serif;
  --font-tamil: "Noto Sans Tamil", Poppins, system-ui, sans-serif;
}
.display { font-family: var(--font-heading); font-size: 52px; line-height: 1.25; font-weight: 700; letter-spacing: -0.5px; }
.h2 { font-family: var(--font-heading); font-size: 36px; line-height: 1.3; font-weight: 700; letter-spacing: -0.3px; }
.h3 { font-family: var(--font-heading); font-size: 22px; line-height: 1.35; font-weight: 600; }
.h4 { font-family: var(--font-heading); font-size: 17px; line-height: 1.4; font-weight: 600; }
.price { font-family: var(--font-heading); font-size: 22px; line-height: 1.2; font-weight: 700; }
.button { font-family: var(--font-heading); font-size: 15px; line-height: 1.2; font-weight: 600; }
.body-lg { font-family: var(--font-body); font-size: 18px; line-height: 1.65; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.6; font-weight: 400; }
.body-sm { font-family: var(--font-body); font-size: 14px; line-height: 1.55; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 14px; line-height: 1.4; font-weight: 500; }
.caption { font-family: var(--font-body); font-size: 13px; line-height: 1.45; font-weight: 500; }
.eyebrow { font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: 1px; }
.ta-display { font-family: var(--font-tamil); font-size: 46px; line-height: 1.35; font-weight: 700; }
.ta-h2 { font-family: var(--font-tamil); font-size: 32px; line-height: 1.4; font-weight: 700; }
.ta-h3 { font-family: var(--font-tamil); font-size: 19px; line-height: 1.45; font-weight: 600; }
.ta-body { font-family: var(--font-tamil); font-size: 16px; line-height: 1.75; font-weight: 400; }
.ta-name { font-family: var(--font-tamil); font-size: 14px; line-height: 1.55; font-weight: 500; }


/* =========================================================
   DripKart Storefront — component styles (vanilla CSS, dk- prefix)
   Mobile-first. Every value comes from tokens.css.
   ========================================================= */

/* ---------- base ---------- */
*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--text); background: var(--cream); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
a { color: var(--link); }
:lang(ta) { font-family: var(--font-tamil); }
.dk-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.dk-preview { padding: var(--space-24); background: var(--cream); }
.dk-preview--white { background: var(--surface); }
.dk-row { display: flex; flex-wrap: wrap; gap: var(--space-12); align-items: center; }
.dk-stack { display: flex; flex-direction: column; gap: var(--space-16); }
.dk-ico { width: 24px; height: 24px; flex: none; }
.dk-ico--sm { width: 18px; height: 18px; }
.dk-ico--lg { width: 28px; height: 28px; }
:focus-visible { outline: none; box-shadow: var(--focus-ring); }
.dk-skip { position: absolute; left: var(--space-16); top: -60px; z-index: 200; padding: var(--space-8) var(--space-16); background: var(--surface); border-radius: var(--radius-pill); }
.dk-skip:focus { top: var(--space-8); }

/* ---------- layout ---------- */
.dk-container { width: 100%; max-width: calc(var(--container-max) + 2 * var(--gutter)); margin-inline: auto; padding-inline: var(--gutter); }
.dk-section { padding-block: var(--space-64); }
.dk-section--white { background: var(--surface); }
.dk-section--tint { background: var(--green-50); }
.dk-section--water { background: var(--water-wash); }
.dk-section--tight { padding-block: var(--space-40); }
@media (min-width: 768px) { .dk-container { padding-inline: var(--space-24); } }
@media (min-width: 1024px) { .dk-container { padding-inline: var(--space-32); } .dk-section { padding-block: var(--space-96); } .dk-section--tight { padding-block: var(--space-48); } }

/* ---------- headings ---------- */
.dk-eyebrow { display: inline-flex; align-items: center; gap: var(--space-8); margin: 0 0 var(--space-12); font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--primary); }
.dk-eyebrow--water { color: var(--water-ink); }
.dk-eyebrow--light { color: var(--on-dark-muted); }
.dk-eyebrow::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: currentColor; }
.dk-h2 { margin: 0; font-family: var(--font-heading); font-weight: 700; color: var(--text); }
.dk-h2__ta { display: block; font-family: var(--font-tamil); font-size: 24px; line-height: 1.4; font-weight: 700; }
.dk-h2__en { display: block; margin-top: var(--space-4); font-family: var(--font-heading); font-size: 17px; line-height: 1.35; font-weight: 600; color: var(--primary); letter-spacing: -0.1px; }
.dk-h2--light .dk-h2__ta { color: var(--on-dark); }
.dk-h2--light .dk-h2__en { color: var(--on-dark-muted); }
.dk-h2--en { font-size: 26px; line-height: 1.3; letter-spacing: -0.3px; }
.dk-h3 { margin: 0; font-family: var(--font-heading); font-size: 20px; line-height: 1.35; font-weight: 600; color: var(--text); }
.dk-lead { margin: var(--space-16) 0 0; font-size: 17px; line-height: 1.65; color: var(--text-muted); max-width: 46em; }
.dk-lead:lang(ta) { line-height: 1.8; }
.dk-section-head { display: flex; flex-direction: column; gap: var(--space-16); margin-bottom: var(--space-32); }
.dk-section-head--center { align-items: center; text-align: center; }
.dk-section-head--center .dk-lead { margin-inline: auto; }
.dk-section-head__action { align-self: flex-start; }
@media (min-width: 430px) { .dk-h2__ta { font-size: 26px; } .dk-h2--en { font-size: 28px; } }
@media (min-width: 768px) {
  .dk-h2__ta { font-size: 30px; } .dk-h2__en { font-size: 19px; } .dk-h2--en { font-size: 32px; }
  .dk-h3 { font-size: 22px; }
  .dk-section-head { flex-direction: row; align-items: flex-end; justify-content: space-between; }
  .dk-section-head--center { flex-direction: column; align-items: center; }
  .dk-section-head__action { align-self: auto; }
}
@media (min-width: 1024px) { .dk-h2__ta { font-size: 32px; } .dk-h2--en { font-size: 36px; } .dk-lead { font-size: 18px; } .dk-section-head { margin-bottom: var(--space-40); } }

/* ---------- buttons ---------- */
.dk-btn { --btn-bg: var(--primary); --btn-fg: var(--on-primary); --btn-bd: transparent; display: inline-flex; align-items: center; justify-content: center; gap: var(--space-8); min-height: 48px; padding: var(--space-12) 22px; border: 1.5px solid var(--btn-bd); border-radius: var(--radius-pill); background: var(--btn-bg); color: var(--btn-fg); font-family: var(--font-heading); font-size: 15px; line-height: 1.2; font-weight: 600; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease; -webkit-tap-highlight-color: transparent; }
.dk-btn:hover { --btn-bg: var(--primary-hover); }
.dk-btn:active { transform: translateY(1px); }
.dk-btn[disabled], .dk-btn[aria-disabled="true"] { opacity: .45; cursor: not-allowed; transform: none; }
.dk-btn .dk-ico { width: 20px; height: 20px; }
.dk-btn--whatsapp { --btn-bg: var(--whatsapp); --btn-fg: var(--on-whatsapp); }
.dk-btn--whatsapp:hover { --btn-bg: #1fbf5b; }
.dk-btn--outline { --btn-bg: transparent; --btn-fg: var(--primary); --btn-bd: var(--primary); }
.dk-btn--outline:hover { --btn-bg: var(--green-50); }
.dk-btn--water { --btn-bg: var(--water-ink); --btn-fg: var(--on-dark); }
.dk-btn--water:hover { --btn-bg: #014a85; }
.dk-btn--light { --btn-bg: var(--surface); --btn-fg: var(--primary); }
.dk-btn--light:hover { --btn-bg: var(--green-50); }
.dk-btn--ghost-light { --btn-bg: transparent; --btn-fg: var(--on-dark); --btn-bd: rgba(255,255,255,.7); }
.dk-btn--ghost-light:hover { --btn-bg: rgba(255,255,255,.1); --btn-bd: #fff; }
.dk-btn--sm { min-height: 40px; padding: var(--space-8) var(--space-16); font-size: 14px; }
.dk-btn--sm .dk-ico { width: 18px; height: 18px; }
.dk-btn--lg { min-height: 56px; padding: var(--space-16) 28px; font-size: 16px; }
.dk-btn--block { display: flex; width: 100%; }
.dk-link { display: inline-flex; align-items: center; gap: var(--space-4); font-family: var(--font-heading); font-size: 15px; font-weight: 600; color: var(--link); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 4px; border-radius: var(--radius-sm); }
.dk-link:hover { text-decoration-thickness: 2.5px; }
.dk-link .dk-ico { width: 18px; height: 18px; transition: transform .16s ease; }
.dk-link:hover .dk-ico { transform: translateX(3px); }
.dk-link--light { color: var(--on-dark); }
.dk-icon-btn { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 44px; height: 44px; padding: 0; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--text); cursor: pointer; text-decoration: none; transition: background-color .16s ease; }
.dk-icon-btn:hover { background: var(--green-50); color: var(--primary); }
.dk-icon-btn--wa { background: var(--green-50); color: var(--primary); border: 1.5px solid var(--green-100); }
.dk-icon-btn--wa:hover { background: var(--whatsapp); color: var(--on-whatsapp); border-color: var(--whatsapp); }

/* ---------- badges, chips, tags ---------- */
.dk-badge { display: inline-flex; align-items: center; gap: var(--space-4); padding: 3px var(--space-8) 3px 6px; border-radius: var(--radius-sm); background: var(--surface); color: var(--primary); font-family: var(--font-heading); font-size: 11px; line-height: 1.3; font-weight: 600; letter-spacing: .2px; box-shadow: 0 0 0 1px var(--green-100); }
.dk-badge .dk-ico { width: 12px; height: 12px; color: var(--water); }
.dk-badge--fresh { background: var(--fresh); color: var(--on-fresh); box-shadow: none; }
.dk-badge--water { background: var(--water-wash); color: var(--water-ink); box-shadow: none; }
.dk-badge--verified { background: var(--primary); color: var(--on-primary); box-shadow: none; }
.dk-badge--verified .dk-ico { color: var(--fresh); }
.dk-tag { display: inline-block; font-size: 12px; line-height: 1.4; font-weight: 600; color: var(--text-muted); letter-spacing: .3px; text-transform: uppercase; }
.dk-chip { display: inline-flex; align-items: center; gap: var(--space-8); min-height: 40px; padding: var(--space-8) var(--space-16); border: 1.5px solid var(--green-100); border-radius: var(--radius-pill); background: var(--surface); color: var(--text); font-family: var(--font-body); font-size: 14px; line-height: 1.3; font-weight: 500; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color .16s ease, border-color .16s ease, color .16s ease; }
.dk-chip:hover { border-color: var(--primary); color: var(--primary); }
.dk-chip[aria-pressed="true"], .dk-chip.is-active { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }
.dk-chip__count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 6px; border-radius: var(--radius-pill); background: var(--green-50); color: var(--primary); font-size: 12px; font-weight: 600; }
.dk-chip[aria-pressed="true"] .dk-chip__count, .dk-chip.is-active .dk-chip__count { background: rgba(255,255,255,.18); color: var(--on-primary); }
.dk-chip .dk-ico { width: 18px; height: 18px; }
.dk-chip--soft { background: var(--green-50); border-color: transparent; }
.dk-status { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--radius-pill); font-size: 12px; font-weight: 600; line-height: 1.3; background: var(--green-100); color: var(--primary); }
.dk-status--info { background: var(--water-wash); color: var(--water-ink); }
.dk-status--muted { background: var(--cream); color: var(--text-muted); box-shadow: inset 0 0 0 1px var(--border); }

/* ---------- utility bar ---------- */
.dk-utility { background: var(--primary-deep); color: var(--on-dark-muted); font-size: 13px; line-height: 1.4; }
.dk-utility__inner { display: flex; align-items: center; justify-content: center; gap: var(--space-16); min-height: var(--utility-height); }
.dk-utility a { color: var(--on-dark); text-decoration: none; border-radius: var(--radius-sm); }
.dk-utility a:hover { text-decoration: underline; }
.dk-utility__item { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.dk-utility__item .dk-ico { width: 16px; height: 16px; color: var(--fresh); }
.dk-utility__item--hide-sm, .dk-utility__lang { display: none; }
.dk-utility__lang { margin-left: auto; gap: 2px; }
.dk-utility__lang button { min-height: 28px; padding: 2px 10px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--on-dark-muted); font-size: 12px; font-weight: 600; cursor: pointer; }
.dk-utility__lang button[aria-pressed="true"] { background: rgba(255,255,255,.14); color: var(--on-dark); }
.dk-utility__sep { width: 1px; height: 14px; background: rgba(255,255,255,.2); }
@media (min-width: 768px) { .dk-utility__inner { justify-content: flex-start; } .dk-utility__item--hide-sm { display: inline-flex; } .dk-utility__lang { display: inline-flex; } }

/* ---------- logo ---------- */
.dk-logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text); border-radius: var(--radius-md); flex: none; }
.dk-logo__mark { width: 40px; height: 40px; }
.dk-logo__word { display: flex; flex-direction: column; line-height: 1; }
.dk-logo__name { font-family: var(--font-heading); font-size: 22px; font-weight: 700; letter-spacing: -0.4px; color: var(--primary); }
.dk-logo__name b { font-weight: 700; color: var(--water-ink); }
.dk-logo__sub { margin-top: 4px; font-family: var(--font-body); font-size: 10px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: var(--text-muted); }
.dk-logo--light .dk-logo__name { color: var(--on-dark); }
.dk-logo--light .dk-logo__name b { color: var(--fresh); }
.dk-logo--light .dk-logo__sub { color: var(--on-dark-muted); }
.dk-logo-official { display: block; width: 168px; height: auto; }

/* ---------- header ---------- */
.dk-header { position: sticky; top: 0; z-index: var(--z-header); background: var(--surface); border-bottom: 1px solid var(--border); transition: box-shadow .2s ease; }
.dk-header.is-scrolled { box-shadow: var(--shadow-header); border-bottom-color: transparent; }
.dk-header__inner { display: flex; align-items: center; gap: var(--space-8); height: 60px; transition: height .2s ease; }
.dk-header .dk-logo__mark { width: 34px; height: 34px; }
.dk-header .dk-logo__name { font-size: 20px; }
.dk-header .dk-logo__sub { display: none; }
.dk-nav { display: none; }
.dk-header__actions { display: flex; align-items: center; gap: 2px; margin-left: auto; }
.dk-header__social { display: none; }
.dk-header__shop { display: none; }
.dk-cart-btn { position: relative; }
.dk-cart-count { position: absolute; top: 3px; right: 1px; min-width: 20px; height: 20px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-pill); background: var(--primary); color: var(--on-primary); font-family: var(--font-heading); font-size: 11px; font-weight: 700; box-shadow: 0 0 0 2px var(--surface); }
.dk-cart-count.is-bump { animation: dk-bump .35s ease; }
@keyframes dk-bump { 50% { transform: scale(1.3); } }
.dk-burger { margin-left: -6px; }
@media (min-width: 768px) { .dk-header__social { display: inline-flex; } .dk-header .dk-logo__sub { display: block; } }
@media (min-width: 1180px) {
  .dk-header__inner { height: var(--header-height); gap: var(--space-24); }
  .dk-header.is-scrolled .dk-header__inner { height: 60px; }
  .dk-header .dk-logo__mark { width: 40px; height: 40px; }
  .dk-header .dk-logo__name { font-size: 22px; }
  .dk-burger { display: none; }
  .dk-nav { display: flex; align-items: center; gap: 2px; margin-left: var(--space-16); }
  .dk-nav__link { position: relative; display: inline-flex; align-items: center; min-height: 44px; padding: 0 12px; border-radius: var(--radius-pill); color: var(--text); font-family: var(--font-heading); font-size: 14.5px; font-weight: 500; text-decoration: none; white-space: nowrap; }
  .dk-nav__link:hover { color: var(--primary); background: var(--green-50); }
  .dk-nav__link[aria-current="page"] { color: var(--primary); font-weight: 600; }
  .dk-nav__link[aria-current="page"]::after { content: ""; position: absolute; left: 12px; right: 12px; bottom: 6px; height: 2px; border-radius: 2px; background: var(--fresh); }
  .dk-header__shop { display: inline-flex; margin-left: var(--space-8); }
}

/* ---------- mobile menu ---------- */
.dk-overlay { position: fixed; inset: 0; z-index: var(--z-drawer); background: rgba(12, 30, 15, .45); opacity: 0; visibility: hidden; transition: opacity .22s ease, visibility .22s; }
.dk-overlay.is-open { opacity: 1; visibility: visible; }
.dk-mnav { position: fixed; top: 0; bottom: 0; left: 0; z-index: calc(var(--z-drawer) + 1); width: min(340px, 88vw); display: flex; flex-direction: column; background: var(--surface); box-shadow: var(--shadow-lg); transform: translateX(-102%); transition: transform .26s ease; }
.dk-mnav.is-open { transform: none; }
.dk-mnav__head { display: flex; align-items: center; justify-content: space-between; padding: var(--space-12) var(--space-16); background: var(--primary-deep); }
.dk-mnav__head .dk-icon-btn { color: var(--on-dark); }
.dk-mnav__head .dk-icon-btn:hover { background: rgba(255,255,255,.1); color: var(--on-dark); }
.dk-mnav__list { list-style: none; margin: 0; padding: var(--space-8) 0; overflow-y: auto; flex: 1; }
.dk-mnav__link { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); min-height: 56px; padding: var(--space-8) var(--space-20); color: var(--text); text-decoration: none; border-bottom: 1px solid var(--border); }
.dk-mnav__link span { display: flex; flex-direction: column; }
.dk-mnav__link strong { font-family: var(--font-heading); font-size: 16px; font-weight: 600; }
.dk-mnav__link small { font-family: var(--font-tamil); font-size: 13px; color: var(--text-muted); }
.dk-mnav__link .dk-ico { color: var(--primary); width: 18px; height: 18px; }
.dk-mnav__link[aria-current="page"] { background: var(--green-50); box-shadow: inset 3px 0 0 var(--primary); }
.dk-mnav__foot { display: grid; gap: var(--space-8); padding: var(--space-16) var(--space-20) var(--space-20); border-top: 1px solid var(--border); }

/* ---------- hero ---------- */
.dk-hero { position: relative; overflow: hidden; padding-block: var(--space-32) var(--space-48); background: var(--cream); }
.dk-hero__grid { display: grid; gap: var(--space-32); align-items: center; }
.dk-hero__kicker { display: inline-flex; align-items: center; gap: var(--space-8); margin: 0 0 var(--space-16); padding: 6px 14px 6px 8px; border-radius: var(--radius-pill); background: var(--surface); box-shadow: 0 0 0 1px var(--green-100); font-size: 13px; font-weight: 600; color: var(--primary); }
.dk-hero__kicker .dk-ico { width: 22px; height: 22px; padding: 3px; border-radius: 50%; background: var(--water-wash); color: var(--water); }
.dk-hero__h1 { margin: 0; color: var(--text); }
.dk-hero__h1-ta { display: block; font-family: var(--font-tamil); font-size: 28px; line-height: 1.38; font-weight: 700; letter-spacing: 0; }
.dk-hero__h1-ta em { font-style: normal; color: var(--primary); }
.dk-hero__h1-en { display: block; margin-top: var(--space-12); font-family: var(--font-heading); font-size: 18px; line-height: 1.35; font-weight: 600; color: var(--primary); }
.dk-hero__h1-en span { color: var(--water-ink); }
.dk-hero__sub { margin: var(--space-16) 0 0; font-size: 16px; line-height: 1.8; color: var(--text-muted); max-width: 36em; }
.dk-hero__ctas { display: grid; gap: var(--space-12); margin-top: var(--space-24); }
.dk-hero__tertiary { margin-top: var(--space-16); }
.dk-hero__quick { display: flex; gap: var(--space-8); margin-top: var(--space-24); overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; }
.dk-hero__quick::-webkit-scrollbar { display: none; }
.dk-hero__quick-label { align-self: center; font-size: 13px; color: var(--text-muted); white-space: nowrap; margin-right: 4px; }
.dk-hero__media { position: relative; border-radius: var(--radius-xl); overflow: hidden; background: var(--green-50); aspect-ratio: 5 / 4; box-shadow: 0 0 0 1px var(--green-100); }
.dk-hero__media > svg, .dk-hero__media > img { width: 100%; height: 100%; object-fit: cover; }
.dk-float-card { position: absolute; display: flex; align-items: center; gap: var(--space-12); padding: var(--space-12); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-md); }
.dk-float-card--product { left: var(--space-12); bottom: var(--space-12); right: var(--space-12); max-width: 330px; }
.dk-float-card__img { width: 52px; height: 52px; flex: none; border-radius: var(--radius-md); background: var(--green-50); display: grid; place-items: center; }
.dk-float-card__img svg { width: 42px; height: 42px; }
.dk-float-card__body { min-width: 0; flex: 1; }
.dk-float-card__name { margin: 0; font-family: var(--font-heading); font-size: 14px; font-weight: 600; line-height: 1.3; }
.dk-float-card__ta { margin: 0; font-family: var(--font-tamil); font-size: 12px; color: var(--text-muted); line-height: 1.5; }
.dk-float-card__price { margin: 2px 0 0; font-family: var(--font-heading); font-size: 15px; font-weight: 700; color: var(--primary); }
.dk-float-card__price small { font-family: var(--font-body); font-size: 12px; font-weight: 500; color: var(--text-muted); }
.dk-float-card--chip { top: var(--space-12); right: var(--space-12); padding: 8px 12px; gap: 8px; border-radius: var(--radius-pill); font-size: 13px; font-weight: 600; color: var(--primary); }
.dk-float-card--chip .dk-ico { width: 18px; height: 18px; color: var(--water); }
@media (min-width: 430px) { .dk-hero__h1-ta { font-size: 31px; } .dk-hero__ctas { grid-template-columns: auto auto; justify-content: start; } }
@media (min-width: 768px) { .dk-hero__h1-ta { font-size: 38px; } .dk-hero__h1-en { font-size: 22px; } .dk-hero__sub { font-size: 17px; } .dk-float-card--product { left: var(--space-24); bottom: var(--space-24); right: auto; } .dk-float-card--chip { top: var(--space-24); right: var(--space-24); } }
@media (min-width: 1024px) {
  .dk-hero { padding-block: var(--space-64) var(--space-80); }
  .dk-hero__grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--space-48); }
  .dk-hero__h1-ta { font-size: 44px; }
  .dk-hero__h1-en { font-size: 24px; }
  .dk-hero__media { aspect-ratio: 1 / 1; }
}
@media (min-width: 1280px) { .dk-hero__h1-ta { font-size: 46px; } }

/* ---------- trust bar ---------- */
.dk-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); }
.dk-trust__item { display: flex; align-items: center; gap: var(--space-12); padding: var(--space-12); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.dk-trust__icon { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--green-100); color: var(--primary); }
.dk-trust__icon--water { background: var(--water-wash); color: var(--water-ink); }
.dk-trust__text { min-width: 0; }
.dk-trust__title { margin: 0; font-family: var(--font-heading); font-size: 14px; font-weight: 600; line-height: 1.3; }
.dk-trust__ta { margin: 0; font-family: var(--font-tamil); font-size: 12px; line-height: 1.5; color: var(--text-muted); }
@media (max-width: 767px) { .dk-trust__item { flex-direction: column; align-items: flex-start; gap: var(--space-8); } .dk-trust__icon { width: 40px; height: 40px; } }
@media (min-width: 768px) { .dk-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-16); } .dk-trust__item { padding: var(--space-16); } .dk-trust__title { font-size: 15px; } .dk-trust__ta { font-size: 13px; } }
.dk-trust-band { position: relative; z-index: 1; margin-top: calc(var(--space-24) * -1); padding-bottom: var(--space-16); }

/* ---------- category card ---------- */
.dk-cat-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); }
.dk-cat { position: relative; display: flex; flex-direction: column; border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); overflow: hidden; text-decoration: none; color: var(--text); transition: box-shadow .2s ease, transform .2s ease; }
.dk-cat:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.dk-cat__media { display: grid; place-items: center; aspect-ratio: 4 / 3; background: var(--green-50); }
.dk-cat__media svg { width: 62%; height: auto; }
.dk-cat--water .dk-cat__media { background: var(--water-wash); }
.dk-cat__body { display: flex; flex-direction: column; gap: var(--space-4); flex: 1; padding: var(--space-12) var(--space-12) var(--space-16); }
.dk-cat__name { margin: 0; font-family: var(--font-heading); font-size: 16px; font-weight: 600; line-height: 1.3; }
.dk-cat__desc { margin: 0; font-family: var(--font-tamil); font-size: 13px; line-height: 1.6; color: var(--text-muted); flex: 1; }
.dk-cat__meta { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 4px var(--space-8); margin-top: var(--space-8); }
.dk-cat__count { font-size: 12px; font-weight: 600; color: var(--text-muted); white-space: nowrap; }
.dk-cat__cta { display: inline-flex; align-items: center; gap: 4px; font-family: var(--font-heading); font-size: 13px; font-weight: 600; color: var(--primary); white-space: nowrap; }
.dk-cat__cta .dk-ico { width: 16px; height: 16px; transition: transform .16s ease; }
.dk-cat:hover .dk-cat__cta .dk-ico { transform: translateX(3px); }
.dk-cat-grid > .dk-cat:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; }
.dk-cat-grid > .dk-cat:last-child:nth-child(odd) .dk-cat__media { aspect-ratio: auto; width: 42%; }
@media (min-width: 768px) { .dk-cat-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-16); } .dk-cat-grid > .dk-cat:last-child:nth-child(odd) { grid-column: auto; flex-direction: column; } .dk-cat-grid > .dk-cat:last-child:nth-child(odd) .dk-cat__media { width: auto; aspect-ratio: 4 / 3; } .dk-cat__body { padding: var(--space-16) var(--space-20) var(--space-20); } .dk-cat__name { font-size: 18px; } }
@media (min-width: 1024px) { .dk-cat-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-20); } }

/* ---------- crop card + crop finder ---------- */
.dk-crop-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-8); }
.dk-crop { display: flex; flex-direction: column; align-items: center; gap: var(--space-8); padding: var(--space-12) var(--space-8); border: 1.5px solid transparent; border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); color: var(--text); text-align: center; cursor: pointer; text-decoration: none; transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease; }
.dk-crop:hover { border-color: var(--fresh); box-shadow: var(--shadow-md); }
.dk-crop[aria-pressed="true"] { border-color: var(--primary); background: var(--green-50); }
.dk-crop__icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--green-50); color: var(--primary); }
.dk-crop[aria-pressed="true"] .dk-crop__icon { background: var(--primary); color: var(--on-primary); }
.dk-crop__icon svg { width: 30px; height: 30px; }
.dk-crop__ta { font-family: var(--font-tamil); font-size: 14px; font-weight: 600; line-height: 1.4; }
.dk-crop__en { font-size: 12px; line-height: 1.3; color: var(--text-muted); margin-top: -4px; }
.dk-crop__sys { display: none; }
@media (min-width: 768px) { .dk-crop-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-12); } .dk-crop { padding: var(--space-20) var(--space-12) var(--space-16); } .dk-crop__icon { width: 64px; height: 64px; } .dk-crop__icon svg { width: 36px; height: 36px; } .dk-crop__ta { font-size: 15px; } .dk-crop__en { font-size: 13px; } .dk-crop__sys { display: inline-flex; margin-top: 2px; } }
.dk-finder { display: grid; gap: var(--space-16); margin-top: var(--space-24); padding: var(--space-20); border-radius: var(--radius-xl); background: var(--primary); color: var(--on-dark); }
.dk-finder__steps { display: flex; align-items: center; gap: var(--space-8); flex-wrap: wrap; font-size: 13px; color: var(--on-dark-muted); }
.dk-finder__steps b { color: var(--on-dark); font-weight: 600; }
.dk-finder__steps .dk-ico { width: 16px; height: 16px; color: var(--fresh); }
.dk-finder__title { margin: 0; font-family: var(--font-heading); font-size: 19px; line-height: 1.35; font-weight: 600; }
.dk-finder__title span { font-family: var(--font-tamil); }
.dk-finder__hint { margin: 4px 0 0; font-size: 14px; color: var(--on-dark-muted); }
.dk-finder__products { display: flex; gap: var(--space-8); flex-wrap: wrap; }
.dk-finder__product { display: inline-flex; align-items: center; gap: var(--space-8); padding: 6px 12px 6px 6px; border-radius: var(--radius-pill); background: rgba(255,255,255,.1); color: var(--on-dark); font-size: 13px; font-weight: 500; text-decoration: none; }
.dk-finder__product svg { width: 28px; height: 28px; padding: 3px; border-radius: 50%; background: var(--surface); }
.dk-finder__product:hover { background: rgba(255,255,255,.18); }
@media (min-width: 1024px) { .dk-finder { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: var(--space-24) var(--space-32); } .dk-finder__products { grid-column: 1 / -1; } }

/* ---------- product card ---------- */
.dk-product-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); }
@media (min-width: 768px) { .dk-product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-16); } }
@media (min-width: 1024px) { .dk-product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-20); } .dk-product-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.dk-product { position: relative; display: flex; flex-direction: column; min-width: 0; border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); transition: box-shadow .2s ease, transform .2s ease; }
.dk-product:hover { box-shadow: var(--shadow-md); }
.dk-product__media { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; margin: 6px 6px 0; border-radius: var(--radius-md); background: var(--green-50); overflow: hidden; }
.dk-product__media svg { width: 70%; height: 70%; transition: transform .3s ease; }
.dk-product:hover .dk-product__media svg { transform: scale(1.05); }
.dk-product__media img { width: 100%; height: 100%; object-fit: contain; }
.dk-product__media .dk-badge { position: absolute; top: 8px; left: 8px; }
.dk-product__body { display: flex; flex-direction: column; flex: 1; padding: var(--space-12) var(--space-12) var(--space-12); }
.dk-product__cat { margin: 0 0 4px; font-size: 11px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--water-ink); }
.dk-product__name { margin: 0; font-family: var(--font-heading); font-size: 15px; line-height: 1.35; font-weight: 600; color: var(--text); }
.dk-product__name a { color: inherit; text-decoration: none; }
.dk-product__name a:hover { color: var(--primary); }
.dk-product__ta { margin: 2px 0 0; font-family: var(--font-tamil); font-size: 13px; line-height: 1.55; font-weight: 500; color: var(--text-muted); }
.dk-product__benefit { display: none; margin: var(--space-8) 0 0; font-size: 13px; line-height: 1.5; color: var(--text-muted); }
.dk-product__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 6px; margin-top: auto; padding-top: var(--space-12); }
.dk-product__amount { font-family: var(--font-heading); font-size: 20px; line-height: 1.2; font-weight: 700; color: var(--primary); }
.dk-product__unit { font-size: 12px; line-height: 1.3; font-weight: 500; color: var(--text-muted); }
.dk-product__unit :lang(ta) { font-size: 12px; }
.dk-product__actions { display: flex; gap: var(--space-8); margin-top: var(--space-12); }
.dk-product__actions .dk-btn { flex: 1; min-height: 44px; padding-inline: 10px; font-size: 14px; }
.dk-product__actions .dk-icon-btn { flex: none; }
.dk-product__wa-label { display: none; }
@media (max-width: 767px) {
  .dk-product__actions { flex-direction: column; gap: 6px; }
  .dk-product__actions .dk-btn { min-height: 42px; }
  .dk-product__actions .dk-icon-btn { width: 100%; height: 40px; gap: 6px; font-family: var(--font-heading); font-size: 13px; font-weight: 600; }
  .dk-product__actions .dk-icon-btn .dk-ico { width: 18px; height: 18px; }
  .dk-product__wa-label { display: inline; }
}
.dk-product.is-added .dk-btn--primary { --btn-bg: var(--primary-hover); }
@media (min-width: 768px) {
  .dk-product__media { margin: 8px 8px 0; }
  .dk-product__body { padding: var(--space-16); }
  .dk-product__name { font-size: 16px; }
  .dk-product__benefit { display: block; }
  .dk-product__amount { font-size: 22px; }
}
.dk-product--row { flex-direction: row; align-items: stretch; }
.dk-product--row .dk-product__media { width: 112px; aspect-ratio: 1; margin: 8px 0 8px 8px; flex: none; }
.dk-product--row .dk-product__actions .dk-btn { flex: none; }

/* ---------- shop toolbar: search, filters, sort ---------- */
.dk-shop-toolbar { display: grid; gap: var(--space-12); margin-bottom: var(--space-20); }
.dk-search { position: relative; display: flex; align-items: center; }
.dk-search .dk-ico { position: absolute; left: 16px; color: var(--text-muted); pointer-events: none; }
.dk-search__input { width: 100%; min-height: 52px; padding: 12px 48px 12px 48px; border: 1.5px solid var(--border-strong); border-radius: var(--radius-pill); background: var(--surface); font-size: 16px; color: var(--text); transition: border-color .16s ease; }
.dk-search__input::placeholder { color: var(--text-muted); }
.dk-search__input:focus-visible { border-color: var(--primary); }
.dk-search__clear { position: absolute; right: 4px; }
.dk-search__clear[hidden] { display: none; }
.dk-filter-row { display: flex; gap: var(--space-8); overflow-x: auto; margin-inline: calc(var(--gutter) * -1); padding: 2px var(--gutter) 6px; scrollbar-width: none; }
.dk-filter-row::-webkit-scrollbar { display: none; }
.dk-sort { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); }
.dk-sort__count { font-size: 14px; color: var(--text-muted); }
.dk-sort__count b { color: var(--text); }
.dk-select-wrap { position: relative; display: inline-flex; align-items: center; }
.dk-select-wrap .dk-ico { position: absolute; right: 12px; width: 18px; height: 18px; pointer-events: none; color: var(--text-muted); }
.dk-select { appearance: none; -webkit-appearance: none; min-height: 44px; padding: 8px 40px 8px 14px; border: 1.5px solid var(--border-strong); border-radius: var(--radius-md); background: var(--surface); font-size: 15px; color: var(--text); cursor: pointer; width: 100%; }
.dk-select:focus-visible { border-color: var(--primary); }
.dk-empty { grid-column: 1 / -1; display: grid; justify-items: center; gap: var(--space-12); padding: var(--space-48) var(--space-16); border-radius: var(--radius-lg); background: var(--surface); text-align: center; color: var(--text-muted); }
.dk-empty .dk-ico { width: 40px; height: 40px; color: var(--primary); }
@media (min-width: 768px) { .dk-shop-toolbar { grid-template-columns: minmax(0, 1fr) auto; align-items: center; } .dk-filter-row { grid-column: 1 / -1; margin: 0; padding: 2px 0 6px; flex-wrap: wrap; overflow: visible; } }
@media (min-width: 1024px) { .dk-shop-toolbar { grid-template-columns: minmax(0, 460px) 1fr; grid-template-areas: "search sort" "chips chips"; } .dk-search { grid-area: search; } .dk-sort { grid-area: sort; justify-self: end; } .dk-filter-row { grid-area: chips; } }

/* filter sidebar (listing page) */
.dk-shop-layout { display: grid; gap: var(--space-24); }
.dk-filters { display: none; }
@media (min-width: 1024px) {
  .dk-shop-layout { grid-template-columns: 260px minmax(0, 1fr); align-items: start; }
  .dk-filters { display: block; position: sticky; top: 92px; padding: var(--space-20); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
}
.dk-filters__group { padding-block: var(--space-16); border-bottom: 1px solid var(--border); }
.dk-filters__group:last-child { border-bottom: 0; padding-bottom: 0; }
.dk-filters__group:first-of-type { padding-top: 0; }
.dk-filters__title { margin: 0 0 var(--space-12); font-family: var(--font-heading); font-size: 14px; font-weight: 600; }
.dk-check { display: flex; align-items: center; gap: var(--space-12); min-height: 36px; font-size: 14px; cursor: pointer; }
.dk-check input { appearance: none; -webkit-appearance: none; width: 20px; height: 20px; margin: 0; flex: none; border: 1.5px solid var(--border-strong); border-radius: 6px; background: var(--surface); display: grid; place-items: center; cursor: pointer; }
.dk-check input:checked { background: var(--primary); border-color: var(--primary); }
.dk-check input:checked::after { content: ""; width: 10px; height: 6px; border: solid var(--on-primary); border-width: 0 0 2px 2px; transform: translateY(-1px) rotate(-45deg); }
.dk-check small { margin-left: auto; color: var(--text-muted); font-size: 12px; }
.dk-range { display: flex; gap: var(--space-8); align-items: center; }
.dk-range .dk-input { min-height: 40px; padding: 6px 10px; font-size: 14px; }

/* ---------- featured shelf ---------- */
.dk-shelf { position: relative; }
.dk-shelf__track { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(200px, 62%); gap: var(--space-12); overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--gutter) * -1); padding: 4px var(--gutter) var(--space-16); scrollbar-width: none; }
.dk-shelf__track::-webkit-scrollbar { display: none; }
.dk-shelf__track > * { scroll-snap-align: start; }
.dk-shelf__nav { display: none; }
@media (min-width: 768px) { .dk-shelf__track { grid-auto-columns: calc((100% - 2 * var(--space-16)) / 3); gap: var(--space-16); margin: 0; padding: 4px 4px var(--space-16); } }
@media (min-width: 1024px) {
  .dk-shelf__track { grid-auto-columns: calc((100% - 3 * var(--space-20)) / 4); gap: var(--space-20); }
  .dk-shelf__nav { display: flex; gap: var(--space-8); }
  .dk-shelf__nav .dk-icon-btn { border: 1.5px solid var(--border); background: var(--surface); }
  .dk-shelf__nav .dk-icon-btn:hover { border-color: var(--primary); }
}

/* ---------- cart drawer ---------- */
.dk-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: calc(var(--z-drawer) + 1); width: 100%; display: flex; flex-direction: column; background: var(--surface); box-shadow: var(--shadow-lg); transform: translateX(102%); transition: transform .28s cubic-bezier(.2,.8,.2,1); }
.dk-drawer.is-open { transform: none; }
.dk-drawer--static { position: relative; transform: none; height: 100%; max-width: var(--drawer-width); border-radius: var(--radius-xl); overflow: hidden; }
@media (min-width: 768px) { .dk-drawer { width: var(--drawer-width); border-radius: var(--radius-xl) 0 0 var(--radius-xl); } .dk-drawer--static { border-radius: var(--radius-xl); } }
.dk-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); padding: var(--space-12) var(--space-12) var(--space-12) var(--space-20); border-bottom: 1px solid var(--border); }
.dk-drawer__title { margin: 0; font-family: var(--font-heading); font-size: 18px; font-weight: 600; }
.dk-drawer__title small { font-family: var(--font-tamil); font-size: 13px; font-weight: 500; color: var(--text-muted); margin-left: 6px; }
.dk-ship { padding: var(--space-12) var(--space-20); background: var(--green-50); }
.dk-ship__text { margin: 0 0 8px; font-size: 13px; line-height: 1.45; color: var(--text); }
.dk-ship__text b { color: var(--primary); }
.dk-ship__text .dk-ico { display: inline-block; vertical-align: -4px; width: 18px; height: 18px; color: var(--primary); margin-right: 4px; }
.dk-ship__bar { height: 8px; border-radius: var(--radius-pill); background: var(--surface); box-shadow: inset 0 0 0 1px var(--green-100); overflow: hidden; }
.dk-ship__fill { height: 100%; border-radius: inherit; background: var(--fresh); transition: width .3s ease; }
.dk-ship.is-free .dk-ship__fill { background: var(--primary); }
.dk-drawer__items { flex: 1; overflow-y: auto; list-style: none; margin: 0; padding: 0 var(--space-20); }
.dk-line { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: var(--space-12); padding-block: var(--space-16); border-bottom: 1px solid var(--border); }
.dk-line__img { width: 64px; height: 64px; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--green-50); }
.dk-line__img svg { width: 50px; height: 50px; }
.dk-line__top { display: flex; justify-content: space-between; gap: var(--space-8); }
.dk-line__name { margin: 0; font-family: var(--font-heading); font-size: 14px; line-height: 1.35; font-weight: 600; }
.dk-line__ta { margin: 0; font-family: var(--font-tamil); font-size: 12px; line-height: 1.5; color: var(--text-muted); }
.dk-line__unit { margin: 2px 0 0; font-size: 12px; color: var(--text-muted); }
.dk-line__bottom { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); margin-top: var(--space-8); }
.dk-line__total { font-family: var(--font-heading); font-size: 15px; font-weight: 700; color: var(--text); }
.dk-line__remove { width: 36px; height: 36px; margin: -6px -8px 0 0; color: var(--text-muted); }
.dk-line__remove:hover { background: #fbeceb; color: var(--danger); }
.dk-qty { display: inline-flex; align-items: center; border: 1.5px solid var(--border-strong); border-radius: var(--radius-pill); background: var(--surface); }
.dk-qty__btn { width: 40px; height: 40px; display: grid; place-items: center; padding: 0; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--primary); cursor: pointer; }
.dk-qty__btn:hover { background: var(--green-50); }
.dk-qty__btn .dk-ico { width: 18px; height: 18px; }
.dk-qty__input { width: 48px; height: 40px; padding: 0; border: 0; background: transparent; text-align: center; font-family: var(--font-heading); font-size: 15px; font-weight: 600; -moz-appearance: textfield; }
.dk-qty__input::-webkit-outer-spin-button, .dk-qty__input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.dk-qty--sm .dk-qty__btn { width: 34px; height: 34px; }
.dk-qty--sm .dk-qty__input { width: 40px; height: 34px; font-size: 14px; }
.dk-drawer__empty { display: grid; justify-items: center; gap: var(--space-12); padding: var(--space-64) var(--space-20); text-align: center; color: var(--text-muted); }
.dk-drawer__empty-icon { width: 72px; height: 72px; display: grid; place-items: center; border-radius: 50%; background: var(--green-50); color: var(--primary); }
.dk-drawer__empty-icon .dk-ico { width: 34px; height: 34px; }
.dk-drawer__foot { padding: var(--space-16) var(--space-20) var(--space-20); border-top: 1px solid var(--border); background: var(--surface); }
.dk-totals { display: grid; gap: var(--space-8); margin: 0 0 var(--space-16); }
.dk-totals__row { display: flex; justify-content: space-between; gap: var(--space-12); font-size: 14px; color: var(--text-muted); }
.dk-totals__row dd { margin: 0; color: var(--text); font-weight: 500; text-align: right; }
.dk-totals__row--total { padding-top: var(--space-8); border-top: 1px dashed var(--border); font-family: var(--font-heading); font-size: 17px; font-weight: 700; color: var(--text); }
.dk-totals__row--total dd { font-weight: 700; color: var(--primary); }
.dk-totals__free { color: var(--primary) !important; font-weight: 600 !important; }
.dk-totals__tbc { color: var(--water-ink) !important; font-size: 13px; }
.dk-drawer__actions { display: grid; gap: var(--space-8); }
.dk-drawer__note { margin: var(--space-12) 0 0; font-size: 12px; line-height: 1.45; color: var(--text-muted); text-align: center; }

/* ---------- toast ---------- */
.dk-toast-region { position: fixed; left: var(--space-12); right: var(--space-12); bottom: calc(var(--bottombar-height) + var(--space-12)); z-index: var(--z-toast); display: grid; gap: var(--space-8); pointer-events: none; }
@media (min-width: 768px) { .dk-toast-region { left: auto; right: var(--space-24); bottom: auto; top: 92px; width: 380px; } }
.dk-toast { pointer-events: auto; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-12); padding: var(--space-16); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-lg), 0 0 0 1px var(--green-100); animation: dk-toast-in .28s ease; }
.dk-toast.is-leaving { animation: dk-toast-out .22s ease forwards; }
@keyframes dk-toast-in { from { opacity: 0; transform: translateY(12px); } }
@keyframes dk-toast-out { to { opacity: 0; transform: translateY(8px); } }
.dk-toast__tick { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--primary); color: var(--on-primary); }
.dk-toast__tick .dk-ico { width: 22px; height: 22px; }
.dk-toast__title { margin: 0; font-family: var(--font-heading); font-size: 15px; font-weight: 600; }
.dk-toast__text { margin: 2px 0 0; font-size: 13px; color: var(--text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dk-toast__actions { grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-8); }
.dk-toast--static { position: relative; animation: none; max-width: 380px; }

/* ---------- forms ---------- */
.dk-form-grid { display: grid; gap: var(--space-16); }
@media (min-width: 768px) { .dk-form-grid--2 { grid-template-columns: 1fr 1fr; } .dk-field--full { grid-column: 1 / -1; } }
.dk-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dk-label { font-size: 14px; line-height: 1.4; font-weight: 500; color: var(--text); }
.dk-label :lang(ta) { font-size: 13px; color: var(--text-muted); font-weight: 400; margin-left: 4px; }
.dk-label .dk-req { color: var(--danger); margin-left: 2px; }
.dk-input, .dk-textarea { width: 100%; min-height: 48px; padding: 12px 14px; border: 1.5px solid var(--border-strong); border-radius: var(--radius-md); background: var(--surface); font-size: 16px; line-height: 1.4; color: var(--text); transition: border-color .16s ease; }
.dk-input::placeholder, .dk-textarea::placeholder { color: #69736b; }
.dk-input:focus-visible, .dk-textarea:focus-visible, .dk-select:focus-visible { border-color: var(--primary); }
.dk-input[readonly] { background: var(--cream); color: var(--text-muted); }
.dk-textarea { min-height: 104px; resize: vertical; }
.dk-input-group { display: flex; align-items: stretch; border: 1.5px solid var(--border-strong); border-radius: var(--radius-md); background: var(--surface); overflow: hidden; }
.dk-input-group:focus-within { border-color: var(--primary); box-shadow: var(--focus-ring); }
.dk-input-group__addon { display: grid; place-items: center; padding: 0 12px; background: var(--green-50); color: var(--text-muted); font-size: 15px; font-weight: 600; border-right: 1px solid var(--border); }
.dk-input-group .dk-input, .dk-input-group .dk-select { border: 0; border-radius: 0; min-width: 0; }
.dk-input-group .dk-input:focus-visible, .dk-input-group .dk-select:focus-visible { box-shadow: none; }
.dk-help { margin: 0; font-size: 13px; line-height: 1.45; color: var(--text-muted); }
.dk-error { display: none; margin: 0; align-items: center; gap: 6px; font-size: 13px; line-height: 1.45; color: var(--danger); font-weight: 500; }
.dk-error .dk-ico { width: 16px; height: 16px; }
.dk-field.is-invalid .dk-input, .dk-field.is-invalid .dk-textarea, .dk-field.is-invalid .dk-select, .dk-field.is-invalid .dk-input-group { border-color: var(--danger); }
.dk-field.is-invalid .dk-error { display: flex; }
.dk-form-card { padding: var(--space-20); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-sm), 0 0 0 1px var(--border); }
@media (min-width: 768px) { .dk-form-card { padding: var(--space-32); } }
.dk-form-card__title { margin: 0 0 4px; font-family: var(--font-heading); font-size: 20px; font-weight: 600; }
.dk-form-card__sub { margin: 0 0 var(--space-20); font-size: 14px; color: var(--text-muted); }
.dk-form-note { display: flex; gap: var(--space-8); align-items: flex-start; margin: var(--space-12) 0 0; font-size: 13px; line-height: 1.5; color: var(--text-muted); }
.dk-form-note .dk-ico { width: 18px; height: 18px; color: var(--primary); }

/* ---------- checkout ---------- */
.dk-checkout { display: grid; gap: var(--space-20); }
@media (min-width: 1024px) { .dk-checkout { grid-template-columns: minmax(0, 1fr) 400px; gap: var(--space-32); align-items: start; } .dk-checkout__summary { position: sticky; top: 92px; } }
.dk-checkout__steps { display: flex; align-items: center; gap: var(--space-8); margin: 0 0 var(--space-20); padding: 0; list-style: none; font-size: 13px; font-weight: 600; color: var(--text-muted); }
.dk-checkout__steps li { display: inline-flex; align-items: center; gap: 6px; }
.dk-checkout__steps li span { width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: var(--green-100); color: var(--primary); font-size: 12px; }
.dk-checkout__steps li[aria-current="step"] { color: var(--primary); }
.dk-checkout__steps li[aria-current="step"] span { background: var(--primary); color: var(--on-primary); }
.dk-checkout__steps .dk-ico { width: 16px; height: 16px; }
.dk-demo-note { display: flex; gap: var(--space-12); align-items: flex-start; margin-bottom: var(--space-20); padding: var(--space-12) var(--space-16); border-radius: var(--radius-md); background: var(--water-wash); color: var(--text); font-size: 14px; line-height: 1.5; }
.dk-demo-note .dk-ico { color: var(--water-ink); width: 20px; height: 20px; margin-top: 1px; }
.dk-summary { padding: var(--space-20); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-sm), 0 0 0 1px var(--border); }
.dk-summary__title { margin: 0 0 var(--space-12); font-family: var(--font-heading); font-size: 18px; font-weight: 600; }
.dk-summary__items { list-style: none; margin: 0 0 var(--space-16); padding: 0; }
.dk-summary__item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: var(--space-12); align-items: center; padding-block: var(--space-12); border-bottom: 1px solid var(--border); }
.dk-summary__img { position: relative; width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--radius-sm); background: var(--green-50); }
.dk-summary__img svg { width: 38px; height: 38px; }
.dk-summary__qty { position: absolute; top: -6px; right: -6px; min-width: 20px; height: 20px; padding: 0 5px; display: grid; place-items: center; border-radius: var(--radius-pill); background: var(--text-muted); color: var(--surface); font-size: 11px; font-weight: 700; }
.dk-summary__name { margin: 0; font-size: 14px; font-weight: 600; line-height: 1.35; }
.dk-summary__meta { margin: 0; font-size: 12px; color: var(--text-muted); }
.dk-summary__price { font-family: var(--font-heading); font-size: 14px; font-weight: 600; }
.dk-success { display: grid; justify-items: center; gap: var(--space-12); max-width: 560px; margin-inline: auto; padding: var(--space-40) var(--space-20); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-sm), 0 0 0 1px var(--border); text-align: center; }
.dk-success__icon { width: 80px; height: 80px; display: grid; place-items: center; border-radius: 50%; background: var(--green-100); color: var(--primary); }
.dk-success__icon .dk-ico { width: 40px; height: 40px; }
.dk-success__title { margin: var(--space-8) 0 0; font-family: var(--font-heading); font-size: 24px; line-height: 1.3; font-weight: 700; }
.dk-success__ta { margin: 0; font-family: var(--font-tamil); font-size: 16px; line-height: 1.7; color: var(--text-muted); }
.dk-success__ref { display: inline-flex; gap: 6px; padding: 8px 14px; border-radius: var(--radius-pill); background: var(--cream); font-size: 14px; color: var(--text-muted); }
.dk-success__ref b { color: var(--text); font-family: var(--font-heading); }
.dk-success__actions { display: grid; gap: var(--space-8); width: 100%; margin-top: var(--space-12); }
@media (min-width: 430px) { .dk-success__actions { grid-template-columns: 1fr 1fr; } }

/* ---------- service: 5-step drip-line process ---------- */
.dk-service { position: relative; overflow: hidden; background: var(--primary); color: var(--on-dark); }
.dk-service .dk-lead { color: var(--on-dark-muted); }
.dk-steps { position: relative; list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-12); counter-reset: step; }
.dk-step { position: relative; display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: var(--space-16); align-items: start; padding: var(--space-16); border-radius: var(--radius-lg); background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
.dk-step__node { position: relative; width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--surface); color: var(--primary); }
.dk-step__node .dk-ico { width: 26px; height: 26px; }
.dk-step__num { position: absolute; top: -4px; right: -4px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; background: var(--fresh); color: var(--on-fresh); font-family: var(--font-heading); font-size: 11px; font-weight: 700; box-shadow: 0 0 0 2px var(--primary); }
.dk-step__en { margin: 0; font-family: var(--font-heading); font-size: 16px; font-weight: 600; line-height: 1.35; }
.dk-step__ta { margin: 0; font-family: var(--font-tamil); font-size: 14px; font-weight: 600; line-height: 1.5; color: var(--on-dark-muted); }
.dk-step__text { margin: 6px 0 0; font-size: 14px; line-height: 1.55; color: var(--on-dark-muted); }
.dk-steps__line { display: none; }
@media (min-width: 1024px) {
  .dk-steps { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--space-16); padding-top: 8px; }
  .dk-step { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 0 var(--space-8); background: none; box-shadow: none; }
  .dk-step__node { width: 72px; height: 72px; box-shadow: 0 0 0 8px var(--primary); }
  .dk-step__node .dk-ico { width: 30px; height: 30px; }
  .dk-steps__line { display: block; position: absolute; top: 44px; left: 10%; right: 10%; height: 24px; z-index: 0; color: var(--on-dark-muted); }
  .dk-step { z-index: 1; }
}
.dk-warranty { display: flex; align-items: center; gap: var(--space-12); padding: var(--space-12) var(--space-16); border-radius: var(--radius-lg); background: var(--surface); color: var(--text); }
.dk-warranty__icon { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--green-100); color: var(--primary); }
.dk-warranty__title { margin: 0; font-family: var(--font-heading); font-size: 15px; font-weight: 700; }
.dk-warranty__ta { margin: 0; font-family: var(--font-tamil); font-size: 13px; color: var(--text-muted); }
.dk-service__foot { display: grid; gap: var(--space-16); margin-top: var(--space-40); align-items: center; }
@media (min-width: 768px) { .dk-service__foot { grid-template-columns: auto auto; justify-content: space-between; } }

/* ---------- drip-line motif ---------- */
.dk-dripline { display: block; width: 100%; height: 24px; color: var(--border); }
.dk-dripline--water { color: var(--water); }

/* ---------- consultation ---------- */
.dk-consult { display: grid; gap: var(--space-32); align-items: start; }
@media (min-width: 1024px) { .dk-consult { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: var(--space-48); } }
.dk-consult__points { list-style: none; margin: var(--space-24) 0 0; padding: 0; display: grid; gap: var(--space-12); }
.dk-consult__points li { display: flex; gap: var(--space-12); align-items: flex-start; font-size: 15px; line-height: 1.55; }
.dk-consult__points .dk-ico { width: 22px; height: 22px; padding: 3px; border-radius: 50%; background: var(--green-100); color: var(--primary); flex: none; margin-top: 1px; }
.dk-consult__points small { display: block; font-family: var(--font-tamil); font-size: 13px; color: var(--text-muted); }
.dk-consult__wa { display: flex; align-items: center; gap: var(--space-12); margin-top: var(--space-24); padding: var(--space-16); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 0 0 1px var(--border); }
.dk-consult__wa p { margin: 0; flex: 1; font-size: 14px; line-height: 1.5; color: var(--text-muted); }
.dk-consult__wa p b { display: block; color: var(--text); font-family: var(--font-heading); font-size: 15px; }

/* ---------- subsidy ---------- */
.dk-subsidy { position: relative; overflow: hidden; display: grid; gap: var(--space-24); padding: var(--space-24) var(--space-20); border-radius: var(--radius-xl); background: var(--surface); box-shadow: 0 0 0 1px #c9e3f3; }
@media (min-width: 768px) { .dk-subsidy { padding: var(--space-40); } }
@media (min-width: 1024px) { .dk-subsidy { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: var(--space-48); padding: var(--space-48); } }
.dk-subsidy__h2 .dk-h2__en { color: var(--water-ink); }
.dk-subsidy__display { margin: 0 0 var(--space-12); font-family: var(--font-heading); font-size: 28px; line-height: 1.15; font-weight: 700; color: var(--water); letter-spacing: -0.5px; }
.dk-subsidy__text { margin: var(--space-16) 0 0; font-size: 16px; line-height: 1.7; color: var(--text); }
.dk-subsidy__flow { list-style: none; margin: var(--space-24) 0 0; padding: 0; display: grid; gap: var(--space-8); }
.dk-subsidy__flow li { display: flex; align-items: center; gap: var(--space-12); padding: var(--space-12); border-radius: var(--radius-md); background: var(--water-wash); }
.dk-subsidy__flow span.n { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--water-ink); color: var(--on-dark); font-family: var(--font-heading); font-size: 14px; font-weight: 700; }
.dk-subsidy__flow b { display: block; font-family: var(--font-heading); font-size: 15px; font-weight: 600; }
.dk-subsidy__flow small { font-family: var(--font-tamil); font-size: 13px; color: var(--text-muted); }
@media (min-width: 768px) { .dk-subsidy__flow { grid-template-columns: repeat(3, minmax(0, 1fr)); } .dk-subsidy__flow li { flex-direction: column; align-items: flex-start; } }
.dk-subsidy__ctas { display: grid; gap: var(--space-12); margin-top: var(--space-24); }
@media (min-width: 430px) { .dk-subsidy__ctas { grid-template-columns: auto auto; justify-content: start; } }
.dk-note { display: flex; gap: var(--space-8); align-items: flex-start; margin: var(--space-16) 0 0; font-size: 13px; line-height: 1.5; color: var(--text-muted); }
.dk-note .dk-ico { width: 18px; height: 18px; color: var(--water-ink); margin-top: 1px; }
.dk-docs { position: relative; align-self: stretch; padding: var(--space-20); border-radius: var(--radius-lg); background: var(--cream); box-shadow: 0 0 0 1px var(--border); }
.dk-docs__head { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); margin-bottom: var(--space-12); }
.dk-docs__title { margin: 0; font-family: var(--font-heading); font-size: 16px; font-weight: 600; }
.dk-docs__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-8); }
.dk-docs__item { display: flex; align-items: center; gap: var(--space-12); min-height: 48px; padding: var(--space-8) var(--space-12); border-radius: var(--radius-md); background: var(--surface); font-size: 14px; }
.dk-docs__box { width: 22px; height: 22px; flex: none; border: 1.5px dashed var(--border-strong); border-radius: 6px; }
.dk-docs__item--placeholder { color: var(--text-muted); font-style: italic; }
.dk-docs__item.is-done .dk-docs__box { border: 0; background: var(--primary); }
.dk-docs__foot { margin: var(--space-12) 0 0; font-size: 13px; line-height: 1.5; color: var(--text-muted); }

/* ---------- netafim enquiry ---------- */
.dk-netafim { display: grid; gap: var(--space-24); padding: var(--space-24) var(--space-20); border-radius: var(--radius-xl); background: var(--surface); box-shadow: var(--shadow-sm), 0 0 0 1px var(--border); }
@media (min-width: 768px) { .dk-netafim { padding: var(--space-40); } }
@media (min-width: 1024px) { .dk-netafim { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: var(--space-48); } }
.dk-netafim__list { list-style: none; margin: var(--space-20) 0 0; padding: 0; display: grid; gap: var(--space-12); }
.dk-netafim__list li { display: flex; gap: var(--space-12); align-items: flex-start; font-size: 15px; line-height: 1.55; }
.dk-netafim__list .dk-ico { width: 22px; height: 22px; color: var(--primary); flex: none; }
.dk-netafim__list small { display: block; font-family: var(--font-tamil); font-size: 13px; color: var(--text-muted); }
.dk-netafim__panel { display: grid; gap: var(--space-16); align-content: start; padding: var(--space-16); border-radius: var(--radius-lg); background: var(--green-50); }
.dk-netafim__art { position: relative; height: 200px; border-radius: var(--radius-md); overflow: hidden; }
.dk-netafim__art svg { width: 100%; height: 100%; }
.dk-netafim__art span { position: absolute; left: 10px; bottom: 10px; padding: 4px 10px; border-radius: var(--radius-pill); background: rgba(255,255,255,.94); font-size: 12px; font-weight: 600; color: var(--text-muted); }
.dk-netafim__loc { display: flex; align-items: center; gap: var(--space-12); }
.dk-netafim__loc .dk-ico { width: 40px; height: 40px; padding: 9px; border-radius: 50%; background: var(--surface); color: var(--primary); }
.dk-netafim__loc p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--text-muted); }
.dk-netafim__loc b { display: block; font-family: var(--font-heading); font-size: 15px; color: var(--text); }
.dk-netafim__ctas { display: grid; gap: var(--space-8); }
@media (min-width: 430px) { .dk-netafim__ctas { grid-template-columns: 1fr 1fr; } }

/* ---------- why choose ---------- */
.dk-why { display: grid; gap: var(--space-12); }
@media (min-width: 768px) { .dk-why { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16); } }
@media (min-width: 1024px) { .dk-why { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-20); } }
.dk-why__card { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: var(--space-16); padding: var(--space-20); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
@media (min-width: 1024px) { .dk-why__card { grid-template-columns: 1fr; padding: var(--space-24); } }
.dk-why__icon { width: 52px; height: 52px; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--green-100); color: var(--primary); }
.dk-why__icon--water { background: var(--water-wash); color: var(--water-ink); }
.dk-why__icon .dk-ico { width: 26px; height: 26px; }
.dk-why__en { margin: 0; font-family: var(--font-heading); font-size: 17px; font-weight: 600; line-height: 1.35; }
.dk-why__ta { margin: 2px 0 0; font-family: var(--font-tamil); font-size: 14px; font-weight: 600; color: var(--primary); line-height: 1.5; }
.dk-why__text { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: var(--text-muted); }

/* ---------- about ---------- */
.dk-about { display: grid; gap: var(--space-32); align-items: center; }
@media (min-width: 1024px) { .dk-about { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-64); } }
.dk-about__media { position: relative; }
.dk-photo { position: relative; display: grid; place-items: center; aspect-ratio: 4 / 3; border-radius: var(--radius-xl); overflow: hidden; background: var(--green-50); box-shadow: 0 0 0 1px var(--green-100); }
.dk-photo > svg { width: 100%; height: 100%; }
.dk-photo__label { position: absolute; left: var(--space-12); top: var(--space-12); display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: var(--radius-pill); background: rgba(255,255,255,.92); font-size: 12px; font-weight: 600; color: var(--text-muted); }
.dk-photo__label .dk-ico { width: 14px; height: 14px; }
.dk-exp { position: absolute; right: var(--space-12); bottom: calc(var(--space-24) * -1); display: flex; align-items: center; gap: var(--space-12); padding: var(--space-12) var(--space-16); border-radius: var(--radius-lg); background: var(--primary); color: var(--on-dark); box-shadow: var(--shadow-md); }
.dk-exp__num { font-family: var(--font-heading); font-size: 36px; line-height: 1; font-weight: 700; color: var(--surface); }
.dk-exp__num sup { font-size: 18px; color: var(--fresh); }
.dk-exp__label { font-size: 13px; line-height: 1.35; font-weight: 600; }
.dk-exp__label span { display: block; font-family: var(--font-tamil); font-weight: 500; color: var(--on-dark-muted); }
.dk-about__story { margin: var(--space-16) 0 0; font-size: 16px; line-height: 1.75; color: var(--text); }
.dk-about__story + .dk-about__story { margin-top: var(--space-12); }
.dk-placeholder { padding: 1px 6px; border-radius: 4px; background: #fff6d9; color: #6b5300; font-size: .92em; font-style: normal; }
.dk-timeline { list-style: none; margin: var(--space-24) 0 0; padding: 0; display: grid; gap: 0; }
.dk-timeline li { position: relative; display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: var(--space-12); padding-bottom: var(--space-16); }
.dk-timeline li::before { content: ""; position: absolute; left: 13px; top: 24px; bottom: 0; width: 2px; background: repeating-linear-gradient(to bottom, var(--water) 0 4px, transparent 4px 10px); }
.dk-timeline li:last-child::before { display: none; }
.dk-timeline__dot { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: var(--green-100); color: var(--primary); }
.dk-timeline__dot .dk-ico { width: 15px; height: 15px; }
.dk-timeline b { display: block; font-family: var(--font-heading); font-size: 15px; font-weight: 600; line-height: 1.4; }
.dk-timeline small { display: block; font-size: 14px; line-height: 1.5; color: var(--text-muted); }
.dk-values { display: flex; flex-wrap: wrap; gap: var(--space-8); margin-top: var(--space-20); }
.dk-values .dk-chip { white-space: normal; height: auto; padding-block: 10px; line-height: 1.5; }
.dk-about > *, .dk-consult > *, .dk-subsidy > *, .dk-netafim > *, .dk-faq-wrap > *, .dk-hero__grid > *, .dk-checkout > *, .dk-pdp > *, .dk-footer__top > * { min-width: 0; }

/* ---------- how ordering works ---------- */
.dk-howto { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-12); counter-reset: how; }
@media (min-width: 768px) { .dk-howto { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-16); } }
@media (min-width: 1024px) { .dk-howto { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-20); } }
.dk-howto__item { position: relative; padding: var(--space-20); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); counter-increment: how; }
.dk-howto__item::before { content: counter(how, decimal-leading-zero); position: absolute; top: var(--space-16); right: var(--space-20); font-family: var(--font-heading); font-size: 32px; font-weight: 700; line-height: 1; color: var(--green-100); }
.dk-howto__icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: var(--radius-md); background: var(--green-50); color: var(--primary); margin-bottom: var(--space-16); }
.dk-howto__en { margin: 0; font-family: var(--font-heading); font-size: 16px; font-weight: 600; line-height: 1.35; }
.dk-howto__ta { margin: 2px 0 0; font-family: var(--font-tamil); font-size: 14px; font-weight: 600; color: var(--primary); }
.dk-howto__text { margin: 8px 0 0; font-size: 14px; line-height: 1.6; color: var(--text-muted); }

/* ---------- gallery ---------- */
.dk-tabs { display: flex; gap: var(--space-8); overflow-x: auto; margin: 0 calc(var(--gutter) * -1) var(--space-20); padding: 2px var(--gutter) 6px; scrollbar-width: none; }
.dk-tabs::-webkit-scrollbar { display: none; }
@media (min-width: 768px) { .dk-tabs { margin-inline: 0; padding-inline: 0; flex-wrap: wrap; } }
.dk-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-12); }
@media (min-width: 1024px) { .dk-gallery { grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: 220px; gap: var(--space-16); } .dk-gallery__item--wide { grid-column: span 2; } .dk-gallery__item--tall { grid-row: span 2; } }
.dk-gallery__item { position: relative; margin: 0; min-height: 160px; border-radius: var(--radius-lg); overflow: hidden; background: var(--green-50); }
.dk-gallery__item[hidden] { display: none; }
@media (max-width: 767px) { .dk-gallery__item { min-height: 0; aspect-ratio: 4 / 5; } .dk-gallery__item--wide { grid-column: 1 / -1; aspect-ratio: 16 / 9; } .dk-gallery__cap span { display: none; } .dk-gallery__cap { padding: 6px 10px; } }
.dk-gallery__item svg.dk-gallery__art { position: absolute; inset: 0; width: 100%; height: 100%; }
.dk-gallery__item img { width: 100%; height: 100%; object-fit: cover; }
.dk-gallery__cap { position: absolute; left: 8px; right: 8px; bottom: 8px; display: flex; flex-direction: column; gap: 2px; padding: 8px 12px; border-radius: var(--radius-md); background: rgba(255,255,255,.94); }
.dk-gallery__cap b { font-family: var(--font-heading); font-size: 13px; font-weight: 600; line-height: 1.3; }
.dk-gallery__cap span { font-size: 12px; color: var(--text-muted); line-height: 1.3; }
.dk-gallery__item--water { background: var(--water-wash); }

/* ---------- testimonials ---------- */
.dk-reviews { display: grid; gap: var(--space-12); }
@media (min-width: 768px) { .dk-reviews { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-20); } }
.dk-review { position: relative; display: flex; flex-direction: column; gap: var(--space-12); margin: 0; padding: var(--space-20); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.dk-review__top { display: flex; align-items: center; justify-content: space-between; gap: var(--space-8); }
.dk-stars { display: inline-flex; gap: 2px; color: var(--primary); }
.dk-stars .dk-ico { width: 18px; height: 18px; }
.dk-stars--placeholder { color: var(--border-strong); }
.dk-review__quote { margin: 0; font-size: 15px; line-height: 1.65; color: var(--text); flex: 1; }
.dk-review__quote--placeholder { color: var(--text-muted); font-style: italic; }
.dk-review__by { display: flex; align-items: center; gap: var(--space-12); padding-top: var(--space-12); border-top: 1px solid var(--border); }
.dk-review__avatar { width: 44px; height: 44px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--green-100); color: var(--primary); }
.dk-review__avatar .dk-ico { width: 22px; height: 22px; }
.dk-review__name { margin: 0; font-family: var(--font-heading); font-size: 14px; font-weight: 600; }
.dk-review__role { margin: 0; font-size: 13px; color: var(--text-muted); }
.dk-review__role :lang(ta) { font-size: 13px; }

/* ---------- FAQ ---------- */
.dk-faq-wrap { display: grid; gap: var(--space-24); }
@media (min-width: 1024px) { .dk-faq-wrap { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: var(--space-64); align-items: start; } }
.dk-faq { display: grid; gap: var(--space-8); }
.dk-faq__item { border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 0 0 1px var(--border); transition: box-shadow .16s ease; }
.dk-faq__item[open] { box-shadow: 0 0 0 1.5px var(--primary), var(--shadow-sm); }
.dk-faq__q { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); min-height: 56px; padding: var(--space-12) var(--space-16); cursor: pointer; list-style: none; border-radius: var(--radius-lg); }
.dk-faq__q::-webkit-details-marker { display: none; }
.dk-faq__q span { display: flex; flex-direction: column; }
.dk-faq__q b { font-family: var(--font-heading); font-size: 15px; font-weight: 600; line-height: 1.4; }
.dk-faq__q small { font-family: var(--font-tamil); font-size: 13px; font-weight: 500; color: var(--text-muted); line-height: 1.5; }
.dk-faq__toggle { width: 32px; height: 32px; flex: none; display: grid; place-items: center; border-radius: 50%; background: var(--green-50); color: var(--primary); transition: transform .2s ease, background-color .2s ease; }
.dk-faq__toggle .dk-ico { width: 18px; height: 18px; }
.dk-faq__item[open] .dk-faq__toggle { transform: rotate(45deg); background: var(--primary); color: var(--on-primary); }
.dk-faq__a { padding: 0 var(--space-16) var(--space-16); font-size: 15px; line-height: 1.65; color: var(--text-muted); }
.dk-faq__a p { margin: 0; }
.dk-faq__a p + p { margin-top: 6px; }
.dk-faq__a :lang(ta) { color: var(--text); line-height: 1.75; }
@media (min-width: 768px) { .dk-faq__q { padding: var(--space-16) var(--space-20); } .dk-faq__a { padding: 0 var(--space-20) var(--space-20); } .dk-faq__q b { font-size: 16px; } }

/* ---------- WhatsApp CTA band ---------- */
.dk-cta-band { position: relative; overflow: hidden; display: grid; gap: var(--space-24); padding: var(--space-32) var(--space-20); border-radius: var(--radius-xl); background: var(--primary); color: var(--on-dark); }
@media (min-width: 768px) { .dk-cta-band { padding: var(--space-48); } }
@media (min-width: 1024px) { .dk-cta-band { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: var(--space-48) 56px; } }
.dk-cta-band__pattern { position: absolute; inset: 0; width: 100%; height: 100%; color: rgba(255,255,255,.08); pointer-events: none; }
.dk-cta-band > *:not(.dk-cta-band__pattern) { position: relative; }
.dk-cta-band__title { margin: 0; font-family: var(--font-heading); font-size: 24px; line-height: 1.3; font-weight: 700; }
@media (min-width: 768px) { .dk-cta-band__title { font-size: 32px; } }
.dk-cta-band__text { margin: var(--space-12) 0 0; font-family: var(--font-tamil); font-size: 16px; line-height: 1.75; color: var(--on-dark-muted); max-width: 40em; }
.dk-cta-band__actions { display: grid; gap: var(--space-12); }
@media (min-width: 430px) { .dk-cta-band__actions { grid-template-columns: auto auto; justify-content: start; } }

/* ---------- footer ---------- */
.dk-footer { background: var(--primary-deep); color: var(--on-dark-muted); padding-block: var(--space-48) var(--space-24); font-size: 14px; line-height: 1.6; }
@media (min-width: 1024px) { .dk-footer { padding-top: var(--space-80); } }
.dk-footer__top { display: grid; gap: var(--space-32); }
@media (min-width: 768px) { .dk-footer__top { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .dk-footer__top { grid-template-columns: 1.5fr repeat(4, minmax(0, 1fr)); gap: var(--space-40); } }
.dk-footer__brand { display: grid; gap: var(--space-16); align-content: start; }
.dk-footer__logo-tile { display: inline-flex; width: max-content; padding: 10px 16px; border-radius: var(--radius-lg); background: var(--cream); }
.dk-footer__tagline { margin: 0; font-family: var(--font-heading); font-size: 15px; font-weight: 600; color: var(--on-dark); line-height: 1.5; }
.dk-footer__tagline span { color: var(--fresh); }
.dk-footer__sub { margin: 0; font-size: 13px; color: var(--on-dark-muted); }
.dk-footer__col-title { margin: 0 0 var(--space-12); font-family: var(--font-heading); font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: var(--fresh); }
.dk-footer__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.dk-footer__link { display: inline-flex; align-items: center; min-height: 36px; color: var(--on-dark-muted); text-decoration: none; border-radius: var(--radius-sm); }
.dk-footer__link:hover { color: var(--on-dark); text-decoration: underline; text-underline-offset: 3px; }
.dk-footer__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-24); }
@media (min-width: 1024px) { .dk-footer__cols { display: contents; } }
.dk-footer__contact { display: grid; gap: var(--space-12); margin-top: var(--space-40); padding: var(--space-20); border-radius: var(--radius-lg); background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); }
@media (min-width: 768px) { .dk-footer__contact { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .dk-footer__contact { grid-template-columns: 1.4fr repeat(4, minmax(0, 1fr)); align-items: start; } }
.dk-footer__ci { display: flex; gap: var(--space-12); align-items: flex-start; color: var(--on-dark-muted); text-decoration: none; border-radius: var(--radius-sm); }
.dk-footer__ci .dk-ico { width: 36px; height: 36px; padding: 8px; flex: none; border-radius: 50%; background: rgba(255,255,255,.08); color: var(--fresh); }
.dk-footer__ci b { display: block; font-size: 12px; font-weight: 600; letter-spacing: .6px; text-transform: uppercase; color: var(--on-dark-muted); }
.dk-footer__ci span { color: var(--on-dark); font-size: 14px; line-height: 1.5; }
a.dk-footer__ci:hover span { text-decoration: underline; text-underline-offset: 3px; }
.dk-footer__bottom { display: flex; flex-direction: column; gap: var(--space-12); margin-top: var(--space-32); padding-top: var(--space-20); border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; }
@media (min-width: 768px) { .dk-footer__bottom { flex-direction: row; align-items: center; justify-content: space-between; } }
.dk-footer__social { display: flex; gap: var(--space-8); }
.dk-footer__social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.08); color: var(--on-dark); }
.dk-footer__social a:hover { background: rgba(255,255,255,.16); }
.dk-footer__social .dk-ico { width: 20px; height: 20px; }

/* ---------- mobile bottom bar + floating WhatsApp ---------- */
.dk-bottombar { position: fixed; left: 0; right: 0; bottom: 0; z-index: var(--z-bottombar); display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-8); padding: var(--space-8) var(--space-8) calc(var(--space-8) + env(safe-area-inset-bottom)); background: var(--surface); box-shadow: 0 -2px 12px rgba(15, 58, 19, 0.08); border-top: 1px solid var(--border); }
.dk-bottombar--static { position: relative; }
.dk-bottombar__btn { position: relative; display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; border-radius: var(--radius-pill); font-family: var(--font-heading); font-size: 14px; font-weight: 600; text-decoration: none; border: 0; cursor: pointer; }
.dk-bottombar__btn .dk-ico { width: 20px; height: 20px; }
.dk-bottombar__btn--shop { background: var(--primary); color: var(--on-primary); }
.dk-bottombar__btn--wa { background: var(--whatsapp); color: var(--on-whatsapp); }
.dk-bottombar__btn--call { background: var(--water-wash); color: var(--water-ink); }
.dk-bottombar__btn .dk-cart-count { top: -4px; right: 6px; background: var(--fresh); color: var(--on-fresh); box-shadow: 0 0 0 2px var(--surface); }
@media (min-width: 1024px) { .dk-bottombar:not(.dk-bottombar--static) { display: none; } }
.dk-has-bottombar { padding-bottom: calc(var(--bottombar-height) + 8px); }
@media (min-width: 1024px) { .dk-has-bottombar { padding-bottom: 0; } }
.dk-wa-float { position: fixed; right: var(--space-24); bottom: var(--space-24); z-index: var(--z-float); display: none; align-items: center; gap: var(--space-8); height: 56px; padding: 0 20px 0 16px; border-radius: var(--radius-pill); background: var(--whatsapp); color: var(--on-whatsapp); box-shadow: var(--shadow-lg); font-family: var(--font-heading); font-size: 15px; font-weight: 600; text-decoration: none; }
.dk-wa-float .dk-ico { width: 24px; height: 24px; }
.dk-wa-float:hover { background: #1fbf5b; }
.dk-wa-float--static { position: relative; right: auto; bottom: auto; display: inline-flex; }
@media (min-width: 1024px) { .dk-wa-float { display: inline-flex; } }

/* ---------- product detail (Phase 2 ready) ---------- */
.dk-crumbs { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin: 0 0 var(--space-16); padding: 0; list-style: none; font-size: 13px; color: var(--text-muted); }
.dk-crumbs a { color: var(--link); text-decoration: none; }
.dk-crumbs a:hover { text-decoration: underline; }
.dk-crumbs .dk-ico { width: 14px; height: 14px; }
.dk-pdp { display: grid; gap: var(--space-24); }
@media (min-width: 1024px) { .dk-pdp { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-48); align-items: start; } }
.dk-pdp__gallery { display: grid; gap: var(--space-12); }
.dk-pdp__main { position: relative; display: grid; place-items: center; aspect-ratio: 1 / 1; border-radius: var(--radius-xl); background: var(--green-50); }
.dk-pdp__main svg { width: 64%; height: 64%; }
.dk-pdp__main .dk-badge { position: absolute; top: 16px; left: 16px; }
.dk-pdp__thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-8); }
.dk-pdp__thumb { display: grid; place-items: center; aspect-ratio: 1; border-radius: var(--radius-md); background: var(--green-50); border: 1.5px solid transparent; color: var(--text-muted); font-size: 11px; text-align: center; padding: 6px; }
.dk-pdp__thumb.is-active { border-color: var(--primary); }
.dk-pdp__thumb svg { width: 70%; height: 70%; }
.dk-pdp__name { margin: 4px 0 0; font-family: var(--font-heading); font-size: 26px; line-height: 1.3; font-weight: 700; }
@media (min-width: 768px) { .dk-pdp__name { font-size: 32px; } }
.dk-pdp__ta { margin: 4px 0 0; font-family: var(--font-tamil); font-size: 17px; font-weight: 600; color: var(--text-muted); }
.dk-pdp__price { display: flex; align-items: baseline; gap: 8px; margin: var(--space-16) 0 0; padding: var(--space-16) 0; border-block: 1px solid var(--border); }
.dk-pdp__price b { font-family: var(--font-heading); font-size: 32px; font-weight: 700; color: var(--primary); }
.dk-pdp__price span { font-size: 14px; color: var(--text-muted); }
.dk-pdp__specs { display: grid; grid-template-columns: max-content 1fr; gap: 8px 24px; margin: var(--space-16) 0 0; font-size: 14px; }
.dk-pdp__specs dt { color: var(--text-muted); }
.dk-pdp__specs dd { margin: 0; font-weight: 500; }
.dk-pdp__buy { display: grid; gap: var(--space-12); margin-top: var(--space-20); }
.dk-pdp__buy-row { display: flex; gap: var(--space-12); align-items: center; flex-wrap: wrap; }
.dk-pdp__buy-row .dk-btn { flex: 1; min-width: 150px; }
.dk-pdp__tabs { margin-top: var(--space-32); }
.dk-pdp__panel { padding: var(--space-20); border-radius: var(--radius-lg); background: var(--surface); box-shadow: 0 0 0 1px var(--border); font-size: 15px; line-height: 1.7; color: var(--text-muted); }

/* ---------- swatches (docs only) ---------- */
.dk-swatches { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-12); }
.dk-swatch { border-radius: var(--radius-lg); overflow: hidden; background: var(--surface); box-shadow: var(--shadow-sm); }
.dk-swatch__chip { height: 88px; display: flex; align-items: flex-end; padding: 10px; font-family: var(--font-heading); font-size: 13px; font-weight: 600; }
.dk-swatch__meta { padding: 10px 12px 12px; font-size: 12px; line-height: 1.45; color: var(--text-muted); }
.dk-swatch__meta b { display: block; color: var(--text); font-size: 13px; }

/* ---------- motion ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
html { scroll-behavior: smooth; scroll-padding-top: 84px; }

/* ---------- illustration classes (product art, scenes) ---------- */
.dk-art .sh { fill: rgba(15, 58, 19, .10); }
.dk-art .k { fill: #2b3530; }
.dk-art .k2 { fill: #45514a; }
.dk-art .pk { fill: none; stroke: #2b3530; stroke-width: 7; stroke-linecap: round; }
.dk-art .pk2 { fill: none; stroke: #2b3530; stroke-width: 10; stroke-linecap: round; }
.dk-art .hl { fill: none; stroke: #66726b; stroke-width: 1.6; stroke-linecap: round; }
.dk-art .hl2 { fill: none; stroke: #9aa49c; stroke-width: 1.6; }
.dk-art .hlw { fill: none; stroke: rgba(255,255,255,.35); stroke-width: 2.4; stroke-linecap: round; }
.dk-art .hole { fill: var(--green-50); }
.dk-art .g { fill: var(--primary); }
.dk-art .gd { fill: var(--primary-hover); }
.dk-art .g2 { fill: #2e7d32; }
.dk-art .f { fill: var(--fresh); }
.dk-art .w { fill: var(--water); }
.dk-art .wd { fill: var(--water-ink); }
.dk-art .ww { fill: var(--water-wash); }
.dk-art .wh { fill: #ffffff; }
.dk-art .gr { fill: #b9c2ba; }
.dk-art .mesh { fill: none; stroke: var(--water); stroke-width: 1.2; opacity: .7; }
.dk-art .tube { fill: none; stroke: var(--water); stroke-width: 3; stroke-linecap: round; }
.dk-art .flow { fill: none; stroke: var(--water); stroke-width: 2.4; stroke-linecap: round; stroke-dasharray: 2 5; }
.dk-art .flowh { fill: none; stroke: var(--water); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.dk-art .tk { fill: #f4f7f2; stroke: #c4ccc1; stroke-width: 1.5; }
.dk-art .tkt { fill: #e6ebe3; stroke: #c4ccc1; stroke-width: 1.5; }
.dk-art .mark { fill: none; stroke: #9aa49c; stroke-width: 1.8; stroke-linecap: round; }
.dk-art .lbl { fill: #ffffff; font-family: Poppins, sans-serif; font-size: 12px; font-weight: 700; }
.dk-art .pvc { fill: #dfe4de; stroke: #b9c2ba; stroke-width: 1.2; }
.dk-art .pvcd { fill: #cdd4cc; stroke: #b0b9b0; stroke-width: 1.2; }
.dk-art .pvcin { fill: #9aa49c; }
.dk-art .prt { fill: none; stroke: var(--primary); stroke-width: 1.4; stroke-dasharray: 10 4; }
.dk-art .stripe { fill: none; stroke: var(--water); stroke-width: 1.6; }
.dk-art .lgs { fill: none; stroke: #45514a; stroke-width: 4; stroke-linecap: round; }
.dk-art .lgs2 { fill: none; stroke: #45514a; stroke-width: 2.4; stroke-linecap: round; }
.dk-art .ring { fill: none; stroke: #45514a; stroke-width: 2; }
.dk-art .ring2 { fill: none; stroke: var(--water); stroke-width: 1.5; }
.dk-art .needle { fill: none; stroke: #b3261e; stroke-width: 2; stroke-linecap: round; }
.dk-art .soilf { fill: #cbb98f; }
.dk-art .arm { fill: none; stroke: var(--primary); stroke-width: 5; stroke-linecap: round; }
.dk-art .arm2 { fill: none; stroke: #2b3530; stroke-width: 4; stroke-linecap: round; }
.dk-art .spray, .dk-art .sprayf { fill: none; stroke: var(--water); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 3 5; }
.dk-art .flat { fill: none; stroke: var(--water-ink); stroke-width: 6; stroke-linecap: round; }
.dk-art .mist { fill: var(--water); opacity: .75; }
/* scenes */
.dk-art .sky { fill: var(--water-wash); }
.dk-art .sun { fill: #ffffff; opacity: .85; }
.dk-art .hill1 { fill: #bfe0bb; }
.dk-art .hill2 { fill: #d6ecd3; }
.dk-art .soil { fill: var(--soil); }
.dk-art .furrow { fill: #efe8d8; }
.dk-art .lat { fill: #2b3530; }
.dk-art .wet { fill: #c7d9de; opacity: .8; }
.dk-art .stem { fill: none; stroke: #2e7d32; stroke-linecap: round; }
.dk-art .emit { fill: var(--fresh); }
.dk-art .bp { fill: var(--water-wash); }
.dk-art .bpg { fill: none; stroke: #c3e1f2; stroke-width: 1; }
.dk-art .bpf { fill: rgba(102, 187, 106, .16); stroke: var(--primary); stroke-width: 1.5; stroke-dasharray: 6 4; }
.dk-art .main { fill: none; stroke: var(--water-ink); stroke-width: 7; stroke-linecap: round; }
.dk-art .sub { fill: none; stroke: var(--water); stroke-width: 5; stroke-linecap: round; }
.dk-art .latl { fill: none; stroke: #2b3530; stroke-width: 2.2; stroke-linecap: round; }
.dk-art .dot { fill: var(--fresh); }
.dk-art .pump { fill: var(--primary); }
.dk-art .flt { fill: var(--water); }
.dk-art .tape { fill: none; stroke: #ffffff; stroke-width: 3; stroke-dasharray: 8 6; stroke-linecap: round; }
.dk-art .pin { fill: var(--primary); }
.dk-cart-count[hidden] { display: none; }
[hidden] { display: none !important; }

/* ---------- live-site additions: spam trap, form errors, WordPress page content ---------- */
.dk-hp { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dk-form-error { display: flex; gap: var(--space-12); align-items: flex-start; margin-top: var(--space-16); padding: var(--space-12) var(--space-16); border-radius: var(--radius-md); background: #fbeceb; color: var(--danger); font-size: 14px; line-height: 1.5; }
.dk-form-error .dk-ico { width: 20px; height: 20px; flex: none; margin-top: 1px; }
.dk-form-error b { display: block; margin-bottom: var(--space-8); color: var(--text); font-weight: 600; }
.dk-btn[disabled] { cursor: progress; }
.dk-product__media img, .dk-line__img img, .dk-summary__img img, .dk-float-card__img img { width: 100%; height: 100%; object-fit: contain; border-radius: inherit; }
.dk-finder__product img { width: 28px; height: 28px; border-radius: 50%; object-fit: cover; background: var(--surface); }
.dk-page { padding-block: var(--space-40) var(--space-64); }
.dk-page__title { margin: 0 0 var(--space-24); font-family: var(--font-heading); font-size: 30px; line-height: 1.25; font-weight: 700; color: var(--text); }
@media (min-width: 768px) { .dk-page__title { font-size: 40px; } }
.dk-prose { max-width: 760px; font-size: 17px; line-height: 1.75; color: var(--text); }
.dk-prose h2, .dk-prose h3 { font-family: var(--font-heading); line-height: 1.3; margin: 1.6em 0 .5em; }
.dk-prose a { color: var(--link); }
.dk-prose img { height: auto; border-radius: var(--radius-lg); }
.dk-prose :lang(ta), .dk-prose:lang(ta) { line-height: 1.85; }
.dk-post-list { display: grid; gap: var(--space-16); }
.dk-post-card { padding: var(--space-20); border-radius: var(--radius-lg); background: var(--surface); box-shadow: var(--shadow-sm); }
.dk-post-card h2 { margin: 0 0 var(--space-8); font-family: var(--font-heading); font-size: 20px; }
.dk-post-card h2 a { color: var(--text); text-decoration: none; }
.admin-bar .dk-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .dk-header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .dk-header { top: 0; } }

/* ---------- WordPress shell ---------- */
#dk-shell-header, #dk-shell-footer { display: contents; }
html, body { background: var(--cream); color: var(--text); }
.dk-page-main { display: block; min-height: 50vh; }
.dk-app noscript .dk-page h1 { font-family: var(--font-tamil); font-size: 28px; line-height: 1.4; }

/* ---------- Home page content (SEO text written in Pages → Home) ---------- */
.dk-js body > #dk-wp-content { display: none; }
.dk-home-content__body { max-width: 860px; margin-inline: auto; }
.dk-home-content__body > :first-child { margin-top: 0; }
.dk-home-content__body h2 { font-size: 26px; color: var(--text); }
.dk-home-content__body h3 { font-size: 20px; color: var(--text); }
@media (min-width: 768px) { .dk-home-content__body h2 { font-size: 30px; } }

/* ---------- Elementor: DripKart widgets ---------- */
.dk-el { display: block; }
.elementor-editor-active .dk-el:empty { min-height: 160px; background: repeating-linear-gradient(135deg, var(--surface), var(--surface) 12px, var(--cream) 12px, var(--cream) 24px); }
.elementor-widget[class*="elementor-widget-dripkart-"] { margin: 0 !important; }
.elementor-widget[class*="elementor-widget-dripkart-"] > .elementor-widget-container { margin: 0; padding: 0; }
.e-con.dk-el-stack { --gap: 0px; --row-gap: 0px; --column-gap: 0px; --widgets-spacing: 0px; --padding-top: 0px; --padding-right: 0px; --padding-bottom: 0px; --padding-left: 0px; --content-width: 100%; --container-max-width: 100%; }
.e-con.dk-el-stack > .e-con-inner { max-width: none; padding: 0; gap: 0; }
.elementor-section.dk-el-stack > .elementor-container { max-width: none; }
.elementor-section.dk-el-stack .elementor-column > .elementor-widget-wrap { padding: 0 !important; }
.dk-el-home { display: block; }
/* photos picked in Elementor fill their frame (beats Elementor's ".elementor img { height: auto }") */
.dk-hero__media > img, .dk-photo > img, .dk-netafim__art > img, .dk-gallery__item > img,
.dk-el .dk-hero__media > img, .dk-el .dk-photo > img, .dk-el .dk-netafim__art > img, .dk-el .dk-gallery__item > img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.dk-el .dk-product__media img, .dk-el .dk-float-card__img img { width: 100%; height: 100%; max-width: none; object-fit: contain; border-radius: inherit; }
.dk-el .dk-finder__product img { width: 28px; height: 28px; border-radius: 50%; }

/* ---------- pictures from DripKart → Images ---------- */
.dk-logo--img img { display: block; height: 38px; width: auto; max-width: 190px; object-fit: contain; }
@media (min-width: 1024px) { .dk-logo--img img { height: 44px; max-width: 220px; } }
.dk-cat__media { position: relative; }
.dk-cat__media > img, .dk-el .dk-cat__media > img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 0; }
.dk-crop__icon { overflow: hidden; }
.dk-crop__icon > img, .dk-el .dk-crop__icon > img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; border-radius: 50%; }
.dk-crop[aria-pressed="true"] .dk-crop__icon.has-photo { box-shadow: 0 0 0 3px var(--primary); }

/* =====================================================================
   2.6.0 additions
   ===================================================================== */

/* Plain-HTML copy of each homepage section for search engines and screen
   readers. Visually hidden; the storefront script replaces it with the
   designed section. */
.dk-ssr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}

/* WooCommerce: shop, category and product pages */
.dk-woo{padding-top:var(--space-24);padding-bottom:var(--space-64)}
.dk-woo .woocommerce-breadcrumb{font-size:14px;color:var(--text-muted);margin:0 0 var(--space-16)}
.dk-woo .woocommerce-breadcrumb a{color:var(--link)}
.dk-woo .woocommerce-products-header__title,.dk-woo .product_title{font-family:var(--font-heading);color:var(--text);line-height:1.2;margin:0 0 var(--space-12)}
.dk-woo .term-description{color:var(--text-muted);max-width:760px;margin-bottom:var(--space-16)}
.dk-woo .woocommerce-result-count,.dk-woo .woocommerce-ordering{margin-bottom:var(--space-24)}
.dk-woo .woocommerce-ordering select{min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:0 10px;background:var(--surface)}
.woocommerce .dk-woo ul.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-20);clear:both}
.woocommerce .dk-woo ul.products::before,.woocommerce .dk-woo ul.products::after{display:none}
.woocommerce .dk-woo ul.products li.product{width:auto;margin:0;float:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-12);display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}
.woocommerce .dk-woo ul.products li.product:hover{box-shadow:var(--shadow-md)}
.woocommerce .dk-woo ul.products li.product a img{border-radius:var(--radius-md);background:var(--green-50);margin:0 0 var(--space-12)}
.woocommerce .dk-woo ul.products li.product .woocommerce-loop-product__title{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--text);padding:0;margin:0 0 6px}
.woocommerce .dk-woo ul.products li.product .price{margin-top:auto;margin-bottom:var(--space-12)}
.woocommerce .dk-woo .price{color:var(--primary);font-weight:700;font-size:18px}
.woocommerce .dk-woo .price .dk-unit{font-size:13px;font-weight:500;color:var(--text-muted)}
.woocommerce .dk-woo a.button,.woocommerce .dk-woo button.button,.woocommerce .dk-woo button.button.alt,.woocommerce .dk-woo a.added_to_cart{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-pill);padding:12px 22px;font-weight:600;border:0;line-height:1.2;text-align:center}
.woocommerce .dk-woo a.button:hover,.woocommerce .dk-woo button.button:hover,.woocommerce .dk-woo button.button.alt:hover{background:var(--primary-hover);color:var(--on-primary)}
.woocommerce .dk-woo a.added_to_cart{display:block;margin-top:8px;background:var(--green-100);color:var(--primary)}
.woocommerce .dk-woo div.product div.images img{border-radius:var(--radius-lg);background:var(--green-50)}
.woocommerce .dk-woo div.product p.price{font-size:26px;margin:var(--space-8) 0 var(--space-16)}
.woocommerce .dk-woo div.product .woocommerce-product-details__short-description{color:var(--text-muted);margin:0 0 var(--space-20)}
.woocommerce .dk-woo div.product form.cart{display:flex;gap:var(--space-12);align-items:center;flex-wrap:wrap}
.woocommerce .dk-woo div.product form.cart .qty{min-height:46px;width:5.5em;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:16px}
.woocommerce .dk-woo div.product .product_meta{margin-top:var(--space-20);font-size:14px;color:var(--text-muted)}
.woocommerce .dk-woo div.product .woocommerce-tabs{margin-top:var(--space-40)}
.woocommerce .dk-woo div.product .woocommerce-tabs .panel h2:first-child{font-family:var(--font-heading);font-size:20px}
.woocommerce .dk-woo div.product .woocommerce-tabs .panel h3{font-family:var(--font-heading);font-size:17px;margin:var(--space-20) 0 var(--space-8)}
.woocommerce .dk-woo .related.products>h2{font-family:var(--font-heading);font-size:22px;margin:var(--space-40) 0 var(--space-16)}
.woocommerce .dk-woo span.onsale{background:var(--fresh);color:var(--text)}
.woocommerce .dk-woo .woocommerce-message,.woocommerce .dk-woo .woocommerce-info{border-top-color:var(--primary);background:var(--green-50)}
.woocommerce .dk-woo .woocommerce-message::before,.woocommerce .dk-woo .woocommerce-info::before{color:var(--primary)}
@media (max-width:600px){
.woocommerce .dk-woo ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}
.woocommerce .dk-woo ul.products li.product .woocommerce-loop-product__title{font-size:14px}
.woocommerce .dk-woo a.button{padding:10px 14px;font-size:14px}
}

/* Cart and checkout (WooCommerce blocks) */
.wc-block-components-button:not(.is-link){background:var(--primary);color:var(--on-primary);border-radius:var(--radius-pill)}
.wc-block-components-button:not(.is-link):hover{background:var(--primary-hover);color:var(--on-primary)}
.wc-block-components-product-name{color:var(--text);font-weight:600}
.woocommerce .dk-woo div.product p.price,.woocommerce .dk-woo div.product span.price,.woocommerce .dk-woo ul.products li.product .price{color:var(--primary)}
.woocommerce .dk-woo div.product p.price .dk-unit,.woocommerce .dk-woo ul.products li.product .price .dk-unit{color:var(--text-muted)}

/* ---------- v2.6.3: hero product rotator ---------- */
.dk-float-card--product .dk-float-card__img, .dk-float-card--product .dk-float-card__body { transition: opacity .28s ease, transform .28s ease; }
.dk-float-card--product.is-swapping .dk-float-card__img, .dk-float-card--product.is-swapping .dk-float-card__body { opacity: 0; transform: translateY(8px); }
@media (min-width: 768px) { .dk-float-card--product[data-dk-rotate] { width: 330px; max-width: calc(100% - 48px); } }
@media (prefers-reduced-motion: reduce) { .dk-float-card--product .dk-float-card__img, .dk-float-card--product .dk-float-card__body { transition: none; transform: none; } }

/* ---------- v2.6.3: crop spacing guide ---------- */
.dk-spec { display: grid; gap: var(--space-16); padding: var(--space-16); border-radius: var(--radius-lg); background: var(--surface); color: var(--text); }
@media (min-width: 768px) { .dk-spec { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--space-24); padding: var(--space-24); } }
@media (min-width: 1024px) { .dk-spec { grid-column: 1 / -1; } }
.dk-spec__main, .dk-spec__side { display: grid; gap: var(--space-12); align-content: start; min-width: 0; }
.dk-spec__title { display: flex; align-items: center; gap: 8px; margin: 0; font-family: var(--font-heading); font-size: 16px; font-weight: 600; line-height: 1.4; color: var(--primary); }
.dk-spec__title .dk-ico { width: 22px; height: 22px; flex: none; color: var(--water); }
.dk-spec__title b { font-family: var(--font-tamil); font-weight: 700; }
.dk-spec__title small { font-family: var(--font-body); font-size: 13px; font-weight: 500; color: var(--text-muted); }
.dk-spec__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: var(--space-8); margin: 0; }
.dk-spec__row { padding: 10px 12px; border-radius: var(--radius-md); background: var(--green-50); }
.dk-spec__row dt { margin: 0; font-size: 12px; font-weight: 500; color: var(--text-muted); }
.dk-spec__row dt span { display: block; font-family: var(--font-tamil); font-size: 13px; font-weight: 600; color: var(--text); }
.dk-spec__row dd { margin: 4px 0 0; font-family: var(--font-heading); font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--primary); }
.dk-spec__drip { display: grid; gap: 2px; padding: 12px 14px; border-radius: var(--radius-md); background: var(--water-wash); border-left: 4px solid var(--water); }
.dk-spec__drip > span { font-family: var(--font-tamil); font-size: 12px; font-weight: 600; color: var(--water-ink); }
.dk-spec__drip b { font-family: var(--font-heading); font-size: 17px; line-height: 1.35; color: var(--water-ink); }
.dk-spec__drip small { font-family: var(--font-tamil); font-size: 13px; line-height: 1.5; color: var(--text-muted); }
.dk-spec__buy-title { margin: 0; font-family: var(--font-heading); font-size: 14px; font-weight: 600; color: var(--text-muted); }
.dk-spec__buy-title span { font-family: var(--font-tamil); }
.dk-spec__buy { display: grid; gap: var(--space-8); }
.dk-spec__item { display: flex; align-items: center; gap: var(--space-12); padding: 10px; border: 1px solid var(--border); border-radius: var(--radius-md); background: var(--surface); }
.dk-spec__img { width: 44px; height: 44px; flex: none; display: grid; place-items: center; overflow: hidden; border-radius: var(--radius-sm); background: var(--green-50); }
.dk-spec__img svg { width: 36px; height: 36px; }
.dk-spec__img img, .dk-el .dk-spec__img img { width: 100%; height: 100%; max-width: none; object-fit: contain; }
.dk-spec__info { flex: 1; min-width: 0; display: grid; }
.dk-spec__info a { color: var(--text); font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none; }
.dk-spec__info a:hover { color: var(--primary); text-decoration: underline; }
.dk-spec__info b { font-family: var(--font-heading); font-size: 15px; color: var(--primary); }
.dk-spec__info small { font-family: var(--font-body); font-size: 12px; font-weight: 500; color: var(--text-muted); }
.dk-spec__netafim { display: flex; align-items: center; gap: 10px; margin: 0; padding: 10px 12px; border-radius: var(--radius-md); background: var(--primary); color: var(--on-dark); font-size: 13px; line-height: 1.4; }
.dk-spec__netafim .dk-ico { width: 20px; height: 20px; flex: none; color: var(--fresh); }
.dk-spec__netafim b { display: block; font-family: var(--font-heading); font-size: 14px; }
.dk-spec__note { margin: 0; font-family: var(--font-tamil); font-size: 12px; color: var(--text-muted); }

/* ---------- v2.6.3: subsidy 100% / 75% ---------- */
.dk-subsidy__plans { display: grid; gap: var(--space-12); margin-top: var(--space-20); }
@media (min-width: 430px) { .dk-subsidy__plans { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.dk-subsidy__plan { display: flex; align-items: center; gap: var(--space-12); padding: var(--space-16); border-radius: var(--radius-lg); background: var(--water-wash); color: var(--text); }
.dk-subsidy__plan--top { background: var(--primary); color: var(--on-dark); }
.dk-subsidy__pct { flex: none; font-family: var(--font-heading); font-size: 36px; line-height: 1; font-weight: 700; letter-spacing: -1px; color: var(--water-ink); }
.dk-subsidy__plan--top .dk-subsidy__pct { color: var(--fresh); }
.dk-subsidy__plan-ta { display: block; font-family: var(--font-tamil); font-size: 15px; font-weight: 700; line-height: 1.4; }
.dk-subsidy__plan small { display: block; font-size: 12px; opacity: .85; }
.dk-subsidy__area { display: flex; align-items: center; gap: 10px; margin: var(--space-16) 0 0; padding: 12px 16px; border-radius: var(--radius-md); background: var(--green-50); color: var(--primary); }
.dk-subsidy__area .dk-ico { width: 22px; height: 22px; flex: none; color: var(--water); }
.dk-subsidy__area b { display: block; font-family: var(--font-tamil); font-size: 15px; font-weight: 700; }
.dk-subsidy__area small { display: block; font-size: 12px; color: var(--text-muted); }

/* ===== DripCart updates: bigger utility bar, hero slider + promise, 2.5 acre crop kits, owner profile ===== */
:root { --utility-height: 48px; }
.dk-utility { font-size: 15px; font-weight: 600; }
.dk-utility__inner { gap: 20px; }
.dk-utility__item { gap: 8px; }
.dk-utility__item .dk-ico { width: 20px; height: 20px; }
.dk-utility__lang button { min-height: 34px; padding: 4px 14px; font-size: 14px; }
@media (min-width: 768px) {
  :root { --utility-height: 58px; }
  .dk-utility { font-size: 17px; }
  .dk-utility__inner { gap: 28px; }
  .dk-utility__item .dk-ico { width: 22px; height: 22px; }
  .dk-utility__lang button { min-height: 38px; font-size: 15px; padding: 4px 16px; }
}

/* hero slider */
.dk-hero-slider { position: absolute; inset: 0; z-index: 0; }
.dk-hero-slide { position: absolute; inset: 0; margin: 0; opacity: 0; transition: opacity .9s ease; }
.dk-hero-slide.is-on { opacity: 1; }
.dk-hero-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dk-hero__media .dk-float-card { z-index: 2; }
.dk-hero-dots { position: absolute; top: 14px; right: 14px; z-index: 3; display: flex; gap: 8px; padding: 7px 10px; border-radius: 999px; background: rgba(0, 0, 0, .38); }
.dk-hero-dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .55); cursor: pointer; transition: transform .2s, background .2s; }
.dk-hero-dot.is-on { background: #fff; transform: scale(1.3); }
.dk-hero-dot:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .dk-hero-slide { transition: none; } }

/* hero promise line */
.dk-hero__promise { display: flex; gap: 12px; align-items: flex-start; max-width: 40em; margin: 20px 0 0; padding: 14px 16px; border: 1px solid var(--green-100); border-radius: 14px; background: var(--green-50); color: var(--primary-deep); }
.dk-hero__promise .dk-ico { flex: none; width: 24px; height: 24px; margin-top: 3px; color: var(--primary); }
.dk-hero__promise b { display: block; font-size: 17px; line-height: 1.6; }
.dk-hero__promise small { display: block; margin-top: 2px; font-size: 14px; color: var(--text-muted); }

/* 2.5 acre crop kit */
.dk-finder > .dk-kit { grid-column: 1 / -1; }
.dk-kit { margin-top: 24px; padding: 20px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-sm); }
.dk-kit__head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 8px 16px; }
.dk-kit__title { display: flex; gap: 10px; margin: 0; font-size: 14px; color: var(--text-muted); }
.dk-kit__title .dk-ico { flex: none; width: 26px; height: 26px; color: var(--primary); }
.dk-kit__title b { display: block; font-size: 18px; line-height: 1.5; color: var(--text); }
.dk-kit__basis { max-width: 34em; margin: 0; font-size: 13px; line-height: 1.6; color: var(--text-muted); }
.dk-kit__wrap { margin-top: 14px; overflow-x: auto; }
.dk-kit__table { width: 100%; border-collapse: collapse; font-size: 14px; }
.dk-kit__table th, .dk-kit__table td { padding: 8px 10px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: middle; }
.dk-kit__table thead th { font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: var(--text-muted); }
.dk-kit__table thead th:not(:first-child), .dk-kit__qty, .dk-kit__amt { text-align: right !important; white-space: nowrap; font-variant-numeric: tabular-nums; }
.dk-kit__table td:first-child { display: flex; align-items: center; gap: 10px; min-width: 210px; }
.dk-kit__img { display: inline-flex; flex: none; width: 40px; height: 40px; overflow: hidden; border-radius: 8px; background: var(--green-50); }
.dk-kit__img img, .dk-kit__img svg { width: 100%; height: 100%; object-fit: cover; }
.dk-kit__name a { font-weight: 600; color: var(--text); text-decoration: none; }
.dk-kit__name a:hover { text-decoration: underline; }
.dk-kit__name small { display: block; font-size: 12px; color: var(--text-muted); }
.dk-kit__table tfoot th, .dk-kit__table tfoot td { border-bottom: 0; font-size: 17px; font-weight: 700; color: var(--primary-deep); }
.dk-kit__table tfoot th { text-align: right; }
.dk-kit__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.dk-kit__note, .dk-kit__msg { margin: 12px 0 0; font-size: 13px; line-height: 1.7; color: var(--text-muted); }

/* owner profile */
.dk-owner { display: flex; align-items: flex-start; gap: 16px; margin-top: 24px; padding: 18px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); box-shadow: var(--shadow-sm); }
.dk-owner__avatar { display: grid; place-items: center; flex: none; width: 64px; height: 64px; border-radius: 50%; background: linear-gradient(135deg, var(--primary), var(--primary-deep)); color: #fff; font-size: 22px; font-weight: 700; letter-spacing: .02em; }
.dk-owner__eyebrow { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--primary); }
.dk-owner__name { margin: 2px 0 0; font-size: 20px; font-weight: 700; color: var(--text); }
.dk-owner__role { margin: 0; font-size: 14px; color: var(--text-muted); }
.dk-owner__text { margin: 8px 0 0; font-size: 14px; line-height: 1.7; color: var(--text); }
.dk-owner__links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }

@media (min-width: 768px) and (max-width: 1199px) {
  .dk-utility { font-size: 16px; }
  .dk-utility__inner { gap: 16px; }
  .dk-utility__inner > .dk-utility__item--hide-sm, .dk-utility__inner > .dk-utility__sep + .dk-utility__item--hide-sm { display: none; }
  .dk-utility__sep { display: none; }
}

/* kit: editable quantity + per-item Add */
.dk-kit__q { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; }
.dk-kit__qin { width: 88px; min-height: 36px; padding: 4px 8px; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface); color: var(--text); font: inherit; text-align: right; }
.dk-kit__qin:focus-visible { outline: 2px solid var(--primary); outline-offset: 1px; }
.dk-kit__q span { min-width: 26px; font-size: 13px; color: var(--text-muted); text-align: left; }
.dk-kit__add { text-align: right; white-space: nowrap; }
.dk-kit__name small span { color: inherit; }
.dk-kit__msg { font-weight: 600; color: var(--primary-deep); }
.dk-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.dk-kit, .dk-kit td, .dk-kit th { color: var(--text); }
.dk-owner, .dk-owner p { text-align: left; }