/* ---------- Page-local styles for /products ---------- */
.akon-products-main { background: var(--af-bg); color: var(--af-ink); }

.akon-prod-hero {
  position: relative;
  background: var(--af-bg-soft);
  padding: 88px 0 72px;
  overflow: hidden;
}
.akon-prod-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 1px;
  background: var(--af-line);
}
.akon-prod-hero__inner {
  max-width: var(--af-container);
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  gap: 64px;
  align-items: center;
}
.akon-prod-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--af-accent-dark);
  font-weight: 600;
  margin-bottom: 18px;
}
.akon-prod-hero__eyebrow::before {
  content: "";
  width: 28px;
  height: 1px;
  background: var(--af-accent);
}
.akon-prod-hero h1 {
  font-family: var(--af-font-display);
  font-weight: 400;
  font-size: 56px;
  line-height: 1.08;
  letter-spacing: -0.01em;
  color: var(--af-ink);
  margin-bottom: 22px;
}
.akon-prod-hero h1 em {
  font-style: italic;
  color: var(--af-brand);
}
.akon-prod-hero p.lead {
  font-size: 17px;
  line-height: 1.65;
  color: var(--af-muted);
  max-width: 560px;
  margin-bottom: 28px;
}
.akon-prod-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
  margin-top: 36px;
  padding-top: 28px;
  border-top: 1px solid var(--af-line);
}
.akon-prod-hero__meta div span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--af-muted);
  margin-bottom: 4px;
}
.akon-prod-hero__meta div strong {
  font-family: var(--af-font-display);
  font-size: 22px;
  color: var(--af-ink);
  font-weight: 500;
}
.akon-prod-hero__media {
  position: relative;
  border-radius: var(--af-radius-lg);
  overflow: hidden;
  aspect-ratio: 4/5;
  box-shadow: var(--af-shadow-lg);
}
.akon-prod-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.akon-prod-hero__media .badge {
  position: absolute;
  left: 22px;
  bottom: 22px;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(8px);
  padding: 12px 18px;
  border-radius: var(--af-radius);
  font-size: 13px;
  color: var(--af-brand);
  font-weight: 500;
  letter-spacing: 0.04em;
}

.akon-prod-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.akon-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: var(--af-radius);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.04em;
  transition: var(--af-trans);
  border: 1px solid transparent;
  cursor: pointer;
}
.akon-btn--primary {
  background: var(--af-brand);
  color: #fff;
}
.akon-btn--primary:hover { background: var(--af-brand-dark); }
.akon-btn--ghost {
  background: transparent;
  color: var(--af-ink);
  border-color: var(--af-ink);
}
.akon-btn--ghost:hover { background: var(--af-ink); color: #fff; }
.akon-btn--accent {
  background: var(--af-accent);
  color: var(--af-brand-dark);
}
.akon-btn--accent:hover { background: var(--af-accent-dark); color: #fff; }

.akon-prod-intro {
  padding: 72px 0 24px;
  background: var(--af-bg);
}
.akon-prod-intro__inner {
  max-width: var(--af-container);
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 56px;
  align-items: start;
}
.akon-prod-intro h2 {
  font-family: var(--af-font-display);
  font-weight: 400;
  font-size: 32px;
  line-height: 1.2;
  color: var(--af-ink);
}
.akon-prod-intro p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--af-muted);
}
.akon-prod-intro p + p { margin-top: 16px; }

/* Category filter / nav */
.akon-prod-filter {
  background: var(--af-bg);
  padding: 24px 0 36px;
  position: static;
  border-bottom: 1px solid var(--af-line);
}
.akon-prod-filter__inner {
  max-width: var(--af-container);
  margin: 0 auto;
  padding: 0 32px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.akon-prod-filter__label {
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--af-muted);
  font-weight: 600;
}
.akon-cat-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.akon-cat-nav a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  border-radius: 999px;
  background: var(--af-bg-soft);
  color: var(--af-ink);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid transparent;
  transition: var(--af-trans);
}
.akon-cat-nav a:hover {
  background: #fff;
  border-color: var(--af-ink);
}
.akon-cat-nav a.is-active {
  background: var(--af-brand);
  color: #fff;
  border-color: var(--af-brand);
}
.akon-cat-nav a span.count {
  font-size: 11px;
  opacity: 0.7;
}

/* Product grid */
.akon-prod-grid-section {
  padding: 56px 0 88px;
  background: var(--af-bg);
}
.akon-prod-grid-section__inner {
  max-width: var(--af-container);
  margin: 0 auto;
  padding: 0 32px;
}
.akon-prod-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px 28px;
}
.akon-prod-card {
  background: #fff;
  border: 1px solid var(--af-line);
  border-radius: var(--af-radius-lg);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: var(--af-trans);
}
.akon-prod-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--af-shadow-lg);
  border-color: transparent;
}
.akon-prod-card__media {
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
  background: var(--af-bg-soft);
}
.akon-prod-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.akon-prod-card:hover .akon-prod-card__media img { transform: scale(1.04); }
.akon-prod-card__media--hover-wrap { position: relative; display: block; width: 100%; height: 100%; }
.akon-prod-card__media--hover-wrap > a { display: block; width: 100%; height: 100%; }
.akon-prod-card__media img.akon-prod-card__img-hover { position: absolute; inset: 0; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; }
.akon-prod-card:hover .akon-prod-card__media img.akon-prod-card__img-hover { opacity: 1; }
.akon-prod-card__tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--af-brand);
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 600;
}
.akon-prod-card__body {
  padding: 22px 22px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.akon-prod-card__cat {
  font-size: 11px;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--af-accent-dark);
  font-weight: 600;
  margin-bottom: 8px;
}
.akon-prod-card__name {
  font-family: var(--af-font-display);
  font-size: 20px;
  line-height: 1.3;
  color: var(--af-ink);
  margin-bottom: 8px;
}
.akon-prod-card__sku {
  font-size: 12px;
  color: var(--af-muted);
  margin-bottom: 14px;
  letter-spacing: 0.05em;
}
.akon-prod-card__summary {
  font-size: 14px;
  line-height: 1.6;
  color: var(--af-muted);
  margin-bottom: 18px;
  flex: 1;
}
.akon-prod-card__specs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.akon-prod-card__specs span {
  font-size: 11px;
  background: var(--af-bg-soft);
  color: var(--af-ink);
  padding: 5px 10px;
  border-radius: 4px;
  letter-spacing: 0.04em;
}
.akon-prod-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 18px;
  border-top: 1px solid var(--af-line);
}
.akon-prod-card__price {
  font-family: var(--af-font-display);
  font-size: 18px;
  color: var(--af-ink);
}
.akon-prod-card__price small {
  display: block;
  font-family: var(--af-font);
  font-size: 11px;
  color: var(--af-muted);
  letter-spacing: 0.06em;
  margin-top: 2px;
}
.akon-prod-card__actions {
  display: flex;
  gap: 8px;
}
.akon-prod-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--af-bg-soft);
  color: var(--af-ink);
  transition: var(--af-trans);
  border: 1px solid transparent;
}
.akon-prod-card__btn:hover {
  background: var(--af-brand);
  color: #fff;
}
.akon-prod-card__btn--accent {
  background: var(--af-accent);
  color: var(--af-brand-dark);
}
.akon-prod-card__btn--accent:hover {
  background: var(--af-brand);
  color: #fff;
}

/* Wholesale note */
.akon-prod-note {
  background: var(--af-bg-cream);
  padding: 80px 0;
}
.akon-prod-note__inner {
  max-width: var(--af-container);
  margin: 0 auto;
  padding: 0 32px;
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: 64px;
  align-items: start;
}
.akon-prod-note h2 {
  font-family: var(--af-font-display);
  font-weight: 400;
  font-size: 36px;
  line-height: 1.15;
  color: var(--af-brand-dark);
  margin-bottom: 18px;
}
.akon-prod-note p {
  font-size: 16px;
  line-height: 1.7;
  color: var(--af-ink);
}
.akon-prod-note__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 28px;
}
.akon-prod-note__list .item {
  background: #fff;
  padding: 22px 22px 24px;
  border-radius: var(--af-radius-lg);
  border: 1px solid var(--af-line);
}
.akon-prod-note__list .item h3 {
  font-family: var(--af-font-display);
  font-weight: 500;
  font-size: 18px;
  color: var(--af-ink);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.akon-prod-note__list .item h3::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--af-accent);
}
.akon-prod-note__list .item p {
  font-size: 14px;
  line-height: 1.6;
  color: var(--af-muted);
}
.akon-prod-note__cta {
  margin-top: 32px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media (max-width: 1024px) {
  .akon-prod-hero__inner,
  .akon-prod-intro__inner,
  .akon-prod-note__inner { grid-template-columns: 1fr; gap: 36px; }
  .akon-prod-hero h1 { font-size: 44px; }
  .akon-prod-grid { grid-template-columns: repeat(2, 1fr); }
  .akon-prod-note__list { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .akon-prod-hero { padding: 56px 0 48px; }
  .akon-prod-hero h1 { font-size: 34px; }
  .akon-prod-grid { grid-template-columns: 1fr; gap: 24px; }
  .akon-prod-intro { padding: 48px 0 12px; }
  .akon-prod-grid-section { padding: 40px 0 64px; }
  .akon-prod-note { padding: 56px 0; }
  .akon-prod-note h2 { font-size: 28px; }
}


@media (max-width: 1024px) {
  img { max-width: 100% !important; }
  [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  *, *::before, *::after { box-sizing: border-box; }
  body { overflow-x: hidden; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="display: flex"] { max-width: 100% !important; flex-wrap: wrap !important; }
  img { max-width: 100% !important; }
  video { max-width: 100% !important; }
}


/* === Entrance animations === */
@keyframes w-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes w-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-down { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-left { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-fade-right { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-zoom-in { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
@keyframes w-zoom-out { from { opacity: 0; transform: scale(1.15); } to { opacity: 1; transform: scale(1); } }
@keyframes w-flip-x { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } }
@keyframes w-flip-y { from { opacity: 0; transform: perspective(400px) rotateY(90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } }
@keyframes w-bounce { 0% { opacity: 0; transform: translateY(-40px); } 60% { opacity: 1; transform: translateY(8px); } 80% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes w-rotate { from { opacity: 0; transform: rotate(-180deg); } to { opacity: 1; transform: rotate(0); } }
@keyframes w-swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0); } }
@keyframes w-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* === Responsive hide === */
@media (max-width: 1024px) { [data-w-hide-tablet="1"] { display: none !important; } }
@media (max-width: 640px) { [data-w-hide-mobile="1"] { display: none !important; } }
@media (min-width: 1025px) { [data-w-hide-desktop="1"] { display: none !important; } }

/* === Scroll effects === */
[data-w-scroll-effect]:not([data-w-scroll-effect^="sticky"]) { will-change: transform, opacity, filter; }
/* 吸顶:top 走变量,运行时按顶部导航实际占的高度赋值(手填 sticky-<px> 时用那个值),否则会被固定导航盖住 */
[data-w-scroll-effect^="sticky"] { position: sticky !important; top: var(--w-sticky-top, 0px) !important; z-index: 40; }


[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  color: #ffffff !important;
  background-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):focus {
  color: #ffffff !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  background-color: rgb(248, 246, 241) !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  color: #000000 !important;
  background-color: rgb(248, 246, 241) !important;
  border-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  background-color: rgb(248, 246, 241) !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  color: #000000 !important;
  background-color: rgb(248, 246, 241) !important;
  border-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > a:nth-child(6):hover {
  border-color: #000000 !important;
}

[data-edit-root="wholesale_note"] > div > div:nth-child(1) > div > a:nth-child(1):hover {
  background-color: rgb(241, 236, 224) !important;
  color: #000000 !important;
  border-color: #000000 !important;
}

[data-edit-root="nav"] > div:nth-child(2) > div > div > a:nth-child(1):hover {
  color: #000000 !important;
}

[data-edit-root="nav"] > div:nth-child(2) > div > div > a:nth-child(2):hover {
  color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(1):hover {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(1):hover {
  background-color: rgb(248, 246, 241) !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(1):hover {
  background-color: rgb(248, 246, 241) !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(2):hover {
  background-color: rgb(248, 246, 241) !important;
  color: #000000 !important;
}

[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(1):hover {
  background-color: rgb(248, 246, 241) !important;
}

[data-edit-root="wholesale_note"] > div > div:nth-child(1) > div > a:nth-child(2):hover {
  color: #000000 !important;
  background-color: rgb(241, 236, 224) !important;
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(1) > h1 > em {
  color: rgb(168, 126, 47) !important;
  text-shadow: 0 12px 24px rgba(0,0,0,0.15) !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] {
  height: 1400.188px !important;
  display: inline !important;
  background-color: rgb(248, 246, 241) !important;
}
}

@media (max-width: 640px) {
[data-edit-root="category-nav"] {
  display: flex !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 16px !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  backdrop-filter: blur(100px) !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul {
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  height: 430.203px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul > li:nth-child(5) > a {
  width: 220px !important;
  padding: 10px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul > li:nth-child(3) > a {
  width: 220px !important;
  padding: 10px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul > li:nth-child(1) > a {
  width: 220px !important;
  padding: 10px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul > li:nth-child(2) > a {
  padding: 10px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul > li:nth-child(4) > a {
  width: 220px !important;
  padding: 10px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav > ul > li:nth-child(2) > ul {
  padding: 0px 0px 0px 5px !important;
  margin: 5px 0px 0px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="nav"] > div:nth-child(2) > div > nav {
  padding: 12px 20px 0px 20px !important;
  height: 420.188px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_grid"] {
  padding: 40px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_intro"] {
  padding: 40px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="wholesale_note"] {
  padding: 40px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="wholesale_note"] > div > div:nth-child(1) > div > a:nth-child(1) {
  padding: 14px 26px !important;
  margin: 0px 0px 0px 28px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="wholesale_note"] > div > div:nth-child(1) > div > a:nth-child(2) {
  width: 227.609px !important;
  margin: 0px 0px 0px 28px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="footer"] > div > div {
  padding: 40px 0px 0px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(1) {
  width: 150.922px !important;
  text-indent: 8px !important;
  padding: 14px 9px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(1) > div > a:nth-child(2) {
  margin: 10px 0px 0px 0px !important;
  width: 150.922px !important;
  text-indent: 0px !important;
  padding: 14px 0px 14px 10px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(2) {
  margin: 0px 0px 0px 20px !important;
  width: 310px !important;
  height: 300px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(2) > img {
  width: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(1) {
  margin: 0px 0px 0px 20px !important;
  width: auto !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(1) > p {
  margin: 0px 15px 15px 0px !important;
  width: auto !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div {
  background-color: rgb(248, 246, 241) !important;
  height: auto !important;
  padding: 40px 0px !important;
  width: auto !important;
}
}

@media (max-width: 640px) {
[data-edit-root="products_hero"] > div > div:nth-child(1) > h1 {
  width: auto !important;
}
}

.akon-prod-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start;padding:18px 24px;background:linear-gradient(135deg,#faf7f0 0%,#f4efe3 100%);border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,0.06);border:1px solid rgba(212,162,76,0.18);margin:24px 0;position:static;top:auto;z-index:auto}
.akon-prod-filter a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:0.02em;color:#1a1a1a;background:#ffffff;border:1px solid rgba(0,0,0,0.08);box-shadow:0 2px 6px rgba(0,0,0,0.04);transition:all 0.25s ease;text-decoration:none}
.akon-prod-filter a:hover{color:#000;background:#fff;border-color:#d4a24c;box-shadow:0 4px 14px rgba(212,162,76,0.25);transform:translateY(-1px)}
.akon-prod-filter a.is-active{color:#fff;background:linear-gradient(135deg,#000 0%,#1a1a1a 100%);border-color:#000;box-shadow:0 6px 18px rgba(0,0,0,0.25)}
.akon-prod-filter a::before{content:"●";color:#d4a24c;font-size:8px;line-height:1}
.akon-prod-filter a.is-active::before{color:#d4a24c}