/* =========================================================
   KETHRON STORE — 2026 RESPONSIVE REDESIGN
   Loaded after the original theme so existing PHP logic and
   component markup can remain intact.
   ========================================================= */

:root {
  --k-orange: #ef7f1a;
  --k-orange-2: #ff9b3d;
  --k-blue: #4e7ee8;
  --k-ink: #15171c;
  --k-ink-2: #22252c;
  --k-text: #30333a;
  --k-muted: #6f7682;
  --k-soft: #f5f6f8;
  --k-soft-orange: #fff6ee;
  --k-line: #e7e9ed;
  --k-white: #ffffff;
  --k-green: #1d8a4b;
  --k-danger: #d64545;
  --k-radius-sm: 10px;
  --k-radius: 16px;
  --k-radius-lg: 24px;
  --k-shadow-sm: 0 8px 24px rgba(24, 28, 36, 0.07);
  --k-shadow: 0 16px 48px rgba(24, 28, 36, 0.10);
  --k-shadow-hover: 0 20px 55px rgba(24, 28, 36, 0.14);
  --k-container: 1320px;
  --theme-color: var(--k-orange);
  --theme-color-light: var(--k-orange-2);
  --theme-color2: var(--k-blue);
  --title-color: var(--k-ink);
  --body-color: var(--k-text);
  --text-color: var(--k-muted);
  --bgSticky-color: var(--k-white);
}

html {
  scroll-behavior: smooth !important;
  background: var(--k-white);
}

body.kethron-site {
  color: var(--k-text);
  background: var(--k-white);
  font-family: "Epilogue", Arial, sans-serif;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

body.kethron-site::selection {
  background: var(--k-orange);
  color: #fff;
}

main#main-content {
  min-height: 50vh;
}

.container {
  max-width: var(--k-container);
}

a {
  color: inherit;
}

a:hover {
  color: var(--k-orange);
}

img {
  max-width: 100%;
}

.k-skip-link {
  position: fixed;
  left: 16px;
  top: -100px;
  z-index: 999999;
  padding: 10px 16px;
  border-radius: 8px;
  background: var(--k-ink);
  color: #fff;
  font-weight: 700;
}

.k-skip-link:focus { top: 12px; color: #fff; }

/* ---------- Global page rhythm ---------- */
.space-top,
.space,
.pt-5,
.pt-4,
.pt-2 {
  scroll-margin-top: 120px;
}

section[data-bg-src],
.vs-product-wrapper {
  background-color: #fff;
  background-blend-mode: luminosity;
}

.title-area {
  margin-bottom: 34px;
}

.sec-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--k-orange) !important;
  font-family: "Epilogue", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 9px;
}

.sec-subtitle::before {
  content: "";
  width: 24px;
  height: 2px;
  background: var(--k-orange);
  border-radius: 10px;
}

.sec-title {
  color: var(--k-ink);
  font-size: clamp(28px, 4vw, 44px);
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin: 0;
}

/* ---------- Announcement bar ---------- */
.k-announcement-bar {
  background: var(--k-ink);
  color: rgba(255,255,255,.9);
  font-size: 12px;
  line-height: 1;
}

.k-announcement-inner {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 22px;
}

.k-announcement-inner span,
.k-announcement-inner a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: inherit;
}

.k-announcement-inner i { color: var(--k-orange); }
.k-announcement-offer strong { color: var(--k-orange-2); letter-spacing: .03em; }
.k-announcement-inner a:hover { color: #fff; }

/* ---------- Header / nav ---------- */
.k-site-header {
  position: relative;
  z-index: 999;
  background: #fff;
}

.k-main-nav {
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid var(--k-line);
  transition: box-shadow .25s ease, background .25s ease;
}

.k-site-header.k-scrolled .k-main-nav,
.sticky-wrapper.is-sticky .k-main-nav {
  box-shadow: 0 12px 35px rgba(13, 17, 23, .09);
  backdrop-filter: blur(16px);
}

.k-nav-row {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(20px, 3vw, 46px);
}

.k-header-logo img {
  width: 162px;
  height: auto;
  display: block;
}

.main-menu > ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(10px, 1vw, 24px);
  margin: 0;
}

.main-menu > ul > li {
  margin: 0;
}

.main-menu > ul > li > a {
  position: relative;
  padding: 28px 9px;
  color: var(--k-ink);
  font-family: "Epilogue", sans-serif;
  font-size: 14px;
  font-weight: 650;
}

.main-menu > ul > li > a::after {
  content: "";
  position: absolute;
  left: 9px;
  right: 9px;
  bottom: 20px;
  height: 2px;
  border-radius: 6px;
  background: var(--k-orange);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .22s ease;
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li > a:hover {
  color: var(--k-orange);
}

.main-menu > ul > li:hover > a::after,
.main-menu > ul > li > a:hover::after {
  transform: scaleX(1);
}

.main-menu .sub-menu {
  top: 78%;
  min-width: 230px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--k-line);
  border-radius: 14px;
  box-shadow: var(--k-shadow);
}

.main-menu .sub-menu li { margin: 0; }
.main-menu .sub-menu li a {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  color: var(--k-text);
  font-size: 13px;
}
.main-menu .sub-menu li a:hover {
  background: var(--k-soft-orange);
  color: var(--k-orange);
  padding-left: 15px;
}

.k-distributor-link {
  background: var(--k-soft-orange);
  color: var(--k-orange) !important;
  border-radius: 999px;
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.k-distributor-link::after { display: none; }

.k-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.k-icon-btn,
.k-account-link {
  position: relative;
  border: 1px solid var(--k-line);
  background: #fff;
  color: var(--k-ink);
  border-radius: 12px;
  min-height: 44px;
  transition: all .2s ease;
}

button.k-icon-btn {
  width: 44px;
  padding: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.k-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
}

.k-icon-btn i { font-size: 18px; }
.k-icon-btn:hover,
.k-account-link:hover {
  border-color: rgba(239,127,26,.35);
  background: var(--k-soft-orange);
  color: var(--k-orange);
  transform: translateY(-1px);
}

.k-account-link {
  padding: 5px 12px 5px 6px;
  align-items: center;
  gap: 9px;
}

.k-account-icon {
  width: 32px;
  height: 32px;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--k-soft-orange);
  color: var(--k-orange);
}

.k-account-copy { display: flex; flex-direction: column; line-height: 1.08; }
.k-account-copy small { color: var(--k-muted); font-size: 9px; font-weight: 600; }
.k-account-copy strong { max-width: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; color: var(--k-ink); }

.k-cart-count,
.k-mobile-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--k-orange);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
}
.k-cart-count {
  position: absolute;
  right: -5px;
  top: -5px;
}

.k-menu-trigger { background: var(--k-ink) !important; color: #fff !important; border-radius: 12px !important; }

/* Search overlay */
.popup-search-box {
  background: rgba(13, 15, 19, .92);
  backdrop-filter: blur(12px);
}
.popup-search-box form { max-width: 760px; margin: auto; }
.popup-search-box input {
  background: #fff;
  border: 0 !important;
  border-radius: 16px;
  min-height: 64px;
  padding: 0 72px 0 22px;
  font-size: 16px;
}
.popup-search-box form button {
  right: 10px;
  width: 46px;
  height: 46px;
  top: 9px;
  border-radius: 12px;
  background: var(--k-orange);
  color: #fff;
}

/* ---------- Mobile drawer ---------- */
.vs-menu-wrapper {
  background-color: rgba(12, 14, 18, .65);
  backdrop-filter: blur(7px);
  z-index: 99999;
}

.vs-menu-wrapper .vs-menu-area {
  width: min(92vw, 390px);
  background: #fff;
  border-right: 0;
  box-shadow: 20px 0 60px rgba(0,0,0,.18);
  text-align: left;
}

.vs-menu-wrapper .mobile-logo {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--k-line);
  background: #fff;
}

.vs-menu-wrapper .mobile-logo img { width: 150px; }
.vs-menu-wrapper .vs-menu-toggle {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--k-ink);
  color: #fff;
}

.k-mobile-search { padding: 16px 18px 6px; }
.k-mobile-search form {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  border: 1px solid var(--k-line);
  background: var(--k-soft);
  border-radius: 12px;
}
.k-mobile-search i { color: var(--k-muted); }
.k-mobile-search input {
  width: 100%;
  height: 46px;
  border: 0;
  background: transparent;
  padding: 0;
  color: var(--k-ink);
}

.vs-mobile-menu { padding: 10px 18px 32px; overflow-y: auto; max-height: calc(100vh - 160px); }
.vs-mobile-menu ul { margin: 0; }
.vs-mobile-menu ul li { border-bottom: 1px solid var(--k-line); }
.vs-mobile-menu ul li a {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--k-ink);
  font-weight: 650;
  font-size: 14px;
}
.vs-mobile-menu ul li a i { width: 20px; color: var(--k-orange); text-align: center; }
.vs-mobile-menu ul.sub-menu { margin-left: 14px; padding-left: 10px; border-left: 2px solid var(--k-soft-orange); }

/* ---------- Generic breadcrumb ---------- */
.py.bg-darks,
.bg-darks {
  background: linear-gradient(110deg, #17191e 0%, #23262e 100%) !important;
  border-bottom: 3px solid var(--k-orange);
}

.py.bg-darks .container,
.bg-darks .container {
  height: auto !important;
  min-height: 68px;
  display: flex;
  align-items: center;
}

.py.bg-darks h6,
.bg-darks h6 {
  padding: 0 !important;
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255,255,255,.76) !important;
}
.py.bg-darks a { color: #fff !important; }

/* ---------- Home hero ---------- */
.k-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 15%, rgba(239,127,26,.19), transparent 28%),
    radial-gradient(circle at 12% 85%, rgba(78,126,232,.12), transparent 24%),
    linear-gradient(125deg, #f8f9fb 0%, #fff 52%, #fff7f0 100%);
  border-bottom: 1px solid var(--k-line);
}

.k-hero::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: -150px;
  bottom: -200px;
  border: 46px solid rgba(239,127,26,.08);
  border-radius: 50%;
}

.k-hero-inner {
  min-height: clamp(500px, 64vw, 650px);
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(330px, .95fr);
  align-items: center;
  gap: clamp(28px, 5vw, 80px);
  padding: 64px 0;
  position: relative;
  z-index: 1;
}

.k-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--k-soft-orange);
  color: var(--k-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.k-hero-eyebrow i { font-size: 13px; }
.k-hero h1 {
  max-width: 720px;
  color: var(--k-ink);
  font-size: clamp(38px, 6vw, 68px);
  line-height: .98;
  letter-spacing: -.055em;
  margin: 0 0 22px;
}
.k-hero h1 span { color: var(--k-orange); }
.k-hero-copy {
  max-width: 650px;
  color: var(--k-muted);
  font-size: clamp(15px, 1.8vw, 18px);
  line-height: 1.75;
  margin-bottom: 28px;
}
.k-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 34px; }
.k-btn-primary,
.k-btn-secondary {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 21px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 750;
}
.k-btn-primary { background: var(--k-orange); color: #fff !important; box-shadow: 0 12px 24px rgba(239,127,26,.24); }
.k-btn-primary:hover { background: #d96e10; transform: translateY(-2px); }
.k-btn-secondary { background: #fff; color: var(--k-ink) !important; border: 1px solid var(--k-line); }
.k-btn-secondary:hover { border-color: var(--k-orange); color: var(--k-orange) !important; transform: translateY(-2px); }

.k-hero-points { display: flex; flex-wrap: wrap; gap: 18px 26px; }
.k-hero-point { display: flex; align-items: center; gap: 9px; color: var(--k-text); font-size: 12px; font-weight: 650; }
.k-hero-point i { color: var(--k-orange); font-size: 16px; }

.k-hero-visual {
  position: relative;
  min-height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.k-hero-product {
  width: min(88%, 430px);
  aspect-ratio: 1 / 1;
  padding: 34px;
  border-radius: 38px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(255,255,255,.95);
  box-shadow: 0 30px 80px rgba(27,31,39,.13);
  transform: rotate(-2deg);
  transition: transform .4s ease;
}
.k-hero-product:hover { transform: rotate(0deg) translateY(-5px); }
.k-hero-product img { width: 100%; height: 100%; object-fit: contain; border-radius: 24px; }
.k-hero-logo-fallback { display: flex; align-items: center; justify-content: center; }
.k-hero-logo-fallback img { width: 80%; height: auto; }
.k-hero-float {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 14px;
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--k-shadow-sm);
  color: var(--k-ink);
  font-size: 11px;
  font-weight: 750;
  animation: kFloat 4s ease-in-out infinite;
}
.k-hero-float i { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: var(--k-soft-orange); color: var(--k-orange); }
.k-hero-float.one { left: 0; top: 18%; }
.k-hero-float.two { right: 0; bottom: 14%; animation-delay: .8s; }
@keyframes kFloat { 0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)} }

/* ---------- Home categories ---------- */
.cate { padding: 72px 0 46px !important; background: #fff; }
.cate .title-area { margin-bottom: 24px; }
.cate-style {
  height: 100%;
  min-height: 150px;
  padding: 22px 16px;
  border: 1px solid var(--k-line);
  border-radius: var(--k-radius);
  background: #fff;
  box-shadow: none;
  transition: all .25s ease;
}
.cate-style:hover {
  border-color: rgba(239,127,26,.34);
  box-shadow: var(--k-shadow-sm);
  transform: translateY(-5px);
}
.cate-figure {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--k-soft-orange);
  color: var(--k-orange);
  overflow: hidden;
}
.cate-figure i { font-size: 23px; }
.cate-figure img { max-width: 38px; max-height: 38px; object-fit: contain; }
.cate-title { font-size: 14px; line-height: 1.35; margin: 0; }
.cate-title__link { color: var(--k-ink); }

/* ---------- Product cards ---------- */
.k-product-section { padding: 56px 0 70px; background: var(--k-soft); }
.k-product-section.is-white { background: #fff; }
.k-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 28px;
}
.k-section-head h2 { margin: 0; color: var(--k-ink); font-size: clamp(26px, 3vw, 38px); letter-spacing: -.03em; }
.k-section-head p { margin: 5px 0 0; color: var(--k-muted); font-size: 13px; }
.k-section-link { display: inline-flex; align-items: center; gap: 8px; color: var(--k-orange); font-size: 12px; font-weight: 750; white-space: nowrap; }

.k-product-grid { --bs-gutter-x: 22px; --bs-gutter-y: 22px; }

.vs-product.product-style1 {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--k-line);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: none;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.vs-product.product-style1:hover {
  transform: translateY(-6px);
  border-color: rgba(239,127,26,.28);
  box-shadow: var(--k-shadow-hover);
}
.product-style1 .product-img {
  position: relative;
  aspect-ratio: 1 / 1;
  padding: 18px;
  background: linear-gradient(145deg, #fafbfc, #f3f4f6);
  overflow: hidden;
}
.product-style1 .product-img > a:first-child {
  display: block;
  width: 100%;
  height: 100%;
}
.product-style1 .product-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  border-radius: 12px;
  transition: transform .35s ease;
}
.product-style1:hover .product-img img { transform: scale(1.04); }
.product-style1 .product-tag2 {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  min-width: auto;
  height: auto;
  padding: 6px 9px;
  border-radius: 8px;
  background: var(--k-orange);
  color: #fff !important;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(239,127,26,.22);
}
.product-style1 .product-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 17px 18px 18px;
  text-align: left;
}
.product-style1 .star-rating { margin: 0 0 7px; color: #f6b31c; font-size: 11px; }
.product-style1 .product-title {
  min-height: 44px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.45;
  font-weight: 650;
}
.product-style1 .product-title a { color: var(--k-ink); }
.product-style1 .product-title a:hover { color: var(--k-orange); }
.product-style1 .product-price {
  margin-top: auto;
  color: var(--k-ink) !important;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}
.product-style1 .product-price span {
  margin-left: 6px;
  color: #9a9fa8 !important;
  font-size: 11px !important;
  font-weight: 500;
}
.product-style1 .product-actions {
  display: grid;
  grid-template-columns: 1fr 44px;
  gap: 9px;
  margin-top: 14px;
  opacity: 1;
  transform: none;
  position: static;
}
.product-style1 .product-actions .vs-btn,
.product-style1 .product-actions .cart-btn {
  min-height: 44px;
  border-radius: 11px;
  border: 0;
}
.product-style1 .product-actions .vs-btn {
  background: var(--k-ink);
  color: #fff;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 750;
}
.product-style1 .product-actions .vs-btn:hover { background: var(--k-orange); }
.product-style1 .product-actions .cart-btn {
  width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--k-soft-orange);
  color: var(--k-orange);
}
.product-style1 .product-actions .cart-btn:hover { background: var(--k-orange); color: #fff; }

.k-empty-state {
  width: 100%;
  padding: 56px 20px;
  text-align: center;
  border: 1px dashed #d8dbe1;
  border-radius: 18px;
  background: #fff;
  color: var(--k-muted);
}
.k-empty-state i { display: block; margin-bottom: 12px; color: var(--k-orange); font-size: 36px; }
.k-empty-state h3 { color: var(--k-ink); font-size: 20px; }

/* ---------- Trust strip / logo carousels ---------- */
.k-trust-section { padding: 28px 0 58px; background: #fff; }
.k-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--k-line);
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
}
.k-trust-item {
  min-height: 108px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 20px;
  border-right: 1px solid var(--k-line);
}
.k-trust-item:last-child { border-right: 0; }
.k-trust-item img { width: 42px; height: 42px; object-fit: contain; }
.k-trust-item strong { display: block; color: var(--k-ink); font-size: 12px; line-height: 1.35; }
.k-trust-item small { color: var(--k-muted); font-size: 10px; }

.k-customers { padding: 56px 0 70px; background: var(--k-soft); overflow: hidden; }
.brand-carousel {
  display: flex !important;
  gap: 14px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 8px 2px 14px;
}
.brand-carousel::-webkit-scrollbar { display: none; }
.brand-carousel .single-logo,
.owl-carousel .single-logo {
  flex: 0 0 180px;
  scroll-snap-align: start;
  min-height: 118px;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--k-line);
  border-radius: 14px;
  background: #fff;
  color: var(--k-text);
  font-size: 10px;
  font-weight: 650;
  text-align: center;
}
.brand-carousel .single-logo img {
  width: auto !important;
  max-width: 110px !important;
  height: 44px !important;
  object-fit: contain;
  margin: 0 !important;
}

/* ---------- Buttons / forms ---------- */
.vs-btn,
.btn {
  border-radius: 11px;
  font-family: "Epilogue", sans-serif;
  font-weight: 700;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.vs-btn { background: var(--k-orange); color: #fff; border: 0; }
.vs-btn:hover { background: #d96e10; color: #fff; transform: translateY(-1px); box-shadow: 0 9px 20px rgba(239,127,26,.20); }
.vs-btn.style2 { background: var(--k-ink); color: #fff; }
.vs-btn.style2:hover { background: var(--k-orange); }
.btn-primary { background: var(--k-orange); border-color: var(--k-orange); }
.btn-primary:hover, .btn-primary:focus { background: #d96e10; border-color: #d96e10; }
.btn-success { border-radius: 10px; }

.form-control,
.form-select,
.nice-select {
  min-height: 50px;
  border: 1px solid #dfe2e7;
  border-radius: 11px;
  background: #fff;
  color: var(--k-ink);
  font-size: 13px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
textarea.form-control { min-height: 120px; padding-top: 13px; }
.form-control:focus,
.form-select:focus {
  border-color: rgba(239,127,26,.65);
  box-shadow: 0 0 0 4px rgba(239,127,26,.09);
}
.form-group { margin-bottom: 14px; }

/* ---------- Shop page ---------- */
.k-shop-hero {
  padding: 44px 0;
  background: linear-gradient(130deg, #17191e, #252932);
  color: #fff;
  border-bottom: 3px solid var(--k-orange);
}
.k-shop-hero h1 { margin: 4px 0 8px; color: #fff; font-size: clamp(30px, 4vw, 46px); letter-spacing: -.04em; }
.k-shop-hero p { margin: 0; color: rgba(255,255,255,.66); font-size: 13px; }
.k-shop-hero .k-breadcrumb { display: flex; gap: 8px; align-items: center; color: rgba(255,255,255,.65); font-size: 11px; }
.k-shop-hero .k-breadcrumb a { color: #fff; }
.k-shop-section { padding: 54px 0 72px; background: var(--k-soft); }

/* ---------- Product detail ---------- */
.product-slide-row,
.product-about,
.product-description,
.woocommerce-reviews,
.reviews-form {
  border-radius: 18px;
}

.product-slide-row {
  padding: 18px;
  background: #fff;
  border: 1px solid var(--k-line);
  box-shadow: var(--k-shadow-sm);
}
.product-big-img {
  border-radius: 14px;
  overflow: hidden;
  background: var(--k-soft);
}
.product-big-img .product-image {
  width: 100%;
  max-height: 540px;
  object-fit: contain;
  background: #fff;
}
.product-thumb-slide { margin-top: 12px; }
.product-thumb-slide .thumb {
  margin: 0 5px;
  padding: 5px;
  border: 1px solid var(--k-line);
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
}
.product-thumb-slide .thumb img { aspect-ratio: 1; object-fit: contain; border-radius: 7px; }
.product-about {
  padding: 28px;
  background: #fff;
  border: 1px solid var(--k-line);
  box-shadow: var(--k-shadow-sm);
}
.product-about .product-title { font-size: clamp(26px, 3.2vw, 40px); line-height: 1.15; letter-spacing: -.035em; }
.product-about .product-price { color: var(--k-orange); font-size: 30px; font-weight: 800; }
.product-about .product-price del { color: #9a9fa8; font-size: 16px; font-weight: 500; margin-left: 8px; }
.product-about .product-instock { color: var(--k-green); background: #eaf8f0; border-radius: 999px; padding: 5px 9px; font-size: 10px; font-weight: 700; }
.quantity-box,
.quantity-style1 { border-radius: 10px; }
.product_meta { margin-top: 22px; padding-top: 18px; border-top: 1px solid var(--k-line); }
.product-getway { margin-top: 20px; padding: 14px; border: 1px solid var(--k-line); border-radius: 12px; background: var(--k-soft); }
.product-description { padding: 28px; background: #fff; border: 1px solid var(--k-line); }
.product-description img { border-radius: 14px !important; }
.vs-post-comment { border: 1px solid var(--k-line); border-radius: 14px; padding: 18px; margin-bottom: 14px; background: #fff; }
.comment-avater img { border-radius: 50%; }
.reviews-form { padding: 25px; border: 1px solid var(--k-line); background: var(--k-soft); }

/* ---------- Cart ---------- */
.vs-product-wrapper .card {
  border: 1px solid var(--k-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--k-shadow-sm) !important;
}
#mycart > .py-5 > .container > .card { padding: 8px; }
#mycarts > .row.align-items-center:first-child {
  padding: 8px 14px 10px;
  color: var(--k-muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
}
#mycarts .product_data.card {
  padding: 12px 10px;
  box-shadow: none !important;
}
#mycarts .product_data img {
  width: 72px !important;
  height: 72px !important;
  object-fit: contain;
  border-radius: 10px;
  background: var(--k-soft);
}
#mycarts .product_data p { margin: 0; color: var(--k-ink); font-size: 12px; line-height: 1.45; }
#mycarts .input-group { margin-bottom: 0 !important; }
#mycarts .input-group-text {
  width: 38px;
  justify-content: center;
  border-color: var(--k-line);
  background: var(--k-soft);
  color: var(--k-ink);
  cursor: pointer;
}
#mycarts .deleteItem { color: var(--k-danger); background: #fff0f0; border-radius: 9px; }
.vs-cart-coupon { padding: 18px; border: 1px solid var(--k-line); border-radius: 14px; background: #fff; }
.cart-totals--wrapper,
.cart-totals--cart {
  border-radius: 18px !important;
  overflow: hidden;
  background: var(--k-ink) !important;
  box-shadow: var(--k-shadow);
}
.cart_totals table { background: #fff; border: 0; border-radius: 12px; overflow: hidden; }
.cart_totals td, .cart_totals th { border-color: var(--k-line); }

/* ---------- Checkout ---------- */
.woocommerce-checkout { margin-top: 24px !important; }
.woocommerce-checkout__form {
  padding: 24px;
  border: 1px solid var(--k-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--k-shadow-sm);
}
.woocommerce-checkout__form h2,
.woocommerce-checkout__form h3 { color: var(--k-ink); }
.woocommerce-checkout__form address {
  padding: 16px !important;
  border: 1px solid var(--k-line) !important;
  border-radius: 12px;
  background: var(--k-soft);
  color: var(--k-text);
  font-size: 12px;
  line-height: 1.8;
}
.select-address-btn { float: none !important; display: inline-flex; margin-top: 10px; }
.cart-totals--cart { padding: 26px !important; position: sticky; top: 105px; }
.cart-totals--cart .summary-title { color: #fff; font-size: 18px; }
.cart-totals--cart a { color: var(--k-orange-2); }
#pay-online-btn { width: 100% !important; min-height: 52px; }

/* ---------- Account ---------- */
.my-account-layout1,
.account-layout1 { background: var(--k-soft); }
.form-style,
.form-style.style2 {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: var(--k-shadow-sm);
}
.form-style { border: 1px solid var(--k-line); background: #fff; }
.form-style.style2 { background: var(--k-ink) !important; }
.form-style .form__header { padding: 24px 24px 10px; }
.form-style .form__header__icon { background: var(--k-soft-orange); border-radius: 12px; }
.form-style .form__content h3 { color: var(--k-ink); }
.form-style.style2 .form__content h3 { color: #fff; }
.form-style .row { padding-left: 14px; padding-right: 14px; }

/* ---------- Orders / profile tables ---------- */
.cart_table,
.table {
  border: 0 !important;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 0 1px var(--k-line);
}
.cart_table thead th,
.table thead th {
  background: var(--k-ink);
  color: #fff;
  border-color: var(--k-ink) !important;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .045em;
  padding: 14px 13px;
}
.cart_table tbody td,
.table tbody td {
  border-color: var(--k-line) !important;
  vertical-align: middle;
  padding: 13px;
  font-size: 12px;
}
.cart_table tbody tr:hover,
.table tbody tr:hover { background: #fffaf5; }

.userprofile-card,
.card-body.product_data,
.form-style2 {
  border-radius: 16px;
}
.form-style2 {
  border: 1px solid var(--k-line);
  box-shadow: var(--k-shadow-sm);
}

/* ---------- Contact / distributor ---------- */
.contact-wrapper {
  overflow: hidden;
  border: 1px solid var(--k-line);
  border-radius: 20px;
  box-shadow: var(--k-shadow-sm);
}
.contact-box {
  background: var(--k-ink) !important;
  color: #fff;
  padding: 34px !important;
}
.contact-box__title { color: #fff; }
.contact-box__icon {
  background: var(--k-orange) !important;
  color: #fff !important;
  border-radius: 10px;
}
.contact-box__info,
.contact-box__info a { color: rgba(255,255,255,.82) !important; }
.form-style2 { padding: 34px !important; background: #fff; }

/* ---------- About / policies ---------- */
.about-layout1 { background: #fff; }
.about-content { padding: 12px; }
.about-text { color: var(--k-muted); line-height: 1.8; }
.blog-content,
.policy-content {
  color: var(--k-muted);
}

/* ---------- 404 ---------- */
.error-content { padding: 80px 0; }

/* ---------- Footer ---------- */
.k-footer {
  position: relative;
  background: #15171c;
  color: rgba(255,255,255,.72);
  padding: 68px 0 0;
  overflow: hidden;
}
.k-footer::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--k-orange), var(--k-blue));
}
.k-footer-top {
  display: grid;
  grid-template-columns: 1.35fr .8fr .9fr 1.25fr;
  gap: 46px;
  padding-bottom: 44px;
}
.k-footer-logo img { width: 170px; opacity: 1; }
.k-footer-brand p { max-width: 330px; margin: 20px 0; color: rgba(255,255,255,.58); font-size: 12px; line-height: 1.8; }
.k-made-india img { width: 150px; max-height: 50px; object-fit: contain; object-position: left center; filter: none; opacity: .95; }
.k-footer h3 { margin: 4px 0 18px; color: #fff; font-size: 14px; letter-spacing: -.01em; }
.k-footer ul { padding: 0; margin: 0; list-style: none; }
.k-footer li + li { margin-top: 9px; }
.k-footer li a { color: rgba(255,255,255,.62); font-size: 11px; }
.k-footer li a:hover { color: var(--k-orange-2); padding-left: 3px; }
.k-contact-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: rgba(255,255,255,.65) !important;
  margin-bottom: 14px;
}
.k-contact-row > span {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(239,127,26,.14);
  color: var(--k-orange-2);
}
.k-contact-row strong { font-size: 10px; line-height: 1.65; font-weight: 550; }
.k-contact-row:hover strong { color: #fff; }
.k-footer-trust {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.35fr;
  align-items: center;
  gap: 0;
  border-top: 1px solid rgba(255,255,255,.09);
  border-bottom: 1px solid rgba(255,255,255,.09);
}
.k-footer-trust > div {
  min-height: 74px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-right: 1px solid rgba(255,255,255,.09);
}
.k-footer-trust > div:last-child { border-right: 0; }
.k-footer-trust i { color: var(--k-orange); font-size: 21px; }
.k-footer-trust strong { display: block; color: #fff; font-size: 10px; }
.k-footer-trust small { display: block; color: rgba(255,255,255,.45); font-size: 8px; margin-top: 2px; }
.k-payment-strip img { max-height: 32px; width: auto; opacity: .88; }
.k-footer-bottom {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
}
.k-footer-bottom p { margin: 0; }
.k-footer-bottom div { display: flex; gap: 18px; }
.k-footer-bottom a { color: rgba(255,255,255,.55); }
.k-footer-bottom a:hover { color: var(--k-orange); }

.k-whatsapp-fab {
  position: fixed;
  z-index: 9999;
  right: 18px;
  bottom: 18px;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 13px 6px 6px;
  border-radius: 999px;
  background: #1fae61;
  color: #fff !important;
  box-shadow: 0 12px 28px rgba(20, 145, 78, .28);
}
.k-whatsapp-fab img { width: 36px; height: 36px; border-radius: 50%; object-fit: contain; }
.k-whatsapp-fab span { font-size: 10px; font-weight: 750; }
.k-whatsapp-fab:hover { transform: translateY(-2px); background: #169553; }

.scrollToTop {
  right: 22px;
  bottom: 82px;
  background: var(--k-ink) !important;
  border-radius: 12px !important;
  color: #fff !important;
}

/* ---------- SAFE reveal animation ----------
   IMPORTANT:
   Content is visible by default.
   JavaScript is allowed to enhance movement, but can never hide the page.
*/
[data-k-reveal] {
  opacity: 1 !important;
  transform: none !important;
}

/* Only animate elements after JS explicitly adds the safe animation class. */
[data-k-reveal].k-safe-reveal {
  animation: kSafeContentReveal .58s cubic-bezier(.2,.7,.2,1) both;
}

@keyframes kSafeContentReveal {
  from {
    opacity: .18;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ---------- Tablet ---------- */
@media (max-width: 1199px) {
  :root { --k-container: 1140px; }
  .k-nav-row { min-height: 74px; gap: 20px; }
  .k-header-logo img { width: 148px; }
  .k-footer-top { grid-template-columns: 1.3fr 1fr 1fr; }
  .k-footer-contact { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px 20px; }
  .k-footer-contact h3 { grid-column: 1 / -1; margin-bottom: 2px; }
  .k-contact-row { margin: 0; }
}

@media (max-width: 991px) {
  .k-announcement-inner { justify-content: center; min-height: 34px; }
  .k-announcement-inner > span:first-child,
  .k-announcement-inner > a { display: none; }
  .k-nav-row { grid-template-columns: auto 1fr auto; min-height: 68px; }
  .k-header-logo img { width: 140px; }
  .k-hero-inner { grid-template-columns: 1fr; min-height: auto; padding: 48px 0; }
  .k-hero-copy { max-width: 720px; }
  .k-hero-visual { min-height: 360px; }
  .k-hero-product { width: min(76%, 390px); }
  .k-hero-float.one { left: 10%; }
  .k-hero-float.two { right: 10%; }
  .k-trust-grid { grid-template-columns: repeat(2, 1fr); }
  .k-trust-item:nth-child(2) { border-right: 0; }
  .k-trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--k-line); }
  .cart-totals--cart { position: static; margin-top: 24px; }
  .contact-box { padding: 28px !important; }
  .k-footer-top { grid-template-columns: 1.2fr 1fr 1fr; gap: 30px; }
  .k-footer-trust { grid-template-columns: repeat(2, 1fr); }
  .k-footer-trust > div:nth-child(2) { border-right: 0; }
  .k-footer-trust > div:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.09); }
  .k-payment-strip { justify-content: flex-start; }
}

/* ---------- Phones ---------- */
@media (max-width: 767px) {
  body.kethron-site { font-size: 14px; }
  .container { --bs-gutter-x: 30px; }
  .k-announcement-inner { font-size: 10px; }
  .k-nav-row { min-height: 64px; gap: 10px; }
  .k-header-logo img { width: 128px; }
  .k-header-actions { gap: 7px; }
  .k-icon-btn, .k-menu-trigger { width: 40px; height: 40px; min-height: 40px; }
  .k-hero-inner { padding: 38px 0 44px; gap: 28px; }
  .k-hero h1 { font-size: clamp(36px, 11vw, 52px); }
  .k-hero-copy { font-size: 14px; line-height: 1.65; }
  .k-hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .k-btn-primary, .k-btn-secondary { padding: 0 14px; font-size: 11px; }
  .k-hero-points { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .k-hero-visual { min-height: 300px; }
  .k-hero-product { width: min(82%, 320px); padding: 22px; border-radius: 28px; }
  .k-hero-float { font-size: 9px; padding: 8px 10px; }
  .k-hero-float.one { left: 0; top: 6%; }
  .k-hero-float.two { right: 0; bottom: 5%; }
  .cate { padding: 48px 0 28px !important; }
  .cate .vs-carousel .slick-list { overflow: visible; }
  .k-section-head { align-items: flex-start; margin-bottom: 20px; }
  .k-section-head h2 { font-size: 26px; }
  .k-section-head p { display: none; }
  .k-product-section { padding: 44px 0 52px; }
  .k-product-grid { --bs-gutter-x: 12px; --bs-gutter-y: 14px; }
  .k-product-grid > [class*="col-"] { width: 50%; flex: 0 0 50%; }
  .product-style1 .product-img { padding: 10px; }
  .product-style1 .product-content { padding: 12px; }
  .product-style1 .product-title { min-height: 38px; font-size: 12px; line-height: 1.4; }
  .product-style1 .product-price { font-size: 15px; }
  .product-style1 .product-price span { display: inline; margin-left: 3px; font-size: 9px !important; }
  .product-style1 .star-rating { font-size: 9px; }
  .product-style1 .product-actions { grid-template-columns: 1fr; }
  .product-style1 .product-actions .cart-btn { display: none; }
  .product-style1 .product-actions .vs-btn { min-height: 38px; font-size: 9px; }
  .product-style1 .product-tag2 { top: 8px; left: 8px; padding: 5px 7px; font-size: 8px; }
  .k-trust-grid { grid-template-columns: 1fr; }
  .k-trust-item { min-height: 84px; border-right: 0 !important; border-bottom: 1px solid var(--k-line); }
  .k-trust-item:last-child { border-bottom: 0; }
  .brand-carousel .single-logo { flex-basis: 145px; min-height: 100px; }
  .product-about { padding: 20px; margin-top: 18px; }
  .product-description, .reviews-form { padding: 20px; }
  .woocommerce-checkout__form { padding: 18px; }
  .form-style2 { padding: 22px !important; }
  .contact-wrapper { border-radius: 16px; }
  .k-footer { padding-top: 48px; }
  .k-footer-top { grid-template-columns: 1fr 1fr; gap: 28px 18px; }
  .k-footer-brand { grid-column: 1 / -1; }
  .k-footer-contact { grid-column: 1 / -1; grid-template-columns: 1fr; }
  .k-footer-trust { grid-template-columns: 1fr; }
  .k-footer-trust > div { min-height: 60px; border-right: 0 !important; border-bottom: 1px solid rgba(255,255,255,.09); }
  .k-footer-trust > div:last-child { border-bottom: 0; }
  .k-footer-bottom { min-height: 86px; flex-direction: column; justify-content: center; text-align: center; gap: 8px; }
  .k-whatsapp-fab { right: 12px; bottom: 12px; padding-right: 7px; }
  .k-whatsapp-fab span { display: none; }
  .scrollToTop { right: 14px; bottom: 70px; }

  /* Turn legacy cart header into mobile cards */
  #mycarts > .row.align-items-center:first-child { display: none; }
  #mycarts .product_data.card { padding: 14px; }
  #mycarts .product_data.card > .row { display: grid; grid-template-columns: 72px 1fr; gap: 10px 12px; }
  #mycarts .product_data.card > .row > [class*="col-"] { width: auto; max-width: none; flex: none; }
  #mycarts .product_data.card > .row > .col-md-1:first-child { grid-row: 1 / 4; }
  #mycarts .product_data.card > .row > .col-md-5 { grid-column: 2; }
  #mycarts .product_data.card > .row > .col-md-2 { grid-column: 2; }
  #mycarts .product_data.card > .row > .col-md-1:not(:first-child) { grid-column: 2; display: inline-flex; align-items: center; }
  #mycarts .product_data .input-group { max-width: 130px; }

  /* Responsive generic order tables */
  .cart_table.responsive-stack thead { display: none; }
  .cart_table.responsive-stack,
  .cart_table.responsive-stack tbody,
  .cart_table.responsive-stack tr,
  .cart_table.responsive-stack td { display: block; width: 100%; }
  .cart_table.responsive-stack tr { padding: 10px 12px; border-bottom: 1px solid var(--k-line); }
  .cart_table.responsive-stack td {
    border: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    text-align: right;
  }
  .cart_table.responsive-stack td::before {
    content: attr(data-label);
    color: var(--k-muted);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
  }
}

@media (max-width: 430px) {
  .k-header-logo img { width: 116px; }
  .k-product-grid > [class*="col-"] { width: 100%; flex-basis: 100%; }
  .product-style1 .product-img { aspect-ratio: 1.12 / 1; padding: 16px; }
  .product-style1 .product-title { min-height: auto; font-size: 14px; }
  .product-style1 .product-price { font-size: 18px; }
  .product-style1 .product-actions .vs-btn { min-height: 42px; font-size: 10px; }
  .k-hero-actions { grid-template-columns: 1fr; }
  .k-hero-points { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
  [data-k-reveal] { opacity: 1; transform: none; }
}

/* Checkout saved-address cards */
.k-checkout-help{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--k-muted);font-size:11px}.k-checkout-help i{color:var(--k-orange)}
.k-saved-address-card{height:100%;padding:16px;border:1px solid var(--k-line);border-radius:14px;background:var(--k-soft);transition:.2s ease}.k-saved-address-card:hover{border-color:rgba(239,127,26,.35);background:#fff;box-shadow:var(--k-shadow-sm)}
.k-saved-address-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--k-soft-orange);color:var(--k-orange);margin-bottom:10px}.k-saved-address-copy h4{margin:0 0 7px;font-size:14px;color:var(--k-ink)}.k-saved-address-copy p{margin:0 0 4px;color:var(--k-muted);font-size:10px;line-height:1.55}.k-saved-address-copy small{display:block;margin-top:7px;color:var(--k-text);font-size:9px;line-height:1.5}
main>br{display:none}
.card{border-color:var(--k-line);border-radius:16px;box-shadow:var(--k-shadow-sm)}


/* ---------- Customer account / profile ---------- */
.k-profile-page { background: linear-gradient(180deg, #f7f8fa 0, #fff 240px); }
.k-profile-nav {
  position: sticky;
  top: 112px;
  overflow: hidden;
  border: 1px solid var(--k-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--k-shadow-sm);
}
.k-profile-nav .list-group-item {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 52px;
  padding: 12px 15px;
  border: 0;
  border-bottom: 1px solid var(--k-line);
  color: var(--k-text);
  background: transparent;
  font-size: 12px;
  font-weight: 700;
  transition: background .2s ease, color .2s ease, padding .2s ease;
}
.k-profile-nav .list-group-item:last-child { border-bottom: 0; }
.k-profile-nav .list-group-item i {
  width: 24px;
  color: var(--k-orange);
  font-size: 15px;
  text-align: center;
}
.k-profile-nav .list-group-item:hover {
  padding-left: 18px;
  color: var(--k-ink);
  background: var(--k-soft-orange);
}
.k-profile-nav .list-group-item.active {
  color: #fff;
  background: linear-gradient(135deg, var(--k-ink), #2a2d35);
}
.k-profile-nav .list-group-item.active i { color: var(--k-orange); }
.k-profile-card { min-height: 340px; overflow: hidden; }
.k-profile-card > .card-body { padding: clamp(18px, 3vw, 34px); }
.k-profile-section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.k-profile-section-head span {
  display: block;
  margin-bottom: 5px;
  color: var(--k-orange);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.k-profile-section-head h2 { margin: 0; font-size: clamp(22px, 3vw, 32px); }
.k-tracking-frame-wrap {
  width: 100%;
  margin-top: 22px;
  overflow: hidden;
  border: 1px solid var(--k-line);
  border-radius: 16px;
  background: #fff;
}
.k-tracking-frame {
  display: block;
  width: 100%;
  height: clamp(600px, 75vh, 920px);
  border: 0;
  background: #fff;
}
@media (max-width: 991px) {
  .k-profile-nav {
    position: static;
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    white-space: nowrap;
    border-radius: 14px;
    scrollbar-width: none;
  }
  .k-profile-nav::-webkit-scrollbar { display: none; }
  .k-profile-nav .list-group-item {
    flex: 0 0 auto;
    min-height: 46px;
    border-right: 1px solid var(--k-line);
    border-bottom: 0;
  }
}
@media (max-width: 575px) {
  .k-profile-section-head { align-items: flex-start; flex-direction: column; }
  .k-profile-card > .card-body { padding: 16px; }
  .k-tracking-frame { height: 680px; }
}


/* =========================================================
   KETHRON HEADER + COMPACT FOOTER REFINEMENT — V2
   2026-08-10
   ========================================================= */

/* ---------- Header: cleaner proportions ---------- */
.k-announcement-bar {
  background: #14161a;
  font-size: 11.5px;
  letter-spacing: -.01em;
}

.k-announcement-inner {
  min-height: 30px;
}

.k-announcement-inner span,
.k-announcement-inner a {
  gap: 6px;
}

.k-announcement-inner i {
  font-size: 12px;
}

.k-main-nav {
  background: rgba(255,255,255,.985);
  border-bottom: 1px solid #eceef1;
  box-shadow: 0 5px 20px rgba(22,25,31,.035);
}

.k-nav-row {
  min-height: 72px;
  gap: clamp(22px, 3vw, 48px);
}

.k-header-logo {
  display: flex;
  align-items: center;
}

.k-header-logo img {
  width: 154px;
  max-height: 50px;
  object-fit: contain;
  object-position: left center;
}

.main-menu > ul {
  gap: clamp(12px, 1.2vw, 28px);
}

.main-menu > ul > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 72px;
  padding: 0 7px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -.02em;
}

.main-menu > ul > li > a::after {
  left: 7px;
  right: 7px;
  bottom: 14px;
  height: 2px;
}

/* Important: prevents the Distributor item becoming a giant circular button. */
.main-menu > ul > li > a.k-distributor-link {
  min-height: 38px !important;
  height: 38px;
  padding: 0 17px !important;
  margin: 17px 0;
  border: 1px solid rgba(239,127,26,.22);
  border-radius: 999px;
  background: #fff5eb;
  color: var(--k-orange) !important;
  box-shadow: none;
}

.main-menu > ul > li > a.k-distributor-link:hover {
  background: var(--k-orange);
  border-color: var(--k-orange);
  color: #fff !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(239,127,26,.18);
}

.k-header-actions {
  gap: 8px;
}

.k-icon-btn,
.k-account-link {
  min-height: 42px;
  border-color: #e1e4e8;
  box-shadow: 0 2px 8px rgba(22,25,31,.025);
}

button.k-icon-btn,
.k-icon-btn {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}

.k-icon-btn i {
  font-size: 17px;
}

.k-account-link {
  height: 42px;
  padding: 4px 11px 4px 5px;
  gap: 8px;
  border-radius: 999px;
}

.k-account-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.k-account-copy small {
  font-size: 8.5px;
  line-height: 1.1;
}

.k-account-copy strong {
  font-size: 11.5px;
  max-width: 84px;
}

.k-cart-count {
  right: -3px;
  top: -5px;
  min-width: 17px;
  height: 17px;
  font-size: 8.5px;
  box-shadow: 0 0 0 2px #fff;
}

/* Keep sticky header compact. */
.k-site-header.k-scrolled .k-nav-row,
.sticky-wrapper.is-sticky .k-nav-row {
  min-height: 66px;
}

.k-site-header.k-scrolled .main-menu > ul > li > a,
.sticky-wrapper.is-sticky .main-menu > ul > li > a {
  min-height: 66px;
}

.k-site-header.k-scrolled .main-menu > ul > li > a.k-distributor-link,
.sticky-wrapper.is-sticky .main-menu > ul > li > a.k-distributor-link {
  min-height: 36px !important;
  height: 36px;
  margin: 15px 0;
}

/* ---------- Footer: smaller overall, larger readable text ---------- */
.k-footer {
  padding-top: 36px;
}

.k-footer-top {
  grid-template-columns: 1.25fr .82fr .95fr 1.2fr;
  gap: 34px;
  padding-bottom: 26px;
}

.k-footer-logo img {
  width: 148px;
}

.k-footer-brand p {
  max-width: 310px;
  margin: 12px 0 14px;
  color: rgba(255,255,255,.70);
  font-size: 12.5px;
  line-height: 1.65;
}

.k-made-india img {
  width: 112px;
  max-height: 38px;
}

.k-footer h3 {
  margin: 2px 0 13px;
  font-size: 14.5px;
  font-weight: 700;
}

.k-footer li + li {
  margin-top: 6px;
}

.k-footer li a {
  color: rgba(255,255,255,.73);
  font-size: 12px;
  line-height: 1.45;
}

.k-footer li a:hover {
  color: #fff;
}

.k-contact-row {
  gap: 9px;
  margin-bottom: 9px;
  color: rgba(255,255,255,.73) !important;
}

.k-contact-row > span {
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 8px;
}

.k-contact-row > span i {
  font-size: 13px;
}

.k-contact-row strong {
  font-size: 11.5px;
  line-height: 1.5;
  font-weight: 600;
}

.k-footer-trust > div {
  min-height: 58px;
  gap: 9px;
  padding: 10px 16px;
}

.k-footer-trust i {
  font-size: 19px;
}

.k-footer-trust strong {
  font-size: 11px;
  line-height: 1.2;
}

.k-footer-trust small {
  color: rgba(255,255,255,.60);
  font-size: 9.5px;
  margin-top: 3px;
  line-height: 1.2;
}

.k-payment-strip img {
  max-height: 36px;
  opacity: .96;
}

.k-footer-bottom {
  min-height: 48px;
  font-size: 10.5px;
}

.k-footer-bottom p,
.k-footer-bottom a {
  color: rgba(255,255,255,.66);
}

/* ---------- Large tablets ---------- */
@media (max-width: 1199px) {
  .k-nav-row {
    min-height: 68px;
  }

  .k-header-logo img {
    width: 144px;
  }

  .main-menu > ul > li > a {
    min-height: 68px;
    font-size: 13px;
  }

  .main-menu > ul > li > a.k-distributor-link {
    height: 36px;
    min-height: 36px !important;
    margin: 16px 0;
    padding: 0 14px !important;
  }

  .k-footer {
    padding-top: 32px;
  }

  .k-footer-top {
    gap: 24px;
    padding-bottom: 22px;
  }

  .k-footer-contact {
    gap: 10px 18px;
  }
}

/* ---------- Tablet / mobile header ---------- */
@media (max-width: 991px) {
  .k-announcement-inner {
    min-height: 30px;
  }

  .k-nav-row {
    min-height: 62px;
  }

  .k-header-logo img {
    width: 136px;
  }

  .k-footer-top {
    grid-template-columns: 1.25fr 1fr 1fr;
    gap: 24px;
  }

  .k-footer-contact {
    padding-top: 2px;
  }

  .k-footer-trust > div {
    min-height: 56px;
  }
}

/* ---------- Phones ---------- */
@media (max-width: 767px) {
  .k-announcement-bar {
    font-size: 10.5px;
  }

  .k-announcement-inner {
    min-height: 28px;
  }

  .k-nav-row {
    min-height: 60px;
  }

  .k-header-logo img {
    width: 126px;
    max-height: 40px;
  }

  .k-header-actions {
    gap: 6px;
  }

  .k-icon-btn,
  .k-menu-trigger {
    width: 38px;
    height: 38px;
    min-height: 38px;
  }

  .k-footer {
    padding-top: 30px;
  }

  .k-footer-top {
    grid-template-columns: 1fr 1fr;
    gap: 22px 18px;
    padding-bottom: 22px;
  }

  .k-footer-logo img {
    width: 142px;
  }

  .k-footer-brand p {
    font-size: 12.5px;
    margin: 10px 0 12px;
  }

  .k-made-india img {
    width: 104px;
  }

  .k-footer h3 {
    font-size: 14px;
    margin-bottom: 11px;
  }

  .k-footer li + li {
    margin-top: 5px;
  }

  .k-footer li a {
    font-size: 11.5px;
  }

  .k-contact-row strong {
    font-size: 11.5px;
  }

  .k-footer-trust {
    grid-template-columns: 1fr 1fr;
  }

  .k-footer-trust > div {
    min-height: 54px;
    padding: 9px 12px;
  }

  .k-footer-trust > div:nth-child(2n) {
    border-right: 0 !important;
  }

  .k-footer-trust > div:last-child {
    border-bottom: 0;
  }

  .k-payment-strip {
    grid-column: 1 / -1;
    justify-content: center !important;
    min-height: 52px !important;
  }

  .k-payment-strip img {
    max-height: 34px;
  }

  .k-footer-bottom {
    min-height: 60px;
    gap: 5px;
    font-size: 10px;
  }
}

@media (max-width: 479px) {
  .k-footer-top {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .k-footer-brand,
  .k-footer-contact {
    grid-column: auto;
  }

  .k-footer-contact {
    display: block;
  }

  .k-footer-trust {
    grid-template-columns: 1fr;
  }

  .k-footer-trust > div {
    border-right: 0 !important;
  }

  .k-footer-bottom div {
    gap: 12px;
  }
}


/* =========================================================
   KETHRON ACCOUNT HOVER MENU + FOOTER STATS — V3
   ========================================================= */

/* ---------- Logged-in account hover menu ---------- */
.k-account-menu-wrapper {
  position: relative;
  align-items: center;
  align-self: stretch;
  z-index: 120;
}

.k-account-menu-wrapper .k-account-trigger {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.k-account-chevron {
  margin-left: 2px;
  color: #7c8491;
  font-size: 9px;
  transition: transform .22s ease, color .22s ease;
}

.k-account-menu-wrapper:hover .k-account-trigger,
.k-account-menu-wrapper:focus-within .k-account-trigger {
  border-color: rgba(239,127,26,.42);
  background: #fff8f2;
  box-shadow: 0 8px 22px rgba(22,25,31,.08);
  transform: translateY(-1px);
}

.k-account-menu-wrapper:hover .k-account-chevron,
.k-account-menu-wrapper:focus-within .k-account-chevron {
  color: var(--k-orange);
  transform: rotate(180deg);
}

.k-account-dropdown {
  position: absolute;
  top: calc(50% + 26px);
  right: 0;
  width: 224px;
  padding: 8px;
  border: 1px solid #e9ebef;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 18px 44px rgba(18,22,30,.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(9px) scale(.985);
  transform-origin: top right;
  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease;
  z-index: 9999;
}

/* Invisible bridge prevents the menu closing while cursor moves downward. */
.k-account-dropdown::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

.k-account-menu-wrapper:hover .k-account-dropdown,
.k-account-menu-wrapper:focus-within .k-account-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.k-account-dropdown-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px 11px;
  margin-bottom: 5px;
  border-radius: 11px;
  background: #fff7ef;
}

.k-account-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  flex: 0 0 35px;
  border-radius: 50%;
  background: var(--k-orange);
  color: #fff;
}

.k-account-avatar i {
  font-size: 14px;
}

.k-account-dropdown-head div {
  min-width: 0;
}

.k-account-dropdown-head small {
  display: block;
  margin-bottom: 2px;
  color: #858c98;
  font-size: 9px;
  line-height: 1.2;
}

.k-account-dropdown-head strong {
  display: block;
  max-width: 145px;
  overflow: hidden;
  color: #1a1d23;
  font-size: 12px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-account-dropdown > a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 8px 10px;
  border-radius: 9px;
  color: #404550;
  font-size: 12px;
  font-weight: 600;
  transition:
    color .16s ease,
    background .16s ease,
    transform .16s ease;
}

.k-account-dropdown > a i {
  display: inline-flex;
  justify-content: center;
  width: 17px;
  color: var(--k-orange);
  font-size: 13px;
}

.k-account-dropdown > a:hover,
.k-account-dropdown > a:focus {
  color: #181b20;
  background: #f6f7f9;
  transform: translateX(2px);
}

.k-account-dropdown-divider {
  height: 1px;
  margin: 5px 6px;
  background: #eceef2;
}

.k-account-dropdown > a.k-account-logout {
  color: #b22b2b;
}

.k-account-dropdown > a.k-account-logout i {
  color: #d23d3d;
}

.k-account-dropdown > a.k-account-logout:hover {
  background: #fff1f1;
  color: #a81f1f;
}

/* ---------- Compact Domain Age / Total Visits ---------- */
.k-footer-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 14px;
}

.k-footer-stat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 132px;
  padding: 7px 9px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 10px;
  background: rgba(255,255,255,.035);
}

.k-footer-stat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 27px;
  height: 27px;
  flex: 0 0 27px;
  border-radius: 8px;
  background: rgba(239,127,26,.13);
  color: var(--k-orange);
}

.k-footer-stat-icon i {
  font-size: 11px;
}

.k-footer-stat small {
  display: block;
  margin-bottom: 1px;
  color: rgba(255,255,255,.53);
  font-size: 8.5px;
  line-height: 1.15;
}

.k-footer-stat strong {
  display: block;
  color: rgba(255,255,255,.92);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

@media (max-width: 1199px) {
  .k-account-dropdown {
    width: 214px;
  }
}

@media (max-width: 767px) {
  .k-footer-stats {
    margin: 10px 0 12px;
  }

  .k-footer-stat {
    min-width: 126px;
  }
}

@media (max-width: 479px) {
  .k-footer-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .k-footer-stat {
    min-width: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k-account-dropdown,
  .k-account-trigger,
  .k-account-chevron,
  .k-account-dropdown > a {
    transition: none !important;
  }
}


/* =========================================================
   KETHRON ACCOUNT MENU FINAL ALIGNMENT FIX — V4
   Fixes original theme rule:
   .header-btns a { width:56px; height:56px; border-radius:50%; }
   ========================================================= */

/* ---------- Header action alignment ---------- */
.header-btns.k-header-actions {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.header-btns.k-header-actions > button.k-icon-btn,
.header-btns.k-header-actions > a.k-icon-btn {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid #dde1e6 !important;
  border-radius: 50% !important;
  background: #fff !important;
  color: #191c22 !important;
  font-size: 17px !important;
  line-height: 1 !important;
  box-shadow: 0 2px 8px rgba(22,25,31,.025);
}

.header-btns.k-header-actions > button.k-icon-btn:hover,
.header-btns.k-header-actions > a.k-icon-btn:hover {
  border-color: rgba(239,127,26,.45) !important;
  background: #fff7ef !important;
  color: var(--k-orange) !important;
  transform: translateY(-1px);
}

/* ---------- Account trigger / guest account ---------- */
.header-btns.k-header-actions .k-account-link,
.header-btns.k-header-actions > a.k-account-link {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 4px 11px 4px 5px !important;
  border: 1px solid #dde1e6 !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #191c22 !important;
  font-size: inherit !important;
  line-height: normal !important;
  display: inline-flex !important;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-start !important;
  gap: 8px;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(22,25,31,.025);
}

.header-btns.k-header-actions .k-account-link:hover,
.header-btns.k-header-actions .k-account-link:focus {
  border-color: rgba(239,127,26,.42) !important;
  background: #fff8f2 !important;
  color: #191c22 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(22,25,31,.08);
}

.header-btns.k-header-actions .k-account-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  flex: 0 0 32px;
  border-radius: 50%;
  background: #fff3e7;
  color: var(--k-orange);
  font-size: 14px;
}

.header-btns.k-header-actions .k-account-copy {
  display: flex;
  min-width: 38px;
  max-width: 92px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  line-height: 1.05;
  text-align: left;
}

.header-btns.k-header-actions .k-account-copy small {
  display: block;
  margin: 0 0 1px;
  color: #8a909a;
  font-size: 8.5px !important;
  font-weight: 600;
  line-height: 1.05;
}

.header-btns.k-header-actions .k-account-copy strong {
  display: block;
  max-width: 88px;
  margin: 0;
  overflow: hidden;
  color: #171a20;
  font-size: 11.5px !important;
  font-weight: 700;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-btns.k-header-actions .k-account-chevron {
  flex: 0 0 auto;
  margin: 0 0 0 1px;
  color: #959ba5;
  font-size: 8px !important;
  line-height: 1;
}

/* Guest account looks balanced without pretending to have a dropdown. */
.header-btns.k-header-actions > a.k-account-guest {
  padding-right: 13px !important;
}

/* ---------- Logged-in wrapper ---------- */
.header-btns.k-header-actions .k-account-menu-wrapper {
  position: relative;
  height: 100%;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  z-index: 10020;
}

.header-btns.k-header-actions .k-account-menu-wrapper > .k-account-trigger {
  position: relative;
  z-index: 2;
}

/* ---------- Dropdown ---------- */
.header-btns.k-header-actions .k-account-dropdown {
  position: absolute;
  top: calc(50% + 30px);
  right: 0;
  width: 238px;
  min-width: 238px;
  height: auto !important;
  padding: 8px;
  margin: 0;
  overflow: visible;
  border: 1px solid #e7e9ed;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 20px 48px rgba(18,22,30,.17);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transform-origin: top right;
  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease;
  z-index: 10030;
}

.header-btns.k-header-actions .k-account-dropdown::before {
  content: "";
  position: absolute;
  top: -16px;
  right: 0;
  left: 0;
  height: 16px;
}

.header-btns.k-header-actions .k-account-menu-wrapper:hover .k-account-dropdown,
.header-btns.k-header-actions .k-account-menu-wrapper:focus-within .k-account-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

.header-btns.k-header-actions .k-account-menu-wrapper:hover .k-account-chevron,
.header-btns.k-header-actions .k-account-menu-wrapper:focus-within .k-account-chevron {
  color: var(--k-orange);
  transform: rotate(180deg);
}

/* Dropdown header: reset old anchor/button theme interference. */
.header-btns.k-header-actions .k-account-dropdown-head {
  display: flex;
  width: 100%;
  min-height: 56px;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  margin: 0 0 6px;
  border: 0;
  border-radius: 11px;
  background: #fff7ef;
  text-align: left;
}

.header-btns.k-header-actions .k-account-avatar {
  width: 35px;
  min-width: 35px;
  height: 35px;
  flex: 0 0 35px;
  border-radius: 50%;
  background: var(--k-orange);
  color: #fff;
}

.header-btns.k-header-actions .k-account-dropdown-head small {
  display: block;
  margin-bottom: 2px;
  color: #8b9098;
  font-size: 9px;
  line-height: 1.15;
}

.header-btns.k-header-actions .k-account-dropdown-head strong {
  display: block;
  max-width: 160px;
  overflow: hidden;
  color: #171a20;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*
  CRITICAL FIX:
  Original template styles every .header-btns a as a round 56px button.
  Force dropdown anchors back into normal full-width menu rows.
*/
.header-btns.k-header-actions .k-account-dropdown > a,
.header-btns.k-header-actions .k-account-dropdown > a:link,
.header-btns.k-header-actions .k-account-dropdown > a:visited {
  position: relative;
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: #404550 !important;
  font-size: 12.5px !important;
  font-weight: 600;
  line-height: 1.2 !important;
  text-align: left;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px;
  box-shadow: none !important;
  white-space: nowrap !important;
  transform: none;
}

.header-btns.k-header-actions .k-account-dropdown > a + a {
  margin-top: 2px !important;
}

.header-btns.k-header-actions .k-account-dropdown > a i {
  display: inline-flex;
  width: 18px !important;
  min-width: 18px !important;
  height: auto !important;
  flex: 0 0 18px;
  align-items: center;
  justify-content: center;
  color: var(--k-orange) !important;
  font-size: 13px !important;
  line-height: 1;
}

.header-btns.k-header-actions .k-account-dropdown > a span {
  display: block;
  min-width: 0;
  white-space: nowrap !important;
}

.header-btns.k-header-actions .k-account-dropdown > a:hover,
.header-btns.k-header-actions .k-account-dropdown > a:focus {
  border: 0 !important;
  background: #f5f6f8 !important;
  color: #171a20 !important;
  transform: translateX(2px);
}

.header-btns.k-header-actions .k-account-dropdown-divider {
  width: auto;
  height: 1px;
  margin: 6px 6px;
  background: #eceef2;
}

.header-btns.k-header-actions .k-account-dropdown > a.k-account-logout {
  color: #bd2c2c !important;
}

.header-btns.k-header-actions .k-account-dropdown > a.k-account-logout i {
  color: #d73a3a !important;
}

.header-btns.k-header-actions .k-account-dropdown > a.k-account-logout:hover,
.header-btns.k-header-actions .k-account-dropdown > a.k-account-logout:focus {
  background: #fff1f1 !important;
  color: #a72121 !important;
}

/* ---------- Spacing at medium widths ---------- */
@media (max-width: 1199px) {
  .header-btns.k-header-actions {
    gap: 6px;
  }

  .header-btns.k-header-actions .k-account-link,
  .header-btns.k-header-actions > a.k-account-link {
    padding-right: 9px !important;
  }

  .header-btns.k-header-actions .k-account-copy {
    max-width: 70px;
  }

  .header-btns.k-header-actions .k-account-copy strong {
    max-width: 68px;
  }

  .header-btns.k-header-actions .k-account-dropdown {
    width: 228px;
    min-width: 228px;
  }
}

/* ---------- Mobile: account lives in drawer, desktop account hides cleanly ---------- */
@media (max-width: 767px) {
  .header-btns.k-header-actions {
    gap: 6px;
  }

  .header-btns.k-header-actions > button.k-icon-btn,
  .header-btns.k-header-actions > a.k-icon-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .header-btns.k-header-actions .k-account-dropdown,
  .header-btns.k-header-actions .k-account-chevron,
  .header-btns.k-header-actions .k-account-link,
  .header-btns.k-header-actions .k-account-dropdown > a {
    transition: none !important;
  }
}


/* =========================================================
   KETHRON PREMIUM CONTENT PAGES + AMBIENT MOTION — V5
   ========================================================= */

/* ---------- Global animated background ---------- */
html {
  background: #f8f9fc;
}

body {
  position: relative;
  background:
    radial-gradient(circle at 10% 18%, rgba(239,127,26,.045), transparent 28%),
    radial-gradient(circle at 90% 12%, rgba(78,126,232,.05), transparent 26%),
    #fbfcfe;
  overflow-x: hidden;
}

.k-site-header,
#main-content,
.k-footer {
  position: relative;
  z-index: 2;
}

#main-content {
  isolation: isolate;
  min-height: 50vh;
  background:
    linear-gradient(180deg, rgba(255,255,255,.80), rgba(249,250,253,.90));
}

.k-global-ambient {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.k-ambient-orb {
  position: absolute;
  display: block;
  border-radius: 50%;
  filter: blur(1px);
  opacity: .52;
  will-change: transform;
}

.k-ambient-orb--one {
  top: 12%;
  left: -90px;
  width: 280px;
  height: 280px;
  background: radial-gradient(circle, rgba(239,127,26,.16), rgba(239,127,26,0) 70%);
  animation: kAmbientFloatOne 17s ease-in-out infinite alternate;
}

.k-ambient-orb--two {
  top: 38%;
  right: -120px;
  width: 360px;
  height: 360px;
  background: radial-gradient(circle, rgba(78,126,232,.14), rgba(78,126,232,0) 70%);
  animation: kAmbientFloatTwo 21s ease-in-out infinite alternate;
}

.k-ambient-orb--three {
  bottom: -150px;
  left: 35%;
  width: 330px;
  height: 330px;
  background: radial-gradient(circle, rgba(239,127,26,.08), rgba(78,126,232,.04) 45%, transparent 72%);
  animation: kAmbientFloatThree 24s ease-in-out infinite alternate;
}

.k-ambient-grid {
  position: absolute;
  inset: 0;
  opacity: .18;
  background-image:
    linear-gradient(rgba(28,31,37,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(28,31,37,.035) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, transparent, #000 15%, #000 78%, transparent);
  animation: kAmbientGrid 30s linear infinite;
}

@keyframes kAmbientFloatOne {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to   { transform: translate3d(80px, 60px, 0) scale(1.15); }
}

@keyframes kAmbientFloatTwo {
  from { transform: translate3d(0, 0, 0) scale(1.04); }
  to   { transform: translate3d(-100px, 90px, 0) scale(.9); }
}

@keyframes kAmbientFloatThree {
  from { transform: translate3d(0, 0, 0) rotate(0deg); }
  to   { transform: translate3d(80px, -70px, 0) rotate(10deg); }
}

@keyframes kAmbientGrid {
  from { transform: translate3d(0, 0, 0); }
  to   { transform: translate3d(54px, 54px, 0); }
}

/* Shared premium page pieces */
.k-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: var(--k-orange);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.k-eyebrow i {
  font-size: 12px;
}

.k-page-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  padding: 26px 30px;
  overflow: hidden;
  border: 1px solid rgba(25,28,34,.07);
  border-radius: 24px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,247,239,.88));
  box-shadow: 0 20px 55px rgba(26,29,35,.07);
}

.k-page-hero::after {
  content: "";
  position: absolute;
  right: -60px;
  top: -75px;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,127,26,.16), transparent 70%);
}

.k-page-hero > * {
  position: relative;
  z-index: 1;
}

.k-page-hero h1 {
  margin: 0 0 7px;
  color: #15181e;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.05;
}

.k-page-hero p {
  max-width: 650px;
  margin: 0;
  color: #68707d;
  font-size: 13.5px;
  line-height: 1.7;
}

.k-btn-outline,
.k-btn-light,
.k-order-btn,
.k-form-next,
.k-form-prev,
.k-form-submit {
  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease,
    color .2s ease;
}

.k-btn-outline {
  display: inline-flex;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 17px;
  border: 1px solid #dfe2e7;
  border-radius: 999px;
  background: #fff;
  color: #1b1e24;
  font-size: 12px;
  font-weight: 700;
}

.k-btn-outline:hover {
  border-color: var(--k-orange);
  background: #fff7ef;
  color: var(--k-orange);
  transform: translateY(-2px);
}

/* ---------- My Orders ---------- */
.k-account-page {
  padding: clamp(42px, 6vw, 78px) 0 clamp(55px, 7vw, 92px);
}

.k-orders-page .k-page-hero {
  margin-bottom: 22px;
}

.k-orders-list {
  display: grid;
  gap: 12px;
}

.k-order-card {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(230px, 1.5fr) minmax(110px,.55fr) minmax(125px,.65fr) auto;
  align-items: center;
  gap: 18px;
  padding: 17px 18px;
  overflow: hidden;
  border: 1px solid #e9ebef;
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 9px 28px rgba(24,28,35,.045);
}

.k-order-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(var(--k-orange), #ffac64);
  opacity: 0;
  transform: scaleY(.35);
  transition: opacity .2s ease, transform .2s ease;
}

.k-order-card:hover {
  border-color: rgba(239,127,26,.23);
  box-shadow: 0 17px 38px rgba(24,28,35,.075);
  transform: translateY(-2px);
}

.k-order-card:hover::before {
  opacity: 1;
  transform: scaleY(1);
}

.k-order-index {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #f4f5f7;
  color: #9a9fa8;
  font-size: 11px;
  font-weight: 800;
}

.k-order-meta-label,
.k-order-total span {
  display: block;
  margin-bottom: 4px;
  color: #9a9fa8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.k-order-tracking {
  display: inline-flex;
  color: #171a20;
  font-size: 13.5px;
  font-weight: 800;
}

.k-order-tracking:hover {
  color: var(--k-orange);
}

.k-order-date {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: #707783;
  font-size: 10.5px;
}

.k-order-date i {
  color: var(--k-orange);
}

.k-order-total strong {
  color: #171a20;
  font-size: 15px;
}

.k-status-pill {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}

.k-status-pill i {
  font-size: 6px;
}

.k-status-pill--success {
  background: #eaf8f0;
  color: #12814c;
}

.k-status-pill--warning {
  background: #fff5dc;
  color: #a36d00;
}

.k-status-pill--danger {
  background: #fff0f0;
  color: #b52b2b;
}

.k-order-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
}

.k-order-btn {
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border-radius: 10px;
  font-size: 10.5px;
  font-weight: 800;
  white-space: nowrap;
}

.k-order-btn--dark {
  background: #191c21;
  color: #fff;
}

.k-order-btn--orange {
  background: var(--k-orange);
  color: #fff;
}

.k-order-btn:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 9px 20px rgba(26,29,35,.14);
}

.k-orders-help {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 22px;
  padding: 16px 20px;
  border: 1px solid rgba(78,126,232,.12);
  border-radius: 16px;
  background: rgba(244,248,255,.92);
}

.k-orders-help > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.k-orders-help-icon {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #e8f0ff;
  color: #4e7ee8;
}

.k-orders-help strong {
  display: block;
  margin-bottom: 2px;
  color: #20242a;
  font-size: 12px;
}

.k-orders-help p {
  margin: 0;
  color: #717986;
  font-size: 10.5px;
}

.k-orders-help > a {
  color: #4e7ee8;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}

/* ---------- About ---------- */
.k-about-hero {
  padding: clamp(52px, 7vw, 92px) 0 60px;
}

.k-about-visual {
  position: relative;
  max-width: 560px;
}

.k-about-image-frame {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  background: #eceff3;
  box-shadow: 0 25px 65px rgba(25,28,35,.12);
}

.k-about-image-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(255,255,255,.42);
  border-radius: inherit;
  box-shadow: inset 0 0 0 8px rgba(255,255,255,.14);
  pointer-events: none;
}

.k-about-image-frame img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}

.k-about-visual:hover .k-about-image-frame img {
  transform: scale(1.035);
}

.k-about-floating-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 190px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.65);
  border-radius: 16px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 15px 36px rgba(25,28,35,.12);
  backdrop-filter: blur(12px);
}

.k-about-floating-card > span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff2e5;
  color: var(--k-orange);
}

.k-about-floating-card small {
  display: block;
  margin-bottom: 2px;
  color: #9a9fa8;
  font-size: 8.5px;
}

.k-about-floating-card strong {
  display: block;
  color: #1a1d23;
  font-size: 11px;
}

.k-about-floating-card--quality {
  right: -26px;
  top: 12%;
  animation: kAboutFloat 4.5s ease-in-out infinite alternate;
}

.k-about-floating-card--india {
  left: -20px;
  bottom: 10%;
  animation: kAboutFloat 5s ease-in-out .8s infinite alternate-reverse;
}

@keyframes kAboutFloat {
  from { transform: translateY(0); }
  to { transform: translateY(-9px); }
}

.k-about-copy h1 {
  max-width: 640px;
  margin: 0 0 18px;
  color: #15181e;
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: 1.06;
  letter-spacing: -.045em;
}

.k-about-copy p {
  max-width: 650px;
  color: #626a77;
  font-size: 13.5px;
  line-height: 1.85;
}

.k-about-copy .k-about-lead {
  color: #303641;
  font-size: 15px;
  font-weight: 600;
}

.k-about-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px 14px;
  margin: 24px 0;
}

.k-about-checks > div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #343944;
  font-size: 11.5px;
  font-weight: 700;
}

.k-about-checks i {
  color: var(--k-orange);
}

.k-about-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.k-about-values {
  padding: 20px 0 76px;
}

.k-section-title-center {
  max-width: 700px;
  margin: 0 auto 28px;
  text-align: center;
}

.k-section-title-center h2 {
  margin: 0 0 8px;
  color: #171a20;
  font-size: clamp(28px, 3.5vw, 42px);
  line-height: 1.1;
}

.k-section-title-center p {
  margin: 0;
  color: #69717e;
  font-size: 13px;
  line-height: 1.7;
}

.k-about-card {
  position: relative;
  min-height: 220px;
  padding: 24px 22px;
  overflow: hidden;
  border: 1px solid #e8eaf0;
  border-radius: 20px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 12px 32px rgba(25,28,35,.045);
}

.k-about-card:hover {
  border-color: rgba(239,127,26,.28);
  transform: translateY(-5px);
  box-shadow: 0 22px 44px rgba(25,28,35,.08);
}

.k-about-card-icon {
  display: inline-flex;
  width: 46px;
  height: 46px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff2e6;
  color: var(--k-orange);
  font-size: 17px;
}

.k-about-step {
  position: absolute;
  right: 18px;
  top: 14px;
  color: #eceef2;
  font-family: "Jost", sans-serif;
  font-size: 38px;
  font-weight: 800;
}

.k-about-card h3 {
  position: relative;
  margin: 22px 0 8px;
  color: #1d2026;
  font-size: 17px;
}

.k-about-card p {
  position: relative;
  margin: 0;
  color: #707784;
  font-size: 11.5px;
  line-height: 1.72;
}

.k-about-cta {
  padding: 0 0 76px;
}

.k-about-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 32px 36px;
  overflow: hidden;
  border-radius: 24px;
  background:
    radial-gradient(circle at 90% 20%, rgba(239,127,26,.30), transparent 27%),
    linear-gradient(135deg, #17191e, #222731);
  color: #fff;
  box-shadow: 0 24px 60px rgba(21,24,30,.16);
}

.k-about-cta-inner > div > span {
  color: #ff9a41;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.k-about-cta-inner h2 {
  margin: 7px 0 5px;
  color: #fff;
  font-size: clamp(24px, 3vw, 34px);
}

.k-about-cta-inner p {
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 12px;
}

.k-btn-light {
  display: inline-flex;
  min-height: 44px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 17px;
  border-radius: 999px;
  background: #fff;
  color: #17191e;
  font-size: 11.5px;
  font-weight: 800;
}

.k-btn-light:hover {
  background: var(--k-orange);
  color: #fff;
  transform: translateY(-2px);
}

/* ---------- Distributor ---------- */
.k-distributor-hero {
  padding: clamp(46px, 6vw, 82px) 0 58px;
}

.k-distributor-copy {
  max-width: 600px;
}

.k-distributor-copy h1 {
  margin: 0 0 15px;
  color: #15181e;
  font-size: clamp(40px, 5.2vw, 68px);
  line-height: .98;
  letter-spacing: -.05em;
}

.k-distributor-lead {
  max-width: 560px;
  color: #606976;
  font-size: 14px;
  line-height: 1.8;
}

.k-distributor-benefits {
  display: grid;
  gap: 11px;
  margin: 26px 0;
}

.k-distributor-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid rgba(25,28,34,.07);
  border-radius: 15px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(10px);
}

.k-distributor-benefit > span {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #fff1e4;
  color: var(--k-orange);
}

.k-distributor-benefit strong,
.k-distributor-benefit small {
  display: block;
}

.k-distributor-benefit strong {
  margin-bottom: 2px;
  color: #202329;
  font-size: 12px;
}

.k-distributor-benefit small {
  color: #777f8c;
  font-size: 10.5px;
  line-height: 1.5;
}

.k-distributor-contact-line {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 3px;
}

.k-distributor-contact-line > span {
  display: inline-flex;
  width: 37px;
  height: 37px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1a1d23;
  color: #fff;
}

.k-distributor-contact-line small,
.k-distributor-contact-line a {
  display: block;
}

.k-distributor-contact-line small {
  color: #8b929e;
  font-size: 9px;
}

.k-distributor-contact-line a {
  color: #252930;
  font-size: 12px;
  font-weight: 800;
}

.k-distributor-form-card {
  position: relative;
  padding: 25px;
  overflow: hidden;
  border: 1px solid rgba(25,28,34,.07);
  border-radius: 26px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 26px 70px rgba(24,28,35,.10);
}

.k-distributor-form-card::before {
  content: "";
  position: absolute;
  right: -80px;
  top: -90px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,127,26,.13), transparent 68%);
  pointer-events: none;
}

.k-form-card-head,
.k-form-progress,
.k-distributor-form,
.k-form-security {
  position: relative;
  z-index: 1;
}

.k-form-card-head > span {
  color: var(--k-orange);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.k-form-card-head h2 {
  margin: 5px 0 6px;
  color: #191c22;
  font-size: 23px;
  line-height: 1.15;
}

.k-form-card-head p {
  margin: 0;
  color: #777f8a;
  font-size: 10.5px;
  line-height: 1.6;
}

.k-form-progress {
  margin: 18px 0 22px;
}

.k-form-progress-track {
  height: 4px;
  overflow: hidden;
  border-radius: 999px;
  background: #eef0f3;
}

.k-form-progress-track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--k-orange), #ffad64);
  transition: width .35s ease;
}

.k-form-progress-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 10px;
}

.k-form-progress-steps button {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 6px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #a1a7b0;
  font-size: 8.5px;
  font-weight: 700;
  text-align: left;
}

.k-form-progress-steps button span {
  display: inline-flex;
  width: 21px;
  height: 21px;
  flex: 0 0 21px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef0f3;
  color: #9ca2ab;
  font-size: 8px;
}

.k-form-progress-steps button.active {
  color: #323740;
}

.k-form-progress-steps button.active span {
  background: var(--k-orange);
  color: #fff;
}

.k-form-step {
  display: none;
}

.k-form-step.active {
  display: block;
  animation: kFormStepIn .3s ease both;
}

@keyframes kFormStepIn {
  from { opacity: 0; transform: translateX(10px); }
  to   { opacity: 1; transform: translateX(0); }
}

.k-form-step-title {
  margin-bottom: 16px;
}

.k-form-step-title > span {
  display: block;
  margin-bottom: 2px;
  color: var(--k-orange);
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.k-form-step-title h3 {
  margin: 0;
  color: #20242a;
  font-size: 16px;
}

.k-field-label {
  display: block;
  margin-bottom: 6px;
  color: #3c424c;
  font-size: 9.5px;
  font-weight: 800;
}

.k-field-label em {
  color: #d64040;
  font-style: normal;
}

.k-field-label span {
  color: #9aa0aa;
  font-size: 8.5px;
  font-weight: 600;
}

.k-field-wrap {
  position: relative;
}

.k-field-wrap > i {
  position: absolute;
  left: 12px;
  top: 50%;
  z-index: 2;
  color: #9aa0aa;
  font-size: 11px;
  transform: translateY(-50%);
  pointer-events: none;
}

.k-field-wrap input,
.k-field-wrap textarea {
  width: 100%;
  margin: 0;
  border: 1px solid #e2e5e9;
  border-radius: 11px;
  background: #fbfcfd;
  color: #20242a;
  font-size: 11px;
  outline: none;
  box-shadow: none;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.k-field-wrap input {
  height: 43px;
  padding: 0 12px 0 34px;
}

.k-field-wrap textarea {
  min-height: 92px;
  padding: 12px 12px 12px 34px;
  resize: vertical;
}

.k-field-wrap--textarea > i {
  top: 15px;
  transform: none;
}

.k-field-wrap input:focus,
.k-field-wrap textarea:focus {
  border-color: rgba(239,127,26,.58);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(239,127,26,.08);
}

.k-form-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 20px;
}

.k-form-nav--end {
  justify-content: flex-end;
}

.k-form-next,
.k-form-prev,
.k-form-submit {
  display: inline-flex;
  min-height: 40px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border: 0;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

.k-form-next,
.k-form-submit {
  background: var(--k-orange);
  color: #fff;
}

.k-form-prev {
  background: #f0f2f5;
  color: #4e5560;
}

.k-form-next:hover,
.k-form-submit:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 9px 19px rgba(239,127,26,.22);
}

.k-form-prev:hover {
  background: #e7e9ed;
  color: #272c33;
}

.k-form-submit:disabled {
  cursor: wait;
  opacity: .7;
}

.k-form-submit.is-loading i {
  animation: kPaperPulse .7s ease-in-out infinite alternate;
}

@keyframes kPaperPulse {
  to { transform: translateX(4px); }
}

.k-consent-check {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 16px 0 0;
  color: #6e7682;
  font-size: 9.5px;
  line-height: 1.55;
  cursor: pointer;
}

.k-consent-check input {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  margin: 1px 0 0;
  accent-color: var(--k-orange);
}

.k-form-security {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 17px;
  padding-top: 14px;
  border-top: 1px solid #eceef1;
  color: #858c97;
  font-size: 8.7px;
}

.k-form-security i {
  color: #2b9d66;
}

.k-honeypot {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.k-form-result {
  padding: 28px 15px 20px;
  text-align: center;
}

.k-form-result.is-visible {
  animation: kResultIn .35s ease both;
}

@keyframes kResultIn {
  from { opacity: 0; transform: scale(.96); }
  to   { opacity: 1; transform: scale(1); }
}

.k-form-result-icon {
  display: inline-flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9f8f0;
  color: #16905a;
  font-size: 20px;
}

.k-form-result h3 {
  margin: 15px 0 7px;
  color: #1d2026;
  font-size: 20px;
}

.k-form-result p {
  max-width: 410px;
  margin: 0 auto 17px;
  color: #6e7580;
  font-size: 11px;
  line-height: 1.6;
}

.k-distributor-info {
  padding: 0 0 74px;
}

.k-distributor-info-grid {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  overflow: hidden;
  border: 1px solid #e8eaf0;
  border-radius: 24px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 48px rgba(25,28,35,.06);
}

.k-distributor-office {
  padding: 28px 30px;
}

.k-distributor-office h2 {
  margin: 0 0 6px;
  color: #1a1d23;
  font-size: 25px;
}

.k-distributor-office > p {
  margin: 0 0 20px;
  color: #747c88;
  font-size: 11.5px;
}

.k-office-lines {
  display: grid;
  gap: 9px;
}

.k-office-lines > a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #3c424d;
}

.k-office-lines > a > span {
  display: inline-flex;
  width: 32px;
  height: 32px;
  flex: 0 0 32px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #fff1e5;
  color: var(--k-orange);
}

.k-office-lines strong {
  font-size: 10.5px;
  line-height: 1.55;
}

.k-distributor-process {
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 28px;
  background: linear-gradient(145deg, #181a20, #232832);
}

.k-distributor-process > div {
  display: grid;
  grid-template-columns: 32px 78px 1fr;
  align-items: center;
  gap: 9px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.k-distributor-process > div:last-child {
  border-bottom: 0;
}

.k-distributor-process span {
  color: var(--k-orange);
  font-size: 10px;
  font-weight: 800;
}

.k-distributor-process strong {
  color: #fff;
  font-size: 11px;
}

.k-distributor-process small {
  color: rgba(255,255,255,.60);
  font-size: 9.5px;
  line-height: 1.5;
}

/* Responsive */
@media (max-width: 1199px) {
  .k-order-card {
    grid-template-columns: 48px minmax(200px,1.35fr) 100px 115px auto;
    gap: 12px;
  }

  .k-order-actions {
    flex-direction: column;
  }

  .k-about-floating-card--quality {
    right: -5px;
  }

  .k-about-floating-card--india {
    left: -5px;
  }
}

@media (max-width: 991px) {
  .k-page-hero {
    align-items: flex-start;
  }

  .k-order-card {
    grid-template-columns: 52px 1fr auto;
    grid-template-areas:
      "idx main total"
      "idx status actions";
    gap: 10px 16px;
  }

  .k-order-index { grid-area: idx; }
  .k-order-main { grid-area: main; }
  .k-order-total { grid-area: total; text-align: right; }
  .k-order-status { grid-area: status; }
  .k-order-actions { grid-area: actions; flex-direction: row; }

  .k-about-visual {
    margin: 0 auto;
  }

  .k-about-copy {
    max-width: 720px;
  }

  .k-distributor-copy {
    max-width: 760px;
  }

  .k-distributor-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .k-page-hero {
    display: block;
    padding: 22px;
    border-radius: 20px;
  }

  .k-page-hero .k-btn-outline {
    margin-top: 17px;
  }

  .k-order-card {
    display: grid;
    grid-template-columns: 44px 1fr;
    grid-template-areas:
      "idx main"
      "total total"
      "status status"
      "actions actions";
    padding: 15px;
  }

  .k-order-total {
    padding: 11px 0 0 60px;
    text-align: left;
  }

  .k-order-status {
    padding-left: 60px;
  }

  .k-order-actions {
    padding: 8px 0 0 60px;
    justify-content: flex-start;
  }

  .k-orders-help {
    align-items: flex-start;
    flex-direction: column;
  }

  .k-about-hero {
    padding-top: 42px;
  }

  .k-about-floating-card {
    min-width: 165px;
    padding: 9px 10px;
  }

  .k-about-floating-card--quality {
    right: 8px;
    top: 7%;
  }

  .k-about-floating-card--india {
    left: 8px;
    bottom: 7%;
  }

  .k-about-checks {
    grid-template-columns: 1fr;
  }

  .k-about-cta-inner {
    align-items: flex-start;
    flex-direction: column;
    padding: 26px 24px;
  }

  .k-distributor-hero {
    padding-top: 42px;
  }

  .k-distributor-form-card {
    padding: 20px 17px;
    border-radius: 21px;
  }

  .k-form-progress-steps button {
    justify-content: center;
    font-size: 0;
  }

  .k-form-progress-steps button span {
    font-size: 8px;
  }

  .k-distributor-office,
  .k-distributor-process {
    padding: 23px 20px;
  }

  .k-distributor-process > div {
    grid-template-columns: 28px 68px 1fr;
  }
}

@media (max-width: 479px) {
  .k-order-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }

  .k-order-total,
  .k-order-status {
    padding-left: 0;
  }

  .k-order-btn {
    width: 100%;
  }

  .k-about-floating-card {
    position: static;
    min-width: 0;
    margin-top: 9px;
    animation: none;
  }

  .k-about-visual {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }

  .k-about-image-frame {
    grid-column: 1 / -1;
  }

  .k-about-copy h1 {
    font-size: 34px;
  }

  .k-distributor-copy h1 {
    font-size: 40px;
  }

  .k-distributor-process > div {
    grid-template-columns: 28px 1fr;
  }

  .k-distributor-process small {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .k-ambient-orb,
  .k-ambient-grid,
  .k-about-floating-card,
  .k-form-step.active,
  .k-form-result.is-visible,
  .k-form-submit.is-loading i {
    animation: none !important;
  }
}


/* =========================================================
   KETHRON VISIBILITY FAIL-SAFE — V7
   Never allow page content to remain hidden because JS failed.
   ========================================================= */
#main-content [data-k-reveal],
#main-content .k-order-card,
#main-content .k-about-visual,
#main-content .k-about-copy,
#main-content .k-about-card,
#main-content .k-about-cta-inner,
#main-content .k-distributor-copy,
#main-content .k-distributor-form-card,
#main-content .k-distributor-benefit,
#main-content .k-distributor-office,
#main-content .k-distributor-process {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Also protect the main content container itself. */
#main-content {
  opacity: 1 !important;
  visibility: visible !important;
}


/* =========================================================
   KETHRON ORDER DETAILS PREMIUM REDESIGN — V8
   ========================================================= */

.k-order-detail-page {
  padding: clamp(40px, 5vw, 70px) 0 clamp(58px, 7vw, 92px);
}

.k-order-detail-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 18px;
}

.k-order-detail-heading {
  max-width: 780px;
}

.k-order-back-link {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 17px;
  color: #727a86;
  font-size: 10.5px;
  font-weight: 700;
}

.k-order-back-link:hover {
  color: var(--k-orange);
}

.k-order-detail-heading .k-eyebrow {
  display: flex;
  width: fit-content;
  margin-bottom: 9px;
}

.k-order-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px;
}

.k-order-title-row h1 {
  margin: 0;
  color: #171a20;
  font-size: clamp(36px, 5vw, 60px);
  font-weight: 800;
  line-height: .98;
  letter-spacing: -.045em;
}

.k-order-detail-heading > p {
  max-width: 660px;
  margin: 12px 0 0;
  color: #707884;
  font-size: 12.5px;
  line-height: 1.7;
}

.k-order-detail-actions {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.k-order-action-btn {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 15px;
  border-radius: 11px;
  font-size: 10.5px;
  font-weight: 800;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.k-order-action-btn--invoice {
  background: var(--k-orange);
  color: #fff;
}

.k-order-action-btn--dark {
  background: #1c1f25;
  color: #fff;
}

.k-order-action-btn:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(23,26,32,.14);
}


.k-order-meta-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid #e8eaee;
  border-radius: 18px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 36px rgba(24,28,35,.045);
}

.k-order-meta-strip > div {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  padding: 15px 17px;
  border-right: 1px solid #eceef1;
}

.k-order-meta-strip > div:last-child {
  border-right: 0;
}

.k-order-meta-icon {
  display: inline-flex;
  width: 37px;
  height: 37px;
  flex: 0 0 37px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #fff3e8;
  color: var(--k-orange);
  font-size: 13px;
}

.k-order-meta-strip small {
  display: block;
  margin-bottom: 2px;
  color: #9a9fa8;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.k-order-meta-strip strong {
  display: block;
  overflow: hidden;
  color: #272b32;
  font-size: 11px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-order-meta-strip .k-order-meta-total {
  color: var(--k-orange);
  font-size: 13px;
}


.k-order-detail-layout {
  display: grid;
  grid-template-columns: minmax(285px, .72fr) minmax(0, 1.55fr);
  gap: 18px;
  align-items: stretch;
}

.k-order-delivery-card,
.k-order-items-panel {
  border: 1px solid #e8eaee;
  border-radius: 22px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 16px 45px rgba(24,28,35,.055);
}

.k-order-delivery-card {
  padding: 22px;
}

.k-order-items-panel {
  padding: 22px;
}

.k-card-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.k-card-heading > div > span {
  display: block;
  margin-bottom: 3px;
  color: var(--k-orange);
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.k-card-heading h2 {
  margin: 0;
  color: #1a1d23;
  font-size: 23px;
  line-height: 1.15;
}

.k-card-heading-icon {
  display: inline-flex;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #fff3e8;
  color: var(--k-orange);
  font-size: 14px;
}

.k-order-item-count {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #656d79;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}


.k-customer-profile-row {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 18px;
  padding: 13px;
  border-radius: 14px;
  background: linear-gradient(135deg, #fff7ef, #fff);
}

.k-customer-avatar {
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--k-orange);
  color: #fff;
  font-size: 16px;
  font-weight: 800;
}

.k-customer-profile-row small,
.k-customer-profile-row strong {
  display: block;
}

.k-customer-profile-row small {
  margin-bottom: 2px;
  color: #9b9fa7;
  font-size: 8.5px;
}

.k-customer-profile-row strong {
  color: #22262d;
  font-size: 12px;
}


.k-delivery-contact-list {
  display: grid;
}

.k-delivery-contact-list > div {
  display: flex;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #eceef1;
}

.k-delivery-contact-list > div:last-child {
  border-bottom: 0;
}

.k-delivery-icon {
  display: inline-flex;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  background: #f4f6f8;
  color: #68717d;
  font-size: 11px;
}

.k-delivery-contact-list small,
.k-delivery-contact-list strong,
.k-delivery-contact-list span {
  display: block;
}

.k-delivery-contact-list small {
  margin-bottom: 3px;
  color: #9a9fa8;
  font-size: 8.5px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: uppercase;
}

.k-delivery-contact-list strong {
  color: #2a2f36;
  font-size: 10.8px;
  line-height: 1.55;
}

.k-delivery-address-row > div > span {
  margin-top: 2px;
  color: #6d7581;
  font-size: 10px;
  line-height: 1.55;
}


.k-delivery-help {
  display: grid;
  grid-template-columns: 35px 1fr auto;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  padding: 11px 12px;
  border-radius: 13px;
  background: #f5f8fe;
}

.k-delivery-help > span {
  display: inline-flex;
  width: 35px;
  height: 35px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #e7efff;
  color: #4e7ee8;
}

.k-delivery-help strong {
  display: block;
  margin-bottom: 1px;
  color: #2b3037;
  font-size: 9.5px;
}

.k-delivery-help p {
  margin: 0;
  color: #7b838f;
  font-size: 8.5px;
  line-height: 1.4;
}

.k-delivery-help a {
  color: #4e7ee8;
  font-size: 9px;
  font-weight: 800;
}


.k-order-item-list {
  overflow: hidden;
  border: 1px solid #e6e8ec;
  border-radius: 16px;
}

.k-order-product-row {
  display: grid;
  grid-template-columns:
    58px minmax(220px, 1fr)
    92px 72px 105px;
  align-items: center;
  gap: 12px;
  min-height: 82px;
  padding: 11px 13px;
  border-bottom: 1px solid #eceef1;
  background: #fff;
}

.k-order-product-row:last-child {
  border-bottom: 0;
}

.k-order-product-row:hover {
  background: #fffaf5;
}

.k-order-product-media {
  display: flex;
  width: 54px;
  height: 54px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 12px;
  background: #f5f6f8;
}

.k-order-product-media img {
  width: 100%;
  height: 100%;
  padding: 5px;
  object-fit: contain;
}

.k-order-product-media > span {
  display: inline-flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #a2a7af;
  font-size: 16px;
}

.k-order-product-info {
  min-width: 0;
}

.k-order-product-info small,
.k-order-product-stat small {
  display: block;
  margin-bottom: 3px;
  color: #9a9fa8;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.k-order-product-info strong {
  display: block;
  color: #2a2e35;
  font-size: 10.8px;
  font-weight: 800;
  line-height: 1.5;
}

.k-order-product-stat {
  text-align: right;
}

.k-order-product-stat strong {
  color: #343941;
  font-size: 10.5px;
}

.k-order-product-line-total strong {
  color: #1c2026;
  font-size: 11.5px;
}


.k-order-payment-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 285px;
  gap: 14px;
  margin-top: 16px;
}

.k-payment-info-card {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 11px;
  padding: 15px;
  border-radius: 15px;
  background: #f5f8fe;
}

.k-payment-info-icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #e4edff;
  color: #4e7ee8;
  font-size: 14px;
}

.k-payment-info-card small,
.k-payment-info-card strong,
.k-payment-info-card span {
  display: block;
}

.k-payment-info-card small {
  margin-bottom: 2px;
  color: #8590a0;
  font-size: 8.5px;
  font-weight: 700;
  text-transform: uppercase;
}

.k-payment-info-card strong {
  margin-bottom: 4px;
  color: #262b33;
  font-size: 11px;
}

.k-payment-info-card span {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #7a8290;
  font-size: 8.8px;
  line-height: 1.45;
}

.k-payment-info-card b {
  color: #4e5560;
  font-weight: 700;
}


.k-order-total-card {
  padding: 14px 15px;
  border-radius: 15px;
  background: #f5f6f8;
}

.k-order-total-card > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 6px 0;
}

.k-order-total-card span {
  color: #818894;
  font-size: 9.5px;
}

.k-order-total-card strong {
  color: #31363e;
  font-size: 10px;
}

.k-order-discount-row strong {
  color: #16844f;
}

.k-order-grand-total {
  margin-top: 5px;
  padding-top: 11px !important;
  border-top: 1px solid #dcdee3;
}

.k-order-grand-total span {
  color: #555d69;
  font-size: 11px;
  font-weight: 700;
}

.k-order-grand-total strong {
  color: var(--k-orange);
  font-size: 17px;
}


.k-order-items-empty {
  padding: 38px 20px;
  text-align: center;
}

.k-order-items-empty > span {
  display: inline-flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f2f3f5;
  color: #9096a0;
  font-size: 18px;
}

.k-order-items-empty h3 {
  margin: 13px 0 4px;
  color: #2c3037;
  font-size: 16px;
}

.k-order-items-empty p {
  margin: 0;
  color: #858c96;
  font-size: 10px;
}


/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
  .k-order-detail-layout {
    grid-template-columns: minmax(270px, .8fr) minmax(0, 1.45fr);
  }

  .k-order-product-row {
    grid-template-columns:
      54px minmax(190px,1fr)
      82px 60px 92px;
    gap: 9px;
  }

  .k-order-payment-section {
    grid-template-columns: minmax(0,1fr) 250px;
  }
}

@media (max-width: 991px) {
  .k-order-detail-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .k-order-detail-actions {
    justify-content: flex-start;
  }

  .k-order-meta-strip {
    grid-template-columns: 1fr 1fr;
  }

  .k-order-meta-strip > div:nth-child(2) {
    border-right: 0;
  }

  .k-order-meta-strip > div:nth-child(-n+2) {
    border-bottom: 1px solid #eceef1;
  }

  .k-order-detail-layout {
    grid-template-columns: 1fr;
  }

  .k-order-delivery-card {
    order: 2;
  }

  .k-order-items-panel {
    order: 1;
  }
}

@media (max-width: 767px) {
  .k-order-detail-page {
    padding-top: 34px;
  }

  .k-order-title-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 9px;
  }

  .k-order-title-row h1 {
    font-size: 37px;
  }

  .k-order-detail-actions {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }

  .k-order-action-btn {
    width: 100%;
  }

  .k-order-meta-strip {
    grid-template-columns: 1fr 1fr;
  }

  .k-order-meta-strip > div {
    padding: 13px;
  }

  .k-order-meta-icon {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
  }

  .k-order-items-panel,
  .k-order-delivery-card {
    padding: 17px;
    border-radius: 18px;
  }

  .k-card-heading h2 {
    font-size: 20px;
  }

  .k-order-product-row {
    grid-template-columns: 54px 1fr;
    grid-template-areas:
      "media info"
      "media price"
      "media qty"
      "media total";
    gap: 4px 10px;
    padding: 12px;
  }

  .k-order-product-media {
    grid-area: media;
  }

  .k-order-product-info {
    grid-area: info;
  }

  .k-order-product-stat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    text-align: left;
  }

  .k-order-product-stat:nth-of-type(1) {
    grid-area: price;
  }

  .k-order-product-stat:nth-of-type(2) {
    grid-area: qty;
  }

  .k-order-product-line-total {
    grid-area: total;
  }

  .k-order-product-stat small {
    margin: 0;
  }

  .k-order-payment-section {
    grid-template-columns: 1fr;
  }

  .k-order-total-card {
    order: 1;
  }

  .k-payment-info-card {
    order: 2;
  }
}

@media (max-width: 479px) {
  .k-order-detail-actions {
    grid-template-columns: 1fr;
  }

  .k-order-meta-strip {
    grid-template-columns: 1fr;
  }

  .k-order-meta-strip > div,
  .k-order-meta-strip > div:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #eceef1;
  }

  .k-order-meta-strip > div:last-child {
    border-bottom: 0;
  }

  .k-delivery-help {
    grid-template-columns: 35px 1fr;
  }

  .k-delivery-help a {
    grid-column: 2;
  }
}

/* =========================================================
   DISTRIBUTOR FINAL FIX — V9
   ========================================================= */
.k-distributor-page-v9{padding:clamp(44px,5.5vw,72px) 0 clamp(58px,7vw,88px)}
.k-distributor-layout-v9{display:grid;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);gap:clamp(34px,4.5vw,64px);align-items:start}
.k-distributor-story-v9{position:sticky;top:112px;padding-top:8px}
.k-distributor-story-v9 h1{max-width:620px;margin:0 0 18px;color:#171a20;font-size:clamp(40px,4.8vw,64px);font-weight:800;line-height:1;letter-spacing:-.052em}
.k-distributor-story-v9 h1 span{display:block;color:var(--k-orange)}
.k-distributor-story-lead{max-width:590px;margin:0;color:#646d79;font-size:14px;line-height:1.8}
.k-distributor-feature-list-v9{display:grid;gap:10px;margin:27px 0 23px}
.k-distributor-feature-list-v9 article{display:flex;align-items:flex-start;gap:12px;padding:13px 14px;border:1px solid rgba(26,29,35,.07);border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(25,28,35,.035)}
.k-distributor-feature-list-v9 article>span{display:inline-flex;width:39px;height:39px;flex:0 0 39px;align-items:center;justify-content:center;border-radius:12px;background:#fff1e4;color:var(--k-orange);font-size:14px}
.k-distributor-feature-list-v9 strong{display:block;margin:1px 0 3px;color:#22262c;font-size:11.5px}.k-distributor-feature-list-v9 p{margin:0;color:#777f8b;font-size:10px;line-height:1.5}
.k-distributor-process-v9{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:19px}.k-distributor-process-v9>div{display:flex;align-items:center;gap:8px;min-width:0;padding:11px;border:1px solid rgba(78,126,232,.10);border-radius:13px;background:rgba(244,248,255,.9)}
.k-distributor-process-v9 b{display:inline-flex;width:29px;height:29px;flex:0 0 29px;align-items:center;justify-content:center;border-radius:9px;background:#e3ecff;color:#4e7ee8;font-size:8px}.k-distributor-process-v9 strong,.k-distributor-process-v9 small{display:block}.k-distributor-process-v9 strong{font-size:9px;color:#2e333b}.k-distributor-process-v9 small{margin-top:1px;color:#808895;font-size:7.6px;line-height:1.3}
.k-distributor-help-v9{display:inline-flex;align-items:center;gap:10px;margin-top:20px}.k-distributor-help-v9>span{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:#1b1e24;color:#fff}.k-distributor-help-v9 small,.k-distributor-help-v9 a{display:block}.k-distributor-help-v9 small{font-size:8.5px;color:#9097a1}.k-distributor-help-v9 a{margin-top:1px;color:#252930;font-size:11.5px;font-weight:800}
.k-distributor-form-shell-v9{position:relative;overflow:hidden;padding:26px;border:1px solid rgba(25,28,34,.07);border-radius:24px;background:rgba(255,255,255,.97);box-shadow:0 22px 65px rgba(24,28,35,.09)}
.k-distributor-form-shell-v9:before{content:"";position:absolute;right:-95px;top:-105px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(239,127,26,.12),transparent 68%);pointer-events:none}.k-distributor-form-shell-v9>*{position:relative;z-index:1}
.k-distributor-form-head-v9{margin-bottom:20px}.k-distributor-form-head-v9>span{color:var(--k-orange);font-size:8.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.k-distributor-form-head-v9 h2{margin:5px 0;color:#1b1e24;font-size:25px;line-height:1.15}.k-distributor-form-head-v9 p{margin:0;color:#858c97;font-size:9.5px}
.k-distributor-alert-v9{display:flex;align-items:flex-start;gap:10px;margin-bottom:17px;padding:12px 13px;border-radius:12px}.k-distributor-alert-v9>i{margin-top:1px;font-size:14px}.k-distributor-alert-v9 strong,.k-distributor-alert-v9 span{display:block}.k-distributor-alert-v9 strong{margin-bottom:2px;font-size:10.5px}.k-distributor-alert-v9 span{font-size:9.2px;line-height:1.5}.k-distributor-alert-v9--success{border:1px solid #caead9;background:#effaf4;color:#167849}.k-distributor-alert-v9--error{border:1px solid #efd1d1;background:#fff2f2;color:#b32d2d}
.k-distributor-form-v9{display:block!important;width:100%}.k-distributor-section-v9{padding:18px 0;border-top:1px solid #eceef1}.k-distributor-section-v9:first-of-type{padding-top:2px;border-top:0}.k-distributor-section-title-v9{display:flex;align-items:center;gap:9px;margin-bottom:13px}.k-distributor-section-title-v9>span{display:inline-flex;width:29px;height:29px;flex:0 0 29px;align-items:center;justify-content:center;border-radius:9px;background:#fff1e4;color:var(--k-orange);font-size:8px;font-weight:800}.k-distributor-section-title-v9 strong,.k-distributor-section-title-v9 small{display:block}.k-distributor-section-title-v9 strong{font-size:10.5px;color:#2b3037}.k-distributor-section-title-v9 small{margin-top:1px;color:#8f96a0;font-size:8.2px}
.k-distributor-form-v9 .k-field-wrap input{height:44px}.k-distributor-form-v9 .k-field-wrap textarea{min-height:96px}.k-distributor-consent-v9{display:flex;align-items:flex-start;gap:9px;margin:4px 0 0;padding:11px 12px;border-radius:11px;background:#f7f8fa;color:#707884;font-size:9.2px;line-height:1.55;cursor:pointer}.k-distributor-consent-v9 input{width:15px;height:15px;flex:0 0 15px;margin:1px 0 0;accent-color:var(--k-orange)}
.k-distributor-submit-v9{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding-top:17px;border-top:1px solid #eceef1}.k-distributor-submit-v9>div{display:flex;max-width:280px;align-items:flex-start;gap:7px;color:#858c96;font-size:8.5px;line-height:1.45}.k-distributor-submit-v9>div i{margin-top:1px;color:#22915e}
button.k-distributor-submit-btn-v9{display:inline-flex!important;width:auto!important;min-width:178px!important;height:44px!important;min-height:44px!important;align-items:center;justify-content:center;gap:8px;padding:0 17px!important;border:0!important;border-radius:11px!important;background:var(--k-orange)!important;color:#fff!important;font-family:inherit;font-size:10.5px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;opacity:1!important;visibility:visible!important;box-shadow:0 10px 22px rgba(239,127,26,.19);appearance:none;-webkit-appearance:none;transition:.18s ease}.k-distributor-submit-btn-v9:hover{background:#dd700f!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 28px rgba(239,127,26,.25)}
.k-distributor-contact-strip-v9{display:grid;grid-template-columns:1.4fr .72fr .88fr;margin-top:22px;overflow:hidden;border:1px solid #e8eaee;border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 11px 32px rgba(24,28,35,.04)}.k-distributor-contact-strip-v9>div,.k-distributor-contact-strip-v9>a{display:flex;min-width:0;align-items:center;gap:10px;padding:14px 16px;border-right:1px solid #eceef1;color:#343941}.k-distributor-contact-strip-v9>a:last-child{border-right:0}.k-distributor-contact-strip-v9>div>span,.k-distributor-contact-strip-v9>a>span{display:inline-flex;width:34px;height:34px;flex:0 0 34px;align-items:center;justify-content:center;border-radius:10px;background:#fff1e4;color:var(--k-orange)}.k-distributor-contact-strip-v9 small,.k-distributor-contact-strip-v9 strong{display:block}.k-distributor-contact-strip-v9 small{margin-bottom:1px;color:#999fa8;font-size:8px;font-weight:700;text-transform:uppercase}.k-distributor-contact-strip-v9 strong{color:#343941;font-size:9.5px;line-height:1.5}
@media(max-width:1199px){.k-distributor-layout-v9{grid-template-columns:minmax(0,.82fr) minmax(470px,1.18fr);gap:34px}.k-distributor-process-v9{grid-template-columns:1fr}}
@media(max-width:991px){.k-distributor-layout-v9{grid-template-columns:1fr}.k-distributor-story-v9{position:static;max-width:760px}.k-distributor-feature-list-v9{grid-template-columns:repeat(3,1fr)}.k-distributor-feature-list-v9 article{display:block}.k-distributor-feature-list-v9 article>span{margin-bottom:9px}.k-distributor-process-v9{grid-template-columns:repeat(3,1fr)}}
@media(max-width:767px){.k-distributor-page-v9{padding-top:36px}.k-distributor-story-v9 h1{font-size:41px}.k-distributor-feature-list-v9{grid-template-columns:1fr}.k-distributor-feature-list-v9 article{display:flex}.k-distributor-process-v9{grid-template-columns:1fr}.k-distributor-form-shell-v9{padding:20px 17px;border-radius:20px}.k-distributor-submit-v9{align-items:stretch;flex-direction:column}.k-distributor-submit-v9>div{max-width:none}button.k-distributor-submit-btn-v9{width:100%!important}.k-distributor-contact-strip-v9{grid-template-columns:1fr}.k-distributor-contact-strip-v9>div,.k-distributor-contact-strip-v9>a{border-right:0;border-bottom:1px solid #eceef1}.k-distributor-contact-strip-v9>a:last-child{border-bottom:0}}
@media(max-width:479px){.k-distributor-story-v9 h1{font-size:36px}}

/* =========================================================
   V6 DISTRIBUTOR DESIGN + RELIABLE SUBMIT FIX — V12
   Visual layout remains V6.
   ========================================================= */
.k-v6-form-alert {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 14px 0 16px;
  padding: 11px 12px;
  border-radius: 11px;
  font-size: 9.5px;
  line-height: 1.5;
}
.k-v6-form-alert > i { margin-top: 1px; font-size: 13px; }
.k-v6-form-alert strong,
.k-v6-form-alert span { display: block; }
.k-v6-form-alert strong { margin-bottom: 2px; font-size: 10px; }
.k-v6-form-alert--success {
  border: 1px solid #cde9d9;
  background: #effaf4;
  color: #17794a;
}
.k-v6-form-alert--error {
  border: 1px solid #efd2d2;
  background: #fff3f3;
  color: #b42f2f;
}

/* Never let old theme button rules break the V6 form controls. */
.k-distributor-form-card .k-form-next,
.k-distributor-form-card .k-form-prev,
.k-distributor-form-card .k-form-submit {
  width: auto !important;
  min-width: 0 !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: 10px !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
}
.k-distributor-form-card .k-form-submit {
  min-width: 154px !important;
}
@media (max-width: 479px) {
  .k-distributor-form-card .k-form-nav {
    gap: 8px;
  }
  .k-distributor-form-card .k-form-next,
  .k-distributor-form-card .k-form-prev,
  .k-distributor-form-card .k-form-submit {
    flex: 1 1 auto;
  }
}


/* =========================================================
   V6 DISTRIBUTOR SUBMIT / CONSENT FIX — V13
   ========================================================= */

/*
 * Original theme's style.css globally hides ALL checkboxes:
 *
 * input[type=checkbox] {
 *   visibility:hidden;
 *   opacity:0;
 *   display:none;
 * }
 *
 * Restore only the Distributor agreement checkbox.
 */
#distributorForm .k-consent-check
input#dist_consent {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  flex: 0 0 17px !important;
  margin: 1px 0 0 !important;
  padding: 0 !important;
  position: static !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
  accent-color: #ef7f1a !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

#distributorForm .k-consent-check {
  position: relative;
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  min-height: 38px;
  padding: 9px 10px;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition:
    border-color .18s ease,
    background .18s ease;
}

#distributorForm .k-consent-check > span {
  display: block;
  flex: 1 1 auto;
}

#distributorForm
.k-consent-check.k-consent-error {
  border-color: #e9a0a0;
  background: #fff2f2;
  color: #a82929;
}

#distributorForm
.k-consent-check.k-consent-error::after {
  content: "Please tick this box before submitting.";
  position: absolute;
  left: 36px;
  bottom: -16px;
  color: #c13232;
  font-size: 8.5px;
  font-weight: 700;
}

/*
 * Force submit control above any decorative layers and
 * defeat old template button rules.
 */
#distributorForm #distributorSubmit {
  position: relative !important;
  z-index: 25 !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 154px !important;
  height: 40px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #ef7f1a !important;
  color: #fff !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
  appearance: button !important;
  -webkit-appearance: button !important;
}

#distributorForm
#distributorSubmit:hover {
  background: #dc700f !important;
  color: #fff !important;
}

#distributorForm
#distributorSubmit:disabled {
  opacity: .72 !important;
  cursor: wait !important;
}

/* Prevent decorative layers from intercepting form clicks. */
.k-distributor-form-card::before,
.k-distributor-form-card::after {
  pointer-events: none !important;
}

.k-distributor-form-card
.k-form-nav {
  position: relative;
  z-index: 20;
}

/* Make validation failures easy to notice. */
#distributorForm
input:invalid:not(:placeholder-shown),
#distributorForm
textarea:invalid:not(:placeholder-shown) {
  border-color: rgba(201,53,53,.45);
}

@media (max-width: 479px) {

  #distributorForm
  #distributorSubmit {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  #distributorForm
  .k-consent-check.k-consent-error {
    margin-bottom: 17px;
  }
}


/* =========================================================
   KETHRON HEADER DROPDOWN / SLIDER STACKING FIX — V15
   Shop submenu + logged-in account menu must always appear
   ABOVE slider / hero / page content.
   ========================================================= */

/* ---------- Header creates the highest site stacking layer ---------- */
.k-site-header,
header.k-site-header,
.vs-header.k-site-header {
  position: relative !important;
  z-index: 1000000 !important;
  overflow: visible !important;
  isolation: auto !important;
}

.k-site-header .sticky-wrapper,
.k-site-header .sticky-active,
.k-site-header .k-main-nav,
.k-site-header .k-main-nav > .container,
.k-site-header .k-nav-row,
.k-site-header .main-menu,
.k-site-header .main-menu > ul,
.k-site-header .main-menu > ul > li,
.k-site-header .header-btns,
.k-site-header .k-header-actions,
.k-site-header .k-account-menu-wrapper {
  overflow: visible !important;
}

/* Keep the normal nav itself above the page. */
.k-site-header .sticky-wrapper {
  position: relative;
  z-index: 1000010 !important;
}

.k-site-header .sticky-active,
.k-site-header .k-main-nav {
  z-index: 1000020 !important;
}

/* When the template makes the nav sticky/fixed, preserve the high layer. */
.k-site-header .will-sticky .sticky-active,
.k-site-header .will-sticky .sticky-active.active,
.k-site-header .sticky-active.active,
.sticky-wrapper.is-sticky .sticky-active {
  z-index: 1000020 !important;
}

/* ---------- Shop dropdown ---------- */
.k-site-header .main-menu > ul > li.menu-item-has-children {
  position: relative !important;
  z-index: 1000030 !important;
}

/*
 * Override the original theme's negative z-index / large margin-top
 * dropdown animation. A transform animation is safer and avoids
 * being buried under the slider.
 */
.k-site-header .main-menu ul.sub-menu {
  top: calc(100% - 10px) !important;
  left: 50% !important;
  min-width: 235px;
  max-height: min(460px, calc(100vh - 140px));
  margin-top: 0 !important;
  padding: 9px !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  border: 1px solid #e7e9ed !important;
  border-bottom: 3px solid #ef7f1a !important;
  border-radius: 14px !important;
  background: #fff !important;

  box-shadow:
    0 22px 55px rgba(17, 20, 26, .18) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  z-index: 1000100 !important;

  transform:
    translate(-50%, 9px)
    scale(.985) !important;

  transform-origin: top center !important;

  transition:
    opacity .18s ease,
    visibility .18s ease,
    transform .18s ease !important;
}

/* Small invisible bridge makes mouse movement from Shop into menu reliable. */
.k-site-header .main-menu ul.sub-menu::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -14px;
  height: 14px;
}

.k-site-header
.main-menu
> ul
> li.menu-item-has-children:hover
> ul.sub-menu,
.k-site-header
.main-menu
> ul
> li.menu-item-has-children:focus-within
> ul.sub-menu {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  transform:
    translate(-50%, 0)
    scale(1) !important;

  z-index: 1000100 !important;
}

/* Clean Shop trigger arrow. */
.k-site-header
.main-menu
ul
li.menu-item-has-children
> a::after {
  transition:
    transform .18s ease,
    color .18s ease;
}

.k-site-header
.main-menu
ul
li.menu-item-has-children:hover
> a::after,
.k-site-header
.main-menu
ul
li.menu-item-has-children:focus-within
> a::after {
  transform: rotate(180deg);
  color: #ef7f1a;
}

/* Submenu items. */
.k-site-header .main-menu ul.sub-menu li {
  display: block !important;
  width: 100%;
  padding: 0 !important;
}

.k-site-header .main-menu ul.sub-menu li + li {
  margin-top: 2px !important;
}

.k-site-header .main-menu ul.sub-menu li > a {
  display: flex !important;
  width: 100%;
  min-height: 38px;
  align-items: center;
  padding: 7px 11px !important;
  border-radius: 9px;
  color: #454b55 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  white-space: normal;
}

.k-site-header .main-menu ul.sub-menu li > a::before {
  display: none !important;
}

.k-site-header .main-menu ul.sub-menu li > a:hover,
.k-site-header .main-menu ul.sub-menu li > a:focus {
  padding-left: 14px !important;
  background: #fff4e9 !important;
  color: #ef7f1a !important;
}

/* ---------- Logged-in account dropdown ---------- */
.k-site-header .k-account-menu-wrapper {
  position: relative !important;
  z-index: 1000040 !important;
}

.k-site-header
.header-btns.k-header-actions
.k-account-dropdown {
  top: calc(50% + 30px) !important;
  right: 0 !important;
  left: auto !important;

  width: 238px !important;
  min-width: 238px !important;
  max-height: calc(100vh - 130px);

  overflow-x: hidden !important;
  overflow-y: auto !important;

  z-index: 1000200 !important;

  box-shadow:
    0 22px 55px rgba(17, 20, 26, .20) !important;
}

.k-site-header
.header-btns.k-header-actions
.k-account-menu-wrapper:hover
.k-account-dropdown,
.k-site-header
.header-btns.k-header-actions
.k-account-menu-wrapper:focus-within
.k-account-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  z-index: 1000200 !important;
}

/* Slightly stronger hover treatment on the signed-in account pill. */
.k-site-header
.k-account-menu-wrapper:hover
.k-account-trigger,
.k-site-header
.k-account-menu-wrapper:focus-within
.k-account-trigger {
  border-color: rgba(239,127,26,.48) !important;
  background: #fff7ef !important;
  box-shadow:
    0 10px 24px rgba(25, 28, 35, .10) !important;
}

/* ---------- Keep page content / slider below header menus ---------- */
#main-content {
  position: relative !important;
  z-index: 1 !important;
  isolation: auto !important;
}

#main-content > section,
#main-content .slider,
#main-content .vs-hero-wrapper,
#main-content .hero-layout1,
#main-content .hero-layout2,
.slider,
.slides,
.slide {
  position: relative;
  z-index: 1 !important;
}

/*
 * Slider arrows should stay over the slide itself, but never over
 * header dropdowns.
 */
.slider .prev,
.slider .next,
.prev,
.next {
  z-index: 20 !important;
}

/* Ambient/background effects never block clicks. */
.k-global-ambient,
.k-global-ambient *,
.k-ambient-orb,
.k-ambient-grid {
  pointer-events: none !important;
}

/* ---------- Desktop positioning refinement ---------- */
@media (min-width: 1200px) {
  .k-site-header .main-menu ul.sub-menu {
    top: calc(100% - 8px) !important;
  }
}

/* ---------- Smaller desktop / tablet ---------- */
@media (min-width: 992px) and (max-width: 1199px) {
  .k-site-header .main-menu ul.sub-menu {
    min-width: 215px;
  }

  .k-site-header
  .header-btns.k-header-actions
  .k-account-dropdown {
    width: 220px !important;
    min-width: 220px !important;
  }
}

/* Respect reduced motion. */
@media (prefers-reduced-motion: reduce) {
  .k-site-header .main-menu ul.sub-menu,
  .k-site-header .k-account-dropdown,
  .k-site-header .main-menu li > a::after {
    transition: none !important;
  }
}


/* =========================================================
   KETHRON ACCOUNT DROPDOWN CLICK / HOVER STABILITY — V16
   ========================================================= */

/* Keep the account wrapper as one continuous hover zone. */
.k-site-header
.header-btns.k-header-actions
.k-account-menu-wrapper {
  position: relative !important;
  align-self: stretch !important;
  display: flex !important;
  align-items: center !important;
  padding-bottom: 10px !important;
  margin-bottom: -10px !important;
}

/*
 * IMPORTANT:
 * Put the dropdown directly under the trigger with NO dead gap.
 */
.k-site-header
.header-btns.k-header-actions
.k-account-dropdown {
  top: calc(100% - 10px) !important;
  right: 0 !important;
  left: auto !important;
  margin-top: 0 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transform:
    translateY(7px)
    scale(.99) !important;

  transition:
    opacity .16s ease,
    visibility .16s ease,
    transform .16s ease !important;
}

/* Large invisible bridge between trigger and menu. */
.k-site-header
.header-btns.k-header-actions
.k-account-dropdown::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -22px !important;
  height: 22px !important;
  background: transparent !important;
  pointer-events: auto !important;
}

/* Hover / keyboard / JS-open state all use same visible style. */
.k-site-header
.header-btns.k-header-actions
.k-account-menu-wrapper:hover
.k-account-dropdown,

.k-site-header
.header-btns.k-header-actions
.k-account-menu-wrapper:focus-within
.k-account-dropdown,

.k-site-header
.header-btns.k-header-actions
.k-account-menu-wrapper.k-account-open
.k-account-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;

  transform:
    translateY(0)
    scale(1) !important;
}

/* Trigger state while open. */
.k-site-header
.k-account-menu-wrapper.k-account-open
.k-account-trigger {
  border-color: rgba(239,127,26,.48) !important;
  background: #fff7ef !important;
  box-shadow:
    0 10px 24px rgba(25,28,35,.10) !important;
}

/* Chevron state while open. */
.k-site-header
.k-account-menu-wrapper.k-account-open
.k-account-chevron {
  color: #ef7f1a !important;
  transform: rotate(180deg) !important;
}

/*
 * Ensure dropdown rows themselves remain clickable and are never
 * covered by any pseudo element.
 */
.k-site-header
.k-account-dropdown > a {
  position: relative !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

/* Prevent the bridge from covering the first actual row. */
.k-site-header
.k-account-dropdown-head,
.k-site-header
.k-account-dropdown > a,
.k-site-header
.k-account-dropdown-divider {
  position: relative !important;
  z-index: 2 !important;
}

/* Slightly enlarge hit-area for easier mouse use. */
.k-site-header
.k-account-dropdown > a {
  min-height: 41px !important;
}

/* Desktop only. Mobile account still uses the drawer. */
@media (max-width: 767px) {
  .k-site-header
  .header-btns.k-header-actions
  .k-account-menu-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}


/* =========================================================
   KETHRON CUSTOMER ACCOUNT CENTER — V17
   ========================================================= */

.k-account-center {
  padding:
    clamp(34px, 4vw, 54px)
    0
    clamp(62px, 7vw, 94px);
}

.k-account-center-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 20px;
  padding: 24px 26px;
  overflow: hidden;
  border: 1px solid rgba(25,28,34,.07);
  border-radius: 22px;
  background:
    radial-gradient(
      circle at 92% 10%,
      rgba(239,127,26,.14),
      transparent 26%
    ),
    linear-gradient(
      135deg,
      rgba(255,255,255,.98),
      rgba(249,251,255,.96)
    );
  box-shadow:
    0 17px 48px rgba(24,28,35,.055);
}

.k-account-center-user {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 16px;
}

.k-account-center-avatar {
  display: inline-flex;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background:
    linear-gradient(
      145deg,
      #ef7f1a,
      #ff9c44
    );
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  box-shadow:
    0 12px 27px rgba(239,127,26,.20);
}

.k-account-center-user .k-eyebrow {
  margin-bottom: 5px;
}

.k-account-center-user h1 {
  margin: 0;
  color: #181b21;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.k-account-center-user p {
  max-width: 650px;
  margin: 6px 0 0;
  color: #717986;
  font-size: 11.5px;
  line-height: 1.6;
}

.k-account-center-summary {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
}

.k-account-center-summary > div {
  display: flex;
  min-width: 118px;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  border: 1px solid rgba(25,28,34,.07);
  border-radius: 14px;
  background: rgba(255,255,255,.88);
}

.k-account-center-summary > div > span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 12px;
}

.k-account-center-summary small,
.k-account-center-summary strong {
  display: block;
}

.k-account-center-summary small {
  color: #959ca6;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}

.k-account-center-summary strong {
  margin-top: 1px;
  color: #252930;
  font-size: 17px;
}


.k-account-center-layout {
  display: grid;
  grid-template-columns: 226px minmax(0,1fr);
  gap: 18px;
  align-items: start;
}

.k-account-center-sidebar {
  position: sticky;
  top: 104px;
}

.k-account-center-nav {
  padding: 8px;
  border: 1px solid #e8eaee;
  border-radius: 18px;
  background: rgba(255,255,255,.95);
  box-shadow:
    0 12px 34px rgba(24,28,35,.045);
}

.k-account-center-nav > a {
  display: grid;
  grid-template-columns: 24px 1fr 12px;
  min-height: 43px;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border-radius: 11px;
  color: #5d6571;
  font-size: 10.5px;
  font-weight: 700;
}

.k-account-center-nav > a + a {
  margin-top: 3px;
}

.k-account-center-nav > a > i:first-child {
  display: inline-flex;
  width: 24px;
  height: 24px;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #f4f5f7;
  color: #818894;
  font-size: 10px;
}

.k-account-center-nav > a > i:last-child {
  color: #b5bac2;
  font-size: 7px;
}

.k-account-center-nav > a:hover {
  background: #fff7ef;
  color: #ef7f1a;
}

.k-account-center-nav > a.active {
  background:
    linear-gradient(
      135deg,
      #fff1e4,
      #fff8f1
    );
  color: #df6e0e;
}

.k-account-center-nav > a.active > i:first-child {
  background: #ef7f1a;
  color: #fff;
}

.k-account-center-nav
> a.k-account-center-logout {
  margin-top: 8px;
  border-top: 1px solid #eceef1;
  border-radius: 0 0 11px 11px;
  color: #b53232;
}

.k-account-center-nav
> a.k-account-center-logout
> i:first-child {
  background: #fff0f0;
  color: #c74343;
}

.k-account-center-support {
  display: flex;
  gap: 9px;
  margin-top: 10px;
  padding: 13px;
  border: 1px solid rgba(78,126,232,.11);
  border-radius: 15px;
  background: #f5f8fe;
}

.k-account-center-support > span {
  display: inline-flex;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #e4edff;
  color: #4e7ee8;
  font-size: 12px;
}

.k-account-center-support strong {
  display: block;
  color: #31363e;
  font-size: 9.5px;
}

.k-account-center-support p {
  margin: 3px 0 5px;
  color: #7b8491;
  font-size: 8.3px;
  line-height: 1.45;
}

.k-account-center-support a {
  color: #4e7ee8;
  font-size: 8.8px;
  font-weight: 800;
}


.k-account-center-content {
  min-width: 0;
  padding: 22px;
  border: 1px solid #e8eaee;
  border-radius: 20px;
  background: rgba(255,255,255,.95);
  box-shadow:
    0 14px 40px rgba(24,28,35,.05);
}

.k-account-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
}

.k-account-section-heading > div > span {
  display: block;
  margin-bottom: 3px;
  color: #ef7f1a;
  font-size: 8.2px;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}

.k-account-section-heading h2 {
  margin: 0;
  color: #1a1d23;
  font-size: 24px;
  line-height: 1.12;
}

.k-account-section-heading p {
  margin: 5px 0 0;
  color: #7b838f;
  font-size: 9.8px;
  line-height: 1.55;
}

.k-account-heading-action {
  display: inline-flex;
  min-height: 36px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid #e1e4e8;
  border-radius: 10px;
  background: #fff;
  color: #343941;
  font-size: 9.5px;
  font-weight: 800;
  cursor: pointer;
}

.k-account-heading-action:hover {
  border-color: rgba(239,127,26,.38);
  background: #fff7ef;
  color: #ef7f1a;
}


/* ---------- Overview ---------- */

.k-account-overview-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 11px;
}

.k-account-overview-card {
  display: grid;
  grid-template-columns: 42px 1fr 18px;
  align-items: center;
  gap: 11px;
  min-height: 104px;
  padding: 15px;
  border: 1px solid #e9ebef;
  border-radius: 15px;
  background: #fff;
  color: #30353d;
  box-shadow:
    0 8px 22px rgba(24,28,35,.03);
}

.k-account-overview-card:hover {
  border-color: rgba(239,127,26,.24);
  background: #fffbf7;
  transform: translateY(-2px);
  box-shadow:
    0 14px 30px rgba(24,28,35,.065);
}

.k-account-overview-icon {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 14px;
}

.k-account-overview-card small,
.k-account-overview-card strong {
  display: block;
}

.k-account-overview-card small {
  margin-bottom: 1px;
  color: #a0a5ad;
  font-size: 7.8px;
  font-weight: 700;
  text-transform: uppercase;
}

.k-account-overview-card strong {
  color: #272b32;
  font-size: 11px;
}

.k-account-overview-card p {
  margin: 3px 0 0;
  color: #7e8692;
  font-size: 8.7px;
  line-height: 1.45;
}

.k-account-overview-card > i {
  color: #c0c5cc;
  font-size: 9px;
}


.k-account-latest-order {
  margin-top: 13px;
  padding: 16px;
  border: 1px solid rgba(78,126,232,.11);
  border-radius: 15px;
  background: #f7f9fd;
}

.k-account-latest-order-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.k-account-latest-order-head > div > span {
  display: block;
  color: #9299a4;
  font-size: 7.8px;
  font-weight: 800;
  text-transform: uppercase;
}

.k-account-latest-order-head h3 {
  margin: 2px 0 0;
  color: #22262d;
  font-size: 15px;
}

.k-account-latest-order-meta {
  display: grid;
  grid-template-columns: 1.4fr .7fr auto;
  gap: 12px;
  align-items: end;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #e4e8ef;
}

.k-account-latest-order-meta small,
.k-account-latest-order-meta strong {
  display: block;
}

.k-account-latest-order-meta small {
  color: #969da7;
  font-size: 7.7px;
  font-weight: 700;
  text-transform: uppercase;
}

.k-account-latest-order-meta strong {
  margin-top: 2px;
  color: #343941;
  font-size: 9.5px;
}

.k-account-latest-order-meta a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4e7ee8;
  font-size: 9px;
  font-weight: 800;
}

.k-account-zero-order {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  align-items: center;
  gap: 11px;
  margin-top: 13px;
  padding: 14px;
  border-radius: 14px;
  background: #f7f8fa;
}

.k-account-zero-order > span {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #fff;
  color: #8d949e;
}

.k-account-zero-order strong {
  display: block;
  color: #30353c;
  font-size: 10px;
}

.k-account-zero-order p {
  margin: 2px 0 0;
  color: #858d98;
  font-size: 8.5px;
}

.k-account-zero-order a {
  color: #ef7f1a;
  font-size: 9px;
  font-weight: 800;
}


/* ---------- Orders ---------- */

.k-profile-orders {
  display: grid;
  gap: 9px;
}

.k-profile-order-card {
  display: grid;
  grid-template-columns:
    42px
    minmax(180px,1.25fr)
    90px
    105px
    auto;
  align-items: center;
  gap: 11px;
  padding: 12px;
  border: 1px solid #e9ebef;
  border-radius: 14px;
  background: #fff;
}

.k-profile-order-card:hover {
  border-color: rgba(239,127,26,.24);
  box-shadow:
    0 10px 27px rgba(24,28,35,.055);
  transform: translateY(-1px);
}

.k-profile-order-number {
  display: inline-flex;
  width: 37px;
  height: 37px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f4f5f7;
  color: #999fa8;
  font-size: 8.5px;
  font-weight: 800;
}

.k-profile-order-main {
  min-width: 0;
}

.k-profile-order-main small,
.k-profile-order-total small {
  display: block;
  margin-bottom: 2px;
  color: #9da3ac;
  font-size: 7.3px;
  font-weight: 800;
  text-transform: uppercase;
}

.k-profile-order-main > a {
  display: block;
  overflow: hidden;
  color: #262a31;
  font-size: 10.5px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.k-profile-order-main > a:hover {
  color: #ef7f1a;
}

.k-profile-order-main > span {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
  color: #858d98;
  font-size: 7.9px;
}

.k-profile-order-main > span i {
  color: #ef7f1a;
}

.k-profile-order-total strong {
  color: #252930;
  font-size: 10.5px;
}

.k-profile-order-actions {
  display: flex;
  justify-content: flex-end;
  gap: 5px;
}

.k-profile-order-actions > a {
  display: inline-flex;
  min-height: 33px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border-radius: 9px;
  font-size: 8.8px;
  font-weight: 800;
}

.k-profile-order-view {
  background: #1d2026;
  color: #fff;
}

.k-profile-order-invoice {
  background: #ef7f1a;
  color: #fff;
}

.k-profile-order-actions > a:hover {
  color: #fff;
  transform: translateY(-1px);
}


/* ---------- Empty ---------- */

.k-profile-empty {
  padding: 48px 20px;
  text-align: center;
}

.k-profile-empty > span {
  display: inline-flex;
  width: 55px;
  height: 55px;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 19px;
}

.k-profile-empty h3 {
  margin: 14px 0 5px;
  color: #2b3037;
  font-size: 17px;
}

.k-profile-empty p {
  max-width: 430px;
  margin: 0 auto;
  color: #858d98;
  font-size: 9.5px;
  line-height: 1.6;
}

.k-profile-empty > a,
.k-profile-empty > button {
  display: inline-flex;
  min-height: 37px;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: #ef7f1a;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}


/* ---------- Track Order ---------- */

.k-profile-track-card {
  padding: 20px;
  border: 1px solid #e8eaee;
  border-radius: 17px;
  background:
    linear-gradient(
      145deg,
      #fff,
      #fbfcfe
    );
}

.k-profile-track-icon {
  display: inline-flex;
  width: 47px;
  height: 47px;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 16px;
}

.k-profile-track-copy h3 {
  margin: 12px 0 4px;
  color: #262a31;
  font-size: 18px;
}

.k-profile-track-copy p {
  max-width: 590px;
  margin: 0;
  color: #7d8591;
  font-size: 9.5px;
  line-height: 1.55;
}

.k-profile-track-form {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  margin-top: 15px;
}

.k-profile-track-form > div {
  position: relative;
}

.k-profile-track-form > div > i {
  position: absolute;
  left: 13px;
  top: 50%;
  color: #9ca2ab;
  font-size: 11px;
  transform: translateY(-50%);
}

.k-profile-track-form input {
  width: 100%;
  height: 43px;
  padding: 0 13px 0 36px;
  border: 1px solid #dfe3e8;
  border-radius: 11px;
  background: #fff;
  color: #2d3239;
  font-size: 10px;
  outline: none;
}

.k-profile-track-form input:focus {
  border-color: rgba(239,127,26,.55);
  box-shadow:
    0 0 0 3px rgba(239,127,26,.08);
}

.k-profile-track-form button {
  display: inline-flex;
  min-width: 116px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: 0;
  border-radius: 11px;
  background: #ef7f1a;
  color: #fff;
  font-size: 9.5px;
  font-weight: 800;
  cursor: pointer;
}

.k-profile-track-message {
  margin-top: 8px;
  padding: 9px 11px;
  border-radius: 9px;
  background: #f5f7fa;
  color: #626b76;
  font-size: 9px;
}

.k-profile-track-message.is-error {
  background: #fff1f1;
  color: #b33131;
}

.k-profile-track-frame-wrap {
  margin-top: 14px;
  overflow: hidden;
  border: 1px solid #e0e4e9;
  border-radius: 13px;
  background: #fff;
}

.k-profile-track-frame-wrap iframe {
  display: block;
  width: 100%;
  min-height: 520px;
  border: 0;
}

.k-profile-track-note {
  display: grid;
  grid-template-columns: 38px 1fr auto;
  align-items: center;
  gap: 10px;
  margin-top: 11px;
  padding: 13px;
  border-radius: 13px;
  background: #f5f8fe;
}

.k-profile-track-note > span {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #e5edff;
  color: #4e7ee8;
}

.k-profile-track-note strong {
  display: block;
  color: #343941;
  font-size: 9.3px;
}

.k-profile-track-note p {
  margin: 2px 0 0;
  color: #7d8692;
  font-size: 8.3px;
  line-height: 1.45;
}

.k-profile-track-note a {
  color: #4e7ee8;
  font-size: 8.8px;
  font-weight: 800;
}


/* ---------- Addresses ---------- */

.k-profile-address-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}

.k-profile-address-card {
  padding: 14px;
  border: 1px solid #e8eaee;
  border-radius: 15px;
  background: #fff;
}

.k-profile-address-card:hover {
  border-color: rgba(239,127,26,.22);
  box-shadow:
    0 10px 28px rgba(24,28,35,.05);
}

.k-profile-address-card-head {
  display: grid;
  grid-template-columns: 36px 1fr auto;
  align-items: center;
  gap: 9px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eceef1;
}

.k-profile-address-card-head > span {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 12px;
}

.k-profile-address-card-head small,
.k-profile-address-card-head strong {
  display: block;
}

.k-profile-address-card-head small {
  color: #a0a5ae;
  font-size: 7.5px;
  font-weight: 700;
  text-transform: uppercase;
}

.k-profile-address-card-head strong {
  margin-top: 1px;
  color: #2b3037;
  font-size: 10.5px;
}

.k-profile-address-edit {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #e2e5e9;
  border-radius: 8px;
  background: #fff;
  color: #555d68;
  font-size: 8px;
  font-weight: 800;
  cursor: pointer;
}

.k-profile-address-edit:hover {
  border-color: rgba(239,127,26,.35);
  background: #fff7ef;
  color: #ef7f1a;
}

.k-profile-address-lines {
  display: grid;
  gap: 7px;
  padding-top: 10px;
}

.k-profile-address-lines > div {
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 7px;
  align-items: start;
  color: #6c7480;
  font-size: 8.8px;
  line-height: 1.5;
}

.k-profile-address-lines > div > i {
  margin-top: 2px;
  color: #9ca2ab;
  font-size: 8px;
}

.k-profile-address-form-shell {
  margin-top: 13px;
  padding: 18px;
  border: 1px solid rgba(239,127,26,.16);
  border-radius: 17px;
  background:
    linear-gradient(
      145deg,
      #fff,
      #fffaf5
    );
}

.k-profile-address-form-shell[hidden] {
  display: none !important;
}

.k-profile-address-form-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 14px;
}

.k-profile-address-form-head span {
  display: block;
  color: #ef7f1a;
  font-size: 7.7px;
  font-weight: 800;
  text-transform: uppercase;
}

.k-profile-address-form-head h3 {
  margin: 2px 0 0;
  color: #252930;
  font-size: 17px;
}

.k-profile-address-form-head > button {
  display: inline-flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e1e4e8;
  border-radius: 9px;
  background: #fff;
  color: #757d88;
  cursor: pointer;
}

.k-profile-address-form label {
  display: block;
  margin-bottom: 5px;
  color: #444a53;
  font-size: 8.7px;
  font-weight: 800;
}

.k-profile-address-form label em {
  color: #c83c3c;
  font-style: normal;
}

.k-profile-address-form label span {
  color: #9ea4ad;
  font-size: 7.7px;
  font-weight: 600;
}

.k-profile-address-form
.row
> div
> div {
  position: relative;
}

.k-profile-address-form
.row
> div
> div
> i {
  position: absolute;
  left: 11px;
  top: 50%;
  z-index: 1;
  color: #a0a6ae;
  font-size: 9px;
  transform: translateY(-50%);
}

.k-profile-address-form textarea + i {
  top: 14px;
}

.k-profile-address-form input,
.k-profile-address-form textarea {
  width: 100%;
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  background: #fff;
  color: #2e333a;
  font-size: 9.5px;
  outline: none;
}

.k-profile-address-form input {
  height: 41px;
  padding: 0 11px 0 32px;
}

.k-profile-address-form textarea {
  min-height: 84px;
  padding: 11px 11px 11px 32px;
  resize: vertical;
}

.k-profile-address-form input:focus,
.k-profile-address-form textarea:focus {
  border-color: rgba(239,127,26,.52);
  box-shadow:
    0 0 0 3px rgba(239,127,26,.07);
}

.k-profile-address-form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 7px;
  margin-top: 15px;
  padding-top: 13px;
  border-top: 1px solid #eceef1;
}

.k-profile-address-form-actions > button {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  border-radius: 9px;
  font-size: 8.8px;
  font-weight: 800;
  cursor: pointer;
}

.k-profile-address-form-actions
> button:first-child {
  border: 1px solid #dfe3e8;
  background: #fff;
  color: #69717c;
}

.k-profile-address-form-actions
> button:last-child {
  border: 0;
  background: #ef7f1a;
  color: #fff;
}


/* ---------- Password ---------- */

.k-profile-password-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) 250px;
  gap: 12px;
}

.k-profile-password-card {
  padding: 17px;
  border: 1px solid #e8eaee;
  border-radius: 16px;
  background: #fff;
}

.k-profile-password-icon {
  display: inline-flex;
  width: 43px;
  height: 43px;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  border-radius: 13px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 14px;
}

.k-profile-password-card label {
  display: block;
  margin: 11px 0 5px;
  color: #444a53;
  font-size: 8.8px;
  font-weight: 800;
}

.k-profile-password-card label:first-of-type {
  margin-top: 0;
}

.k-profile-password-card label em {
  color: #c83b3b;
  font-style: normal;
}

.k-profile-password-field {
  position: relative;
}

.k-profile-password-field i {
  position: absolute;
  left: 11px;
  top: 50%;
  color: #a0a6ae;
  font-size: 9px;
  transform: translateY(-50%);
}

.k-profile-password-field input {
  width: 100%;
  height: 42px;
  padding: 0 11px 0 32px;
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  background: #fff;
  color: #2e333a;
  font-size: 9.5px;
  outline: none;
}

.k-profile-password-field input:focus {
  border-color: rgba(239,127,26,.52);
  box-shadow:
    0 0 0 3px rgba(239,127,26,.07);
}

.k-profile-password-card form > button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 15px;
  padding: 0 14px;
  border: 0;
  border-radius: 10px;
  background: #ef7f1a;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}

.k-profile-security-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 16px;
  border-radius: 15px;
  background: #f5f8fe;
}

.k-profile-security-note > span {
  display: inline-flex;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  background: #e4edff;
  color: #4e7ee8;
  font-size: 13px;
}

.k-profile-security-note strong {
  display: block;
  color: #343941;
  font-size: 10px;
}

.k-profile-security-note ul {
  margin: 8px 0 0;
  padding-left: 15px;
  color: #7a838f;
  font-size: 8.5px;
  line-height: 1.55;
}

.k-profile-security-note li + li {
  margin-top: 4px;
}


/* ---------- Public tracking ---------- */

.k-public-track-page {
  padding:
    clamp(48px,6vw,80px)
    0
    clamp(65px,7vw,95px);
}

.k-public-track-card {
  max-width: 760px;
  margin: 0 auto;
  padding: 30px;
  border: 1px solid #e8eaee;
  border-radius: 22px;
  background: rgba(255,255,255,.96);
  box-shadow:
    0 20px 55px rgba(24,28,35,.07);
  text-align: center;
}

.k-public-track-icon {
  display: inline-flex;
  width: 58px;
  height: 58px;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
  border-radius: 18px;
  background: #fff1e4;
  color: #ef7f1a;
  font-size: 20px;
}

.k-public-track-card .k-eyebrow {
  display: block;
}

.k-public-track-card h1 {
  margin: 0;
  color: #1b1e24;
  font-size: clamp(30px,4vw,44px);
}

.k-public-track-card > p {
  max-width: 520px;
  margin: 8px auto 0;
  color: #7c8490;
  font-size: 10.5px;
  line-height: 1.6;
}

.k-public-track-form {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  max-width: 570px;
  margin: 18px auto 0;
}

.k-public-track-form > div {
  position: relative;
}

.k-public-track-form i {
  position: absolute;
  left: 12px;
  top: 50%;
  color: #9ba1aa;
  transform: translateY(-50%);
}

.k-public-track-form input {
  width: 100%;
  height: 43px;
  padding: 0 12px 0 34px;
  border: 1px solid #dfe3e8;
  border-radius: 11px;
  font-size: 10px;
  outline: none;
}

.k-public-track-form button {
  min-width: 115px;
  border: 0;
  border-radius: 11px;
  background: #ef7f1a;
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  cursor: pointer;
}


/* ---------- View Order account context ---------- */

.k-order-account-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 16px;
  padding: 6px;
  border: 1px solid #e8eaee;
  border-radius: 13px;
  background: rgba(255,255,255,.94);
  box-shadow:
    0 8px 24px rgba(24,28,35,.035);
}

.k-order-account-nav > a {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border-radius: 8px;
  color: #69717c;
  font-size: 8.7px;
  font-weight: 800;
}

.k-order-account-nav > a:hover,
.k-order-account-nav > a.active {
  background: #fff1e4;
  color: #df6e0e;
}


/* ---------- Responsive ---------- */

@media (max-width: 1199px) {

  .k-account-center-layout {
    grid-template-columns: 210px minmax(0,1fr);
  }

  .k-profile-order-card {
    grid-template-columns:
      38px
      minmax(170px,1fr)
      82px
      100px
      auto;
  }

}


@media (max-width: 991px) {

  .k-account-center-hero {
    align-items: flex-start;
    flex-direction: column;
  }

  .k-account-center-summary {
    width: 100%;
  }

  .k-account-center-summary > div {
    flex: 1;
  }

  .k-account-center-layout {
    grid-template-columns: 1fr;
  }

  .k-account-center-sidebar {
    position: static;
  }

  .k-account-center-nav {
    display: flex;
    overflow-x: auto;
    gap: 5px;
    padding: 6px;
    scrollbar-width: thin;
  }

  .k-account-center-nav > a {
    display: inline-flex;
    min-width: max-content;
    flex: 0 0 auto;
  }

  .k-account-center-nav > a > i:last-child {
    display: none;
  }

  .k-account-center-nav
  > a.k-account-center-logout {
    margin-top: 0;
    border-top: 0;
    border-radius: 10px;
  }

  .k-account-center-support {
    display: none;
  }

  .k-profile-order-card {
    grid-template-columns: 40px 1fr auto;
    grid-template-areas:
      "num main total"
      "num status actions";
  }

  .k-profile-order-number {
    grid-area: num;
  }

  .k-profile-order-main {
    grid-area: main;
  }

  .k-profile-order-total {
    grid-area: total;
    text-align: right;
  }

  .k-profile-order-status {
    grid-area: status;
  }

  .k-profile-order-actions {
    grid-area: actions;
  }

}


@media (max-width: 767px) {

  .k-account-center {
    padding-top: 28px;
  }

  .k-account-center-hero {
    padding: 19px;
    border-radius: 18px;
  }

  .k-account-center-avatar {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
    border-radius: 15px;
    font-size: 19px;
  }

  .k-account-center-user h1 {
    font-size: 27px;
  }

  .k-account-center-content {
    padding: 16px;
    border-radius: 17px;
  }

  .k-account-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .k-account-overview-grid {
    grid-template-columns: 1fr;
  }

  .k-account-latest-order-meta {
    grid-template-columns: 1fr 1fr;
  }

  .k-account-latest-order-meta > div:last-child {
    grid-column: 1 / -1;
  }

  .k-profile-order-card {
    grid-template-columns: 38px 1fr;
    grid-template-areas:
      "num main"
      "total total"
      "status status"
      "actions actions";
  }

  .k-profile-order-total,
  .k-profile-order-status,
  .k-profile-order-actions {
    padding-left: 49px;
  }

  .k-profile-order-total {
    text-align: left;
  }

  .k-profile-order-actions {
    justify-content: flex-start;
  }

  .k-profile-track-form {
    grid-template-columns: 1fr;
  }

  .k-profile-track-form button {
    min-height: 41px;
  }

  .k-profile-track-note {
    grid-template-columns: 38px 1fr;
  }

  .k-profile-track-note a {
    grid-column: 2;
  }

  .k-profile-address-grid {
    grid-template-columns: 1fr;
  }

  .k-profile-password-layout {
    grid-template-columns: 1fr;
  }

  .k-public-track-card {
    padding: 23px 17px;
  }

  .k-public-track-form {
    grid-template-columns: 1fr;
  }

  .k-public-track-form button {
    min-height: 42px;
  }

}


@media (max-width: 479px) {

  .k-account-center-user {
    align-items: flex-start;
  }

  .k-account-center-summary {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .k-account-center-summary > div {
    min-width: 0;
  }

  .k-account-latest-order-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .k-profile-order-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
  }

  .k-profile-order-total,
  .k-profile-order-status {
    padding-left: 0;
  }

  .k-profile-order-actions > a {
    width: 100%;
  }

  .k-profile-address-card-head {
    grid-template-columns: 34px 1fr;
  }

  .k-profile-address-edit {
    grid-column: 1 / -1;
    justify-self: start;
    margin-left: 43px;
  }

  .k-profile-address-form-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .k-profile-address-form-actions > button {
    width: 100%;
  }

  .k-order-account-nav {
    overflow-x: auto;
    flex-wrap: nowrap;
  }

  .k-order-account-nav > a {
    flex: 0 0 auto;
  }




	
}