:root {
  --green-950: #0d3f18;
  --green-900: #123f18;
  --green-800: #1d5a25;
  --green-700: #2b742d;
  --green-600: #3a8a35;
  --green-100: #eaf3df;
  --cream: #fbfaf1;
  --mist: #f5f7ef;
  --gold: #d9a52f;
  --amber: #9b651d;
  --ink: #1d271d;
  --muted: #667160;
  --line: #dbe5cf;
  --shadow: 0 18px 40px rgba(30, 64, 33, .12);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--ink);
  background: #fff;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
textarea {
  font: inherit;
}

.container {
  width: min(1180px, calc(100% - 32px));
  margin-inline: auto;
}

.top-strip {
  background: var(--green-950);
  color: #fff;
  font-size: 13px;
}

.strip-inner {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fff;
  box-shadow: 0 2px 14px rgba(31, 56, 25, .08);
}

.header-main {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 28px;
  min-height: 84px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: max-content;
}

.brand strong {
  display: block;
  font-size: 25px;
  line-height: 1;
  color: var(--green-800);
  letter-spacing: 0;
}

.brand small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: var(--muted);
}

.brand-mark {
  position: relative;
  width: 42px;
  height: 38px;
  display: inline-block;
}

.brand-mark::before,
.brand-mark::after,
.brand-mark span {
  content: "";
  position: absolute;
  background: var(--green-700);
  border-radius: 100% 0 100% 0;
  transform-origin: bottom right;
}

.brand-mark::before {
  width: 26px;
  height: 16px;
  left: 3px;
  top: 11px;
  transform: rotate(-30deg);
}

.brand-mark::after {
  width: 24px;
  height: 15px;
  right: 2px;
  top: 5px;
  transform: rotate(18deg) scaleX(-1);
}

.brand-mark span {
  width: 20px;
  height: 12px;
  left: 13px;
  bottom: 2px;
  transform: rotate(16deg);
  background: #75a843;
}

.search-bar {
  display: grid;
  grid-template-columns: 1fr 56px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 4px;
  overflow: hidden;
  background: #fff;
}

.search-bar input {
  border: 0;
  padding: 0 16px;
  min-width: 0;
}

.search-bar button {
  border: 0;
  color: #fff;
  background: var(--green-700);
  font-size: 0;
  cursor: pointer;
}

.search-bar button::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 2px solid #fff;
  border-radius: 50%;
  vertical-align: middle;
}

.search-bar button::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 2px;
  margin-left: -4px;
  background: #fff;
  transform: rotate(45deg);
  vertical-align: middle;
}

.quick-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.plain-action {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 0;
  background: transparent;
  color: var(--ink);
  cursor: pointer;
  text-align: left;
  padding: 0;
}

.plain-action span:last-child {
  font-weight: 700;
  font-size: 13px;
}

.plain-action small {
  display: block;
  color: var(--muted);
  font-weight: 400;
  font-size: 11px;
}

.action-icon {
  position: relative;
  width: 27px;
  height: 27px;
  border: 2px solid #8ba67d;
  border-radius: 50%;
}

.heart-icon {
  border-radius: 0;
  border: 0;
}

.heart-icon::before,
.heart-icon::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 22px;
  border: 2px solid #8ba67d;
  border-bottom: 0;
  border-radius: 15px 15px 0 0;
  transform: rotate(-45deg);
  transform-origin: 0 100%;
  left: 13px;
  top: 3px;
}

.heart-icon::after {
  left: -1px;
  transform: rotate(45deg);
  transform-origin: 100% 100%;
}

.cart-icon::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 8px;
  width: 15px;
  height: 9px;
  border: 2px solid #8ba67d;
  border-top: 0;
}

.mobile-menu,
.sidebar-toggle {
  display: none;
  width: 38px;
  height: 34px;
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 5px;
  padding: 7px;
}

.mobile-menu span,
.sidebar-toggle span {
  display: block;
  height: 2px;
  margin: 4px 0;
  background: var(--green-800);
}

.main-nav {
  border-top: 1px solid var(--line);
}

.nav-inner {
  min-height: 47px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.nav-inner a {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 16px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 13px;
}

.nav-inner a.active,
.nav-inner a:hover,
.admin-link {
  color: #fff;
  background: var(--green-700);
}

.hero {
  min-height: 420px;
  overflow: hidden;
  background:
    linear-gradient(90deg, rgba(249, 252, 238, .98), rgba(242, 250, 230, .78) 45%, rgba(255, 255, 255, .12)),
    radial-gradient(circle at 85% 45%, rgba(130, 169, 83, .35), transparent 33%),
    linear-gradient(120deg, #f8f4df, #e5f1d6);
}

.hero-inner {
  position: relative;
  min-height: 420px;
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
}

.hero-copy {
  position: relative;
  z-index: 3;
  padding: 44px 0;
}

.hero h1 {
  margin: 0 0 18px;
  max-width: 560px;
  font-size: clamp(44px, 6vw, 76px);
  line-height: .97;
  color: var(--green-950);
  letter-spacing: 0;
}

.hero h1 span {
  display: block;
  margin-top: 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  color: var(--green-800);
}

.hero p {
  margin: 0 0 28px;
  font-size: 18px;
  font-weight: 700;
}

.hero-actions,
.section-heading,
.newsletter-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.btn,
.pill-link,
.cart-btn,
.bundle-card a,
.admin-button,
.outline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid var(--green-700);
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}

.btn.primary,
.cart-btn,
.admin-button,
.subscribe-form button {
  color: #fff;
  background: var(--green-700);
}

.btn.secondary,
.pill-link,
.outline-button {
  background: #fff;
  color: var(--green-800);
}

.btn.full {
  width: 100%;
}

.hero-still {
  position: relative;
  height: 420px;
}

.sun {
  position: absolute;
  right: 26%;
  top: 22%;
  width: 260px;
  height: 260px;
  background: radial-gradient(circle, rgba(255,255,255,.92), rgba(255,255,255,0) 68%);
}

.mortar,
.large-mortar {
  position: absolute;
  width: 250px;
  height: 150px;
  right: 220px;
  bottom: 72px;
  background: linear-gradient(135deg, #b89c74, #f0dfbd 45%, #836b4f);
  border-radius: 12px 12px 105px 105px;
  box-shadow: inset 0 12px 25px rgba(75, 53, 31, .28), var(--shadow);
}

.mortar::before,
.large-mortar::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 9px;
  width: calc(100% + 24px);
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(90deg, #6c553f, #f3e6c8, #7d644b);
}

.pestle {
  position: absolute;
  width: 245px;
  height: 34px;
  right: 333px;
  bottom: 224px;
  background: linear-gradient(90deg, #876748, #ecd9ad, #816244);
  border-radius: 20px;
  transform: rotate(-28deg);
  box-shadow: 0 12px 22px rgba(58, 58, 36, .18);
}

.bottle {
  position: absolute;
  bottom: 63px;
  width: 64px;
  height: 118px;
  background: linear-gradient(90deg, #3c2112, #9a551d 40%, #1b120d);
  border-radius: 11px 11px 20px 20px;
  box-shadow: var(--shadow);
}

.bottle::before {
  content: "";
  position: absolute;
  left: 16px;
  top: -28px;
  width: 32px;
  height: 34px;
  border-radius: 7px 7px 0 0;
  background: #21130d;
}

.bottle-one {
  right: 86px;
}

.bottle-two {
  right: 10px;
  transform: scale(.9);
  bottom: 56px;
}

.leaf-field,
.feature-leaves,
.leaf-corner {
  position: absolute;
  inset: 40px 0 0 auto;
  width: 470px;
  background:
    radial-gradient(ellipse at 15% 74%, #477d34 0 8px, transparent 9px),
    radial-gradient(ellipse at 24% 62%, #75a843 0 12px, transparent 13px),
    radial-gradient(ellipse at 34% 48%, #2f6b2f 0 9px, transparent 10px),
    radial-gradient(ellipse at 46% 68%, #79a943 0 13px, transparent 14px),
    radial-gradient(ellipse at 62% 53%, #3a7b36 0 10px, transparent 11px),
    radial-gradient(ellipse at 73% 71%, #638c3b 0 14px, transparent 15px),
    radial-gradient(ellipse at 82% 42%, #2b6c2e 0 10px, transparent 11px);
  opacity: .85;
}

.trust {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0;
  margin-top: -24px;
  padding: 18px;
  background: #fff;
  border-radius: 6px;
  box-shadow: var(--shadow);
}

.trust article {
  display: grid;
  grid-template-columns: 36px 1fr;
  align-items: center;
  column-gap: 10px;
  min-height: 54px;
}

.trust strong,
.trust small {
  display: block;
}

.trust strong {
  font-size: 13px;
}

.trust small {
  color: var(--muted);
  font-size: 12px;
}

.badge {
  grid-row: span 2;
  width: 28px;
  height: 28px;
  border: 2px solid #7fa16e;
  border-radius: 50%;
}

.section {
  padding: 42px 0;
}

.section-title small,
.section-heading small,
.feature-copy small {
  display: block;
  margin-bottom: 5px;
  color: var(--green-700);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
}

.section-title.centered {
  text-align: center;
}

h2 {
  margin: 0;
  color: #172515;
  font-size: 29px;
  line-height: 1.15;
  letter-spacing: 0;
}

.category-grid,
.product-grid,
.bundle-grid,
.review-grid,
.blog-grid {
  display: grid;
  gap: 18px;
  margin-top: 24px;
}

.category-grid {
  grid-template-columns: repeat(6, 1fr);
}

.category-card,
.product-card,
.bundle-card,
.blog-card,
.review-grid article,
.admin-card,
.stats-card,
.site-layout,
.preview-card,
.browser-panel {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(43, 68, 35, .07);
}

.category-card {
  padding: 14px;
  text-align: center;
  background: #faf9ef;
}

.category-art {
  position: relative;
  display: block;
  height: 128px;
  margin-bottom: 12px;
  overflow: hidden;
  border-radius: 6px;
  background: #ede8d7;
}

.category-art::before,
.category-art::after {
  content: "";
  position: absolute;
}

.powder-art::before {
  width: 86px;
  height: 54px;
  left: 29px;
  bottom: 18px;
  border-radius: 0 0 45px 45px;
  background: linear-gradient(135deg, #805d37, #dec199);
}

.powder-art::after {
  width: 72px;
  height: 38px;
  left: 36px;
  bottom: 48px;
  border-radius: 50%;
  background: #6a9c43;
}

.honey-art {
  background:
    radial-gradient(circle at 52% 62%, #c07c16 0 34px, transparent 35px),
    linear-gradient(135deg, #f6eccc, #f5d582);
}

.honey-art::before {
  width: 9px;
  height: 94px;
  background: #9c6b23;
  left: 72px;
  top: 0;
  transform: rotate(28deg);
}

.oil-art {
  background:
    radial-gradient(ellipse at 66% 82%, #616b25 0 26px, transparent 27px),
    linear-gradient(135deg, #eff4db, #dfd5a7);
}

.oil-art::before {
  width: 44px;
  height: 88px;
  left: 58px;
  top: 24px;
  border-radius: 6px 6px 20px 20px;
  background: linear-gradient(90deg, #dfb326, #798025);
}

.capsule-art {
  background:
    radial-gradient(ellipse at 52% 67%, #dbcfb8 0 34px, transparent 35px),
    linear-gradient(135deg, #f4edda, #e9e2cd);
}

.capsule-art::before,
.capsule-art::after {
  width: 45px;
  height: 18px;
  border-radius: 18px;
  background: linear-gradient(90deg, #d5c190 50%, #f3ead1 51%);
  left: 47px;
  top: 55px;
  transform: rotate(-23deg);
}

.capsule-art::after {
  left: 78px;
  top: 76px;
  transform: rotate(18deg);
}

.tea-art {
  background:
    radial-gradient(ellipse at 50% 70%, #c48623 0 45px, transparent 46px),
    linear-gradient(135deg, #f5f0d9, #e7e6d6);
}

.tea-art::before {
  width: 92px;
  height: 38px;
  left: 29px;
  bottom: 30px;
  border: 8px solid rgba(255,255,255,.8);
  border-top: 0;
  border-radius: 0 0 50px 50px;
}

.seed-art {
  background:
    radial-gradient(circle at 44% 55%, #5d4d2d 0 5px, transparent 6px),
    radial-gradient(circle at 54% 59%, #96773c 0 5px, transparent 6px),
    radial-gradient(circle at 61% 47%, #5b4e33 0 5px, transparent 6px),
    radial-gradient(circle at 38% 68%, #a4894c 0 5px, transparent 6px),
    linear-gradient(135deg, #efe7d2, #ddd0af);
}

.category-card strong,
.category-card small {
  display: block;
}

.category-card strong {
  margin-bottom: 7px;
}

.category-card small {
  color: var(--muted);
}

.product-grid {
  grid-template-columns: repeat(5, 1fr);
}

.product-card {
  position: relative;
  padding: 16px;
}

.wish {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.wish::before {
  content: "♡";
  font-size: 23px;
  color: #607a5a;
}

.wish.active::before {
  content: "♥";
  color: var(--green-700);
}

.product-art {
  position: relative;
  height: 168px;
  margin: 12px auto 16px;
}

.product-art::after {
  content: "";
  position: absolute;
  left: 34px;
  right: 34px;
  bottom: 0;
  height: 16px;
  background: radial-gradient(ellipse, rgba(54,82,42,.3), transparent 65%);
}

.bag {
  width: 118px;
}

.bag::before {
  content: "";
  position: absolute;
  left: 20px;
  bottom: 15px;
  width: 78px;
  height: 118px;
  border-radius: 8px 8px 4px 4px;
  background: linear-gradient(180deg, #d8ceb0, #b69d75);
  box-shadow: inset 0 8px 16px rgba(255,255,255,.42);
}

.bag span,
.jar span,
.bottle-product span {
  position: absolute;
  z-index: 1;
  left: 42px;
  bottom: 73px;
  width: 34px;
  height: 27px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 800;
  background: var(--green-700);
  border-radius: 3px;
  font-size: 12px;
}

.lime-bag::before {
  background: linear-gradient(180deg, #d9d3b6, #a5b36c);
}

.jar {
  width: 100px;
}

.jar::before,
.bottle-product::before {
  content: "";
  position: absolute;
  left: 22px;
  bottom: 18px;
  width: 58px;
  height: 100px;
  border-radius: 10px 10px 18px 18px;
  background: linear-gradient(90deg, #5f3d1f, #c28c2e 44%, #34210e);
  box-shadow: inset 6px 0 10px rgba(255,255,255,.15);
}

.jar::after,
.bottle-product::after {
  content: "";
  position: absolute;
  left: 31px;
  bottom: 119px;
  width: 40px;
  height: 18px;
  background: #1f1812;
  border-radius: 4px 4px 0 0;
}

.gold-jar::before {
  background: linear-gradient(90deg, #6f3a0e, #d39a2e 44%, #412009);
}

.bottle-product {
  width: 92px;
}

.bottle-product::before {
  left: 18px;
  height: 112px;
  background: linear-gradient(90deg, #111, #33401f 45%, #090909);
}

.bottle-product span {
  left: 30px;
}

.product-card h3,
.bundle-card h3,
.blog-card h3 {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.25;
}

.stars {
  color: var(--gold);
  font-size: 13px;
}

.stars span {
  color: var(--muted);
}

.product-card p,
.bundle-card p {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0 12px;
}

.product-card strong,
.bundle-card strong {
  font-size: 18px;
}

del {
  color: #97a090;
  font-size: 13px;
}

.cart-btn {
  width: 100%;
  min-height: 36px;
}

.cart-btn.added {
  background: #18491d;
}

.split-feature {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

.feature-image {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  border-radius: 8px;
  background: linear-gradient(135deg, #e3efd3, #f4f8e9);
}

.large-mortar {
  left: 50%;
  right: auto;
  bottom: 55px;
  transform: translateX(-50%) scale(1.15);
}

.feature-leaves {
  inset: 30px auto auto 40px;
  width: 360px;
  height: 260px;
}

.check-list {
  display: grid;
  gap: 14px;
  padding: 0;
  margin: 24px 0 0;
  list-style: none;
}

.check-list li {
  position: relative;
  padding-left: 34px;
}

.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: var(--green-700);
}

.check-list li::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 7px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.check-list span {
  display: block;
  color: var(--muted);
  font-size: 14px;
}

.bundle-grid {
  grid-template-columns: repeat(4, 1fr);
}

.bundle-card {
  overflow: hidden;
  padding-bottom: 16px;
}

.bundle-card h3,
.bundle-card p,
.bundle-card a {
  margin-left: 16px;
  margin-right: 16px;
}

.bundle-card a {
  min-height: 34px;
  padding-inline: 16px;
  float: right;
}

.bundle-art {
  height: 136px;
  background:
    radial-gradient(ellipse at 28% 78%, rgba(66,97,40,.25), transparent 26%),
    linear-gradient(135deg, #f6f4e8, #e9f0db);
  position: relative;
}

.bundle-art::before,
.bundle-art::after {
  content: "";
  position: absolute;
  bottom: 23px;
  width: 40px;
  height: 72px;
  border-radius: 8px 8px 14px 14px;
  background: linear-gradient(90deg, #243b1b, #9b7630, #15220e);
}

.bundle-art::before {
  left: 34%;
}

.bundle-art::after {
  left: 53%;
  height: 86px;
  background: linear-gradient(90deg, #173216, #6f8b37, #0d2412);
}

.set-two::before {
  left: 28%;
  height: 86px;
}

.set-two::after {
  left: 57%;
}

.set-three::before {
  left: 39%;
  background: linear-gradient(90deg, #6c5a35, #e1d5ad, #4a3d25);
}

.set-four::before {
  left: 30%;
}

.set-four::after {
  left: 62%;
}

.reviews-band {
  background: #fafbf0;
}

.review-grid {
  grid-template-columns: repeat(3, 1fr);
}

.review-grid article {
  padding: 24px;
}

.review-grid p {
  color: var(--muted);
  min-height: 58px;
}

.review-grid strong,
.review-grid small {
  display: block;
}

.review-grid small {
  color: var(--muted);
}

.blog-grid {
  grid-template-columns: repeat(3, 1fr);
}

.blog-card {
  overflow: hidden;
}

.blog-card h3,
.blog-card small,
.blog-card a {
  display: block;
  margin: 13px 16px;
}

.blog-card a {
  color: var(--green-700);
  font-weight: 800;
}

.blog-img {
  height: 170px;
  background:
    radial-gradient(ellipse at 28% 60%, #7b5d36 0 36px, transparent 37px),
    radial-gradient(ellipse at 55% 40%, #5c853d 0 42px, transparent 43px),
    linear-gradient(135deg, #ded1aa, #f7f4e2);
}

.blog-img.seeds {
  background:
    radial-gradient(circle at 45% 56%, #111 0 28px, transparent 29px),
    radial-gradient(circle at 60% 58%, #1d1d1a 0 23px, transparent 24px),
    linear-gradient(135deg, #cfbe91, #f8efd0);
}

.blog-img.moringa {
  background:
    radial-gradient(ellipse at 28% 62%, #3f842f 0 45px, transparent 46px),
    radial-gradient(ellipse at 62% 41%, #5f9a35 0 55px, transparent 56px),
    linear-gradient(135deg, #dfe7be, #fbf6dc);
}

.newsletter {
  padding: 28px 0;
  color: #fff;
  background:
    radial-gradient(circle at 90% 22%, rgba(157,197,79,.35), transparent 23%),
    var(--green-950);
}

.newsletter h2,
.newsletter p {
  color: #fff;
  margin: 0;
}

.newsletter p {
  margin-top: 4px;
}

.subscribe-form {
  display: grid;
  grid-template-columns: 330px 150px;
  min-height: 46px;
  overflow: hidden;
  border-radius: 5px;
}

.subscribe-form input,
.subscribe-form button {
  border: 0;
  padding: 0 18px;
}

.subscribe-form button {
  background: #74a63d;
  color: #fff;
  font-weight: 800;
}

.footer {
  padding-top: 42px;
  background: #f5f7ee;
}

.footer-grid {
  display: grid;
  grid-template-columns: minmax(230px, 1.45fr) repeat(4, minmax(145px, 1fr));
  gap: 28px;
  align-items: start;
}

.footer h3 {
  margin: 0 0 12px;
  font-size: 16px;
}

.footer a,
.footer p {
  display: block;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

.footer-brand {
  margin-bottom: 12px;
}

.footer-bottom {
  margin-top: 32px;
  padding: 16px 0;
  border-top: 1px solid var(--line);
  color: var(--muted);
  font-size: 13px;
}

/* Footer layout stays orderly on wide screens and stacks cleanly on phones. */
.footer-grid > div { min-width: 0; }
.footer-grid > div:first-child { padding-right: 12px; }
.footer h3 { color: #18271d; line-height: 1.25; }
.footer a { width: fit-content; text-decoration: none; }
.footer a:hover { color: var(--green-700); }
@media (max-width: 900px) {
  .footer-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 22px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; max-width: 520px; }
}
@media (max-width: 560px) {
  .footer { padding-top: 30px; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; }
  .footer a, .footer p { font-size: 13px; }
  .footer-bottom { margin-top: 24px; }
}
.login-modal {
  border: 0;
  border-radius: 8px;
  box-shadow: var(--shadow);
  padding: 0;
}

.login-modal::backdrop {
  background: rgba(10, 28, 11, .55);
}

.modal-card {
  position: relative;
  width: min(420px, calc(100vw - 32px));
  padding: 28px;
}

.modal-card h2 {
  margin-bottom: 8px;
}

.modal-card p,
.login-help {
  color: var(--muted);
}

.modal-card label {
  display: grid;
  gap: 7px;
  margin: 16px 0;
  font-weight: 800;
}

.modal-card input {
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0 12px;
}

.modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  border: 0;
  background: #eef4e5;
  border-radius: 50%;
  font-size: 22px;
}

/* Admin panel */
.admin-page {
  min-height: 100vh;
  background: #eeefe2;
}

.admin-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 292px 1fr;
}

.admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  color: #fff;
  background: linear-gradient(180deg, #315f22, #17451b 56%, #0f3715);
  padding: 22px 16px;
  box-shadow: 8px 0 24px rgba(20, 49, 20, .18);
}

.admin-brand {
  margin: 0 0 24px 40px;
}

.admin-brand strong,
.admin-brand small {
  color: #fff;
}

.admin-menu {
  display: grid;
  gap: 7px;
}

.menu-group {
  border-radius: 8px;
}

.menu-group button {
  position: relative;
  width: 100%;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 0;
  border-radius: 7px;
  color: #fff;
  background: rgba(7, 38, 14, .42);
  padding: 0 14px;
  text-align: left;
  text-transform: uppercase;
  font-weight: 800;
  cursor: pointer;
}

.menu-group button::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-radius: 3px;
  margin-right: 10px;
}

.menu-group button span::before {
  content: "+";
}

.menu-group.open button span::before {
  content: "-";
}

.menu-group a {
  display: none;
  min-height: 34px;
  align-items: center;
  padding-left: 50px;
  color: rgba(255,255,255,.92);
  font-size: 14px;
}

.menu-group.open a {
  display: flex;
}

.menu-group a:hover {
  background: rgba(255,255,255,.08);
}

.admin-workspace {
  min-width: 0;
}

.admin-topbar {
  min-height: 74px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 0 22px;
  background: rgba(255,255,255,.76);
  border-bottom: 1px solid #dce4d1;
  backdrop-filter: blur(8px);
}

.admin-topbar h1 {
  margin: 0;
  font-size: 27px;
  letter-spacing: 0;
}

.admin-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.admin-actions button,
.admin-actions a {
  position: relative;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #ccd8c1;
  border-radius: 50%;
  background: #fff;
  color: var(--green-800);
  font-weight: 800;
}

.notification-dot {
  position: absolute;
  right: 6px;
  top: 4px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #cf3a29;
}

.admin-main {
  padding: 24px 22px 30px;
}

.admin-section h2,
.section-admin-title h2 {
  text-transform: uppercase;
  font-size: 24px;
}

.admin-grid {
  display: grid;
  gap: 16px;
  margin-top: 12px;
}

.top-grid {
  grid-template-columns: 1.1fr 1fr 1.25fr;
}

.admin-card,
.stats-card {
  min-height: 142px;
  padding: 18px;
}

.card-header,
.section-admin-title,
.panel-title,
.tabs,
.stat-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.admin-card h3,
.preview-card h3,
.panel-title h2,
.best-cats h3 {
  margin: 0;
}

.admin-card p {
  min-height: 45px;
  margin: 10px 0 14px;
  color: #222;
  font-weight: 600;
}

.status-clear,
.section-admin-title button,
.panel-title button,
.best-cats span {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border: 0;
  border-radius: 7px;
  padding: 0 10px;
  color: var(--green-900);
  background: #d9eacb;
  font-weight: 800;
  font-size: 12px;
}

.status-clear::before,
.best-cats span::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: var(--green-700);
}

.stats-card {
  position: relative;
  overflow: hidden;
}

.leaf-corner {
  inset: -20px -40px auto auto;
  width: 190px;
  height: 95px;
  opacity: .58;
}

.stat-row {
  position: relative;
  justify-content: center;
  gap: 16px;
  min-height: 60px;
}

.stat-row strong {
  font-size: 28px;
}

.stat-row span {
  max-width: 76px;
  font-size: 12px;
}

.best-cats {
  margin-top: 16px;
}

.mini-hero-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin-top: 9px;
}

.mini-hero,
.preview-shot.header-shot {
  height: 58px;
  border-radius: 6px;
  background:
    radial-gradient(ellipse at 78% 70%, #ab9365 0 18px, transparent 19px),
    radial-gradient(ellipse at 35% 34%, #6aa14c 0 24px, transparent 25px),
    linear-gradient(90deg, #f8f5dd, #c8e0a5);
}

.mini-hero.alt {
  background:
    radial-gradient(ellipse at 73% 68%, #7e5d29 0 18px, transparent 19px),
    radial-gradient(ellipse at 33% 32%, #5b963d 0 22px, transparent 23px),
    linear-gradient(90deg, #eef6db, #d5edb9);
}

.site-layout {
  margin-top: 18px;
  padding: 18px;
}

.site-layout > p {
  margin: 8px 0 12px;
  font-weight: 700;
}

.layout-grid {
  display: grid;
  grid-template-columns: 1.8fr .55fr .55fr;
  gap: 16px;
}

.slider-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.slide-thumb,
.drag-tile {
  min-height: 108px;
  border-radius: 6px;
}

.slide-thumb {
  background:
    radial-gradient(ellipse at 50% 72%, #896942 0 36px, transparent 37px),
    linear-gradient(135deg, #eff5dc, #d1e7b4);
}

.honey-slide {
  background:
    radial-gradient(ellipse at 52% 64%, #d29725 0 34px, transparent 35px),
    linear-gradient(135deg, #e7eed1, #d4bf70);
}

.soap-slide {
  background:
    linear-gradient(160deg, transparent 0 42%, rgba(255,255,255,.7) 43% 60%, transparent 61%),
    linear-gradient(135deg, #d2e4c1, #e6dac0);
}

.drag-tile {
  display: grid;
  place-items: center;
  text-align: center;
  border: 2px dashed #b7bda9;
  color: #222;
  font-weight: 700;
  padding: 16px;
}

.preview-card {
  padding: 12px;
}

.preview-card small {
  color: var(--muted);
}

.preview-shot {
  margin-top: 10px;
  min-height: 80px;
  border: 1px solid #d6e2ca;
  border-radius: 5px;
}

.footer-shot {
  background:
    linear-gradient(#f7f7ec 0 22%, transparent 23%),
    linear-gradient(90deg, #17451b, #356724);
}

.admin-panels {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 20px;
}

.browser-panel {
  overflow: hidden;
}

.browser-bar {
  height: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  background: #f7f8f1;
  border-bottom: 1px solid #dce4d1;
}

.browser-bar span {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ef6a5a;
}

.browser-bar span:nth-child(2) {
  background: #e2bf43;
}

.browser-bar span:nth-child(3) {
  background: #61b95e;
}

.browser-bar small {
  margin-left: auto;
  margin-right: auto;
  color: #697163;
}

.embedded-admin,
.whatsapp-admin {
  display: grid;
  grid-template-columns: 118px 1fr;
  min-height: 335px;
  background: #f8f7ed;
}

.embedded-admin aside,
.whatsapp-admin aside {
  color: #fff;
  background: #20531e;
  padding: 14px 9px;
}

.embedded-admin aside strong,
.whatsapp-admin aside strong {
  display: block;
  margin-bottom: 16px;
}

.embedded-admin aside a,
.whatsapp-admin aside a {
  display: block;
  margin: 9px 0;
  font-size: 10px;
}

.embedded-admin main,
.whatsapp-admin main {
  min-width: 0;
  padding: 16px;
}

.panel-title h2 {
  font-size: 19px;
}

.panel-title button,
.whatsapp-admin .chat-window button {
  background: var(--green-700);
  color: #fff;
}

.metric-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 14px 0;
}

.metric-row span {
  min-height: 48px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  font-size: 10px;
}

.metric-row strong {
  display: block;
  font-size: 17px;
}

.social-layout {
  display: grid;
  grid-template-columns: .75fr 1.45fr .85fr;
  gap: 12px;
}

.connected-list,
.post-feed,
.engagement-card,
.thread-list,
.chat-window {
  display: grid;
  gap: 8px;
}

.connected-list a,
.post-feed article,
.engagement-card,
.thread-list article,
.chat-window {
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  padding: 10px;
}

.connected-list b {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  color: #fff;
  background: #2d70bd;
  border-radius: 50%;
}

.connected-list a:nth-child(2) b {
  background: #cd3975;
}

.connected-list a:nth-child(3) b {
  background: #1e6aa7;
}

.post-feed p,
.engagement-card p,
.engagement-card li {
  margin: 5px 0;
  color: var(--muted);
  font-size: 11px;
}

.donut {
  width: 66px;
  height: 66px;
  margin: 8px auto;
  border-radius: 50%;
  background: conic-gradient(var(--green-700) 0 45%, var(--gold) 45% 70%, #a95f35 70%);
}

.tabs {
  justify-content: flex-start;
  margin: 12px 0;
}

.tabs span {
  padding: 5px 9px;
  border-radius: 12px;
  background: #e4efd7;
  color: var(--green-900);
  font-size: 11px;
  font-weight: 800;
}

.chat-workspace {
  display: grid;
  grid-template-columns: .78fr 1fr;
  gap: 12px;
}

.thread-list input {
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 0 9px;
}

.thread-list article {
  min-height: 42px;
}

.thread-list small,
.chat-head small {
  display: block;
  color: var(--muted);
}

.chat-head {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--line);
  font-weight: 800;
}

.message {
  max-width: 80%;
  padding: 10px;
  border-radius: 10px;
  font-size: 12px;
}

.incoming {
  background: #f4f1e5;
}

.outgoing {
  justify-self: end;
  background: #dcf2d1;
}

.chat-window label {
  display: grid;
  gap: 5px;
  margin-top: auto;
  font-size: 12px;
  font-weight: 800;
}

.chat-window textarea {
  min-height: 70px;
  border: 1px solid var(--line);
  border-radius: 5px;
  resize: vertical;
}

.chat-window button {
  justify-self: end;
  min-height: 32px;
  border: 0;
  border-radius: 5px;
  padding: 0 18px;
  font-weight: 800;
}

@media (max-width: 1120px) {
  .header-main {
    grid-template-columns: auto 1fr auto;
  }

  .quick-actions {
    display: none;
  }

  .category-grid,
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .top-grid,
  .layout-grid,
  .admin-panels {
    grid-template-columns: 1fr;
  }

  .slider-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 860px) {
  .strip-inner,
  .newsletter-inner,
  .section-heading,
  .hero-actions {
    align-items: flex-start;
    flex-direction: column;
  }

  .header-main {
    grid-template-columns: 1fr auto;
    gap: 14px;
    padding: 14px 0;
  }

  .search-bar {
    grid-column: 1 / -1;
    order: 3;
  }

  .mobile-menu {
    display: block;
  }

  .main-nav {
    display: none;
  }

  .main-nav.open {
    display: block;
  }

  .nav-inner {
    display: grid;
    padding: 10px 0;
  }

  .hero-inner,
  .split-feature {
    grid-template-columns: 1fr;
  }

  .hero-still {
    min-height: 310px;
    height: 310px;
  }

  .mortar {
    right: 120px;
    transform: scale(.82);
  }

  .pestle {
    right: 220px;
    transform: rotate(-28deg) scale(.8);
  }

  .bottle-one {
    right: 42px;
  }

  .bottle-two {
    right: 0;
  }

  .trust {
    grid-template-columns: repeat(2, 1fr);
  }

  .category-grid,
  .product-grid,
  .bundle-grid,
  .review-grid,
  .blog-grid,
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .subscribe-form {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: fixed;
    z-index: 30;
    inset: 0 auto 0 0;
    width: 292px;
    transform: translateX(-100%);
    transition: transform .2s ease;
  }

  .admin-sidebar.open {
    transform: translateX(0);
  }

  .sidebar-toggle {
    display: block;
  }

  .admin-topbar h1 {
    font-size: 21px;
  }

  .embedded-admin,
  .whatsapp-admin,
  .social-layout,
  .chat-workspace {
    grid-template-columns: 1fr;
  }

  .embedded-admin aside,
  .whatsapp-admin aside {
    display: none;
  }
}

@media (max-width: 560px) {
  .container {
    width: min(100% - 22px, 1180px);
  }

  .brand strong {
    font-size: 20px;
  }

  .hero h1 {
    font-size: 42px;
  }

  .trust,
  .category-grid,
  .product-grid,
  .bundle-grid,
  .review-grid,
  .blog-grid,
  .footer-grid,
  .metric-row,
  .slider-row {
    grid-template-columns: 1fr;
  }

  .trust {
    margin-top: 0;
    border-radius: 0;
    width: 100%;
  }

  .footer-grid {
    gap: 22px;
  }

  .admin-main {
    padding-inline: 12px;
  }
}

/* Admin dashboard view switching: keeps the locked design, only controls visibility. */
.admin-dashboard-hidden,
.admin-panel-hidden {
  display: none !important;
}

/* Functional admin controls */
.admin-dashboard-hidden,
.admin-panel-hidden {
  display: none !important;
}

.active-admin-link {
  background: rgba(255, 255, 255, .12);
  border-radius: 6px;
}

.catalog-tools,
.manager-grid {
  display: grid;
  grid-template-columns: .82fr 1.45fr;
  gap: 18px;
  margin-top: 18px;
}

.manager-grid.compact {
  grid-template-columns: 1fr 1fr;
}

.manager-card {
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  padding: 18px;
  box-shadow: 0 10px 24px rgba(43, 68, 35, .07);
}

.manager-card.flat {
  box-shadow: none;
  margin-top: 14px;
}

.manager-card h3 {
  margin: 0 0 14px;
}

.admin-form {
  display: grid;
  gap: 12px;
}

.admin-form label {
  display: grid;
  gap: 6px;
  font-weight: 800;
  color: #233120;
  font-size: 13px;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.table-tools input,
.table-tools select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  padding: 8px 10px;
}

.admin-form textarea {
  min-height: 82px;
  resize: vertical;
}

.form-row,
.form-actions,
.table-tools,
.inline-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.inline-form {
  grid-template-columns: 1fr 1fr auto;
}

.inline-check {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: center;
  gap: 8px !important;
}

.inline-check input {
  width: auto;
  min-height: auto;
}

.table-wrap {
  width: 100%;
  overflow: auto;
}

.admin-table {
  width: 100%;
  min-width: 760px;
  border-collapse: collapse;
  margin-top: 12px;
}

.admin-table th,
.admin-table td {
  padding: 10px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
}

.admin-table th {
  color: var(--green-900);
  background: #eef5e7;
}

.row-actions,
.chip-actions {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.row-actions button,
.chip button,
.review-admin-item button {
  min-height: 30px;
  border: 1px solid var(--line);
  border-radius: 5px;
  background: #fff;
  color: var(--green-800);
  cursor: pointer;
}

.row-actions button.danger,
.chip button.danger,
.review-admin-item button.danger {
  color: #a22d22;
}

.chip-list,
.review-admin-list {
  display: grid;
  gap: 10px;
  margin-top: 14px;
}

.chip,
.review-admin-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #f8faf3;
  padding: 9px 10px;
}

.review-admin-item {
  align-items: flex-start;
}

.review-admin-item p,
.chip small {
  margin: 4px 0;
  color: var(--muted);
}

.status-pill {
  display: inline-flex;
  border-radius: 999px;
  background: #e7f2dd;
  color: var(--green-900);
  padding: 4px 9px;
  font-weight: 800;
  font-size: 12px;
}

.status-pill.draft,
.status-pill.hidden,
.status-pill.rejected,
.status-pill.cancelled {
  color: #8d332a;
  background: #f6e6e3;
}

.status-pill.pending {
  color: #8a6217;
  background: #f6edcf;
}

.empty-state {
  padding: 14px;
  color: var(--muted);
  border: 1px dashed var(--line);
  border-radius: 7px;
  background: #fbfcf8;
}

.functional-embed main {
  min-width: 0;
}

.admin-nested {
  margin-top: 14px;
}

@media (max-width: 1120px) {
  .catalog-tools,
  .manager-grid,
  .manager-grid.compact {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .form-row,
  .form-actions,
  .table-tools,
  .inline-form {
    grid-template-columns: 1fr;
  }
}

.checkout-grid {
  display: grid;
  grid-template-columns: 1fr .9fr;
  gap: 22px;
  margin-top: 22px;
}

.checkout-card h3 {
  margin-top: 0;
}

.cart-row {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 14px;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding: 14px 0;
}

.qty-control {
  display: inline-grid;
  grid-template-columns: 32px 42px 32px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 6px;
  overflow: hidden;
}

.qty-control button {
  min-height: 32px;
  border: 0;
  background: #eef5e7;
  color: var(--green-900);
  font-weight: 800;
  cursor: pointer;
}

.qty-control span {
  text-align: center;
  font-weight: 800;
}

.checkout-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 2px solid var(--line);
  font-size: 20px;
}

.payment-method-list {
  display: grid;
  gap: 10px;
}

.payment-option {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: start;
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
  background: #fbfcf8;
}

.payment-option strong,
.payment-option small {
  display: block;
}

.payment-box {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8faf3;
  padding: 14px;
}

.payment-box:empty {
  display: none;
}

@media (max-width: 860px) {
  .checkout-grid,
  .cart-row {
    grid-template-columns: 1fr;
  }
}

.product-image-preview {
  min-height: 118px;
  display: grid;
  place-items: center;
  border: 1px dashed var(--line);
  border-radius: 8px;
  background: #fbfcf8;
  color: var(--muted);
  overflow: hidden;
  padding: 10px;
}

.product-image-preview.has-image {
  min-height: 180px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  color: transparent;
}

/* NX Organics admin dashboard v2 */
.nx-admin-v2 {
  background: #f6f8fa;
  color: #111827;
  font-family: Inter, Arial, Helvetica, sans-serif;
}

.nx-admin-shell {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 292px 1fr;
}

.nx-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: auto;
  padding: 28px 12px 18px;
  color: #fff;
  background:
    radial-gradient(circle at 20% 4%, rgba(41, 201, 85, .35), transparent 22%),
    linear-gradient(180deg, #063d2a 0%, #003724 44%, #00281d 100%);
  box-shadow: 14px 0 35px rgba(0, 34, 24, .18);
}

.nx-side-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 18px 24px;
}

.nx-side-brand strong {
  display: block;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.nx-side-brand small {
  display: block;
  color: rgba(255,255,255,.85);
  margin-top: 5px;
  font-size: 14px;
}

.nx-leaf-logo {
  position: relative;
  width: 44px;
  height: 44px;
  display: inline-block;
}

.nx-leaf-logo::before,
.nx-leaf-logo::after,
.nx-leaf-logo span {
  content: "";
  position: absolute;
  border-radius: 100% 0 100% 0;
  background: linear-gradient(135deg, #8ede45, #18a849);
}

.nx-leaf-logo::before { width: 28px; height: 38px; left: 2px; top: 6px; transform: rotate(-26deg); }
.nx-leaf-logo::after { width: 25px; height: 35px; right: 1px; top: 2px; transform: rotate(28deg) scaleX(-1); }
.nx-leaf-logo span { width: 19px; height: 28px; left: 16px; top: 15px; background: #58c938; transform: rotate(10deg); }

.nx-side-nav {
  display: grid;
  gap: 4px;
}

.nx-side-nav button,
.nx-side-nav a {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: rgba(255,255,255,.96);
  padding: 0 14px;
  font-size: 17px;
  text-align: left;
  cursor: pointer;
}

.nx-side-nav button.active,
.nx-side-nav button:hover,
.nx-side-nav a:hover,
.nx-side-nav a.active-admin-link {
  background: linear-gradient(90deg, #20b446, #15963d);
  box-shadow: 0 10px 22px rgba(0, 24, 13, .2);
}

.nx-side-nav span {
  width: 24px;
  min-width: 24px;
  display: inline-grid;
  place-items: center;
  font-weight: 800;
  color: #fff;
}

.nx-side-nav em,
.nx-side-nav b {
  margin-left: auto;
  min-width: 30px;
  min-height: 23px;
  display: inline-grid;
  place-items: center;
  border-radius: 6px;
  background: #20b446;
  color: #fff;
  font-style: normal;
  font-size: 12px;
}

.nx-admin-workspace {
  min-width: 0;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.nx-topbar {
  min-height: 84px;
  display: grid;
  grid-template-columns: auto minmax(260px, 460px) 1fr;
  align-items: center;
  gap: 22px;
  padding: 0 26px;
  background: rgba(255,255,255,.96);
  border-bottom: 1px solid #e6eaf0;
  box-shadow: 0 6px 20px rgba(15, 23, 42, .04);
}

.nx-menu-btn {
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  padding: 7px;
  cursor: pointer;
}

.nx-menu-btn span {
  display: block;
  height: 2px;
  margin: 5px 0;
  background: #111827;
}

.nx-search {
  height: 46px;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 8px;
  border: 1px solid #dfe5ec;
  border-radius: 12px;
  background: #fff;
  padding: 0 15px;
}

.nx-search span {
  width: 16px;
  height: 16px;
  border: 2px solid #98a2b3;
  border-radius: 50%;
  position: relative;
}

.nx-search span::after {
  content: "";
  position: absolute;
  right: -6px;
  bottom: -3px;
  width: 7px;
  height: 2px;
  background: #98a2b3;
  transform: rotate(45deg);
}

.nx-search input {
  border: 0;
  outline: 0;
  min-width: 0;
}

.nx-top-actions {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 16px;
}

.nx-date,
.nx-icon-btn {
  height: 44px;
  border: 1px solid #dfe5ec;
  border-radius: 12px;
  background: #fff;
  color: #111827;
  padding: 0 16px;
  cursor: pointer;
}

.nx-icon-btn {
  position: relative;
  width: 42px;
  padding: 0;
  border-radius: 50%;
}

.nx-icon-btn::before {
  content: "";
  width: 16px;
  height: 19px;
  display: inline-block;
  border: 2px solid #344054;
  border-radius: 9px 9px 5px 5px;
}

.nx-icon-btn.chat::before {
  border-radius: 5px;
  height: 15px;
}

.nx-dot {
  position: absolute;
  right: -4px;
  top: -5px;
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #0ba34e;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}

.nx-admin-profile {
  display: flex;
  align-items: center;
  gap: 10px;
}

.nx-avatar {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: 800;
  background: linear-gradient(135deg, #0f9f58, #f3ba63);
}

.nx-admin-profile strong,
.nx-admin-profile small {
  display: block;
}

.nx-admin-profile small {
  margin-top: 4px;
  color: #0b8f42;
  font-size: 12px;
}

.nx-main {
  padding: 22px 24px;
}

.nx-dashboard {
  display: grid;
  gap: 18px;
}

.nx-page-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 16px;
}

.nx-page-title h2 {
  margin: 0;
  font-size: 28px;
}

.nx-page-title p {
  margin: 6px 0 0;
  color: #667085;
}

.nx-kpi-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
}

.nx-kpi,
.nx-panel {
  border: 1px solid #e7ebf0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.nx-kpi {
  min-height: 128px;
  display: grid;
  grid-template-columns: 64px 1fr;
  align-items: center;
  column-gap: 14px;
  padding: 18px;
}

.nx-kpi > span {
  grid-row: span 3;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  display: grid;
  place-items: center;
}

.nx-kpi > span::before {
  content: "";
  width: 26px;
  height: 26px;
  border: 3px solid #fff;
  border-radius: 6px;
}

.nx-kpi .green { background: linear-gradient(135deg, #058d22, #25bd49); }
.nx-kpi .blue { background: linear-gradient(135deg, #0d79e8, #3ca3ff); }
.nx-kpi .orange { background: linear-gradient(135deg, #ff8911, #ffb031); }
.nx-kpi .purple { background: linear-gradient(135deg, #7b47dc, #a66af1); }
.nx-kpi .teal { background: linear-gradient(135deg, #009e84, #23c9a5); }
.nx-kpi .red { background: linear-gradient(135deg, #e73f55, #ff6478); }

.nx-kpi small,
.nx-kpi em {
  color: #4b5563;
  font-style: normal;
}

.nx-kpi strong {
  font-size: 26px;
  color: #111827;
}

.nx-kpi em {
  font-size: 12px;
}

.nx-dashboard-grid.top {
  display: grid;
  grid-template-columns: 1.45fr .95fr 1.2fr;
  gap: 16px;
}

.nx-dashboard-grid.bottom {
  display: grid;
  grid-template-columns: 1.1fr 1fr .95fr 1fr;
  gap: 16px;
}

.nx-panel {
  padding: 20px;
  min-width: 0;
}

.nx-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.nx-panel h2,
.nx-panel-head h2 {
  margin: 0;
  font-size: 20px;
}

.nx-panel-head a {
  color: #058d22;
  text-decoration: underline;
}

.nx-panel-head select {
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  height: 36px;
  background: #fff;
  padding: 0 12px;
}

.nx-mini-stats {
  display: flex;
  gap: 52px;
  margin-bottom: 8px;
}

.nx-mini-stats span,
.nx-mini-stats strong {
  display: block;
}

.nx-mini-stats strong {
  margin-top: 8px;
  font-size: 21px;
}

.nx-mini-stats i {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
}

.green-dot { background: #16b364; }
.blue-dot { background: #2f8df4; }
.purple-dot { background: #8e5be8; }

.nx-line-chart {
  width: 100%;
  min-height: 220px;
}

.nx-top-products {
  display: grid;
  gap: 12px;
  padding: 0;
  margin: 0;
  counter-reset: products;
}

.nx-top-products li {
  display: grid;
  grid-template-columns: 20px 46px 1fr auto;
  gap: 12px;
  align-items: center;
}

.nx-top-products li::before {
  counter-increment: products;
  content: counter(products);
}

.nx-top-products b,
.nx-top-products small,
.nx-top-products strong {
  display: block;
}

.nx-top-products small {
  color: #667085;
  margin-top: 4px;
}

.mini-prod {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  background: linear-gradient(180deg, #e9dec3, #6fa44a);
  box-shadow: inset 0 8px 12px rgba(255,255,255,.45);
}

.mini-prod.powder { background: radial-gradient(circle at 50% 60%, #9c7c48 0 15px, transparent 16px), #f7eddc; }
.mini-prod.oil { background: linear-gradient(90deg, #111, #667736, #111); }
.mini-prod.gold { background: linear-gradient(90deg, #a45019, #f1a822, #6b2c10); }

.nx-donut-wrap {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 20px;
  align-items: center;
}

.nx-donut {
  width: min(240px, 100%);
  aspect-ratio: 1;
  margin: auto;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: conic-gradient(#16bfa0 0 30%, #2f8df4 30% 55%, #5fd0b1 55% 70%, #ff9d20 70% 80%, #8e5be8 80% 90%, #f34e64 90% 100%);
  position: relative;
}

.nx-donut::after {
  content: "";
  position: absolute;
  inset: 56px;
  border-radius: 50%;
  background: #fff;
}

.nx-donut span {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #667085;
}

.nx-donut strong {
  color: #111827;
}

.category-sales ul {
  display: grid;
  gap: 18px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.category-sales li {
  display: grid;
  grid-template-columns: 12px 1fr auto;
  gap: 12px;
  align-items: center;
}

.category-sales li i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #16bfa0;
}
.category-sales li:nth-child(2) i { background: #2f8df4; }
.category-sales li:nth-child(3) i { background: #8e5be8; }
.category-sales li:nth-child(4) i { background: #ff9d20; }
.category-sales li:nth-child(5) i { background: #f34e64; }
.category-sales li:nth-child(6) i { background: #9f7aea; }

.nx-order-feed,
.nx-stock-list,
.nx-customer-feed {
  display: grid;
}

.nx-order-feed p,
.nx-stock-list p,
.nx-customer-feed p,
.nx-performance p {
  display: grid;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #edf0f4;
  margin: 0;
  padding: 12px 0;
}

.nx-order-feed p { grid-template-columns: 78px 1fr auto; }
.nx-stock-list p { grid-template-columns: 48px 1fr auto; }
.nx-customer-feed p { grid-template-columns: 42px 1fr auto; }

.nx-order-feed em,
.nx-stock-list b {
  border-radius: 6px;
  padding: 7px 10px;
  font-style: normal;
  font-size: 12px;
  font-weight: 800;
}

.pending { background: #fff0d8; color: #f28a00; }
.processing { background: #e6f1ff; color: #1677d2; }
.confirmed,
.delivered { background: #e5f7e8; color: #109447; }
.shipped { background: #efe7ff; color: #7d4bdd; }
.nx-stock-list b { background: #ffe8eb; color: #e4374b; }
.nx-stock-list small,
.nx-customer-feed small { display: block; color: #667085; margin-top: 4px; }
.nx-customer-feed i {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e8f1ff;
  color: #2876d4;
  font-style: normal;
}
.nx-customer-feed time { color: #667085; font-size: 13px; }

.nx-side-widgets {
  display: grid;
  gap: 16px;
}

.nx-grow,
.nx-performance {
  border: 1px solid #e7ebf0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
  padding: 20px;
}

.nx-grow {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #f3f8ea, #fff);
  min-height: 196px;
}

.nx-grow h2 {
  margin: 0 0 10px;
  color: #0d6b36;
}

.nx-grow a {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  margin-top: 10px;
  padding: 0 18px;
  border-radius: 6px;
  color: #fff;
  background: #0b8f42;
  font-weight: 800;
}

.nx-mortar-small {
  position: absolute;
  right: 20px;
  bottom: 18px;
  width: 105px;
  height: 72px;
  border-radius: 8px 8px 50px 50px;
  background: linear-gradient(135deg, #b6823d, #f0d087, #8c5b25);
}

.nx-performance p {
  grid-template-columns: 1fr auto auto;
}

.nx-performance strong {
  color: #0b8f42;
  font-size: 18px;
}

.nx-performance small {
  color: #0ba34e;
}

.nx-admin-footer {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 0 28px 24px;
  color: #667085;
  font-size: 13px;
}

.nx-admin-v2 .manager-card,
.nx-admin-v2 .admin-card,
.nx-admin-v2 .stats-card,
.nx-admin-v2 .browser-panel,
.nx-admin-v2 .site-layout {
  border-radius: 14px;
  border-color: #e7ebf0;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
}

.nx-admin-v2 .admin-form input,
.nx-admin-v2 .admin-form select,
.nx-admin-v2 .admin-form textarea,
.nx-admin-v2 .table-tools input,
.nx-admin-v2 .table-tools select {
  border-color: #dfe5ec;
  border-radius: 10px;
}

.nx-admin-v2 .admin-button,
.nx-admin-v2 .btn.primary {
  background: linear-gradient(135deg, #0b8f42, #16b94f);
  border: 0;
}

.nx-admin-v2 .outline-button,
.nx-admin-v2 .pill-link {
  border-color: #dfe5ec;
}

.placeholder .nx-panel {
  min-height: 220px;
}

@media (max-width: 1320px) {
  .nx-kpi-grid { grid-template-columns: repeat(3, 1fr); }
  .nx-dashboard-grid.top,
  .nx-dashboard-grid.bottom { grid-template-columns: 1fr 1fr; }
  .nx-side-widgets { grid-column: span 2; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 900px) {
  .nx-admin-shell { grid-template-columns: 1fr; }
  .nx-sidebar { position: fixed; z-index: 40; inset: 0 auto 0 0; width: 292px; transform: translateX(-100%); transition: transform .2s ease; }
  .nx-sidebar.open { transform: translateX(0); }
  .nx-topbar { grid-template-columns: auto 1fr; }
  .nx-search { grid-column: 1 / -1; order: 3; }
  .nx-top-actions { gap: 8px; }
  .nx-kpi-grid,
  .nx-dashboard-grid.top,
  .nx-dashboard-grid.bottom,
  .nx-side-widgets,
  .nx-donut-wrap { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .nx-main { padding: 14px; }
  .nx-topbar { padding: 12px; }
  .nx-date { display: none; }
  .nx-admin-profile div { display: none; }
  .nx-kpi { grid-template-columns: 54px 1fr; padding: 14px; }
  .nx-kpi > span { width: 52px; height: 52px; }
  .nx-admin-footer { flex-direction: column; padding-inline: 16px; }
}

.nx-admin-v2 .product-form-panel {
  margin-bottom: 18px;
}

.nx-admin-v2 .product-form-collapsed {
  display: none;
}

.nx-admin-v2 .nx-page-title > div {
  min-width: 0;
}

.product-photo {
  height: 168px;
  margin: 12px auto 16px;
  display: grid;
  place-items: center;
}

.product-photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.nx-admin-v2 .nx-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.nx-admin-v2 #catalog {
  min-height: calc(100vh - 170px);
}

@media (max-width: 900px) {
  .nx-admin-v2 .nx-kpi-grid {
    grid-template-columns: 1fr;
  }
}

.tracking-card {
  display: grid;
  gap: 16px;
}

.tracking-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: end;
}

.tracking-result {
  border: 1px solid #dfe9d7;
  border-radius: 10px;
  background: #f8fbf3;
  padding: 14px;
  color: #31402c;
}

.tracking-admin {
  display: grid;
  grid-template-columns: minmax(120px, .7fr) minmax(160px, 1fr) auto;
  gap: 8px;
  margin-top: 10px;
}

.tracking-admin select,
.tracking-admin input {
  min-height: 34px;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  padding: 6px 8px;
}

.tracking-admin button {
  border: 0;
  border-radius: 8px;
  background: #149848;
  color: #fff;
  font-weight: 800;
  padding: 6px 10px;
}

@media (max-width: 700px) {
  .tracking-form,
  .tracking-admin {
    grid-template-columns: 1fr;
  }
}
.about-page-copy { margin: 10px 0 18px; color: #62715d; line-height: 1.65; }
.custom-page-main { min-height: 56vh; }
.custom-page-main [data-custom-page-content] { white-space: pre-wrap; color: #465344; line-height: 1.75; }

/* Two-row ShopZone-style storefront navigation */
.shopzone-header { background: #fff; }
.shopzone-top-row { min-height: 98px; display: grid; grid-template-columns: auto auto minmax(280px, 1fr) auto auto; align-items: center; gap: 24px; }
.shopzone-top-row .brand { min-width: 180px; }
.header-category-link { min-height: 50px; display: inline-flex; align-items: center; gap: 11px; padding: 0 20px; border-radius: 5px; background: #094e38; color: #fff; font-size: 15px; font-weight: 800; white-space: nowrap; }
.header-category-link span { font-size: 25px; line-height: 1; }
.shopzone-search { width: 100%; max-width: none; height: 50px; grid-template-columns: 1fr 58px; }
.shopzone-search input { font-size: 14px; }
.shopzone-search button { background: #159447; }
.header-track-link { display: inline-flex; align-items: center; gap: 11px; color: var(--ink); white-space: nowrap; }
.header-track-link > span:first-child { width: 34px; height: 34px; display: grid; place-items: center; border: 2px solid #17362a; font-size: 19px; }
.header-track-link strong { display: block; font-size: 15px; }
.header-track-link small { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }
.shopzone-header .main-nav { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.shopzone-header .nav-inner { min-height: 58px; gap: 4px; justify-content: space-between; }
.shopzone-header .nav-inner a { padding: 0 10px; min-height: 38px; color: var(--ink); background: transparent; border-radius: 0; }
.shopzone-header .nav-inner a.active, .shopzone-header .nav-inner a:hover { color: var(--green-700); background: transparent; }
.shopzone-header .nav-inner .admin-link { color: #fff; background: var(--green-700); border-radius: 4px; }
@media (max-width: 1000px) { .shopzone-top-row { grid-template-columns: auto 1fr auto; gap: 14px; min-height: 78px; } .header-category-link { display: none; } .header-track-link { display: none; } .shopzone-header .nav-inner { justify-content: flex-start; overflow-x: auto; } }
@media (max-width: 650px) { .shopzone-top-row { grid-template-columns: 1fr auto; } .shopzone-top-row .search-bar { grid-column: 1 / -1; grid-row: 2; } .shopzone-top-row { padding-top: 12px; padding-bottom: 12px; } .shopzone-header .nav-inner { min-height: 48px; } .shopzone-header .nav-inner a { font-size: 12px; } }
.header-menu-mark { position: relative; width: 25px; height: 18px; display: inline-block; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; }
.header-menu-mark::after { content: ""; position: absolute; left: 0; right: 0; top: 7px; border-top: 2px solid currentColor; }
.header-track-mark { position: relative; width: 31px; height: 31px; display: inline-block; border: 2px solid #17362a; transform: rotate(30deg); }
.header-track-mark::after { content: ""; position: absolute; inset: 7px; border: 1px solid #17362a; }
.header-track-link > span:first-child { width: auto; height: auto; display: inline-block; border: 0; font-size: 0; }
.header-category-control { position: relative; z-index: 30; }
.header-category-link { border: 0; cursor: pointer; }
.header-category-menu { position: absolute; top: calc(100% + 8px); left: 0; width: 235px; display: none; padding: 8px; border: 1px solid #dce8dc; border-radius: 6px; background: #fff; box-shadow: 0 16px 32px rgba(13,50,32,.16); }
.header-category-control.open .header-category-menu { display: grid; }
.header-category-menu button { width: 100%; padding: 10px 12px; border: 0; border-radius: 4px; background: transparent; color: #18352b; font: inherit; font-size: 13px; font-weight: 700; text-align: left; cursor: pointer; }
.header-category-menu button:hover { background: #ecf6ea; color: #0d8b3e; }
.header-category-control { list-style: none; }
.header-category-control summary { list-style: none; }
.header-category-control summary::-webkit-details-marker { display: none; }
.header-category-control[open] .header-category-menu { display: grid; }
.header-category-control.open .header-category-menu { display: grid; }
.article-page [data-article-image] { width: 100%; max-height: 440px; object-fit: cover; margin: 16px 0; border-radius: 6px; }
.article-page [data-article-content] { white-space: pre-wrap; line-height: 1.75; color: #465344; }

/* Keep the native category panel above the second navigation row */
.shopzone-header { position: relative; z-index: 100; }
.shopzone-top-row { position: relative; z-index: 3; }
.shopzone-header .main-nav { position: relative; z-index: 1; }
.header-category-control { z-index: 20; }
.header-category-menu { z-index: 50; }
.server-login { border: 0; border-radius: 8px; padding: 0; box-shadow: 0 22px 70px rgba(0,0,0,.25); }
.server-login::backdrop { background: rgba(3,30,19,.55); }
.server-login-card { width: min(390px,calc(100vw - 32px)); display: grid; gap: 14px; padding: 26px; background: #fff; }
.server-login-card h2 { margin: 0; color: #0b422d; }
.server-login-card label { display: grid; gap: 6px; font-weight: 700; }
.server-login-card input { min-height: 42px; border: 1px solid #d6e1d7; border-radius: 5px; padding: 0 10px; }
.server-login-card [data-server-login-error] { min-height: 18px; margin: 0; color: #bf2a2a; font-size: 13px; }
.admin-locked .nx-admin-shell { display: none; }
.admin-page:not(.admin-locked) #serverAdminLogin {
  display: none !important;
  pointer-events: none !important;
}
.admin-page.admin-locked #serverAdminLogin {
  pointer-events: auto;
}
.nx-logout { border: 1px solid #d9e7dc; border-radius: 5px; background: #fff; color: #165234; padding: 8px 12px; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.nx-logout:hover { background: #edf7ee; }
.storefront .admin-link { display: none !important; }
.cart-count-badge { display: inline-grid; min-width: 18px; height: 18px; margin-left: 6px; place-items: center; border-radius: 50%; background: #149848; color: #fff; font-size: 11px; font-weight: 800; line-height: 1; }

/* Compact, reliable admin navigation and fixed storefront header */
.nx-sidebar { overflow-y: auto; }
.nx-side-nav { gap: 2px; padding-bottom: 12px; }
.nx-side-nav button,
.nx-side-nav a { min-height: 35px; padding: 7px 14px; font-size: 14px; line-height: 1.2; }
.nx-side-nav span { display: none; }
.nx-admin-v2 .nx-sidebar { padding: 16px 10px 12px; }
.nx-admin-v2 .nx-side-brand { margin: 0 10px 14px; }
.nx-admin-v2 .nx-side-brand strong { font-size: 20px; }
.nx-admin-v2 .nx-side-brand small { font-size: 11px; }
.nx-admin-v2 .nx-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.nx-admin-v2 .nx-kpi { min-height: 96px; padding: 14px; }
.storefront .top-strip { position: sticky; top: 0; z-index: 120; }
.storefront .shopzone-header { position: sticky; top: 33px; z-index: 110; }
.storefront .shopzone-header .main-nav { background: #fff; }
.storefront .nav-inner a[href="cart.html"] { position: relative; width: 42px; min-width: 42px; padding: 0; justify-content: center; font-size: 0; }
.storefront .nav-inner a[href="cart.html"]::before { content: ""; width: 18px; height: 13px; border: 2px solid currentColor; border-top: 0; transform: skew(-8deg); }
.storefront .nav-inner a[href="cart.html"]::after { content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; background: currentColor; box-shadow: 12px 0 0 currentColor; bottom: 10px; left: 12px; }
.storefront .nav-inner a[href="cart.html"] .cart-count-badge { position: absolute; top: 5px; right: 2px; margin: 0; }
@media (max-width: 900px) { .nx-sidebar { width: min(270px, 84vw); } .nx-side-nav button { min-height: 34px; font-size: 13px; } .nx-admin-v2 .nx-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 650px) { .storefront .top-strip { position: static; } .storefront .shopzone-header { top: 0; } .storefront .top-strip .strip-inner { min-height: 30px; font-size: 10px; gap: 5px; } .storefront .top-strip .strip-inner span:nth-child(2) { display: none; } .storefront .shopzone-top-row { gap: 10px; } .storefront .nav-inner a[href="cart.html"] { margin-left: auto; } }
/* Reference-style admin sidebar */
.nx-admin-v2 .nx-sidebar { display: flex; flex-direction: column; padding: 24px 16px 18px; background: radial-gradient(ellipse at 75% 8%, rgba(39,137,78,.28), transparent 28%), linear-gradient(160deg, #003b29 0%, #002f22 52%, #004331 100%); }
.nx-admin-v2 .nx-side-brand { margin: 0 14px 26px; gap: 14px; }
.nx-admin-v2 .nx-side-brand strong { font-size: 26px; line-height: 1.1; }
.nx-admin-v2 .nx-side-brand small { color: #7cf28d; font-size: 14px; margin-top: 6px; }
.nx-admin-v2 .nx-side-nav { display: grid; gap: 10px; }
.nx-admin-v2 .nx-side-nav button { position: relative; min-height: 48px; padding: 8px 42px 8px 14px; border: 1px solid rgba(83,214,132,.28); border-radius: 12px; background: rgba(0,43,31,.58); box-shadow: inset 0 0 20px rgba(5,163,71,.04); color: #f8fffa; font-size: 16px; font-weight: 700; text-align: left; }
.nx-admin-v2 .nx-side-nav button:hover { background: rgba(9,115,58,.7); border-color: rgba(95,255,148,.55); box-shadow: 0 8px 18px rgba(0,0,0,.15); }
.nx-admin-v2 .nx-side-nav button.active { border-color: #58e779; background: linear-gradient(100deg, #13bb4e, #07943e); box-shadow: inset 5px 0 #fff, 0 0 22px rgba(62,238,112,.25); }
.nx-admin-v2 .nx-side-nav button::after { content: ">"; position: absolute; right: 17px; top: 50%; transform: translateY(-52%); color: #d9f4df; font-size: 25px; font-weight: 400; }
.nx-admin-v2 .nx-side-nav .nx-menu-icon { display: inline-grid; width: 34px; min-width: 34px; place-items: center; margin-right: 10px; color: #fff; font-size: 26px; line-height: 1; font-family: Arial, sans-serif; }
.nx-admin-v2 .nx-side-nav .icon-categories,.nx-admin-v2 .nx-side-nav .icon-articles { font-size: 29px; transform: rotate(90deg); }
.nx-admin-v2 .nx-side-nav .icon-reviews { font-size: 35px; }
.nx-sidebar-user { display: flex; align-items: center; gap: 12px; min-height: 72px; margin-top: auto; padding: 10px 13px; border: 1px solid rgba(83,214,132,.32); border-radius: 12px; background: rgba(0,43,31,.55); color: #fff; }
.nx-sidebar-user .nx-leaf-logo { width: 45px; height: 45px; min-width: 45px; }
.nx-sidebar-user strong,.nx-sidebar-user small { display: block; }
.nx-sidebar-user strong { font-size: 16px; }
.nx-sidebar-user small { margin-top: 3px; color: #ccead3; font-size: 12px; }
.nx-sidebar-user b { display: grid; width: 30px; height: 30px; margin-left: auto; place-items: center; border-radius: 8px; background: #0c5d39; color: #86ff9b; }
@media (max-width: 900px) { .nx-admin-v2 .nx-sidebar { padding: 18px 12px; } .nx-admin-v2 .nx-side-brand { margin-bottom: 18px; } .nx-admin-v2 .nx-side-brand strong { font-size: 21px; } .nx-admin-v2 .nx-side-nav { gap: 7px; } .nx-admin-v2 .nx-side-nav button { min-height: 44px; font-size: 14px; border-radius: 10px; } .nx-admin-v2 .nx-side-nav .nx-menu-icon { width: 29px; min-width: 29px; margin-right: 7px; font-size: 22px; } .nx-sidebar-user { margin-top: 14px; min-height: 60px; } }
/* Keep both the sidebar icon and its label visible */
.nx-admin-v2 .nx-side-nav button > span:not(.nx-menu-icon) { display: inline !important; visibility: visible !important; color: #fff; }
.nx-admin-v2 .nx-side-nav button > .nx-menu-icon { display: inline-grid !important; visibility: visible !important; }
.nx-admin-v2 .nx-side-nav button { display: flex; align-items: center; }
.order-detail-panel { margin-top: 18px; }
.order-detail-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.order-detail-grid > div { padding: 14px; border: 1px solid #e0ebe1; border-radius: 6px; background: #fbfdfb; }
.order-detail-grid p { margin: 7px 0 0; color: #526458; line-height: 1.55; }
@media (max-width: 800px) { .order-detail-grid { grid-template-columns: 1fr 1fr; } .table-tools [data-order-search] { min-width: 100%; } }
@media (max-width: 480px) { .order-detail-grid { grid-template-columns: 1fr; } }
/* Filled trust marks, icon-only search, review photos, and About page */
.shopzone-search button { font-size: 0; position: relative; }
.shopzone-search button::before { width: 17px; height: 17px; border-width: 2px; margin: 0; }
.trust .badge { border-radius: 50%; background-color: #e1f4e4; border: 1px solid #9bd3a4; box-shadow: inset 0 0 0 5px #f6fcf6; }
.trust .badge.natural { background-color: #dff5df; }.trust .badge.truck { background-color: #e0f0df; }.trust .badge.lock { background-color: #e4f2e6; }.trust .badge.cash { background-color: #e6f5dc; }.trust .badge.quality { background-color: #e1f2d8; }
.review-photo { width: 100%; max-height: 170px; margin-bottom: 12px; object-fit: cover; border-radius: 5px; }.review-thumb { width: 62px; height: 62px; margin: 0 12px 8px 0; object-fit: cover; border-radius: 5px; float: left; }
.about-page-heading { max-width: 760px; padding: 38px 0 22px; }.about-page-heading small { color: var(--green-700); font-weight: 800; text-transform: uppercase; }.about-page-heading h1 { margin: 8px 0 14px; font-size: 36px; color: var(--green-950); }.about-page-heading p { max-width: 680px; color: var(--muted); line-height: 1.75; font-size: 16px; }.about-page-points { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; padding-bottom: 48px; }.about-page-points article { padding: 22px; border: 1px solid #dce9dc; border-radius: 6px; background: #fbfdf9; }.about-page-points strong { color: var(--green-800); font-size: 17px; }.about-page-points p { color: var(--muted); line-height: 1.55; }@media(max-width:650px){.about-page-heading h1{font-size:28px}.about-page-points{grid-template-columns:1fr;}}
/* Settings cards and slider manager */
.settings-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.settings-card{min-height:105px;padding:17px;border:1px solid #dce8df;border-radius:7px;background:#fff;color:#17362a;text-align:left;cursor:pointer}.settings-card strong,.settings-card small{display:block}.settings-card strong{font-size:16px}.settings-card small{margin-top:8px;color:#718076}.settings-card.active{border-color:#11964a;background:#eef9ef;box-shadow:inset 0 3px #11964a}.settings-panel-hidden{display:none}@media(max-width:900px){.settings-card-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.settings-card-grid{grid-template-columns:1fr}}.page-settings-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}@media(max-width:1100px){.page-settings-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.page-settings-card-grid{grid-template-columns:1fr 1fr}}
.admin-save-notice{position:fixed;right:24px;bottom:24px;z-index:200;display:flex;align-items:center;min-height:48px;max-width:min(390px,calc(100vw - 32px));padding:12px 18px;border:1px solid #6bd588;border-radius:6px;background:#0e8a42;color:#fff;box-shadow:0 14px 34px rgba(4,72,34,.24);font-size:14px;font-weight:800;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.admin-save-notice::before{content:"";width:8px;height:14px;margin-right:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translateY(-2px)}.admin-save-notice.show{opacity:1;transform:translateY(0)}@media(max-width:560px){.admin-save-notice{right:16px;bottom:16px;font-size:13px}}
/* Slide-out shopping cart */
.cart-drawer-wrap{position:fixed;inset:0;z-index:300;visibility:hidden}.cart-drawer-wrap.open{visibility:visible}.cart-drawer-backdrop{position:absolute;inset:0;background:rgba(8,31,20,.42);opacity:0;transition:opacity .22s ease}.cart-drawer-wrap.open .cart-drawer-backdrop{opacity:1}.cart-drawer{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(460px,100vw);height:100%;background:#fff;box-shadow:-14px 0 40px rgba(0,0,0,.16);transform:translateX(102%);transition:transform .25s ease}.cart-drawer-wrap.open .cart-drawer{transform:translateX(0)}.cart-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:25px 26px 18px;border-bottom:1px solid #e9eeea}.cart-drawer-head h2{margin:0;color:#163629;font-size:20px}.cart-drawer-head small{display:block;margin-top:8px;color:#77847c}.drawer-close,.drawer-remove{border:0;background:transparent;color:#273d31;font-size:26px;line-height:1;cursor:pointer}.cart-drawer-items{flex:1;overflow:auto;padding:16px 20px}.drawer-cart-item{position:relative;display:grid;grid-template-columns:100px 1fr auto;gap:14px;min-height:118px;margin-bottom:13px;padding:10px;border-radius:10px;background:#f4f6f4}.drawer-cart-image{width:100px;height:100px;border-radius:8px;background:#e3eee2 center/contain no-repeat}.drawer-cart-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start}.drawer-cart-copy strong{max-width:100%;overflow:hidden;color:#17362a;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.drawer-cart-copy small{margin-top:9px;color:#17362a;font-weight:800}.drawer-qty{display:flex;align-items:center;gap:14px;margin-top:auto}.drawer-qty button{width:25px;height:25px;border:1px solid #17362a;border-radius:50%;background:#fff;color:#17362a;font-size:18px;line-height:1;cursor:pointer}.drawer-qty span{min-width:10px;text-align:center;font-weight:800}.drawer-remove{align-self:start;font-size:22px}.drawer-empty{padding:30px 8px;color:#728077;text-align:center}.cart-drawer-foot{padding:18px 22px 24px;border-top:1px solid #e9eeea;background:#fff}.drawer-total{display:flex;justify-content:space-between;margin-bottom:15px;font-size:16px}.drawer-total strong{color:#17362a}.drawer-continue,.drawer-checkout{display:block;width:100%;min-height:45px;border-radius:6px;font:inherit;font-size:14px;font-weight:800;text-align:center;cursor:pointer}.drawer-continue{margin-bottom:10px;border:1px solid #189747;background:#fff;color:#14733b}.drawer-checkout{padding:14px;border:0;background:#149244;color:#fff;text-decoration:none}.cart-drawer-open{overflow:hidden}@media(max-width:480px){.cart-drawer-head{padding:20px}.cart-drawer-items{padding:14px}.drawer-cart-item{grid-template-columns:78px 1fr auto}.drawer-cart-image{width:78px;height:78px}}
#nxCartDrawer.open{display:block!important;visibility:visible!important;z-index:9999!important}#nxCartDrawer.open .cart-drawer{transform:translateX(0)!important;opacity:1!important}

/* Prevent macOS local font conflicts from rendering admin text as symbols. */
.admin-page,.admin-page button,.admin-page input,.admin-page textarea,.admin-page select,.admin-page table,.admin-page .nx-main{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif!important;font-variant-ligatures:none}.admin-page .nx-menu-icon{font-family:Arial,Helvetica,sans-serif!important}
/* Standalone reliable cart drawer */
.nx-standalone-cart{position:fixed;inset:0;z-index:20000;visibility:hidden}.nx-standalone-cart.open{visibility:visible}.nx-standalone-backdrop{position:absolute;inset:0;background:rgba(6,29,18,.48);opacity:0;transition:opacity .2s}.nx-standalone-cart.open .nx-standalone-backdrop{opacity:1}.nx-standalone-panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;width:min(460px,100vw);height:100%;background:#fff;box-shadow:-14px 0 44px rgba(0,0,0,.22);transform:translateX(105%);transition:transform .24s ease}.nx-standalone-cart.open .nx-standalone-panel{transform:translateX(0)}.nx-standalone-head{display:flex;justify-content:space-between;padding:24px;border-bottom:1px solid #e3ebe5}.nx-standalone-head h2{margin:0;color:#17362a;font-size:20px}.nx-standalone-head small{display:block;margin-top:8px;color:#738177}.nx-standalone-head button,.nx-standalone-remove{border:0;background:transparent;font-size:25px;cursor:pointer}.nx-standalone-items{flex:1;overflow:auto;padding:16px}.nx-standalone-item{display:grid;grid-template-columns:94px 1fr auto;gap:13px;margin-bottom:12px;padding:10px;border-radius:9px;background:#f2f5f2}.nx-standalone-image{width:94px;height:94px;border-radius:7px;background:#e3eee2 center/contain no-repeat}.nx-standalone-item strong,.nx-standalone-item small{display:block}.nx-standalone-item strong{overflow:hidden;color:#17362a;text-overflow:ellipsis;white-space:nowrap}.nx-standalone-item small{margin-top:9px;font-weight:800}.nx-standalone-qty{display:flex;align-items:center;gap:13px;margin-top:24px}.nx-standalone-qty button{width:25px;height:25px;border:1px solid #17362a;border-radius:50%;background:#fff;font-size:18px;line-height:1;cursor:pointer}.nx-standalone-foot{padding:18px;border-top:1px solid #e3ebe5}.nx-standalone-foot>div{display:flex;justify-content:space-between;margin-bottom:15px;font-size:16px}.nx-standalone-foot button,.nx-standalone-checkout{display:block;width:100%;min-height:46px;border-radius:6px;font:inherit;font-weight:800;text-align:center}.nx-standalone-foot button{margin-bottom:9px;border:1px solid #159545;background:#fff;color:#13723b;cursor:pointer}.nx-standalone-checkout{padding:14px;background:#159545;color:#fff;text-decoration:none}.nx-cart-open{overflow:hidden}
/* Managed slider: uploaded artwork is the whole hero; only the requested actions remain. */
.hero { background-color: #eff4e9; background-repeat: no-repeat; background-position: center; }
.hero-inner { display: block; min-height: 420px; }
.hero-slider-actions { position: absolute; z-index: 4; left: 0; right: 0; bottom: 30px; padding: 0; }
.hero-slider-actions .hero-actions { justify-content: flex-start; flex-wrap: wrap; }
.hero-slider-actions .btn { box-shadow: 0 4px 16px rgba(10,54,26,.22); }
@media (max-width: 860px) { .hero-inner { min-height: 310px; } .hero-slider-actions { bottom: 18px; padding: 0 16px; } .hero-slider-actions .hero-actions { flex-direction: row; gap: 8px; } .hero-slider-actions .btn { padding: 10px 12px; font-size: 13px; } }
/* Uploaded rectangular store logo replaces the generated leaf artwork. */
.brand-mark.has-uploaded-logo { width: 220px; height: 72px; flex: 0 0 220px; background: transparent !important; }
.brand-mark.has-uploaded-logo::before,
.brand-mark.has-uploaded-logo::after,
.brand-mark.has-uploaded-logo span { display: none !important; }
.brand-mark.has-uploaded-logo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.brand:has(.brand-mark.has-uploaded-logo) > span:last-child { display: none; }
@media (max-width: 560px) { .brand-mark.has-uploaded-logo { width: 170px; height: 56px; flex-basis: 170px; } }
/* Square uploaded NX Organics logo. */
.brand-mark.has-uploaded-logo { width: 86px; height: 86px; flex-basis: 86px; }
@media (max-width: 560px) { .brand-mark.has-uploaded-logo { width: 60px; height: 60px; flex-basis: 60px; } }
/* Product cart actions: green at rest, black on hover or press. */
.product-card .cart-btn { transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease; }
.product-card .cart-btn:hover,
.product-card .cart-btn:focus-visible { background: #111 !important; color: #fff; transform: translateY(-2px); box-shadow: 0 7px 14px rgba(0,0,0,.2); }
.product-card .cart-btn:active { transform: translateY(0) scale(.98); box-shadow: none; }
/* Hovering a product or its cart action enlarges the action slightly. */
.product-card:hover .cart-btn,
.product-card .cart-btn:hover,
.product-card .cart-btn:focus-visible { background: #111 !important; color: #fff; transform: scale(1.045); box-shadow: 0 8px 16px rgba(0,0,0,.22); }
.product-card .cart-btn:active { transform: scale(.98); }
/* Bring the product under the cursor forward without moving the product grid. */
.product-card { position: relative; transition: transform .24s ease, box-shadow .24s ease; }
@media (hover: hover) and (pointer: fine) { .product-card:hover { z-index: 2; transform: scale(1.035); box-shadow: 0 14px 28px rgba(20,56,31,.18); } }
/* Independent top-header cart preview. It shares selected items with checkout but leaves the add-to-cart drawer untouched. */
.shopzone-top-row { grid-template-columns: auto auto minmax(280px,1fr) auto auto auto; }
.top-cart-wrap { position: relative; z-index: 80; }
.top-cart-button { display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 12px; border: 1px solid #d9e5dc; border-radius: 5px; background: #fff; color: #17362a; font: inherit; cursor: pointer; white-space: nowrap; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }
.top-cart-button:hover,.top-cart-button[aria-expanded="true"] { border-color: #159545; background: #f3fbf4; box-shadow: 0 7px 18px rgba(10,73,37,.12); }
.top-cart-button strong,.top-cart-button small { display: block; text-align: left; }.top-cart-button strong { font-size: 14px; }.top-cart-button small { margin-top: 2px; color: #64756a; font-size: 11px; }
.top-cart-icon { position: relative; width: 23px; height: 19px; border: 2px solid #123c29; border-top: 0; transform: skew(-8deg); }.top-cart-icon::before { content: ''; position: absolute; width: 9px; border-top: 2px solid #123c29; left: -5px; top: -5px; }.top-cart-icon::after { content: ''; position: absolute; bottom: -7px; left: 3px; width: 4px; height: 4px; border-radius: 50%; background: #123c29; box-shadow: 12px 0 0 #123c29; }
.top-cart-preview { position: absolute; top: calc(100% + 10px); right: 0; width: min(360px,calc(100vw - 24px)); max-height: min(480px,calc(100vh - 120px)); overflow: auto; padding: 14px; border: 1px solid #dbe7de; border-radius: 7px; background: #fff; box-shadow: 0 18px 42px rgba(10,46,29,.2); }.top-cart-preview[hidden] { display: none; }
.top-cart-preview-head { display: flex; justify-content: space-between; align-items: center; padding: 2px 0 12px; border-bottom: 1px solid #e5ede6; color: #17362a; }.top-cart-preview-head button { border: 0; background: transparent; color: #17362a; font-size: 22px; cursor: pointer; }
.top-cart-preview-list { display: grid; gap: 10px; padding: 12px 0; }.top-cart-preview-list article { display: grid; grid-template-columns: 54px 1fr; gap: 10px; align-items: center; }.top-cart-preview-image { width: 54px; height: 54px; border-radius: 5px; background: #edf3ed center/contain no-repeat; }.top-cart-preview-list strong,.top-cart-preview-list small { display: block; }.top-cart-preview-list strong { overflow: hidden; color: #17362a; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }.top-cart-preview-list small { margin-top: 5px; color: #6d7d72; font-size: 12px; }.top-cart-empty { margin: 18px 0; color: #718176; text-align: center; }.top-cart-checkout { display: block; padding: 12px; border-radius: 5px; background: #159545; color: #fff; font-size: 13px; font-weight: 800; text-align: center; text-decoration: none; }
@media (max-width: 1000px) { .shopzone-top-row { grid-template-columns: auto minmax(180px,1fr) auto auto; gap: 14px; }.top-cart-button { min-height: 44px; padding: 0 9px; }.top-cart-button small { display: none; } }
@media (max-width: 650px) { .shopzone-top-row { grid-template-columns: 1fr auto auto; }.top-cart-button { min-height: 40px; }.top-cart-button strong { display: none; }.top-cart-preview { position: fixed; top: 82px; right: 12px; } }
/* Special Offer cart actions match the main product-card cart behavior. */
.bundle-card { position: relative; transition: transform .24s ease, box-shadow .24s ease; }
.bundle-card .cart-btn { width: calc(100% - 32px); min-height: 36px; margin: 0 16px; transition: background-color .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease; }
@media (hover: hover) and (pointer: fine) { .bundle-card:hover { z-index: 2; transform: scale(1.035); box-shadow: 0 14px 28px rgba(20,56,31,.18); } .bundle-card:hover .cart-btn,.bundle-card .cart-btn:hover,.bundle-card .cart-btn:focus-visible { background: #111 !important; color: #fff; transform: scale(1.045); box-shadow: 0 8px 16px rgba(0,0,0,.22); } }
.bundle-card .cart-btn:active { transform: scale(.98); }

/* Filled glossy black trust circles. */
.trust .badge,.trust .badge.natural,.trust .badge.truck,.trust .badge.lock,.trust .badge.cash,.trust .badge.quality { border: 1px solid #080b09; background: radial-gradient(circle at 30% 25%, #69706b 0 8%, #222824 26%, #060807 68%); box-shadow: inset 0 1px 3px rgba(255,255,255,.38), inset 0 -4px 7px rgba(0,0,0,.76), 0 3px 7px rgba(0,0,0,.26); }
/* Square uploaded logo should not reserve the old wide text-logo space. */
.shopzone-top-row .brand:has(.brand-mark.has-uploaded-logo) { min-width: 86px; width: 86px; }
@media (max-width: 560px) { .shopzone-top-row .brand:has(.brand-mark.has-uploaded-logo) { min-width: 60px; width: 60px; } }
/* Let search use all free desktop header space immediately after Categories. */
@media (min-width: 1001px) { .shopzone-top-row { grid-template-columns: auto auto minmax(0,1fr) auto auto auto; } .shopzone-search { min-width: 0; width: 100%; } }
/* Saved customer wishlist, kept separate from the shopping cart. */
.top-wishlist-wrap { position: relative; z-index: 80; }.top-wishlist-button { display: inline-flex; align-items: center; gap: 9px; min-height: 50px; padding: 0 12px; border: 1px solid #d9e5dc; border-radius: 5px; background: #fff; color: #17362a; font: inherit; cursor: pointer; white-space: nowrap; transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease; }.top-wishlist-button:hover,.top-wishlist-button[aria-expanded="true"] { border-color: #159545; background: #f3fbf4; box-shadow: 0 7px 18px rgba(10,73,37,.12); }.top-wishlist-button strong,.top-wishlist-button small { display: block; text-align: left; }.top-wishlist-button strong { font-size: 14px; }.top-wishlist-button small { margin-top: 2px; color: #64756a; font-size: 11px; }.top-wishlist-icon { color: #159545; font-size: 28px; line-height: 1; }.top-wishlist-preview { position: absolute; top: calc(100% + 10px); right: 0; width: min(360px,calc(100vw - 24px)); max-height: min(480px,calc(100vh - 120px)); overflow: auto; padding: 14px; border: 1px solid #dbe7de; border-radius: 7px; background: #fff; box-shadow: 0 18px 42px rgba(10,46,29,.2); }.top-wishlist-preview[hidden] { display:none; }.top-wishlist-preview-head { display:flex; align-items:center; justify-content:space-between; padding:2px 0 12px; border-bottom:1px solid #e5ede6; color:#17362a; }.top-wishlist-preview-head button,.top-wishlist-preview-list button { border:0; background:transparent; color:#17362a; cursor:pointer; font-size:22px; }.top-wishlist-preview-list { display:grid; gap:10px; padding:12px 0; }.top-wishlist-preview-list article { display:grid; grid-template-columns:54px 1fr auto; gap:10px; align-items:center; }.top-wishlist-preview-image { width:54px; height:54px; border-radius:5px; background:#edf3ed center/contain no-repeat; }.top-wishlist-preview-list strong,.top-wishlist-preview-list small { display:block; }.top-wishlist-preview-list strong { overflow:hidden; color:#17362a; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }.top-wishlist-preview-list small { margin-top:5px; color:#6d7d72; font-size:12px; }.top-wishlist-empty { margin:18px 0; color:#718176; text-align:center; }
@media (max-width:1000px) { .top-wishlist-button { min-height:44px; padding:0 9px; }.top-wishlist-button small { display:none; } }.top-wishlist-button .top-wishlist-icon { font-size:25px; }@media (max-width:650px) { .top-wishlist-button { min-height:40px; }.top-wishlist-button strong { display:none; }.top-wishlist-preview { position:fixed; top:82px; right:12px; } }
/* Keep Cart, Wishlist, and menu aligned after adding the wishlist control. */
@media (max-width:1000px) { .shopzone-top-row { grid-template-columns: auto minmax(140px,1fr) auto auto auto; } }
@media (max-width:650px) { .shopzone-top-row { grid-template-columns: 1fr auto auto auto; } .shopzone-top-row .search-bar { grid-column: 1 / -1; } }
.smtp-test-result { min-height: 20px; margin: 4px 0 0; color: #526458; font-size: 13px; }

/* Uploaded Special Offer images replace the generated bundle artwork completely. */
.bundle-art.has-uploaded-image::before,
.bundle-art.has-uploaded-image::after { display: none; }
.bundle-art.has-uploaded-image { background-color: #fff; background-repeat: no-repeat; background-size: cover; background-position: center; }
.bundle-rating { margin: -2px 16px 8px; color: #f3ac20; font-size: 14px; letter-spacing: 1px; }.bundle-rating span { margin-left: 6px; color: #6c7b70; font-size: 12px; font-weight: 700; letter-spacing: 0; }

/* Center each blog card's writing for an even, readable layout. */
.blog-card { display: flex; flex-direction: column; text-align: center; }.blog-card h3,.blog-card p,.blog-card small,.blog-card a { text-align: center; }.blog-card p { margin: 0 16px; color: #536258; line-height: 1.55; }.blog-card a { margin-top: auto; }
/* Center the complete Special Offer bundle content. */
.bundle-card { display: flex; flex-direction: column; text-align: center; }.bundle-card h3,.bundle-card small,.bundle-card p,.bundle-card .bundle-rating { text-align: center; }.bundle-card p { justify-content: center; }.bundle-card .cart-btn { align-self: center; }
/* Final storefront search, editable feature image, bundle media, and cart detail polish */
.shopzone-search { position: relative; z-index: 120; }
.search-results-final { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 9999; max-height: 430px; overflow: auto; padding: 8px; border: 1px solid #dce8df; border-radius: 10px; background: #fff; box-shadow: 0 18px 36px rgba(13, 47, 27, .18); }
.search-result-final { display: flex; align-items: center; width: 100%; gap: 12px; padding: 9px 10px; border: 0; border-radius: 7px; background: #fff; color: #17362a; text-align: left; cursor: pointer; }
.search-result-final:hover, .search-result-final:focus-visible { background: #eff8f0; outline: 0; }
.search-result-final-image { display: grid; flex: 0 0 48px; place-items: center; width: 48px; height: 48px; overflow: hidden; border-radius: 7px; background: #f2f6f1; color: #167b42; font-weight: 800; }
.search-result-final-image img { width: 100%; height: 100%; object-fit: contain; }
.search-result-final-copy { display: grid; min-width: 0; gap: 4px; }
.search-result-final-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.search-result-final-copy small { color: #718177; }
.search-result-final-empty { margin: 12px; color: #718177; }
.has-uploaded-why-image { overflow: hidden; }
.has-uploaded-why-image > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bundle-art.has-uploaded-image { display: grid; place-items: center; overflow: hidden; }
.bundle-art.has-uploaded-image > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.bundle-wish { position: absolute; top: 10px; right: 10px; z-index: 3; }
.bundle-rating { min-height: 20px; }
.cart-item-sku { display: block; margin-top: 5px; color: #718177; font-size: 11px; }
.drawer-cart-image.has-cart-image, .nx-standalone-image.has-cart-image { background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: contain; }
@media (max-width: 650px) { .search-results-final { left: 0; right: 0; } }


/* Checkout product thumbnails */
.cart-row:has(.checkout-item-image) { grid-template-columns: 76px minmax(0,1fr) auto auto; }
.checkout-item-image { width: 64px; height: 64px; border: 1px solid #dce8df; border-radius: 8px; background: #fff center/contain no-repeat; }
@media (max-width: 860px) { .cart-row:has(.checkout-item-image) { grid-template-columns: 72px 1fr; } .cart-row:has(.checkout-item-image) .qty-control, .cart-row:has(.checkout-item-image) > div:last-child { grid-column: 2; } }


/* Search suggestions must not inherit the green submit-button styling. */
.shopzone-search .search-results { display: none !important; }
.shopzone-search .search-results-final { display: block; position: absolute; grid-column: auto; }
.shopzone-search .search-results-final button.search-result-final { display: flex; min-height: 66px; height: auto; border: 0; background: #fff; color: #17362a; font-size: 14px; line-height: 1.25; }
.shopzone-search .search-results-final button.search-result-final:hover,
.shopzone-search .search-results-final button.search-result-final:focus-visible { background: #eff8f0; color: #17362a; }
.shopzone-search .search-results-final button.search-result-final::before,
.shopzone-search .search-results-final button.search-result-final::after { display: none; content: none; }

/* Final hero rule: uploaded slider artwork is the only visual in the slider. */
.hero { background-image: none; background-color: #edf4e8; background-size: cover; background-position: center; }
.hero-inner { display: block; min-height: 420px; }
.hero-copy { position: absolute; inset: auto 0 30px; padding: 0; z-index: 4; }
.hero-copy h1, .hero-copy p { display: none !important; }
.hero-actions { justify-content: flex-start; flex-wrap: wrap; }
.hero-still { display: none !important; }
@media (max-width: 860px) { .hero-inner { min-height: 310px; } .hero-copy { bottom: 18px; padding: 0 16px; } }
/* Keep product actions visible after the slider cleanup. */
.product-card .wish { display: block !important; visibility: visible !important; }
.product-card .cart-btn { display: inline-flex !important; visibility: visible !important; }
/* Unified storefront controls: cart and wishlist remain visible with the product actions. */
.top-cart-wrap,.top-wishlist-wrap { display: block !important; visibility: visible !important; }
.product-card .wish,.product-card .cart-btn { display: inline-flex !important; visibility: visible !important; }
.product-card .wish { position: absolute; z-index: 3; }

.about-page-image img{display:block;max-width:100%;max-height:360px;margin:18px auto;object-fit:contain}.about-page-points[data-about-lines]{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.about-page-points[data-about-lines] li{padding:18px;border:1px solid #dce9dc;border-radius:6px;background:#fbfdf9}.about-page-points[data-about-lines] strong{color:var(--green-800)}.about-page-points[data-about-lines] p{color:var(--muted);line-height:1.55}@media(max-width:650px){.about-page-points[data-about-lines]{grid-template-columns:1fr}}

.blog-excerpt{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-height:1.45;min-height:calc(1.45em * 2)}

.about-simple-content{text-align:center;max-width:900px;margin:0 auto;padding:24px 18px 56px}.about-simple-content small{display:block;color:#258642;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.about-simple-content h1{margin:10px 0 20px;font-size:clamp(30px,4vw,48px);font-weight:800;color:#173b27}.about-page-image:empty{display:none}.about-page-image img{display:block;width:min(100%,760px);max-height:520px;object-fit:contain;margin:0 auto 24px;border-radius:8px}.about-simple-text{max-width:760px;margin:0 auto;color:#465344;font-size:18px;line-height:1.8;white-space:pre-wrap}

/* Full-color dashboard cards */
.nx-kpi{border:0;color:#fff;overflow:hidden;box-shadow:0 10px 24px rgba(18,49,36,.12)}.nx-kpi small,.nx-kpi em,.nx-kpi strong{color:#fff}.nx-kpi:nth-child(1){background:linear-gradient(135deg,#087f3e,#16aa55)}.nx-kpi:nth-child(2){background:linear-gradient(135deg,#146dcc,#358fea)}.nx-kpi:nth-child(3){background:linear-gradient(135deg,#d87508,#f4a62b)}.nx-kpi:nth-child(4){background:linear-gradient(135deg,#7140bb,#9a61dc)}.nx-kpi:nth-child(5){background:linear-gradient(135deg,#078c80,#21b7a1)}.nx-kpi:nth-child(6){background:linear-gradient(135deg,#d43f55,#ed6678)}.nx-kpi>span{background:rgba(255,255,255,.2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}.nx-kpi>span::before{filter:brightness(0) invert(1)}
.settings-card-grid .settings-card,.settings-page-card-grid .settings-card{border:0;color:#fff;box-shadow:0 9px 20px rgba(18,49,36,.12);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.settings-card-grid .settings-card strong,.settings-card-grid .settings-card small,.settings-page-card-grid .settings-card strong,.settings-page-card-grid .settings-card small{color:#fff}.settings-card-grid .settings-card small,.settings-page-card-grid .settings-card small{opacity:.88}.settings-card-grid .settings-card:hover,.settings-page-card-grid .settings-card:hover{transform:translateY(-2px);box-shadow:0 13px 24px rgba(18,49,36,.18);filter:saturate(1.08)}.settings-card-grid .settings-card.active,.settings-page-card-grid .settings-card.active{box-shadow:inset 0 0 0 3px rgba(255,255,255,.85),0 13px 24px rgba(18,49,36,.2);filter:saturate(1.12) brightness(.94)}.settings-card-grid .settings-card:nth-child(1){background:linear-gradient(135deg,#087f3e,#16aa55);border-top:0}.settings-card-grid .settings-card:nth-child(2){background:linear-gradient(135deg,#146dcc,#358fea);border-top:0}.settings-card-grid .settings-card:nth-child(3){background:linear-gradient(135deg,#7140bb,#9a61dc);border-top:0}.settings-card-grid .settings-card:nth-child(4){background:linear-gradient(135deg,#d87508,#f4a62b);border-top:0}.settings-card-grid .settings-card:nth-child(5){background:linear-gradient(135deg,#078c80,#21b7a1);border-top:0}.settings-card-grid .settings-card:nth-child(6){background:linear-gradient(135deg,#d43f55,#ed6678);border-top:0}.settings-page-card-grid .settings-card:nth-child(1){background:linear-gradient(135deg,#087f3e,#16aa55);border-top:0}.settings-page-card-grid .settings-card:nth-child(2){background:linear-gradient(135deg,#7140bb,#9a61dc);border-top:0}.settings-page-card-grid .settings-card:nth-child(3){background:linear-gradient(135deg,#146dcc,#358fea);border-top:0}.settings-page-card-grid .settings-card:nth-child(4){background:linear-gradient(135deg,#d87508,#f4a62b);border-top:0}.settings-page-card-grid .settings-card:nth-child(5){background:linear-gradient(135deg,#078c80,#21b7a1);border-top:0}

.search-results-live{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10000;max-height:min(520px,70vh);overflow:auto;padding:8px;border:1px solid #d9e7dc;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(13,47,27,.22)}.search-results-live-list{display:grid;gap:4px}.search-result-live-row{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;width:100%;padding:9px;border:0;border-radius:8px;background:#fff;color:#17362a;text-align:left;cursor:pointer}.search-result-live-row:hover,.search-result-live-row:focus-visible{background:#eff8f0;outline:0}.search-result-live-image{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:8px;background:#eef5ee;color:#168343;font-weight:800}.search-result-live-image img{width:100%;height:100%;object-fit:contain}.search-results-live-placeholder{font-size:16px}.search-result-live-copy{display:grid;min-width:0;align-content:center;gap:3px}.search-result-live-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.search-result-live-copy small{overflow:hidden;color:#718177;text-overflow:ellipsis;white-space:nowrap}.search-result-live-copy b{color:#168343;font-size:13px}.search-results-live-empty{padding:18px 12px;color:#718177;text-align:center}

.autocomplete-panel{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:10000;max-height:min(560px,75vh);overflow:auto;padding:8px;border:1px solid #dbe8de;border-radius:10px;background:#fff;box-shadow:0 18px 42px rgba(13,47,27,.22)}.autocomplete-heading{padding:7px 10px 9px;color:#64766a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.autocomplete-list{display:grid;gap:3px}.autocomplete-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;width:100%;padding:9px;border:0;border-radius:8px;background:#fff;color:#17362a;text-align:left;cursor:pointer}.autocomplete-item:hover,.autocomplete-item.active{background:#eff8f0;outline:0}.autocomplete-image{display:grid;place-items:center;width:54px;height:54px;overflow:hidden;border-radius:8px;background:#edf5ee;color:#168343;font-weight:800}.autocomplete-image img{width:100%;height:100%;object-fit:contain}.autocomplete-placeholder{font-size:16px}.autocomplete-copy{display:grid;min-width:0;align-content:center;gap:3px}.autocomplete-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.autocomplete-copy strong mark{padding:0;background:#d9f4df;color:#087f3e}.autocomplete-copy small{overflow:hidden;color:#718177;text-overflow:ellipsis;white-space:nowrap}.autocomplete-copy small i{font-style:normal;color:#b0bdb3}.autocomplete-copy b{color:#168343;font-size:13px}.autocomplete-loading{display:flex;align-items:center;gap:9px;padding:18px 12px;color:#64766a}.autocomplete-loading span{width:14px;height:14px;border:2px solid #b9d8bf;border-top-color:#168343;border-radius:50%;animation:nx-search-spin .7s linear infinite}@keyframes nx-search-spin{to{transform:rotate(360deg)}}.autocomplete-empty{display:grid;gap:6px;padding:16px 12px;color:#64766a}.autocomplete-empty strong{color:#17362a}.autocomplete-empty small{font-size:12px}.autocomplete-empty a{width:max-content;color:#168343;font-size:12px;font-weight:800}

.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center;max-width:1000px;margin:26px auto}.product-detail-media{min-height:360px;display:grid;place-items:center;border-radius:10px;background:#f2f7f1}.product-detail-media img{width:100%;height:360px;object-fit:contain}.product-detail-placeholder{font-size:56px;font-weight:800;color:#168343}.product-detail-copy small{color:#168343;font-weight:800;text-transform:uppercase}.product-detail-copy h1{margin:10px 0;color:#173b27;font-size:clamp(28px,4vw,46px)}.product-detail-price{color:#168343;font-size:24px;font-weight:800}.product-availability{color:#168343;font-weight:700}.product-detail-cart{margin-top:12px}.search-results-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.search-result-card{display:grid;gap:8px;padding:14px;border:1px solid #dce8df;border-radius:8px;background:#fff;color:#17362a;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.search-result-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(13,47,27,.13)}.search-result-card-image{display:grid;place-items:center;height:180px;border-radius:6px;background:#f1f6f0}.search-result-card-image img{width:100%;height:100%;object-fit:contain}.search-result-card-image span{font-size:32px;font-weight:800;color:#168343}.search-result-card small{color:#718177}@media(max-width:760px){.product-detail{grid-template-columns:1fr;gap:24px}.product-detail-media,.product-detail-media img{min-height:260px;height:260px}.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.search-results-grid{grid-template-columns:1fr}}

/* Search button: dark magnifying-glass control matching the supplied reference. */
.shopzone-search button {
  position: relative;
  display: grid;
  place-items: center;
  width: 58px;
  height: 100%;
  border: 0;
  border-radius: 0 6px 6px 0;
  background: #17362a;
  color: transparent;
  cursor: pointer;
}
.shopzone-search button::before {
  content: '';
  width: 17px;
  height: 17px;
  border: 3px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
}
.shopzone-search button::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 3px;
  background: #fff;
  border-radius: 3px;
  transform: translate(7px, 7px) rotate(45deg);
  transform-origin: left center;
}
.shopzone-search button:hover { background: #0c2319; }
.shopzone-search button:focus-visible { outline: 3px solid rgba(22,131,67,.35); outline-offset: 2px; }
/* Keep autocomplete visible above the page content and header layers. */
.shopzone-header, .shopzone-header .header-main, .shopzone-header .shopzone-top-row { overflow: visible !important; }
.shopzone-search { isolation: isolate; }
.autocomplete-panel { z-index: 100000; }

/* Public WhatsApp support and checkout shipping/billing presentation. */
[data-public-whatsapp] { position: fixed; right: 22px; bottom: 22px; z-index: 25000; display: inline-flex; align-items: center; gap: 9px; min-height: 48px; padding: 0 17px; border-radius: 24px; background: #159447; color: #fff; box-shadow: 0 10px 26px rgba(12,76,37,.26); font-size: 14px; font-weight: 800; text-decoration: none; transition: transform .18s ease, background-color .18s ease; }
[data-public-whatsapp] span:first-child { display: grid; place-items: center; width: 25px; height: 25px; border: 2px solid #fff; border-radius: 50%; font-size: 18px; line-height: 1; }
[data-public-whatsapp]:hover { background: #0d6f35; color: #fff; transform: translateY(-2px); }
.checkout-grand-total { margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 17px; }
.checkout-grand-total strong { color: var(--green-700); font-size: 20px; }
.billing-address-fields { display: grid; gap: 12px; }
.billing-address-fields[hidden] { display: none; }
[data-shipment-settings-status] { color: #148342; font-weight: 700; }
@media (max-width: 560px) { [data-public-whatsapp] { right: 14px; bottom: 14px; min-height: 44px; padding: 0 13px; font-size: 13px; } }
/* Tracking & Analytics integration cards. */
.tracking-integration-card { max-width: 720px; }
.tracking-form-message { min-height: 20px; margin: 10px 0 0; font-size: 13px; font-weight: 700; }
.tracking-form-message.success { color: #148342; }
.tracking-form-message.error { color: #bd2f3f; }
.icon-analytics { font-size: 24px !important; }
/* Mobile-only storefront experience. Desktop rules above remain unchanged. */
@media (max-width: 767px) {
  html { scroll-behavior: smooth; }
  body { overflow-x: hidden; }
  .container { width: min(100% - 24px, 1180px); }
  .section { padding: 30px 0; }
  .section-heading { gap: 8px; margin-bottom: 14px; }
  .section-heading h2 { font-size: 24px; }
  .section-heading small { font-size: 10px; }

  /* Compact touch-first storefront header. */
  .storefront .top-strip .strip-inner { justify-content: center; min-height: 30px; padding: 0 12px; font-size: 10px; }
  .storefront .top-strip .strip-inner span:nth-child(2),
  .storefront .top-strip .strip-inner span:nth-child(3) { display: none; }
  .shopzone-header { position: sticky; top: 0; z-index: 1000; }
  .shopzone-top-row { grid-template-columns: minmax(0,1fr) auto auto auto; grid-template-areas: "brand cart wishlist menu" "search search search search"; gap: 10px; min-height: 0; padding: 10px 0 12px; }
  .shopzone-top-row > .brand { grid-area: brand; min-width: 0; width: auto; gap: 7px; }
  .shopzone-top-row > .brand > span:last-child { min-width: 0; }
  .shopzone-top-row .brand strong { display: block; overflow: hidden; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }
  .shopzone-top-row .brand small { font-size: 10px; }
  .shopzone-top-row .brand-mark { width: 38px; height: 38px; min-width: 38px; }
  .shopzone-top-row > .top-cart-wrap { grid-area: cart; }
  .shopzone-top-row > .top-wishlist-wrap { grid-area: wishlist; }
  .shopzone-top-row > .mobile-menu { grid-area: menu; display: block; width: 40px; height: 40px; padding: 8px; }
  .shopzone-top-row > .header-category-control,
  .shopzone-top-row > .header-track-link { display: none; }
  .top-cart-button, .top-wishlist-button { min-height: 40px; width: 40px; padding: 0; justify-content: center; border-radius: 8px; }
  .top-cart-button > span:last-child, .top-wishlist-button > span:last-child { display: none; }
  .top-cart-icon, .top-wishlist-icon { font-size: 23px; }
  .shopzone-top-row .search-bar { grid-area: search; width: 100%; height: 46px; min-height: 46px; }
  .shopzone-search input { min-width: 0; height: 46px; padding-inline: 13px; font-size: 14px; }
  .shopzone-search button { width: 52px; min-width: 52px; }
  .shopzone-header .main-nav { display: none; border-top: 1px solid #e5ece5; }
  .shopzone-header .main-nav.open { display: block; }
  .shopzone-header .nav-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; max-height: min(65vh, 430px); overflow: auto; padding: 9px 0 12px; }
  .shopzone-header .nav-inner a { min-height: 44px; justify-content: flex-start; padding: 0 12px; border-radius: 7px; background: #f5f9f3; font-size: 13px; }
  .shopzone-header .nav-inner a.active { background: #e8f5e9; }
  .shopzone-header .nav-inner a[href="/cart"] { width: auto; min-width: 0; padding: 0 12px; justify-content: flex-start; font-size: 13px; }
  .shopzone-header .nav-inner a[href="/cart"]::before, .shopzone-header .nav-inner a[href="/cart"]::after { display: none; }

  /* Uploaded slider art keeps a stable, non-distorted mobile frame. */
  .hero { min-height: 330px; background-size: cover; background-position: center; }
  .hero-inner { min-height: 330px; }
  .hero-slider-actions { bottom: 14px; padding: 0 12px; }
  .hero-slider-actions .hero-actions { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 6px; width: 100%; }
  .hero-slider-actions .btn { min-height: 42px; padding: 8px 4px; font-size: 10px; line-height: 1.15; }
  .hero-copy { bottom: 14px; }

  .trust { grid-template-columns: repeat(2, minmax(0,1fr)); width: 100%; margin-top: 0; padding: 10px 8px; border-radius: 0; gap: 0; }
  .trust article { grid-template-columns: 28px minmax(0,1fr); min-height: 54px; column-gap: 8px; padding: 4px 5px; }
  .trust .badge { width: 24px; height: 24px; box-shadow: inset 0 0 0 3px #161a17; }
  .trust strong { font-size: 11px; }
  .trust small { font-size: 10px; line-height: 1.25; }

  .category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 16px; }
  .category-card { padding: 10px; }
  .category-art { height: 106px; margin-bottom: 8px; }
  .category-card strong { font-size: 13px; }
  .category-card small { font-size: 11px; }
  .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; margin-top: 16px; }
  .product-card { min-width: 0; padding: 10px 9px 12px; border-radius: 8px; box-shadow: 0 5px 16px rgba(43,68,35,.08); }
  .product-card .wish { top: 7px; right: 7px; width: 34px; height: 34px; z-index: 3; }
  .product-card .wish::before { font-size: 21px; }
  .product-photo, .product-art { width: 100%; height: 138px; margin: 5px auto 10px; }
  .product-photo img { width: 100%; height: 100%; object-fit: contain; }
  .product-card h3 { min-height: 34px; margin-bottom: 5px; font-size: 12px; line-height: 1.3; }
  .product-card .stars { min-height: 17px; font-size: 11px; }
  .product-card p { flex-wrap: wrap; gap: 5px; margin: 7px 0 9px; }
  .product-card strong { font-size: 14px; }
  .product-card del { font-size: 10px; }
  .product-card .cart-btn { min-height: 42px; padding: 8px 5px; font-size: 12px; }

  .split-feature { grid-template-columns: 1fr; gap: 18px; }
  .feature-image { min-height: 230px; }
  .bundle-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .bundle-card { min-width: 0; padding-bottom: 11px; }
  .bundle-art { height: 116px; }
  .bundle-card h3 { min-height: 34px; margin: 9px 9px 5px; font-size: 12px; }
  .bundle-card p { margin: 6px 9px 9px; font-size: 12px; }
  .bundle-card .cart-btn { width: calc(100% - 18px); min-height: 40px; margin: 0 9px; padding: 8px 4px; font-size: 11px; }
  .review-grid { grid-template-columns: 1fr; gap: 10px; }
  .review-grid article { padding: 16px; }
  .blog-grid { grid-template-columns: 1fr; gap: 12px; }
  .blog-img { height: 150px; }

  .newsletter-inner { gap: 14px; padding: 22px 0; }
  .newsletter-inner h2 { font-size: 22px; }
  .subscribe-form { gap: 8px; }
  .subscribe-form input, .subscribe-form button { min-height: 44px; }
  .footer { padding-top: 28px; }
  .footer-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px 16px; }
  .footer-grid > div:first-child { grid-column: 1 / -1; padding-right: 0; }
  .footer h3 { margin-bottom: 8px; font-size: 14px; }
  .footer a, .footer p { font-size: 12px; line-height: 1.65; }
  .footer-bottom { margin-top: 22px; padding: 13px 0; font-size: 11px; }

  .search-results-final, .autocomplete-panel { max-height: 60vh; border-radius: 8px; }
  .autocomplete-item { min-height: 70px; grid-template-columns: 48px minmax(0,1fr); gap: 9px; padding: 8px; }
  .autocomplete-image { width: 48px; height: 48px; }
  .autocomplete-copy strong { font-size: 13px; }
  .autocomplete-copy small, .autocomplete-copy b { font-size: 11px; }

  /* Checkout and product detail become one-column touch layouts. */
  .checkout-shell { padding-top: 22px; }
  .checkout-grid { grid-template-columns: 1fr; gap: 14px; margin-top: 14px; }
  .checkout-card { padding: 15px; }
  .checkout-card h3 { font-size: 18px; }
  .cart-row { grid-template-columns: minmax(0,1fr) auto; gap: 9px; padding: 12px 0; }
  .cart-row > div:last-child { grid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; }
  .qty-control { grid-template-columns: 36px 38px 36px; }
  .qty-control button { min-height: 38px; }
  .checkout-total { margin-top: 12px; padding-top: 12px; font-size: 16px; }
  .payment-option { min-height: 54px; padding: 12px 10px; }
  .payment-option input { width: 20px; height: 20px; }
  .admin-form input, .admin-form select, .admin-form textarea, .admin-button, .btn { min-height: 44px; }
  .product-detail { grid-template-columns: 1fr; gap: 18px; margin: 12px auto 24px; }
  .product-detail-media, .product-detail-media img { min-height: 270px; height: 270px; }
  .product-detail-copy h1 { font-size: 30px; }
  .search-results-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; }
  .search-result-card { padding: 10px; }
  .search-result-card-image { height: 145px; }

  /* Admin mobile shell: drawer navigation plus readable single-column panels. */
  .nx-admin-shell { grid-template-columns: 1fr; }
  .nx-admin-v2 .nx-sidebar { width: min(292px, 86vw); padding: 18px 12px; }
  .nx-admin-v2 .nx-side-brand { margin-bottom: 16px; }
  .nx-admin-v2 .nx-side-brand strong { font-size: 21px; }
  .nx-admin-v2 .nx-side-nav { gap: 7px; }
  .nx-admin-v2 .nx-side-nav button { min-height: 46px; padding: 8px 38px 8px 12px; font-size: 14px; }
  .nx-admin-v2 .nx-side-nav .nx-menu-icon { width: 29px; min-width: 29px; margin-right: 7px; font-size: 22px; }
  .nx-main { min-width: 0; padding: 12px; }
  .nx-topbar { min-height: 58px; gap: 8px; padding: 10px 12px; }
  .nx-topbar h1 { overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap; }
  .nx-kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 9px; }
  .nx-kpi { min-height: 86px; padding: 11px; }
  .nx-page-title { display: block; margin-bottom: 14px; }
  .nx-page-title h2 { font-size: 24px; }
  .nx-page-title p { margin-top: 6px; font-size: 12px; }
  .manager-grid, .manager-grid.compact, .catalog-tools, .top-grid, .layout-grid { grid-template-columns: 1fr; }
  .manager-card { padding: 14px; }
  .table-wrap { overflow-x: auto; }
  .admin-table { min-width: 720px; }
  .admin-save-notice { right: 12px; bottom: 12px; max-width: calc(100vw - 24px); }
}
@media (max-width: 380px) {
  .container { width: min(100% - 18px, 1180px); }
  .shopzone-top-row .brand strong { font-size: 15px; }
  .shopzone-top-row .brand small { font-size: 9px; }
  .product-grid, .search-results-grid { gap: 8px; }
  .product-card { padding-inline: 7px; }
  .product-photo, .product-art { height: 120px; }
  .product-card h3 { font-size: 11px; }
  .product-card strong { font-size: 13px; }
  .product-card .cart-btn { font-size: 11px; }
  .hero { min-height: 300px; }
  .hero-inner { min-height: 300px; }
  .hero-slider-actions .btn { font-size: 9px; }
}/* Customer account and verified review surfaces. */
.account-page .site-header,.product-detail-page .site-header{background:#fff;}
.account-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start;}
.account-auth,.account-card,.account-sidebar,.product-reviews{background:#fff;border:1px solid #e7ece7;border-radius:10px;box-shadow:0 8px 24px rgba(15,55,31,.06);padding:22px;}
.account-auth{max-width:560px;margin:30px auto;}.account-auth-tabs{display:flex;gap:8px;margin-bottom:18px}.account-auth-tabs button{flex:1}.account-auth-tabs button.active{background:#0a6b3b;color:#fff}.account-form{display:grid;gap:12px}.account-form input,.account-form textarea,.account-form select{width:100%;padding:11px;border:1px solid #d9e1da;border-radius:7px}.account-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-message{min-height:20px;color:#08753c}.account-message.error{color:#bd2e2e}.account-sidebar{display:grid;gap:7px;position:sticky;top:18px}.account-sidebar button{text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:7px;cursor:pointer}.account-sidebar button.active,.account-sidebar button:hover{background:#e7f4e9;color:#086437}.account-profile{display:flex;gap:12px;align-items:center;margin-bottom:18px}.account-avatar{width:48px;height:48px;border-radius:50%;background:#0b6b3c;color:#fff;display:grid;place-items:center;font-weight:700}.account-main{min-width:0}.account-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.account-stats article{padding:14px;border-radius:8px;background:#f5f9f4}.account-stats small,.account-stats strong{display:block}.account-stats strong{font-size:22px;margin-top:6px}.account-order-card{border:1px solid #e5ebe5;border-radius:8px;padding:15px;margin:10px 0}.account-order-head,.account-order-meta{display:flex;justify-content:space-between;gap:12px;align-items:center}.account-order-head small{display:block;color:#69756c;margin-top:5px}.account-order-meta{margin:12px 0}.account-timeline{display:flex;gap:0;list-style:none;margin:16px 0;padding:0}.account-timeline li{flex:1;text-align:center;font-size:11px;color:#89938b;position:relative}.account-timeline li span{display:block;width:12px;height:12px;border-radius:50%;background:#d3d9d3;margin:0 auto 5px;position:relative;z-index:1}.account-timeline li:not(:last-child):after{content:'';position:absolute;left:50%;right:-50%;top:5px;height:2px;background:#d3d9d3}.account-timeline li.complete{color:#177540}.account-timeline li.complete span,.account-timeline li.complete:not(:last-child):after{background:#177540}.account-timeline li.current strong{font-weight:800}.account-review-actions{display:flex;gap:8px;flex-wrap:wrap}.account-link-button{border:0;background:transparent;color:#0b7040;text-decoration:underline;cursor:pointer}.verified-badge{display:inline-block;background:#e9f7e9;color:#11723c;border-radius:12px;padding:2px 7px;font-size:11px;margin-left:8px}.product-reviews{margin-top:22px}.product-reviews-head{display:flex;justify-content:space-between;align-items:center}.review-average{font-size:25px;color:#f0a500}.product-review{border-top:1px solid #e6ebe6;padding:15px 0}.product-review h3{font-size:15px;margin:8px 0 4px}.product-review p{margin:4px 0;color:#4c5c51}.stars{color:#eea900;margin-left:10px}.customer-review-admin-row{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #e5ebe5;padding:14px 0}.customer-review-admin-row small,.customer-review-admin-row p{display:block;margin:5px 0;color:#617064}.customer-review-admin-row .chip-actions{flex-shrink:0}
@media (max-width:767px){.account-shell{grid-template-columns:1fr;gap:14px}.account-sidebar{position:static;display:flex;overflow:auto;white-space:nowrap}.account-sidebar button{flex:0 0 auto}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-form .form-row{grid-template-columns:1fr}.account-auth,.account-card,.account-sidebar,.product-reviews{padding:15px}.account-order-head,.account-order-meta{align-items:flex-start;flex-direction:column}.account-timeline li{font-size:9px}.customer-review-admin-row{display:block}.customer-review-admin-row .chip-actions{margin-top:9px}}/* Account page markup compatibility. */
.account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.account-dashboard{max-width:1180px;margin:24px auto}.account-profile-mini{display:grid;grid-template-columns:48px 1fr;gap:3px 10px;align-items:center;padding-bottom:14px;margin-bottom:8px;border-bottom:1px solid #e6ebe6}.account-profile-mini .account-avatar{grid-row:span 2}.account-profile-mini small{color:#66746a}.account-sidebar nav{display:grid;gap:5px}.account-content{min-width:0}.account-page-title{margin-bottom:15px}.account-page-title h2{margin:0 0 4px}.account-page-title p{margin:0;color:#657267}.account-stat-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.account-stat-grid article{padding:14px;border-radius:8px;background:#f5f9f4}.account-stat-grid small,.account-stat-grid strong{display:block}.account-stat-grid strong{font-size:22px;margin-top:6px}.account-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-link-button{padding:0!important}.account-auth .account-tabs{display:flex;gap:8px;margin-bottom:18px}.account-auth .account-tabs button{flex:1;padding:10px;border:1px solid #d8e1d9;border-radius:7px;background:#fff;cursor:pointer}.account-auth .account-tabs button.active{background:#0a6b3b;color:#fff}.account-review-list{margin-bottom:18px}.account-review-card{border-top:1px solid #e6ebe6;padding:12px 0}.account-review-card p{margin:7px 0;color:#536258}
@media (max-width:767px){.account-dashboard{margin:12px auto}.account-layout{grid-template-columns:1fr;gap:14px}.account-sidebar{position:static;display:block;overflow:auto}.account-sidebar nav{display:flex;overflow:auto;white-space:nowrap}.account-sidebar nav button{flex:0 0 auto}.account-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-form-row{grid-template-columns:1fr}.account-auth{margin:14px auto}.account-order-head,.account-order-meta{align-items:flex-start;flex-direction:column}.account-timeline li{font-size:9px}}/* Customer account control matches the Cart and Wishlist header controls. */
.top-account-wrap{display:inline-flex;align-items:center;gap:8px;position:relative;z-index:80}.top-account-button,.top-shopping-button{display:inline-flex;align-items:center;gap:9px;min-height:50px;padding:0 12px;border:1px solid #d9e5dc;border-radius:5px;background:#fff;color:#17362a;font:inherit;cursor:pointer;white-space:nowrap;text-decoration:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.top-account-button:hover,.top-shopping-button:hover{border-color:#159545;background:#f3fbf4;box-shadow:0 7px 18px rgba(10,73,37,.12)}.top-account-button strong,.top-account-button small{display:block;text-align:left}.top-account-button strong{font-size:14px}.top-account-button small{margin-top:2px;color:#64756a;font-size:11px}.top-account-icon{display:grid;place-items:center;width:25px;height:25px;border:2px solid #159545;border-radius:50%;color:#159545;font-size:19px;line-height:1}.top-shopping-button{background:#159545;color:#fff;border-color:#159545;font-size:13px;font-weight:800}.top-account-wrap.signed-in .top-account-button{border-color:#d9e5dc}@media (min-width:1001px){.shopzone-top-row{grid-template-columns:auto auto minmax(0,1fr) auto auto auto auto auto}}@media (max-width:1000px){.top-account-button,.top-shopping-button{min-height:44px;padding:0 9px}.top-account-button small{display:none}.top-shopping-button{font-size:12px}}@media (max-width:650px){.top-account-wrap{gap:5px}.top-account-button,.top-shopping-button{min-height:40px;width:40px;padding:0;justify-content:center;border-radius:8px}.top-account-button>span:last-child,.top-shopping-button{font-size:0}.top-account-button>span:last-child{display:none}.top-account-icon{font-size:22px}.top-account-wrap{grid-area:account}}/* Legacy CSS artwork is no longer used for public product cards. */
.product-photo-empty{display:grid;place-items:center;background:#f5f7f3;color:#7d897f;font-size:12px;text-align:center}.search-result-no-image{display:grid;place-items:center;width:100%;height:100%;padding:8px;color:#7d897f;font-size:11px;text-align:center}.autocomplete-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:5px;color:#7d897f;font-size:10px;text-align:center}
/* Reference-style NX Organics customer authentication screen. */
.account-page{background:#f4f6fa}.account-page:not(.account-authenticated) .shopzone-header{display:none}.account-portal-main{min-height:100vh;padding:28px;display:grid;place-items:center}.account-auth-reference{width:min(1350px,100%);max-width:none;min-height:780px;margin:0;padding:0;display:grid;grid-template-columns:44% 56%;overflow:hidden;border:1px solid #e2e6ed;border-radius:18px;background:#fff;box-shadow:0 16px 50px rgba(18,36,63,.14)}.account-auth-brand{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 8% 48%,rgba(42,78,117,.5) 0 8%,transparent 8.2%),linear-gradient(145deg,#071c35,#0c2b4e 56%,#081c34);color:#fff}.account-auth-brand:before,.account-auth-brand:after{content:'';position:absolute;border:1px solid rgba(190,211,236,.25);border-radius:50%;width:440px;height:440px;right:-230px;top:-250px}.account-auth-brand:after{width:580px;height:580px;right:-310px;top:-330px}.account-auth-brand-inner{position:relative;z-index:1;text-align:center;padding:40px 34px}.auth-brand-logo{width:82px;height:82px;margin:0 auto 18px;position:relative}.auth-brand-logo span{position:absolute;width:33px;height:58px;background:#c6922d;border:3px solid #f4b83f;border-radius:21px 21px 8px 8px;transform:rotate(-9deg);left:12px;top:18px}.auth-brand-logo span+span{transform:rotate(9deg);left:37px;top:18px;background:transparent}.account-auth-brand h1{margin:0;font-size:48px;letter-spacing:.5px;font-weight:500}.account-auth-brand h1 strong{color:#f0b33b;font-weight:700}.auth-brand-tagline{margin:8px 0;color:#dce5f1;font-size:20px}.auth-gold-line{width:70px;border-top:3px solid #efb339;margin:45px auto 34px}.account-auth-brand h2{margin:0 0 12px;font-size:30px}.account-auth-brand-inner>p:not(.auth-brand-tagline){color:#cad5e4;font-size:18px;line-height:1.65;margin:0}.auth-benefits{display:flex;justify-content:center;gap:0;margin-top:68px}.auth-benefits span{min-width:125px;padding:0 22px;border-right:1px solid rgba(220,232,248,.35);color:#e0e7f0}.auth-benefits span:last-child{border-right:0}.auth-benefits b{display:block;color:#f4b83f;font-size:28px;margin-bottom:9px}.auth-benefits strong{font-size:15px;line-height:1.45;font-weight:500}.account-auth-panel{display:flex;flex-direction:column;min-width:0;background:#fff}.account-auth-topline{text-align:right;padding:38px 60px 0;color:#17253b;font-size:18px}.account-auth-topline button{border:0;background:none;color:#bd8120;font:inherit;font-weight:700;cursor:pointer}.account-auth-card{width:min(560px,calc(100% - 100px));margin:52px auto 0}.account-auth-heading h2{margin:0;color:#122640;font-size:34px}.account-auth-heading p{margin:14px 0 38px;color:#6e788b;font-size:20px}.account-form label{display:block;color:#1b2a40;font-size:17px;font-weight:500}.account-login-form label{margin-bottom:24px}.account-input-wrap{display:flex;align-items:center;gap:13px;height:68px;margin-top:10px;padding:0 18px;border:1px solid #d2d8e0;border-radius:9px;background:#fff;box-shadow:0 2px 5px rgba(15,34,60,.03)}.account-input-wrap>span{color:#758096;font-size:25px}.account-input-wrap input{height:100%;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;font-size:18px!important;outline:0}.password-toggle{margin-left:auto;border:0;background:transparent;color:#707c8e;cursor:pointer;font-size:17px}.account-auth-options{display:flex;justify-content:space-between;align-items:center;margin:4px 0 34px}.account-auth-options .inline-check{display:flex;align-items:center;gap:10px;font-size:16px}.account-auth-options input{width:22px;height:22px;accent-color:#c58c28}.gold-link{color:#be811f!important;font-size:16px}.account-auth-submit{width:100%;height:66px;border:0;border-radius:9px;background:linear-gradient(180deg,#dea83e,#b77b1f);color:#fff;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 7px 15px rgba(185,125,31,.22)}.account-auth-submit:hover{filter:brightness(.96)}.account-auth-submit span{margin-right:9px}.account-form-row{gap:16px}.account-register-form input,.account-forgot-form input,.account-reset-form input{height:52px;margin-top:8px;padding:0 14px;border:1px solid #d2d8e0;border-radius:8px;font-size:15px}.account-register-form label,.account-forgot-form label,.account-reset-form label{margin-bottom:14px}.account-register-form .account-auth-heading p,.account-forgot-form .account-auth-heading p,.account-reset-form .account-auth-heading p{margin-bottom:22px;font-size:16px}.auth-footer-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:auto;padding:25px 48px;border-top:1px solid #e4e7eb;color:#30415a}.auth-footer-benefits span{display:flex;gap:10px;align-items:center;font-size:25px}.auth-footer-benefits strong{font-size:13px;line-height:1.25}.auth-footer-benefits small{font-size:12px;font-weight:400;color:#647188}.account-auth-reference .account-message{margin:12px 0 0}.account-auth-reference .account-link-button{border:0;background:transparent;cursor:pointer}.account-auth-reference [hidden]{display:none!important}
@media(max-width:900px){.account-portal-main{padding:12px}.account-auth-reference{grid-template-columns:1fr;min-height:0}.account-auth-brand{min-height:340px}.account-auth-brand-inner{padding:28px}.account-auth-brand h1{font-size:36px}.account-auth-brand h2{font-size:25px}.auth-gold-line{margin:22px auto}.auth-benefits{margin-top:28px}.account-auth-topline{padding:25px 25px 0}.account-auth-card{width:calc(100% - 50px);margin:30px auto}.auth-footer-benefits{padding:20px 25px}.account-auth-panel{padding-bottom:0}}
@media(max-width:520px){.account-auth-brand{min-height:290px}.account-auth-brand h1{font-size:30px}.auth-brand-tagline{font-size:15px}.account-auth-brand-inner>p:not(.auth-brand-tagline){font-size:14px}.auth-benefits{margin-top:24px}.auth-benefits span{min-width:0;padding:0 11px}.auth-benefits b{font-size:21px}.auth-benefits strong{font-size:11px}.account-auth-topline{font-size:14px}.account-auth-card{width:calc(100% - 32px);margin-top:25px}.account-auth-heading h2{font-size:28px}.account-auth-heading p{font-size:16px;margin-bottom:25px}.account-input-wrap{height:56px}.account-auth-submit{height:56px}.auth-footer-benefits{grid-template-columns:repeat(2,1fr);padding:18px 16px}.auth-footer-benefits span{font-size:19px}.auth-footer-benefits strong{font-size:11px}}/* Reference-style authenticated customer dashboard. */
.account-page.account-authenticated{background:#f7f8fa}.account-page.account-authenticated .account-portal-main{display:block;min-height:100vh;padding:0;background:#f7f8fa}.account-page.account-authenticated .account-auth-reference{display:none}.customer-dashboard-topbar{height:102px;display:grid;grid-template-columns:240px minmax(280px,1fr) auto auto auto;align-items:center;gap:28px;padding:0 34px;background:#fff;border-bottom:1px solid #e9edf0}.customer-dashboard-brand{text-decoration:none;color:#193e2c}.customer-dashboard-brand strong{display:block;font-family:Georgia,serif;font-size:34px;letter-spacing:.4px}.customer-dashboard-brand em{font-style:normal}.customer-dashboard-brand small{display:block;margin:3px 0 0 70px;font-size:12px;color:#356243}.customer-dashboard-search{display:flex;max-width:590px;height:46px;border:1px solid #e1e5e9;border-radius:25px;overflow:hidden}.customer-dashboard-search input{width:100%;border:0;padding:0 25px;font-size:14px;outline:0}.customer-dashboard-search button{width:55px;border:0;background:#fff;font-size:26px;color:#112a25;cursor:pointer}.customer-delivery{display:flex;align-items:center;gap:11px;color:#173e2d}.customer-delivery>span{font-size:29px}.customer-delivery strong{font-size:13px}.customer-delivery small{display:block;margin-top:5px;color:#6d737c;font-size:11px;font-weight:400}.customer-notification{position:relative;border:0;background:none;font-size:26px;color:#182b2d;cursor:pointer}.customer-notification b{position:absolute;top:-5px;right:-8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#197345;color:#fff;font-size:10px}.customer-top-profile{display:flex;align-items:center;gap:10px;min-width:160px;color:#182331}.customer-top-profile .account-avatar{width:42px;height:42px}.customer-top-profile strong{font-size:13px}.customer-top-profile strong small{display:block;margin-top:4px;color:#6c7179;font-size:11px;font-weight:400}.customer-top-profile>span:last-child{margin-left:auto;font-size:20px}.account-page.account-authenticated .account-layout{max-width:none;display:grid;grid-template-columns:272px minmax(0,1fr);gap:28px;align-items:stretch;padding:10px 8px 32px}.account-page.account-authenticated .account-sidebar{position:static;display:flex;flex-direction:column;padding:0;border:0;background:transparent;box-shadow:none}.account-profile-mini{position:relative;padding:26px 23px 28px!important;border:0!important;border-radius:12px 12px 0 0!important;background:linear-gradient(145deg,#0b4d2e,#164f32)!important;color:#fff}.account-profile-mini .account-avatar{grid-row:span 2;width:66px;height:66px;border:2px solid #fff;background:#e7ece8;color:#244530;font-size:20px}.account-profile-mini strong{font-size:18px}.account-profile-mini small{color:#e0eee4}.verified-customer{grid-column:2;display:inline-block;width:max-content;margin-top:9px;padding:4px 9px;border-radius:13px;background:rgba(157,226,159,.2);color:#c5efc6;font-size:10px}.account-sidebar nav{display:grid!important;gap:5px!important;padding:14px 14px 18px;border:1px solid #e5e8eb;border-top:0;border-radius:0 0 10px 10px;background:#fff}.account-sidebar nav button{display:flex;align-items:center;gap:14px;padding:12px 15px;border-radius:8px;color:#2e3439;font-size:14px;text-align:left}.account-sidebar nav button span{width:22px;color:#315e47;font-size:20px;text-align:center}.account-sidebar nav button.active,.account-sidebar nav button:hover{background:#eff6f1;color:#145d36}.account-sidebar nav hr{width:100%;border:0;border-top:1px solid #edf0f2;margin:6px 0}.account-help-card{margin-top:18px;padding:24px 28px;border:1px solid #e5e8eb;border-radius:10px;background:#fff}.account-help-card h3{margin:0 0 12px;color:#1a252d}.account-help-card p{margin:0 0 20px;color:#6c727a;font-size:13px}.account-help-card button{width:100%;height:42px;border:1px solid #dce2e4;border-radius:7px;background:#fff;color:#1b302b;font-weight:700;cursor:pointer}.account-content{min-width:0}.customer-welcome{margin:6px 0 20px}.customer-welcome h2{font-size:25px;color:#111826}.customer-welcome p{font-size:14px}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px}.dashboard-primary{min-width:0}.account-page.account-authenticated .account-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.account-page.account-authenticated .account-stat-grid article{min-height:174px;padding:20px 18px;border:1px solid #e5e8eb;border-radius:10px;background:#fff;box-shadow:0 4px 12px rgba(27,38,50,.03)}.account-page.account-authenticated .account-stat-grid article:before{content:'◈';display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:50%;background:#0c5a35;color:#fff;font-size:23px}.account-page.account-authenticated .account-stat-grid small{font-size:12px;color:#15202d}.account-page.account-authenticated .account-stat-grid strong{font-size:28px;color:#101827}.dashboard-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-card-heading h3{margin:0;font-size:16px}.dashboard-card-heading button,.account-summary-card>button,.recent-orders-card>button{border:0;background:none;color:#0d6135;font-weight:700;cursor:pointer}.dashboard-track-card{padding:20px!important;min-height:280px}.dashboard-track-card .account-order-card{border:0;padding:18px 0 0;margin:0}.dashboard-track-card .account-order-card:not(:first-child){display:none}.dashboard-track-card .account-order-meta{display:none}.dashboard-track-card .account-timeline{margin:28px 0 13px}.dashboard-track-card .account-review-actions{display:none}.dashboard-track-card .status-pill{background:#e7f5ea;color:#19723d}.account-thankyou-banner{display:flex;justify-content:space-between;align-items:center;min-height:160px;margin-top:18px;padding:25px 40px;border-radius:10px;overflow:hidden;background:linear-gradient(110deg,#1b4930,#0c2d21);color:#fff}.account-thankyou-banner small,.account-thankyou-banner strong,.account-thankyou-banner p{display:block}.account-thankyou-banner small{font-size:16px}.account-thankyou-banner strong{margin-top:8px;font-family:Georgia,serif;font-size:30px}.account-thankyou-banner p{line-height:1.55;font-size:13px}.account-thankyou-banner>span{font-size:105px;color:rgba(190,215,165,.55)}.account-benefits-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:18px;padding:17px 12px;border:1px solid #e5e8eb;border-radius:9px;background:#fff}.account-benefits-row span{display:flex;align-items:center;justify-content:center;gap:10px;border-right:1px solid #e8ebed;color:#185936;font-size:23px}.account-benefits-row span:last-child{border-right:0}.account-benefits-row strong{display:block;color:#202831;font-size:12px}.account-benefits-row small{display:block;margin-top:4px;color:#6c747b;font-size:10px;font-weight:400}.dashboard-aside{display:grid;align-content:start;gap:18px}.account-summary-card,.recent-orders-card{padding:23px!important}.account-summary-card h3,.recent-orders-card h3{margin:0 0 18px;font-size:17px}.account-summary-card>div>div{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f1;font-size:12px}.account-summary-card>div>div span{color:#30363d}.account-summary-card>div>div strong{max-width:170px;color:#161c24;text-align:right;overflow-wrap:anywhere}.account-summary-card>button,.recent-orders-card>button{width:100%;height:42px;margin-top:18px;border:1px solid #e1e7e4;border-radius:8px;background:#fff}.recent-order-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid #edf0f1;font-size:11px}.recent-order-row strong,.recent-order-row small{display:block}.recent-order-row small{margin-top:5px;color:#737a82}.recent-order-row .status-pill{font-size:10px}.recent-orders-card .dashboard-card-heading{margin-bottom:0}
@media(max-width:1100px){.customer-dashboard-topbar{grid-template-columns:220px minmax(180px,1fr) auto auto;gap:15px;padding:0 18px}.customer-top-profile{min-width:130px}.customer-delivery{display:none}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-aside{grid-template-columns:1fr 1fr}.account-page.account-authenticated .account-stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.customer-dashboard-topbar{height:auto;grid-template-columns:1fr auto;padding:14px;gap:12px}.customer-dashboard-brand strong{font-size:25px}.customer-dashboard-brand small{margin-left:42px}.customer-dashboard-search{grid-column:1/-1;grid-row:2;max-width:none}.customer-notification{display:none}.customer-top-profile{min-width:0}.customer-top-profile strong{display:none}.account-page.account-authenticated .account-layout{display:block;padding:8px}.account-page.account-authenticated .account-sidebar{margin-bottom:15px}.account-profile-mini{border-radius:10px!important}.account-sidebar nav{display:flex!important;overflow:auto;white-space:nowrap;border:1px solid #e5e8eb;border-radius:10px;padding:8px}.account-sidebar nav button{flex:0 0 auto}.account-sidebar nav hr,.account-help-card{display:none}.customer-welcome h2{font-size:21px}.account-page.account-authenticated .account-stat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.account-page.account-authenticated .account-stat-grid article{min-height:130px;padding:14px}.account-page.account-authenticated .account-stat-grid article:before{width:37px;height:37px;margin-bottom:12px;font-size:18px}.account-page.account-authenticated .account-stat-grid strong{font-size:23px}.account-thankyou-banner{padding:20px}.account-thankyou-banner>span{font-size:60px}.account-benefits-row{grid-template-columns:repeat(2,1fr);gap:12px}.account-benefits-row span{border-right:0}.dashboard-aside{grid-template-columns:1fr}.dashboard-track-card{min-height:0}.dashboard-track-card .account-timeline{overflow:auto;min-width:520px}.dashboard-track-card{overflow:hidden}}/* Customer auth flow: hidden panels must disappear completely after login. */
.account-page [hidden]{display:none!important}.account-page,.account-page body{overflow-x:hidden;max-width:100%;}.account-portal-main{width:100%;max-width:100vw;min-width:0;box-sizing:border-box;overflow-x:hidden}.account-auth-reference,.account-auth-brand,.account-auth-panel,.account-dashboard,.account-layout,.account-content{min-width:0;max-width:100%}.account-auth-reference{width:min(1350px,100%);box-sizing:border-box}.account-page.account-authenticated .account-dashboard{width:100%;max-width:none;overflow-x:hidden}/* Centered NX Organics customer login screen. */
.account-page:not(.account-authenticated){background:#f6faf7;color:#14243a}
.account-page:not(.account-authenticated) .account-portal-main{position:relative;display:grid;place-items:center;min-height:100vh;padding:36px 20px;overflow:hidden;background:radial-gradient(ellipse at 0 48%,rgba(213,234,213,.62) 0 15%,transparent 16%),radial-gradient(ellipse at 100% 88%,rgba(213,234,213,.62) 0 15%,transparent 16%),linear-gradient(180deg,#fbfcfd,#f1f8f1)}
.account-page:not(.account-authenticated) .account-portal-main:before,.account-page:not(.account-authenticated) .account-portal-main:after{content:'';position:absolute;width:210px;height:95px;border-radius:100% 0 100% 0;background:linear-gradient(135deg,rgba(111,169,72,.82),rgba(205,235,188,.28));filter:blur(.2px);opacity:.82;transform:rotate(-28deg);pointer-events:none}.account-page:not(.account-authenticated) .account-portal-main:before{left:-28px;bottom:27%;box-shadow:44px 55px 0 -5px rgba(104,163,69,.55),76px 8px 0 -18px rgba(77,139,54,.62)}.account-page:not(.account-authenticated) .account-portal-main:after{right:-42px;bottom:2%;transform:rotate(28deg);box-shadow:-54px -52px 0 -5px rgba(104,163,69,.55),-84px -5px 0 -18px rgba(77,139,54,.62)}
.account-page:not(.account-authenticated) .account-auth-reference{position:relative;z-index:1;display:flex;width:min(850px,100%);min-height:0;margin:0;border:1px solid #e4e8e7;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 14px 42px rgba(34,54,46,.12);overflow:hidden}
.account-page:not(.account-authenticated) .account-auth-brand{display:none}.account-page:not(.account-authenticated) .account-auth-panel{display:flex;width:100%;min-height:0;padding:0;background:transparent}.account-page:not(.account-authenticated) .account-auth-card{order:1;width:min(650px,calc(100% - 100px));margin:0 auto;padding:54px 0 14px}.account-page:not(.account-authenticated) .account-auth-card:before{content:"NX Organics\A Nature's Best, For You";display:block;margin:0 auto 34px;color:#176139;font-family:Georgia,serif;font-size:47px;font-weight:700;line-height:1.38;text-align:center;white-space:pre}.account-page:not(.account-authenticated) .account-auth-heading{text-align:center}.account-page:not(.account-authenticated) .account-auth-heading h2{color:#14243a;font-size:39px}.account-page:not(.account-authenticated) .account-auth-heading p{margin:12px 0 42px;color:#687385;font-size:21px}.account-page:not(.account-authenticated) .account-form label{color:#152035;font-size:18px}.account-page:not(.account-authenticated) .account-login-form label{margin-bottom:26px}.account-page:not(.account-authenticated) .account-input-wrap{height:71px;margin-top:10px;border-color:#cfd6df;border-radius:10px}.account-page:not(.account-authenticated) .account-input-wrap input{font-size:19px!important}.account-page:not(.account-authenticated) .account-auth-options{margin:5px 0 34px}.account-page:not(.account-authenticated) .account-auth-options .inline-check{font-size:17px}.account-page:not(.account-authenticated) .account-auth-options input{accent-color:#176139}.account-page:not(.account-authenticated) .gold-link{color:#176139!important}.account-page:not(.account-authenticated) .account-auth-submit{height:64px;border-radius:9px;background:#176139;box-shadow:0 7px 14px rgba(23,97,57,.2);font-size:20px}.account-page:not(.account-authenticated) .account-auth-submit:hover{background:#0f4d2d;filter:none}.account-page:not(.account-authenticated) .account-auth-topline{order:3;padding:24px 20px 40px;text-align:center;color:#667181;font-size:18px}.account-page:not(.account-authenticated) .account-auth-topline button{color:#176139}.account-page:not(.account-authenticated) .auth-footer-benefits{display:none}.account-page:not(.account-authenticated) .account-register-form .account-auth-heading p,.account-page:not(.account-authenticated) .account-forgot-form .account-auth-heading p,.account-page:not(.account-authenticated) .account-reset-form .account-auth-heading p{margin-bottom:24px;font-size:17px}.account-page:not(.account-authenticated) .account-register-form input,.account-page:not(.account-authenticated) .account-forgot-form input,.account-page:not(.account-authenticated) .account-reset-form input{height:54px}
@media(max-width:700px){.account-page:not(.account-authenticated) .account-portal-main{padding:18px 10px}.account-page:not(.account-authenticated) .account-auth-card{width:calc(100% - 40px);padding:38px 0 8px}.account-page:not(.account-authenticated) .account-auth-card:before{font-size:35px;margin-bottom:26px}.account-page:not(.account-authenticated) .account-auth-heading h2{font-size:30px}.account-page:not(.account-authenticated) .account-auth-heading p{font-size:17px;margin-bottom:30px}.account-page:not(.account-authenticated) .account-input-wrap{height:58px}.account-page:not(.account-authenticated) .account-auth-topline{padding:20px 10px 30px;font-size:16px}}
/* Compact customer login card. */
.account-page:not(.account-authenticated) .account-auth-reference{width:min(650px,100%);border-radius:14px}.account-page:not(.account-authenticated) .account-auth-card{width:min(500px,calc(100% - 64px));padding:34px 0 8px}.account-page:not(.account-authenticated) .account-auth-card:before{margin-bottom:20px;font-size:34px;line-height:1.3}.account-page:not(.account-authenticated) .account-auth-heading h2{font-size:31px}.account-page:not(.account-authenticated) .account-auth-heading p{margin:8px 0 25px;font-size:17px}.account-page:not(.account-authenticated) .account-form label{font-size:16px}.account-page:not(.account-authenticated) .account-login-form label{margin-bottom:17px}.account-page:not(.account-authenticated) .account-input-wrap{height:54px;margin-top:7px;padding:0 14px}.account-page:not(.account-authenticated) .account-input-wrap input{font-size:16px!important}.account-page:not(.account-authenticated) .account-input-wrap>span{font-size:21px}.account-page:not(.account-authenticated) .account-auth-options{margin:3px 0 22px}.account-page:not(.account-authenticated) .account-auth-options .inline-check,.account-page:not(.account-authenticated) .gold-link{font-size:14px}.account-page:not(.account-authenticated) .account-auth-submit{height:52px;font-size:17px}.account-page:not(.account-authenticated) .account-auth-topline{padding:17px 15px 25px;font-size:15px}
/* Extra compact login sizing. */
.account-page:not(.account-authenticated) .account-auth-reference{width:min(500px,100%);border-radius:12px}.account-page:not(.account-authenticated) .account-auth-card{width:min(400px,calc(100% - 48px));padding:25px 0 4px}.account-page:not(.account-authenticated) .account-auth-card:before{margin-bottom:14px;font-size:27px}.account-page:not(.account-authenticated) .account-auth-heading h2{font-size:26px}.account-page:not(.account-authenticated) .account-auth-heading p{margin:6px 0 18px;font-size:15px}.account-page:not(.account-authenticated) .account-form label{font-size:14px}.account-page:not(.account-authenticated) .account-login-form label{margin-bottom:12px}.account-page:not(.account-authenticated) .account-input-wrap{height:45px;margin-top:5px;padding:0 11px;border-radius:7px}.account-page:not(.account-authenticated) .account-input-wrap input{font-size:14px!important}.account-page:not(.account-authenticated) .account-input-wrap>span{font-size:18px}.account-page:not(.account-authenticated) .account-auth-options{margin:2px 0 16px}.account-page:not(.account-authenticated) .account-auth-options .inline-check,.account-page:not(.account-authenticated) .gold-link{font-size:12px}.account-page:not(.account-authenticated) .account-auth-submit{height:45px;border-radius:7px;font-size:15px}.account-page:not(.account-authenticated) .account-auth-topline{padding:13px 10px 19px;font-size:13px}
/* Final compact login sizing. */
.account-page:not(.account-authenticated) .account-auth-reference{width:min(400px,100%)}.account-page:not(.account-authenticated) .account-auth-card{width:min(320px,calc(100% - 36px));padding:20px 0 2px}.account-page:not(.account-authenticated) .account-auth-card:before{margin-bottom:10px;font-size:22px}.account-page:not(.account-authenticated) .account-auth-heading h2{font-size:22px}.account-page:not(.account-authenticated) .account-auth-heading p{margin:5px 0 14px;font-size:13px}.account-page:not(.account-authenticated) .account-form label{font-size:12px}.account-page:not(.account-authenticated) .account-login-form label{margin-bottom:9px}.account-page:not(.account-authenticated) .account-input-wrap{height:38px;margin-top:4px;padding:0 9px}.account-page:not(.account-authenticated) .account-input-wrap input{font-size:12px!important}.account-page:not(.account-authenticated) .account-input-wrap>span{font-size:15px}.account-page:not(.account-authenticated) .account-auth-options{margin:1px 0 12px}.account-page:not(.account-authenticated) .account-auth-options .inline-check,.account-page:not(.account-authenticated) .gold-link{font-size:10px}.account-page:not(.account-authenticated) .account-auth-submit{height:38px;font-size:13px}.account-page:not(.account-authenticated) .account-auth-topline{padding:10px 8px 15px;font-size:11px}
/* Customer dashboard uses its own header; remove the duplicate storefront header after login. */
.account-page.account-authenticated>.shopzone-header,.account-page.account-authenticated>header.site-header{display:none!important}.account-page.account-authenticated .account-portal-main{font-size:90%}.account-page.account-authenticated .customer-dashboard-topbar{height:82px;grid-template-columns:205px minmax(220px,1fr) auto auto auto;gap:18px;padding:0 26px}.account-page.account-authenticated .customer-dashboard-brand strong{font-size:29px}.account-page.account-authenticated .customer-dashboard-brand small{margin-left:58px;font-size:11px}.account-page.account-authenticated .account-layout{grid-template-columns:220px minmax(0,1fr);gap:22px;padding:8px 8px 26px}.account-page.account-authenticated .account-profile-mini{padding:21px 18px 22px!important}.account-page.account-authenticated .account-profile-mini .account-avatar{width:56px;height:56px}.account-page.account-authenticated .account-sidebar nav{padding:11px 11px 14px}.account-page.account-authenticated .account-sidebar nav button{padding:10px 12px;gap:11px;font-size:13px}.account-page.account-authenticated .customer-welcome{margin:4px 0 15px}.account-page.account-authenticated .customer-welcome h2{font-size:22px}.account-page.account-authenticated .dashboard-main-grid{grid-template-columns:minmax(0,1fr) 270px;gap:17px}.account-page.account-authenticated .account-stat-grid{gap:11px;margin-bottom:15px}.account-page.account-authenticated .account-stat-grid article{min-height:140px;padding:16px 14px}.account-page.account-authenticated .account-stat-grid article:before{width:40px;height:40px;margin-bottom:13px;font-size:19px}.account-page.account-authenticated .account-stat-grid strong{font-size:24px}.account-page.account-authenticated .dashboard-track-card{padding:17px!important;min-height:230px}.account-page.account-authenticated .account-thankyou-banner{min-height:130px;margin-top:15px;padding:20px 30px}.account-page.account-authenticated .account-benefits-row{margin-top:15px;padding:14px 9px}.account-page.account-authenticated .account-summary-card,.account-page.account-authenticated .recent-orders-card{padding:19px!important}.account-page.account-authenticated .account-summary-card h3,.account-page.account-authenticated .recent-orders-card h3{margin-bottom:14px;font-size:16px}
@media(max-width:700px){.account-page.account-authenticated .customer-dashboard-topbar{height:auto;grid-template-columns:1fr auto;padding:12px;gap:10px}.account-page.account-authenticated .account-layout{padding:7px}.account-page.account-authenticated .dashboard-main-grid{grid-template-columns:1fr}.account-page.account-authenticated .account-stat-grid{gap:8px}.account-page.account-authenticated .account-stat-grid article{min-height:115px;padding:12px}.account-page.account-authenticated .account-stat-grid strong{font-size:21px}}
/* Smaller authenticated customer dashboard view. */
.account-page.account-authenticated .account-portal-main{zoom:.70}
@media(max-width:700px){.account-page.account-authenticated .account-portal-main{zoom:1}}

/* Customer account completion: scoped controls and detail views. */
.account-page .account-avatar.has-image{background-color:#e8efea;background-position:center;background-repeat:no-repeat;background-size:cover;color:transparent}
.account-page .account-tracking-search{margin:0 0 16px;padding:16px;border:1px solid #e2e8e4;border-radius:8px;background:#fff}
.account-page .account-tracking-search>label{display:block;margin-bottom:8px;font-weight:700;color:#1b3027}
.account-page .account-tracking-search>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.account-page .account-tracking-search input{min-width:0;height:43px;padding:0 13px;border:1px solid #d7dfd9;border-radius:7px;font:inherit}
.account-page .account-order-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}
.account-page .account-order-actions>.btn{min-height:38px;padding:0 15px}
.account-page .account-tracking-note{display:flex;justify-content:space-between;gap:12px;margin:12px 0 0;color:#56645b;font-size:12px}
.account-page .account-tracking-note small{white-space:nowrap;color:#77827a}
.account-page .account-order-details{margin-top:16px;padding-top:16px;border-top:1px solid #e5ebe6}
.account-page .account-order-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}
.account-page .account-order-detail-grid section{padding:13px;border:1px solid #e3e9e4;border-radius:7px;background:#fafcfb}
.account-page .account-order-detail-grid h4{margin:0 0 8px;color:#155d37;font-size:13px}
.account-page .account-order-detail-grid p{margin:0;color:#4f5d54;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.account-page .account-order-items{border-top:1px solid #e5eae6}
.account-page .account-order-items article{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #edf0ed}
.account-page .account-order-items img,.account-page .account-item-placeholder{width:48px;height:48px;border:1px solid #e1e8e2;border-radius:6px;object-fit:contain;background:#f4f8f4}
.account-page .account-item-placeholder{display:grid;place-items:center;color:#16643a;font-weight:800}
.account-page .account-order-items strong,.account-page .account-order-items small{display:block}
.account-page .account-order-items small{margin-top:4px;color:#778179}
.account-page .account-order-totals{display:flex;justify-content:flex-end;gap:24px;padding-top:14px;color:#4c5a51}
.account-page .account-order-totals strong{margin-left:8px;color:#102e20}
.account-page .account-cancelled-timeline{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:11px 13px;border-left:4px solid #c43e3e;background:#fff3f3;color:#9f2929}
.account-page .account-review-card h4{margin:8px 0 3px;font-size:13px}
.account-page .account-wishlist-grid{display:grid;gap:0}
.account-page .account-wishlist-item{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #e8ede9}
.account-page .account-wishlist-item img,.account-page .account-wishlist-item>.account-item-placeholder{width:72px;height:72px;object-fit:contain}
.account-page .account-wishlist-item a,.account-page .account-wishlist-item strong,.account-page .account-wishlist-item small{display:block}
.account-page .account-wishlist-item a{color:#173d2b;font-weight:800;text-decoration:none}
.account-page .account-wishlist-item strong{margin-top:6px;color:#116437}
.account-page .account-wishlist-item small{margin-top:4px;color:#707b73}
.account-page .account-wishlist-item>div:last-child{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.account-page .account-wishlist-item .btn{min-height:38px;padding:0 12px}
.account-page .account-payment-list{display:grid;gap:0}
.account-page .account-payment-list article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #e8ede9}
.account-page .account-payment-icon{display:block;width:42px;height:30px;border:2px solid #17663b;border-radius:5px;position:relative}
.account-page .account-payment-icon:after{content:'';position:absolute;left:0;right:0;top:7px;border-top:4px solid #17663b}
.account-page .account-payment-list strong{color:#173d2b}.account-page .account-payment-list p{margin:5px 0 0;color:#657168;line-height:1.5}.account-page .account-payment-list small{color:#17703f;white-space:nowrap}
.account-page .account-profile-photo-field{display:flex;align-items:center;gap:16px;padding-bottom:15px;border-bottom:1px solid #e6ebe7}
.account-page .account-profile-preview{flex:0 0 64px;width:64px;height:64px}
.account-page .account-profile-photo-field label{flex:1}.account-page .account-profile-photo-field input{margin-top:7px}.account-page .account-profile-photo-field small{display:block;margin-top:5px;color:#737e76;font-size:11px}
.account-page .account-form button:disabled{cursor:not-allowed;opacity:.5}
.account-save-notice{position:fixed;right:20px;top:20px;z-index:99999;max-width:360px;padding:13px 17px;border-radius:7px;background:#128445;color:#fff;box-shadow:0 12px 28px rgba(14,59,35,.22);font-weight:700;opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.account-save-notice.error{background:#bd3535}.account-save-notice.show{opacity:1;transform:translateY(0)}
@media(max-width:700px){.account-page .account-tracking-search>div{grid-template-columns:1fr}.account-page .account-tracking-search button{width:100%}.account-page .account-order-detail-grid{grid-template-columns:1fr}.account-page .account-order-items article{grid-template-columns:48px minmax(0,1fr);gap:9px}.account-page .account-order-items article>span:not(.account-item-placeholder),.account-page .account-order-items article>b{grid-column:2}.account-page .account-order-totals{display:grid;gap:8px;justify-content:stretch}.account-page .account-order-totals span{display:flex;justify-content:space-between}.account-page .account-tracking-note{display:block}.account-page .account-tracking-note small{display:block;margin-top:5px}.account-page .account-wishlist-item{grid-template-columns:58px minmax(0,1fr)}.account-page .account-wishlist-item img,.account-page .account-wishlist-item>.account-item-placeholder{width:58px;height:58px}.account-page .account-wishlist-item>div:last-child{grid-column:1/-1;justify-content:stretch}.account-page .account-wishlist-item .btn{flex:1}.account-page .account-payment-list article{grid-template-columns:42px minmax(0,1fr)}.account-page .account-payment-list article>small{grid-column:2}.account-save-notice{left:12px;right:12px;top:12px;max-width:none}}

/* Live admin-managed product detail page. */
.product-card[data-product-url]{cursor:pointer}
.product-card-detail-link{display:block;color:inherit;text-decoration:none}
.product-card-media-link{width:100%}
.product-card h3 .product-card-detail-link:hover{color:#11713d}
.product-detail-page .product-detail-main{max-width:1240px;padding-top:22px;padding-bottom:60px}
.product-detail-page .back-link{display:inline-flex;margin-bottom:12px;color:#246140;font-weight:700;text-decoration:none}
.product-detail-page .product-detail{display:block;max-width:none;margin:0;padding:0}
.product-breadcrumb{display:flex;align-items:center;gap:9px;min-width:0;margin:4px 0 24px;color:#738078;font-size:13px;white-space:nowrap;overflow:hidden}
.product-breadcrumb a{color:#1d603a;text-decoration:none}.product-breadcrumb strong{min-width:0;overflow:hidden;color:#38473e;text-overflow:ellipsis}
.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:54px;align-items:start}
.product-detail-gallery{position:sticky;top:20px;min-width:0}
.product-detail-main-image{display:grid;place-items:center;width:100%;aspect-ratio:1/1;border:1px solid #e1e9e2;border-radius:8px;background:#f8faf8;overflow:hidden}
.product-detail-main-image img{display:block;width:100%;height:100%;padding:24px;object-fit:contain}
.product-detail-no-image{color:#748178;font-weight:700}
.product-detail-thumbnails{display:flex;gap:9px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.product-detail-thumbnails button{flex:0 0 74px;width:74px;height:74px;padding:4px;border:1px solid #dce5dd;border-radius:7px;background:#fff;cursor:pointer}
.product-detail-thumbnails button.active{border:2px solid #17713f}.product-detail-thumbnails img{width:100%;height:100%;object-fit:contain}
.product-detail-information{min-width:0;padding:8px 0}
.product-detail-category{display:inline-block;color:#16713f;font-size:12px;font-weight:800;text-transform:uppercase}
.product-detail-information h1{margin:10px 0 12px;color:#142f21;font-size:40px;line-height:1.16;letter-spacing:0;overflow-wrap:anywhere}
.product-detail-rating{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;color:#59675e;text-decoration:none}
.product-detail-rating>span{color:#efa700;font-size:17px}.product-detail-rating strong{color:#243b2d}.product-detail-rating small{padding-left:9px;border-left:1px solid #d9e1da}
.product-detail-price-row{display:flex;align-items:center;gap:12px;margin:24px 0 18px}
.product-detail-price-row>strong{color:#116d3a;font-size:29px}.product-detail-price-row del{color:#8a958e;font-size:16px}.product-detail-price-row>span{padding:4px 8px;border-radius:4px;background:#e6f5e9;color:#13703c;font-size:11px;font-weight:800;text-transform:uppercase}
.product-detail-intro{margin:0;color:#526158;font-size:15px;line-height:1.75}
.product-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0;border-top:1px solid #e5ebe6;border-bottom:1px solid #e5ebe6}
.product-detail-meta>div{min-width:0;padding:13px 12px;border-right:1px solid #e5ebe6}.product-detail-meta>div:first-child{padding-left:0}.product-detail-meta>div:last-child{border-right:0}
.product-detail-meta dt{color:#7a867f;font-size:11px;text-transform:uppercase}.product-detail-meta dd{margin:5px 0 0;color:#293b31;font-size:13px;font-weight:700;overflow-wrap:anywhere}.product-detail-meta .in-stock{color:#11703c}.product-detail-meta .out-of-stock{color:#ba3434}
.product-purchase{padding:18px;border:1px solid #dfe8e1;border-radius:8px;background:#f9fbf9}
.product-quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.product-quantity>span{color:#263b2e;font-weight:700}
.product-quantity>div{display:grid;grid-template-columns:38px 52px 38px;height:40px;border:1px solid #d5dfd7;border-radius:6px;overflow:hidden;background:#fff}
.product-quantity button{border:0;background:#fff;color:#175f38;font-size:20px;cursor:pointer}.product-quantity input{width:100%;border:0;border-left:1px solid #e2e7e3;border-right:1px solid #e2e7e3;text-align:center;font:inherit;font-weight:800;appearance:textfield}.product-quantity input::-webkit-inner-spin-button{appearance:none}
.product-detail-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.46fr);gap:10px}
.product-detail-add,.product-detail-wishlist,.detail-related-cart{min-height:48px;border:1px solid #14743e;border-radius:6px;font:inherit;font-weight:800;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .18s ease}
.product-detail-add,.detail-related-cart{background:#14743e;color:#fff}.product-detail-add:hover,.detail-related-cart:hover,.product-detail-add.added,.detail-related-cart.added{background:#111;color:#fff;transform:translateY(-1px)}
.product-detail-add:disabled{border-color:#b9c2bc;background:#b9c2bc;cursor:not-allowed;transform:none}
.product-detail-wishlist{background:#fff;color:#174e31}.product-detail-wishlist:hover,.product-detail-wishlist.active{background:#edf8ef;color:#0e7039}.product-detail-wishlist span{font-size:21px;vertical-align:-1px}
.product-action-message{min-height:18px;margin:10px 0 0;color:#11703c;font-size:12px;font-weight:700}
.product-detail-assurances{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;color:#5d6b62;font-size:11px}.product-detail-assurances span{display:flex;align-items:center;gap:6px}.product-detail-assurances b{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#e8f5e9;color:#12703c}
.product-description-section{display:grid;grid-template-columns:260px minmax(0,1fr);gap:42px;margin:52px 0 0;padding:34px 0;border-top:1px solid #e2e8e3;border-bottom:1px solid #e2e8e3}
.product-description-section small,.related-products-section .section-heading small,.product-review-heading small,.product-review-summary>div>small{color:#14723e;font-size:11px;font-weight:800;text-transform:uppercase}
.product-description-section h2{margin:7px 0 0;color:#173526;font-size:24px;letter-spacing:0}.product-description-section>p{margin:0;color:#4e5f55;font-size:15px;line-height:1.85;overflow-wrap:anywhere}
.related-products-section{margin-top:44px}.related-products-section .product-grid{margin-top:18px}.product-related-card .detail-related-cart{width:100%;min-height:39px;margin-top:auto;font-size:12px}
.product-detail-page .product-reviews{margin:46px 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.product-review-summary{display:grid;grid-template-columns:230px minmax(0,1fr);gap:44px;padding:28px 0;border-top:1px solid #e2e8e3;border-bottom:1px solid #e2e8e3}
.product-review-summary>div:first-child>strong{display:block;margin:7px 0 3px;color:#173526;font-size:42px}.product-review-summary>div:first-child>span{display:block;color:#efa700;font-size:20px}.product-review-summary>div:first-child>p{margin:7px 0 0;color:#718078;font-size:12px}
.rating-distribution{display:grid;gap:8px;align-content:center}.rating-distribution>div{display:grid;grid-template-columns:48px minmax(0,1fr) 28px;align-items:center;gap:10px;color:#5c6a61;font-size:12px}.rating-distribution i{height:7px;border-radius:4px;background:#e9eeea;overflow:hidden}.rating-distribution b{display:block;height:100%;border-radius:4px;background:#e8a413}
.product-review-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 8px}.product-review-heading h2{margin:6px 0 0;color:#173526;font-size:25px}.product-review-heading a{color:#126e3b;font-size:12px;font-weight:800;text-decoration:none}
.product-review-list{display:grid}.product-detail-page .product-review{padding:21px 0}.product-review-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-review-author .stars{margin-left:auto}.product-detail-page .product-review h3{font-size:15px}.product-detail-page .product-review p{max-width:850px;line-height:1.7}.product-review-image{display:block;width:110px;height:110px;margin:12px 0;border:1px solid #e1e7e2;border-radius:7px;object-fit:cover}.product-review-empty{padding:28px 0;color:#59675e}.product-review-empty strong{color:#1b3a28}.product-review-empty p{margin:6px 0}
.product-detail-unavailable{display:grid;place-items:center;min-height:430px;text-align:center}.product-detail-unavailable>span{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;background:#eaf5eb;color:#13703c;font-size:28px;font-weight:900}.product-detail-unavailable h1{margin:18px 0 6px;color:#173526}.product-detail-unavailable p{margin:0;color:#68766d}.product-detail-unavailable a{margin-top:18px;padding:11px 18px;border-radius:6px;background:#14743e;color:#fff;font-weight:800;text-decoration:none}
@media(max-width:900px){.product-detail-layout{grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:28px}.product-detail-information h1{font-size:34px}.product-detail-meta{grid-template-columns:1fr}.product-detail-meta>div,.product-detail-meta>div:first-child{padding:10px 0;border-right:0;border-bottom:1px solid #e5ebe6}.product-detail-meta>div:last-child{border-bottom:0}.product-description-section{grid-template-columns:210px minmax(0,1fr);gap:25px}}
@media(max-width:700px){.product-detail-page .product-detail-main{padding:14px 12px 40px}.product-detail-layout{grid-template-columns:1fr;gap:22px}.product-detail-gallery{position:static}.product-detail-main-image{aspect-ratio:1/1}.product-detail-main-image img{padding:16px}.product-detail-information{padding:0}.product-detail-information h1{font-size:28px}.product-detail-price-row{margin:17px 0 13px}.product-detail-price-row>strong{font-size:24px}.product-detail-intro{font-size:14px}.product-detail-actions{grid-template-columns:1fr}.product-detail-assurances{grid-template-columns:1fr}.product-description-section{grid-template-columns:1fr;gap:14px;margin-top:32px;padding:26px 0}.product-description-section h2{font-size:21px}.product-description-section>p{font-size:14px}.related-products-section{margin-top:32px}.product-review-summary{grid-template-columns:1fr;gap:20px;padding:23px 0}.product-review-heading{display:block}.product-review-heading a{display:inline-block;margin-top:12px}.product-review-author .stars{width:100%;margin:3px 0 0}.product-breadcrumb{margin-bottom:16px;font-size:11px}}
@media(max-width:380px){.product-detail-page .product-detail-main{padding-inline:9px}.product-detail-thumbnails button{flex-basis:62px;width:62px;height:62px}.product-purchase{padding:13px}.product-detail-price-row{flex-wrap:wrap}.product-detail-information h1{font-size:25px}}

/* Reference search and cart icon blocks. Visual only; existing controls keep their event bindings. */
.shopzone-search {
  grid-template-columns: minmax(0, 1fr) 48px;
  height: 56px;
  border-radius: 0;
}
.shopzone-search button {
  width: 48px;
  min-width: 48px;
  border-left: 1px solid #d6e7da;
  border-radius: 0;
  background: #edf7ef;
  box-shadow: none;
}
.shopzone-search button::before {
  width: 17px;
  height: 17px;
  border: 2px solid #159447;
}
.shopzone-search button::after {
  width: 8px;
  height: 2px;
  background: #159447;
  transform: translate(7px, 7px) rotate(45deg);
}
.shopzone-search button:hover,
.shopzone-search button:focus-visible {
  background: #e1f2e5;
}
.top-cart-button {
  position: relative;
  justify-content: center;
  width: 56px;
  min-width: 56px;
  height: 56px;
  min-height: 56px;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 0;
  background: #159447;
  color: #fff;
  box-shadow: none;
}
.top-cart-button:hover,
.top-cart-button[aria-expanded="true"] {
  border-color: transparent;
  background: #0f7d3b;
  box-shadow: none;
}
.top-cart-icon {
  width: 24px;
  height: 19px;
  border-color: #fff;
}
.top-cart-icon::before {
  border-color: #fff;
}
.top-cart-icon::after {
  background: #fff;
  box-shadow: 12px 0 0 #fff;
}
.top-cart-button > span:last-child {
  position: absolute;
  top: -6px;
  right: -6px;
  display: block !important;
  pointer-events: none;
}
.top-cart-button > span:last-child strong {
  display: none;
}
.top-cart-button > span:last-child small {
  display: grid !important;
  place-items: center;
  width: 18px;
  height: 18px;
  margin: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #0a5529;
  color: transparent;
  font-size: 0;
  line-height: 1;
}
.top-cart-button [data-top-cart-count] {
  color: #fff;
  font-size: 10px;
  font-weight: 800;
}
@media (max-width: 767px) {
  .shopzone-search {
    grid-template-columns: minmax(0, 1fr) 48px;
  }
  .shopzone-search button {
    width: 48px;
    min-width: 48px;
  }
  .top-cart-button {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
  }
}
/* Mobile-only header and slider refinement requested 2026-07-28. */
@media (max-width: 767px) {
  .storefront .shopzone-top-row {
    grid-template-columns: minmax(0, 1fr) repeat(4, 46px);
    grid-template-areas:
      "brand cart wishlist account menu"
      "search search search search search";
    column-gap: 6px;
    row-gap: 10px;
  }
  .storefront .shopzone-top-row > .top-account-wrap {
    grid-area: account;
    display: block;
    width: 46px;
    height: 46px;
    min-width: 46px;
  }
  .storefront .top-cart-button,
  .storefront .top-wishlist-button,
  .storefront .top-account-button,
  .storefront .mobile-menu {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0;
    justify-content: center;
  }
  .storefront .top-account-button > span:last-child,
  .storefront .top-shopping-button {
    display: none !important;
  }
  .storefront .top-account-icon {
    width: 25px;
    height: 25px;
    font-size: 20px;
  }
  .storefront .shopzone-top-row > .search-bar {
    grid-area: search;
    width: 100%;
  }
  .storefront .hero {
    min-height: clamp(190px, 58vw, 240px) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  .storefront .hero-inner {
    min-height: clamp(190px, 58vw, 240px) !important;
  }
  .storefront .hero-copy {
    left: 0;
    right: 0;
    bottom: 10px;
    padding: 0 8px;
  }
  .storefront .hero-copy .hero-actions,
  .storefront .hero-slider-actions .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 5px;
    width: 100%;
  }
  .storefront .hero-copy .hero-actions .btn,
  .storefront .hero-slider-actions .hero-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    min-height: 36px;
    padding: 5px 3px;
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: 0;
    white-space: nowrap;
  }
}
@media (max-width: 380px) {
  .storefront .shopzone-top-row {
    grid-template-columns: minmax(0, 1fr) repeat(4, 42px);
    column-gap: 5px;
  }
  .storefront .shopzone-top-row > .top-account-wrap,
  .storefront .top-cart-button,
  .storefront .top-wishlist-button,
  .storefront .top-account-button,
  .storefront .mobile-menu {
    width: 42px;
    min-width: 42px;
    height: 42px;
    min-height: 42px;
  }
  .storefront .hero-copy .hero-actions,
  .storefront .hero-slider-actions .hero-actions {
    gap: 3px;
  }
  .storefront .hero-copy .hero-actions .btn,
  .storefront .hero-slider-actions .hero-actions .btn {
    min-height: 34px;
    padding-inline: 2px;
    font-size: 9px;
  }
}