/* Candidate only: live Menu index scene cards. Original Home remains intentionally hidden.

   Standalone skin and kc-brand-category counter; no Home base CSS dependency.

   Requires kc-brand-categories on the existing category grid and one decorative

   direct .kc-category-scene per anchor. Existing hrefs, h3 and small stay untouched.

   Section/header/nav spacing is outside this stylesheet's scope. */

html body #wrapwrap .kc-main.kc-collection-index .kc-category-grid.kc-brand-categories {

  display: grid !important;

  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  gap: 16px;

  counter-reset: kc-brand-category;

}

@media (max-width: 1099.98px) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-category-grid.kc-brand-categories {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }

}

@media (max-width: 575.98px) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-category-grid.kc-brand-categories {

    grid-template-columns: minmax(0, 1fr) !important;

    gap: 12px;

  }

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) {

  --kc-scene-size: 150px;

  counter-increment: kc-brand-category;

  position: relative;

  box-sizing: border-box;

  background: #fffdf2 !important;

  color: #34431c !important;

  border: 1.5px solid #74805a !important;

  border-radius: 20px !important;

  box-shadow: 0 4px 0 #dedcc8;

  text-decoration: none !important;

  justify-content: normal;

  --kc-scene-paper: #eee7bb;

  --kc-scene-edge: #c7c99c;

  --kc-scene-tilt: -3deg;

  display: grid !important;

  grid-template-columns: minmax(0, 1fr) minmax(0, var(--kc-scene-size)) !important;

  grid-template-rows: auto auto auto !important;

  align-content: stretch;

  align-items: start;

  column-gap: 12px !important;

  row-gap: 8px !important;

  min-width: 0;

  min-height: 250px !important;

  height: auto !important;

  padding: 18px !important;

  overflow: hidden;

  isolation: isolate;

}



/* The counter and live count stay in normal grid flow; there are no text overlays. */

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene)::before {

  counter-increment: none !important;

  display: flex;

  align-items: center;

  justify-content: center;

  font-family: "KC Hidebeast Blocky", var(--kc-display-font, sans-serif);

  font-weight: 400;

  letter-spacing: 0;

  -webkit-text-stroke: 0 !important;

  text-shadow: none !important;

  content: counter(kc-brand-category);

  content: counter(kc-brand-category) / "";

  grid-column: 1;

  grid-row: 1;

  position: static !important;

  inset: auto !important;

  align-self: start;

  justify-self: start;

  width: max-content;

  min-width: 42px;

  height: auto;

  min-height: 42px;

  padding: 6px;

  margin: 0;

  aspect-ratio: 1;

  border: 1px solid #c6b34d;

  border-radius: 50%;

  background: #fdd201;

  color: #34431c;

  font-size: 24px;

  line-height: 1.1;

  transform: none !important;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene)::after {

  content: none !important;

  display: none !important;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small {

  grid-column: 1;

  grid-row: 2;

  align-self: start;

  justify-self: start;

  min-width: 0;

  max-width: 100%;

  margin: 0 !important;

  padding: 6px 4px;

  border: 1px solid #d7ddc1;

  border-radius: 11px;

  background: #edf1de;

  white-space: normal;

  overflow-wrap: anywhere;

  word-break: normal;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small,

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small > span {

  color: #46552c !important;

  font-family: var(--kc-font, Arial, sans-serif) !important;

  font-weight: 650 !important;

  text-transform: none;

  -webkit-text-stroke: 0 !important;

  text-shadow: none !important;

  font-size: 15px !important;

  line-height: 1.45 !important;

  letter-spacing: 0;

  white-space: normal;

}



/* The illustration owns the right column and both upper rows. The title has its own floor. */

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene {

  grid-column: 2;

  grid-row: 1 / 3;

  position: relative;

  display: grid;

  place-items: center;

  align-self: center;

  justify-self: end;

  width: 100%;

  min-width: 0;

  max-width: var(--kc-scene-size);

  aspect-ratio: 1;

  margin: 0;

  padding: 0;

  isolation: isolate;

  pointer-events: none;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene::before {

  content: "";

  position: absolute;

  inset: 9% 2% 5%;

  z-index: 0;

  border: 1px solid var(--kc-scene-edge);

  border-radius: 35% 42% 33% 40%;

  background: var(--kc-scene-paper);

  transform: rotate(var(--kc-scene-tilt));

  pointer-events: none;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene > img {

  position: relative;

  z-index: 1;

  display: block;

  width: 100%;

  height: 100%;

  max-width: 100%;

  max-height: 100%;

  object-fit: contain;

  object-position: center;

  aspect-ratio: 1;

  filter: drop-shadow(0 3px 0 rgba(52, 67, 28, .12));

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3 {

  grid-column: 1 / -1;

  grid-row: 3;

  position: static;

  align-self: end;

  width: 100%;

  min-width: 0;

  max-width: none !important;

  height: auto;

  margin: 0 !important;

  padding: 3px 0 0;

  color: #34431c !important;

  -webkit-text-fill-color: currentColor !important;

  -webkit-text-stroke: .65px #fdd201 !important;

  paint-order: stroke fill;

  text-shadow: none !important;

  font-family: "KC Hidebeast Blocky", var(--kc-display-font, sans-serif) !important;

  font-weight: 400 !important;

  letter-spacing: 0 !important;

  font-size: 26px !important;

  line-height: 1.18 !important;

  white-space: normal;

  overflow-wrap: anywhere !important;

  word-break: normal;

  text-wrap: balance;

}

html:lang(th) body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3 {

  line-height: 1.45 !important;

}



/* Slightly different olive/gold papers distinguish the eight original character scenes. */

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/concentrates"] {

  --kc-scene-paper: #f3e5a6; --kc-scene-edge: #d0be78; --kc-scene-tilt: -3deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/flowers"] {

  --kc-scene-paper: #e4ebc6; --kc-scene-edge: #b5c68a; --kc-scene-tilt: 3deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/edibles"] {

  --kc-scene-paper: #f4dfab; --kc-scene-edge: #d4bd87; --kc-scene-tilt: -2deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/pre_rolls"] {

  --kc-scene-paper: #eee5c5; --kc-scene-edge: #c9c099; --kc-scene-tilt: 4deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/seeds"] {

  --kc-scene-paper: #e9edc2; --kc-scene-edge: #bdc88a; --kc-scene-tilt: -4deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/accessories"] {

  --kc-scene-paper: #dfe8cc; --kc-scene-edge: #afc394; --kc-scene-tilt: 2deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/merch"] {

  --kc-scene-paper: #f5e8b4; --kc-scene-edge: #cdbb7a; --kc-scene-tilt: -2deg;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile[href$="/membership"] {

  --kc-scene-paper: #eadd98; --kc-scene-edge: #bdaa57; --kc-scene-tilt: 3deg;

}



@media (max-width: 575.98px) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) {

    --kc-scene-size: 142px;

    min-height: 220px !important;

    padding: 16px 18px !important;

    column-gap: 12px !important;

    row-gap: 6px !important;

  }

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3 {

    color: #34431c !important;

  -webkit-text-fill-color: currentColor !important;

  -webkit-text-stroke: .65px #fdd201 !important;

  paint-order: stroke fill;

  text-shadow: none !important;

  font-family: "KC Hidebeast Blocky", var(--kc-display-font, sans-serif) !important;

  font-weight: 400 !important;

  letter-spacing: 0 !important;

  font-size: 26px !important;

  }

}

@media (prefers-reduced-motion: reduce) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) {

    transition: none !important;

    transform: none !important;

  }

}

@media (forced-colors: active) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene::before {

    border-color: CanvasText;

    background: Canvas;

  }

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene)::before,

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small {

    border-color: CanvasText;

    background: Canvas;

    color: CanvasText;

  }

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene > img {

    filter: none;

  }

}

/* Four-column transition: keep the live count readable while the grid is narrow. */

@media (min-width: 1100px) and (max-width: 1199.98px) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) {

    --kc-scene-size: 128px;

    padding: 16px !important;

    column-gap: 10px !important;

  }

}

@media (hover: hover) and (pointer: fine) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene):hover {

    background: #fff4bc !important;

    border-color: #34431c !important;

  }

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene):focus-visible {

  outline: 3px solid #34431c;

  outline-offset: 4px;

  background: #fff8cf !important;

  box-shadow: 0 0 0 6px #fdd201, 0 4px 0 #dedcc8;

}

html:lang(th) body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3 {

  font-family: var(--kc-font, "KC Noto Sans Thai", Tahoma, sans-serif) !important;

  font-weight: 700 !important;

  -webkit-text-stroke-width: .15px !important;

  line-height: 1.45 !important;

}

@media (forced-colors: active) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene),

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene):is(:hover, :focus-visible) {

    background: Canvas !important;

    color: CanvasText !important;

    border-color: ButtonText !important;

    box-shadow: none;

  }

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3 {

    color: LinkText !important;

    -webkit-text-stroke: 0 !important;

  }

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small,

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small > span {

    color: CanvasText !important;

  }

}

@media (min-width: 1200px) and (max-width: 1279.98px) {

  html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) {

    --kc-scene-size: 140px;

  }

}

/* Owner-requested compact Menu cards: title first, number and small count on one row. */

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) {

 --kc-scene-size:106px;grid-template-columns:40px minmax(0,1fr) minmax(0,var(--kc-scene-size))!important;

 grid-template-rows:auto minmax(106px,auto)!important;min-height:0!important;

 align-content:start;align-items:start;column-gap:8px!important;row-gap:12px!important;padding:18px!important;

}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3 {grid-column:1/-1;grid-row:1;align-self:start;padding:0;line-height:1.3!important;}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene)::before {grid-column:1;grid-row:2;min-width:40px;min-height:40px;width:40px;height:40px;box-sizing:border-box;padding:4px;font-size:22px;}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small {grid-column:2;grid-row:2;align-self:start;margin-top:10px!important;padding:0;border:0;border-radius:0;background:transparent;font-size:13px!important;font-weight:500!important;line-height:1.45!important;}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small > span {font-size:13px!important;font-weight:500!important;line-height:1.45!important;}

html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene {grid-column:3;grid-row:2;align-self:start;}

@media(min-width:1100px) and (max-width:1279.98px){

 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene){--kc-scene-size:82px;padding:16px!important;grid-template-rows:auto minmax(82px,auto)!important;column-gap:6px!important;}

 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3{font-size:24px!important;}

}

@media(max-width:575.98px){

 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene){--kc-scene-size:110px;padding:16px 18px!important;grid-template-rows:auto minmax(110px,auto)!important;row-gap:10px!important;}

}

@media(max-width:359.98px){

 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene){--kc-scene-size:90px;padding:16px!important;grid-template-columns:36px minmax(0,1fr) minmax(0,var(--kc-scene-size))!important;grid-template-rows:auto minmax(90px,auto)!important;column-gap:6px!important;}

 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene)::before{min-width:36px;min-height:36px;width:36px;height:36px;font-size:20px;}

 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > small{margin-top:8px!important;}

}


/* Tight phone/tablet composition: illustration spans title and metadata rows. */
@media(max-width:1099.98px){
 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene){grid-template-rows:auto auto!important;row-gap:8px!important;align-content:center;}
 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3{grid-column:1/3;grid-row:1;align-self:start;}
 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > .kc-category-scene{grid-column:3;grid-row:1/3;align-self:center;}
}
@media(max-width:359.98px){
 html body #wrapwrap .kc-main.kc-collection-index .kc-brand-categories.kc-category-grid > a.kc-tile:has(> .kc-category-scene) > h3{font-size:22px!important;}
}