.elementor-9 .elementor-element.elementor-element-8d3cee6{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}@media(max-width:1540px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}@media(max-width:479px){.elementor-widget-text-editor{line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-62d78e6 *//* SECTION 6 — Product Category Rotation
   Scoped to #category-rotation.catrot (no theme bleed).
   Palette: deep purple base + lime + gold accents (no pink/cream).
*/

#category-rotation.catrot{
  --cat-bg:#070612;
  --cat-surface:rgba(255,255,255,.06);
  --cat-surface2:rgba(255,255,255,.09);
  --cat-card:rgba(18,16,42,.62);
  --cat-border:rgba(255,255,255,.12);
  --cat-text:rgba(245,246,255,.95);
  --cat-muted:rgba(206,210,232,.86);
  --cat-faint:rgba(206,210,232,.70);
  --cat-lime:#b7ff3c;
  --cat-gold:#f5c84b;
  --cat-purple:#7b61ff;
  --cat-radius:20px;
  --cat-shadow:0 18px 60px rgba(0,0,0,.48);

  position:relative;
  padding:clamp(44px,6vw,86px) 0;
  color:var(--cat-text);
  overflow:hidden;
  background:
    radial-gradient(1100px 720px at 12% 8%, rgba(123,97,255,.22), transparent 62%),
    radial-gradient(920px 640px at 88% 22%, rgba(183,255,60,.10), transparent 64%),
    radial-gradient(820px 520px at 58% 96%, rgba(245,200,75,.10), transparent 66%),
    linear-gradient(180deg, #070612 0%, #050411 100%);
}

#category-rotation.catrot *{box-sizing:border-box;}
#category-rotation.catrot img{max-width:100%;height:auto;display:block;}
#category-rotation.catrot :where(h2,h3,p){margin:0;}
#category-rotation.catrot a{color:inherit;text-decoration:none;}
#category-rotation.catrot :where(a,button):focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(123,97,255,.42), 0 0 0 6px rgba(183,255,60,.16);
  border-radius:14px;
}

/* Ambient grain */
#category-rotation.catrot::after{
  content:"";
  position:absolute;
  inset:-40px;
  pointer-events:none;
  opacity:.28;
  mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
}

/* Layout */
#category-rotation .catrot__inner{position:relative;}
#category-rotation .catrot__header{
  max-width:820px;
  margin:0 auto 18px;
  text-align:left;
}
#category-rotation .catrot__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--cat-faint);
  font-weight:800;
  letter-spacing:.02em;
  font-size:.92rem;
}
#category-rotation .catrot__dot{
  width:10px;height:10px;border-radius:999px;
  background:radial-gradient(circle at 35% 35%, rgba(183,255,60,.95), rgba(245,200,75,.55));
  box-shadow:0 10px 26px rgba(0,0,0,.28);
}
#category-rotation .catrot__title{
  margin-top:10px;
  font-size:clamp(1.9rem,4.2vw,3rem);
  line-height:1.06;
  letter-spacing:-.035em;
}
#category-rotation .catrot__accent{
  color:rgba(255,255,255,.96);
  background:linear-gradient(90deg, rgba(183,255,60,.95), rgba(245,200,75,.92));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
#category-rotation .catrot__sub{
  margin-top:10px;
  max-width:68ch;
  color:var(--cat-muted);
  line-height:1.65;
  font-size:clamp(1rem,1.1vw,1.06rem);
}

/* Grid */
#category-rotation .catrot__grid{
  margin-top:18px;
  display:grid;
  gap:clamp(14px,2.2vw,18px);
  grid-template-columns:1fr;
}
@media (min-width:680px){
  #category-rotation .catrot__grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (min-width:1060px){
  #category-rotation .catrot__grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}

/* Card */
#category-rotation .catrot__card{
  position:relative;
  padding:clamp(14px,2vw,18px);
  border-radius:var(--cat-radius);
  background:var(--cat-card);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:var(--cat-shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:100%;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
#category-rotation .catrot__card:hover{
  transform:translateY(-2px);
  border-color:rgba(183,255,60,.20);
  background:rgba(18,16,42,.74);
  box-shadow:0 26px 80px rgba(0,0,0,.58);
}
@media (prefers-reduced-motion:reduce){
  #category-rotation .catrot__card{transition:none;}
  #category-rotation .catrot__card:hover{transform:none;}
}

/* Pinned item highlight (data-pinned="true") */
#category-rotation .catrot__card[data-pinned="true"]{
  border-color:rgba(245,200,75,.40);
}

/* Spotlight (star) card */
#category-rotation .catrot__card--star{
  border-color:rgba(183,255,60,.30);
  background:
    radial-gradient(560px 260px at 18% 10%, rgba(183,255,60,.10), transparent 62%),
    radial-gradient(520px 260px at 90% 20%, rgba(123,97,255,.18), transparent 62%),
    rgba(18,16,42,.66);
}
#category-rotation .catrot__badge{
  position:absolute;
  top:12px;right:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.32);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.90);
  font-weight:850;
  font-size:.82rem;
  letter-spacing:.01em;
  backdrop-filter:blur(10px);
}
#category-rotation .catrot__badge--star{
  right:auto;left:12px;
  background:rgba(183,255,60,.14);
  border-color:rgba(183,255,60,.38);
  color:rgba(255,255,255,.94);
}

/* Top row */
#category-rotation .catrot__top{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:12px;
  align-items:center;
  padding-top:20px; /* keeps clear of badge */
}
#category-rotation .catrot__thumb{
  width:92px;height:112px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(120px 120px at 40% 30%, rgba(123,97,255,.18), transparent 60%),
    rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
#category-rotation .catrot__thumb--star{
  border-color:rgba(245,200,75,.36);
  background:
    radial-gradient(140px 140px at 35% 30%, rgba(245,200,75,.16), transparent 62%),
    radial-gradient(140px 140px at 70% 80%, rgba(183,255,60,.10), transparent 62%),
    rgba(255,255,255,.04);
}
#category-rotation .catrot__img{
  width:100%;
  height:100%;
  object-fit:contain; /* bottles stay clean */
  padding:10px;
  filter:saturate(1.06) contrast(1.04);
  transform:scale(1.01);
  transition:transform .18s ease, filter .18s ease;
}
#category-rotation .catrot__thumb:hover .catrot__img{
  transform:scale(1.04);
  filter:saturate(1.12) contrast(1.06);
}
@media (prefers-reduced-motion:reduce){
  #category-rotation .catrot__img{transition:none;transform:none;}
  #category-rotation .catrot__thumb:hover .catrot__img{transform:none;}
}

#category-rotation .catrot__head{min-width:0;}
#category-rotation .catrot__name{
  font-size:1.02rem;
  letter-spacing:-.01em;
  line-height:1.2;
}
#category-rotation .catrot__link{
  display:inline-block;
  border-radius:12px;
}
#category-rotation .catrot__micro{
  margin-top:6px;
  color:rgba(255,255,255,.70);
  font-size:.9rem;
}

/* Body copy */
#category-rotation .catrot__benefit{
  margin-top:2px;
  color:var(--cat-muted);
  line-height:1.6;
  font-size:.95rem;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
#category-rotation .catrot__ingredients{
  color:rgba(255,255,255,.82);
  font-size:.92rem;
}
#category-rotation .catrot__ingredients strong{
  color:rgba(255,255,255,.92);
  font-weight:900;
}

/* Price */
#category-rotation .catrot__price{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.10);
  display:flex;
  align-items:baseline;
  gap:6px;
  color:var(--cat-gold);
  font-weight:950;
  letter-spacing:.01em;
  font-size:1.08rem;
}
#category-rotation .catrot__currency{opacity:.95;}
#category-rotation .catrot__amount{font-variant-numeric:tabular-nums;}

/* Mobile polish */
@media (max-width:420px){
  #category-rotation .catrot__header{text-align:left;}
  #category-rotation .catrot__top{grid-template-columns:84px 1fr;}
  #category-rotation .catrot__thumb{width:84px;height:104px;}
}/* End custom CSS */
/* Start custom CSS *//*
  JuiceIN Premium — Menu Page Styles (Lime + Gold Glow)
  Scoped to .jx-mn to reduce conflicts with WordPress themes/plugins.
  Palette: deep purple base + lime + gold accents (no pink/cream).
*/

:root{
  --jx-bg:#070612;
  --jx-surface:rgba(255,255,255,.06);
  --jx-surface2:rgba(255,255,255,.09);
  --jx-card:rgba(18,16,42,.62);
  --jx-card2:rgba(18,16,42,.82);
  --jx-border:rgba(255,255,255,.12);
  --jx-border-2:rgba(255,255,255,.16);
  --jx-text:rgba(245,246,255,.95);
  --jx-muted:rgba(206,210,232,.88);
  --jx-faint:rgba(206,210,232,.72);

  /* Accents */
  --jx-lime:#b7ff3c;
  --jx-lime-2:#d9ff7a;
  --jx-gold:#f5c84b;
  --jx-gold-2:#ffd36e;
  --jx-purple:#7b61ff;

  /* Glow colors */
  --jx-glow-lime:rgba(183,255,60,.28);
  --jx-glow-gold:rgba(245,200,75,.26);
  --jx-glow-purple:rgba(123,97,255,.28);

  /* Radii / shadows */
  --jx-radius:20px;
  --jx-radius-sm:14px;
  --jx-shadow:0 20px 70px rgba(0,0,0,.52);
  --jx-shadow-soft:0 14px 42px rgba(0,0,0,.36);
  --jx-shadow-glow:0 18px 60px rgba(0,0,0,.48);
  --jx-max:1200px;
  --jx-pad:clamp(18px,4vw,56px);
}

/* Hard reset inside menu section (prevents theme overrides from breaking layout) */
.jx-mn, .jx-mn *{box-sizing:border-box;}
.jx-mn img{max-width:100%;height:auto;}
.jx-mn :where(h1,h2,h3,h4,p,ul,ol,li,figure){margin:0;}
.jx-mn :where(ul,ol){padding-left:1.15rem;}
.jx-mn a{color:inherit;text-decoration:none;}

/* Full-bleed section even inside constrained theme wrappers */
.jx-mn{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  position:relative;
  padding:var(--jx-pad);
  padding-bottom:clamp(56px,6vw,96px);
  background:
    radial-gradient(1200px 800px at 12% 14%, rgba(123,97,255,.28), transparent 60%),
    radial-gradient(980px 700px at 88% 26%, rgba(183,255,60,.14), transparent 62%),
    radial-gradient(980px 560px at 60% 92%, rgba(245,200,75,.12), transparent 64%),
    linear-gradient(180deg, #070612 0%, #050411 100%);
  color:var(--jx-text);
  overflow:hidden;
}

/* Premium “sheen” layer */
.jx-mn::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    conic-gradient(from 210deg at 20% 20%,
      rgba(183,255,60,.14),
      rgba(123,97,255,.12),
      rgba(245,200,75,.10),
      rgba(183,255,60,.14)
    );
  opacity:.12;
  filter:blur(18px);
  pointer-events:none;
}

/* Embedded mode (inside Elementor/sections): avoid 100vw bleed and horizontal scroll */
.jx-mn--embed{
  width:100%;
  margin-left:0;
  margin-right:0;
  border-radius:var(--jx-radius);
  padding:clamp(16px,3.2vw,34px);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--jx-shadow);
}

/* Embed container cap */
.jx-mn--embed .jx-mn__container{max-width:var(--jx-max);}

/* Background helpers */
.jx-mn__bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;}
.jx-mn__glow{position:absolute;filter:blur(60px);opacity:.90;}
.jx-mn__glow--left{
  width:580px;height:580px;left:-200px;top:110px;
  background:radial-gradient(circle at 30% 30%, rgba(123,97,255,.58), transparent 60%);
}
.jx-mn__glow--right{
  width:660px;height:660px;right:-240px;top:260px;
  background:radial-gradient(circle at 40% 40%, rgba(183,255,60,.26), transparent 64%);
}
.jx-mn__grain{
  position:absolute;inset:-40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");
  opacity:.30;
  mix-blend-mode:overlay;
}

.jx-mn__container{max-width:var(--jx-max);margin:0 auto;position:relative;}

/* Header */
.jx-mn__header{padding:6px 0 12px;}
.jx-mn__eyebrow{
  color:var(--jx-faint);
  font-weight:800;
  letter-spacing:.03em;
}
.jx-mn__title{
  margin-top:10px;
  font-size:clamp(2.1rem,4.6vw,3.3rem);
  line-height:1.04;
  letter-spacing:-.04em;
  text-shadow:0 14px 45px rgba(0,0,0,.55);
}
.jx-mn__lead{
  margin-top:12px;
  max-width:64ch;
  color:var(--jx-muted);
  font-size:clamp(1rem,1.1vw,1.06rem);
  line-height:1.65;
}

/* Info blocks */
.jx-mn__bottom{
  margin-top:22px;
  display:grid;
  gap:clamp(14px,2.2vw,20px);
  grid-template-columns:1fr;
}
@media (min-width:920px){.jx-mn__bottom{grid-template-columns:1fr 1fr;}}

.jx-mn__info-card{
  position:relative;
  padding:clamp(16px,2.2vw,22px);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--jx-radius);
  background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.045));
  box-shadow:var(--jx-shadow-soft);
  overflow:hidden;
}
.jx-mn__info-card::after{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(520px 220px at 12% 0%, rgba(183,255,60,.12), transparent 70%),
    radial-gradient(520px 220px at 88% 10%, rgba(245,200,75,.10), transparent 70%);
  opacity:.55;
  pointer-events:none;
}
.jx-mn__info-card h3{font-size:1.05rem;letter-spacing:-.01em;margin-bottom:10px;}
.jx-mn__info-card :where(ul,ol){color:var(--jx-muted);line-height:1.6;}
.jx-mn__info-card li{margin:7px 0;}
.jx-mn__info-actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;}

/* Buttons */
.jx-btn{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  padding:11px 14px;border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  font-weight:800;
  transition:transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, filter .12s ease;
}
.jx-btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.jx-btn--ghost{background:rgba(255,255,255,.05);}

/* Gold CTA with glow */
.jx-btn--gold{
  background:linear-gradient(135deg, rgba(245,200,75,.28), rgba(183,255,60,.12));
  border-color:rgba(245,200,75,.44);
}
.jx-btn--gold:hover{
  background:linear-gradient(135deg, rgba(245,200,75,.34), rgba(183,255,60,.16));
  border-color:rgba(245,200,75,.60);
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    0 0 0 4px rgba(245,200,75,.10),
    0 0 38px rgba(245,200,75,.18);
}

/* Promo */
.jx-mn__promo{
  margin-top:18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--jx-radius);
  padding:clamp(16px,2.2vw,22px);
  background:
    radial-gradient(900px 420px at 12% 10%, rgba(183,255,60,.12), transparent 58%),
    radial-gradient(720px 380px at 86% 22%, rgba(245,200,75,.10), transparent 62%),
    linear-gradient(135deg, rgba(123,97,255,.28), rgba(0,0,0,.10));
  box-shadow:var(--jx-shadow);
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  position:relative;
  overflow:hidden;
}
.jx-mn__promo::after{
  content:"";
  position:absolute; inset:-2px;
  background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 22%, transparent 44%);
  opacity:.22;
  transform:translateX(-30%);
  pointer-events:none;
}
.jx-mn__promo-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 10px;border-radius:999px;
  background:rgba(0,0,0,.30);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.90);
  font-size:.82rem;
}
.jx-mn__promo h2{margin-top:8px;font-size:clamp(1.05rem,2.2vw,1.35rem);letter-spacing:-.02em;}
.jx-mn__promo p{margin-top:6px;color:var(--jx-muted);}

/* Controls */
.jx-mn__controls{
  margin-top:22px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--jx-radius);
  padding:clamp(14px,2vw,18px);
  background:rgba(0,0,0,.32);
  backdrop-filter:blur(12px);
  box-shadow:0 18px 55px rgba(0,0,0,.34);
  display:flex;
  flex-direction:column;
  gap:12px;
  position:relative;
  overflow:hidden;
}
.jx-mn__controls::after{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(480px 220px at 12% 0%, rgba(183,255,60,.12), transparent 70%),
    radial-gradient(480px 220px at 88% 0%, rgba(245,200,75,.10), transparent 70%);
  opacity:.35;
  pointer-events:none;
}

.jx-mn__chips{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0;}
.jx-chip{
  appearance:none;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  border-radius:999px;
  padding:9px 13px;
  font-size:.92rem;
  line-height:1;
  cursor:pointer;
  transition:transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, filter .12s ease;
}
.jx-chip:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.095);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 12px 28px rgba(0,0,0,.26);
}
.jx-chip.is-active{
  background:rgba(183,255,60,.16);
  border-color:rgba(183,255,60,.46);
  box-shadow:
    0 16px 36px rgba(0,0,0,.26),
    0 0 0 4px rgba(183,255,60,.09),
    0 0 34px rgba(183,255,60,.14);
}
.jx-chip--sugarcane{
  border-color:rgba(245,200,75,.46);
  background:rgba(245,200,75,.10);
}
.jx-chip--sugarcane:hover{
  box-shadow:
    0 14px 32px rgba(0,0,0,.26),
    0 0 28px rgba(245,200,75,.12);
}

.jx-mn__tag,.jx-mn__search{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0;color:var(--jx-faint);font-size:.92rem;width:100%;
}
.jx-mn__tag span,.jx-mn__search span{font-weight:800;color:rgba(255,255,255,.84);}

.jx-mn__tag select,
.jx-mn__search input{
  width:100%;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.94);
  padding:10px 42px 10px 12px;
  border-radius:12px;
  min-height:42px;
  outline:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
  transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.jx-mn__search input{padding-right:12px;}
.jx-mn__search input::placeholder{color:rgba(206,210,232,.60);}

.jx-mn__tag select:focus,
.jx-mn__search input:focus{
  border-color:rgba(183,255,60,.34);
  background:rgba(255,255,255,.085);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 0 4px rgba(183,255,60,.10),
    0 0 34px rgba(245,200,75,.10);
}

.jx-mn__tag select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 20 20'%3E%3Cpath fill='%23cfd3f0' d='M5.6 7.4a1 1 0 0 1 1.4 0L10 10.4l3-3a1 1 0 1 1 1.4 1.4l-3.7 3.7a1 1 0 0 1-1.4 0L5.6 8.8a1 1 0 0 1 0-1.4Z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
}
.jx-mn__search input:disabled{opacity:.65;cursor:not-allowed;}
.jx-mn__search[aria-disabled="true"]{opacity:.65;}

@media (min-width:720px){
  .jx-mn__tag,.jx-mn__search{width:auto;min-width:260px;}
}

.jx-mn__status{margin-top:8px;color:var(--jx-muted);font-size:.95rem;}

/* Discounts banner */
.jx-mn__discounts{
  margin-top:12px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(245,200,75,.38);
  background:rgba(245,200,75,.08);
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}

/* Grid */
.jx-mn__catalog{margin-top:18px;}
.jx-mn__grid{
  display:grid;
  gap:clamp(14px,2.2vw,18px);
  grid-template-columns:repeat(1,minmax(0,1fr));
}
@media (min-width:720px){.jx-mn__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.jx-mn__grid{grid-template-columns:repeat(3,minmax(0,1fr));}}

.jx-mn-card{
  position:relative;
  background:var(--jx-card);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--jx-radius);
  overflow:hidden;
  box-shadow:var(--jx-shadow);
  display:flex;
  flex-direction:column;
  min-height:100%;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, filter .16s ease;
}

/* Card sheen + border glow */
.jx-mn-card::before{
  content:"";
  position:absolute; inset:-1px;
  background:
    radial-gradient(520px 260px at 20% 0%, rgba(183,255,60,.12), transparent 62%),
    radial-gradient(520px 260px at 86% 10%, rgba(245,200,75,.10), transparent 64%),
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 38%);
  opacity:.40;
  pointer-events:none;
}

.jx-mn-card:hover{
  transform:translateY(-2px);
  border-color:rgba(183,255,60,.22);
  background:rgba(18,16,42,.76);
  box-shadow:
    0 26px 86px rgba(0,0,0,.60),
    0 0 0 4px rgba(183,255,60,.06),
    0 0 40px rgba(245,200,75,.10);
  filter:saturate(1.02);
}

@media (prefers-reduced-motion: reduce){
  .jx-mn-card{transition:none;}
  .jx-mn-card:hover{transform:none;}
}

.jx-mn-card__media{
  position:relative;
  aspect-ratio:16/11;
  background:rgba(255,255,255,.04);
}
.jx-mn-card__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(420px 220px at 18% 10%, rgba(183,255,60,.10), transparent 60%),
    radial-gradient(420px 220px at 86% 10%, rgba(245,200,75,.10), transparent 62%),
    linear-gradient(180deg, rgba(7,6,18,.02) 0%, rgba(7,6,18,.62) 92%);
  pointer-events:none;
}

.jx-mn-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.10) contrast(1.06);
  transform:scale(1.01);
  transition:transform .25s ease, filter .25s ease;
}
.jx-mn-card:hover .jx-mn-card__media img{
  transform:scale(1.045);
  filter:saturate(1.18) contrast(1.08);
}
@media (prefers-reduced-motion: reduce){
  .jx-mn-card__media img{transition:none;transform:none;}
  .jx-mn-card:hover .jx-mn-card__media img{transform:none;}
}

.jx-mn-card__badge{
  position:absolute;top:12px;left:12px;
  background:rgba(10,9,20,.58);
  border:1px solid rgba(255,255,255,.16);
  color:rgba(255,255,255,.92);
  padding:6px 10px;
  border-radius:999px;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.01em;
  backdrop-filter:blur(10px);
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}
.jx-mn-card__badge--discount{
  left:auto;right:12px;
  background:rgba(183,255,60,.16);
  border-color:rgba(183,255,60,.42);
  box-shadow:0 0 0 4px rgba(183,255,60,.06), 0 0 26px rgba(183,255,60,.12);
}

.jx-mn-card__body{
  padding:clamp(14px,2vw,18px);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.jx-mn-card__name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.jx-mn-card__name{font-size:1.07rem;letter-spacing:-.012em;}
.jx-mn-card__price{font-weight:900;color:var(--jx-gold-2);font-size:1rem;text-shadow:0 10px 22px rgba(0,0,0,.28);}
.jx-price__old{color:rgba(255,255,255,.55);text-decoration:line-through;margin-right:6px;font-weight:800;}
.jx-mn-card__size{color:rgba(255,255,255,.70);font-size:.9rem;}

/* Readability clamp */
.jx-mn-card__desc{
  color:var(--jx-muted);
  line-height:1.62;
  font-size:.96rem;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.jx-mn-card__line{color:rgba(255,255,255,.84);font-size:.92rem;}
.jx-mn-card__facts-title{font-weight:900;color:rgba(255,255,255,.92);font-size:.92rem;}
.jx-mn-card__benefits{color:var(--jx-muted);font-size:.92rem;line-height:1.58;}
.jx-mn-card__benefits li{margin:6px 0;}
.jx-mn-card__wellness{
  color:var(--jx-faint);
  font-size:.92rem;
  line-height:1.58;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.jx-mn-card__footer{
  margin-top:auto;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.09);
  display:grid;
  gap:10px;
}
.jx-mn-card__stock{color:rgba(255,255,255,.70);font-size:.9rem;}
.jx-mn-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}

.jx-mn-card__btn,.jx-mn-card__order{
  border-radius:12px;
  padding:10px 12px;
  font-size:.92rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  cursor:pointer;
  text-align:center;
  transition:transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, filter .12s ease;
}
.jx-mn-card__btn:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.09);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 12px 26px rgba(0,0,0,.24);
}

/* Primary Order CTA — lime/gold glow */
.jx-mn-card__order{
  grid-column:1/-1;
  background:linear-gradient(135deg, rgba(245,200,75,.96), rgba(183,255,60,.78));
  border-color:rgba(245,200,75,.48);
  color:#13121b;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:
    0 16px 34px rgba(0,0,0,.28),
    0 0 0 4px rgba(245,200,75,.08),
    0 0 40px rgba(183,255,60,.14);
}
.jx-mn-card__order:hover{
  transform:translateY(-1px);
  filter:saturate(1.08) brightness(1.03);
  box-shadow:
    0 22px 48px rgba(0,0,0,.34),
    0 0 0 4px rgba(183,255,60,.10),
    0 0 46px rgba(245,200,75,.18);
}

@media (prefers-reduced-motion: no-preference){
  .jx-mn__promo::after{
    animation:jx-sheen 6.6s ease-in-out infinite;
  }
  @keyframes jx-sheen{
    0%{transform:translateX(-40%);opacity:.12}
    45%{transform:translateX(20%);opacity:.26}
    100%{transform:translateX(60%);opacity:.12}
  }
}

/* Pagination */
.jx-mn__pagination{margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;}
.jx-page-btn{
  border-radius:12px;padding:10px 12px;font-size:.92rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  cursor:pointer;
}
.jx-page-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);}
.jx-mn__page-numbers{display:flex;gap:8px;}
.jx-page-number{
  width:34px;height:34px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  cursor:pointer;
}
.jx-page-number:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);}
.jx-page-number.is-active{
  background:rgba(183,255,60,.14);
  border-color:rgba(183,255,60,.42);
  box-shadow:0 0 0 4px rgba(183,255,60,.08), 0 0 28px rgba(245,200,75,.10);
}

/* Empty state */
.jx-mn__empty{
  grid-column:1/-1;
  padding:clamp(18px,2.4vw,26px);
  border-radius:var(--jx-radius);
  border:1px dashed rgba(183,255,60,.22);
  background:rgba(0,0,0,.26);
  text-align:center;
}
.jx-mn__empty-title{font-size:1.1rem;letter-spacing:-.01em;}
.jx-mn__empty-text{margin-top:8px;color:var(--jx-muted);line-height:1.65;}
.jx-mn__empty-actions{margin-top:14px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}

/* Steps list */
.jx-steps{counter-reset:step;list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.jx-steps li{display:flex;gap:10px;align-items:flex-start;color:var(--jx-muted);line-height:1.55;}
.jx-steps li::before{
  counter-increment:step;
  content:counter(step);
  width:28px;height:28px;
  border-radius:999px;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:950;
  color:#12111a;
  background:linear-gradient(135deg, rgba(245,200,75,.96), rgba(183,255,60,.78));
  box-shadow:
    0 10px 24px rgba(0,0,0,.26),
    0 0 24px rgba(183,255,60,.10);
  flex:0 0 auto;
}

/* Modal */
.jx-modal{
  position:fixed;inset:0;
  background:rgba(0,0,0,.62);
  display:none;align-items:center;justify-content:center;
  padding:18px;z-index:9999;
}
.jx-modal.is-open{display:flex;}
.jx-modal__panel{
  width:min(980px,100%);
  max-height:88vh;overflow:auto;
  background:rgba(10,9,20,.92);
  border:1px solid rgba(255,255,255,.14);
  border-radius:var(--jx-radius);
  box-shadow:var(--jx-shadow);
  position:relative;
}
.jx-modal__panel::before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(520px 240px at 14% 0%, rgba(183,255,60,.12), transparent 70%),
    radial-gradient(520px 240px at 86% 0%, rgba(245,200,75,.10), transparent 70%);
  opacity:.35;
  pointer-events:none;
}
.jx-modal__head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.10);
}
.jx-modal__title{font-size:1.08rem;letter-spacing:-.01em;}
.jx-modal__close{
  border-radius:12px;padding:10px 12px;font-size:.92rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.92);
  cursor:pointer;
}
.jx-modal__close:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18);}
.jx-modal__body{padding:16px;}
.jx-modal__grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width:840px){.jx-modal__grid{grid-template-columns:1.1fr .9fr;align-items:start;}}
.jx-modal__media{
  border-radius:var(--jx-radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
}
.jx-modal__media img{width:100%;height:100%;object-fit:cover;display:block;}
.jx-modal__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;}
.jx-modal__price{font-weight:950;color:var(--jx-gold-2);font-size:1.05rem;text-shadow:0 10px 22px rgba(0,0,0,.28);}
.jx-modal__desc{color:var(--jx-muted);line-height:1.65;margin-top:10px;}
.jx-modal__line{color:rgba(255,255,255,.84);margin-top:10px;}
.jx-modal__facts-title{font-weight:950;color:rgba(255,255,255,.92);margin-top:12px;}
.jx-modal__note{margin-top:14px;color:rgba(255,255,255,.62);font-size:.9rem;line-height:1.55;}
.jx-modal__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}

/* Footer */
.jx-mn__footer{
  margin-top:26px;
  color:rgba(255,255,255,.64);
  font-size:.92rem;
  border-top:1px solid rgba(255,255,255,.10);
  padding-top:16px;
}
.jx-mn__footer a{color:rgba(183,255,60,.92);}
.jx-mn__footer a:hover{color:rgba(245,200,75,.96);}

/* Toast */
.jx-toast{
  position:fixed;
  left:18px;bottom:18px;
  max-width:min(520px,calc(100% - 36px));
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(10,9,20,.86);
  color:rgba(255,255,255,.92);
  box-shadow:var(--jx-shadow);
  display:none;z-index:10000;
}
.jx-toast.is-show{display:block;}

/* Accessible focus */
.jx-mn :where(a,button,select,input){outline:none;}
.jx-mn :where(a,button,select,input):focus-visible{
  box-shadow:
    0 0 0 3px rgba(123,97,255,.42),
    0 0 0 6px rgba(183,255,60,.18),
    0 0 34px rgba(245,200,75,.10);
}

/* Small screens: keep everything breathable */
@media (max-width:420px){
  .jx-mn__info-actions{flex-direction:column;align-items:stretch;}
  .jx-mn-card__actions{grid-template-columns:1fr;}
}

/* Menu category tabs (code-driven menu pages) */
.jx-menu-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;align-items:center;}
.jx-menu-tabs .jx-chip{text-decoration:none;}

/* Optional: nice scrollbar inside modal (webkit) */
.jx-modal__panel::-webkit-scrollbar{width:10px;}
.jx-modal__panel::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:999px;}
.jx-modal__panel::-webkit-scrollbar-thumb{background:rgba(183,255,60,.18);border-radius:999px;border:1px solid rgba(255,255,255,.10);}
.jx-modal__panel::-webkit-scrollbar-thumb:hover{background:rgba(245,200,75,.18);}/* End custom CSS */