/* COSMO-inspired storefront skin */
:root {
  --tp-bg: #090a0e;
  --tp-bg-rgb: 9, 10, 14;
  --tp-card: #11121a;
  --tp-card-rgb: 17, 18, 26;
  --tp-muted: #232430;
  --tp-muted-rgb: 35, 36, 48;
  --tp-muted-fg: #9495a3;
  --tp-primary: #fe7d21;
  --tp-primary-rgb: 254, 125, 33;
  --tp-secondary: #fe7d21;
  --tp-secondary-rgb: 254, 125, 33;
  --tp-radius: .55rem;
  --tp-radius-lg: .8rem;
  --tp-radius-xl: 1rem;
}

html, body { background: #090a0e !important; }
body {
  color: #f7f7fa;
  background-image:
    radial-gradient(circle at 50% 10%, rgba(254,125,33,.07), transparent 28rem),
    linear-gradient(180deg, #0b0c11 0%, #090a0e 65%) !important;
}

.container { max-width: 1180px; }
.tp-section { padding: 6.5rem 0; }
.tp-section-title {
  font-size: clamp(1.8rem, 3vw, 2.75rem);
  font-weight: 850;
  letter-spacing: -.045em;
}
.tp-section-title::first-letter { color: inherit; }
.tp-eyebrow {
  color: var(--tp-primary);
  font-size: .65rem;
  letter-spacing: .22em;
}
.tp-section-sub { font-size: .9rem; }

.navbar {
  min-height: 66px;
  background: rgba(10,10,16,.9) !important;
  border-bottom: 1px solid rgba(254,125,33,.3);
  backdrop-filter: blur(18px);
}
.navbar-brand { font-size: 1.45rem; letter-spacing: -.04em; }
.navbar-nav .nav-link { font-size: .75rem; font-weight: 700; }
.announcement { background: #0d0e15 !important; }
.navbar .navbar-action-btn {
  min-height: 42px; padding: .55rem 1.15rem;
  border: 1px solid rgba(255,255,255,.1); border-radius: 999px;
  background: rgba(255,255,255,.035); color: var(--tp-fg);
  display: inline-flex; align-items: center; justify-content: center; gap: .55rem;
  font-size: .85rem; font-weight: 700; line-height: 1; text-decoration: none; white-space: nowrap;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}
.navbar .navbar-action-btn:hover { color: #fff; background: rgba(255,255,255,.075); border-color: rgba(255,255,255,.2); transform: translateY(-1px); }
.navbar .navbar-discord-btn {
  min-width: 138px; color: #fff; background: var(--tp-primary);
  border-color: color-mix(in srgb, var(--tp-primary), #fff 40%);
  box-shadow: 0 0 18px color-mix(in srgb, var(--tp-primary), transparent 70%);
}
.navbar .navbar-discord-btn:hover { background: color-mix(in srgb, var(--tp-primary), #fff 10%); border-color: color-mix(in srgb, var(--tp-primary), #fff 65%); }
.navbar .navbar-login-btn { min-width: 90px; }
@media (max-width: 991.98px) { .navbar .navbar-action-btn { width: 100%; margin-top: .35rem; } }

.hero {
  min-height: 680px;
  padding: 5.5rem 0 3.25rem !important;
  display: flex;
  align-items: center;
  background: #08090d !important;
  border-bottom: 1px solid rgba(255,255,255,.04);
}
.hero::before {
  background:
    radial-gradient(ellipse at center, rgba(3,3,7,.78) 0%, rgba(5,5,10,.58) 34%, transparent 68%),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.28)) !important;
  z-index: 1;
}
.hero::after {
  background: linear-gradient(180deg, transparent 48%, #090a0e 100%) !important;
  z-index: 1;
}
.hero .hero-bg {
  opacity: .92 !important;
  background-size: cover !important;
  background-position: center top !important;
  filter: saturate(.92) contrast(1.05);
}
.hero-content { max-width: 650px; margin: 0 auto; text-align: center; }
.hero-eyebrow {
  padding: .42rem .8rem;
  background: rgba(254,125,33,.09);
  border-color: rgba(254,125,33,.3);
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.hero h1 {
  max-width: 620px;
  margin: 1rem auto .8rem;
  font-size: clamp(2.35rem, 5vw, 4.35rem);
  line-height: .98;
  font-weight: 900;
  letter-spacing: -.055em;
  text-transform: uppercase;
}
.hero h1 .accent, .accent {
  color: #fe7d21 !important;
  text-shadow: 0 0 28px rgba(254,125,33,.25) !important;
}
.hero p.lead { max-width: 520px; margin: 0 auto 1.4rem; font-size: .92rem; }
.hero .hero-cta { justify-content: center; gap: .65rem; }
.btn { border-radius: 999px; font-size: .75rem; font-weight: 750; }
.btn-primary {
  background: linear-gradient(135deg, #fe7d21, #fe7d21) !important;
  border-color: #fe7d21 !important;
  box-shadow: 0 8px 28px rgba(254,125,33,.22);
}
.btn-outline-primary { color: #fff !important; border-color: #343541 !important; background: rgba(14,15,21,.75); }
.hero .hero-search { max-width: 520px; margin: 1.35rem auto .75rem; }
.hero .hero-search-inner {
  min-height: 50px;
  background: rgba(10,11,16,.82);
  border: 1px solid #343541;
  border-radius: 999px;
  backdrop-filter: blur(12px);
}
.hero .hero-search input { font-size: .76rem; }
.hero-feature-row { display: none; }
.hero-stats {
  width: fit-content;
  margin: 1rem auto 0;
  padding: .75rem 1rem;
  gap: 0;
  background: rgba(13,14,20,.88);
  border: 1px solid #292a35;
  border-radius: .75rem;
  backdrop-filter: blur(14px);
}
.hero-stat { min-width: 145px; justify-content: center; padding: 0 1rem; }
.hero-stat + .hero-stat { border-left: 1px solid #292a35; }
.hero-stat .icon-box { width: 29px; height: 29px; border-radius: .4rem; }
.hero-stat .value { color: #fe7d21; }

.product-card, .feature-card, .feedback-card, .accordion-item, .split-card {
  background: linear-gradient(180deg, rgba(21,22,31,.9), rgba(13,14,20,.92)) !important;
  border: 1px solid #292a35 !important;
  box-shadow: 0 20px 60px rgba(0,0,0,.16);
}
.product-card:hover, .feature-card:hover {
  border-color: rgba(254,125,33,.65) !important;
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(254,125,33,.1);
}
.product-card .product-image { border-radius: .7rem; }
.feature-card { border-radius: .8rem; }
.feature-card .icon-box { color: var(--tp-primary); }

.accordion { display: grid; gap: .65rem; }
.accordion-item { overflow: hidden; border-radius: .55rem !important; }
.accordion-button { min-height: 58px; background: transparent !important; color: #f7f7fa !important; font-size: .8rem; font-weight: 700; }
.accordion-button:not(.collapsed) { box-shadow: none; color: var(--tp-primary) !important; }

.footer {
  background:
    radial-gradient(circle at 20% 20%, rgba(254,125,33,.06), transparent 25rem),
    #11121a !important;
  border-top: 1px solid #272834;
}
.footer h5, .footer .footer-title { color: #fff; }
.footer a { font-size: .78rem; }

@media (max-width: 767px) {
  .tp-section { padding: 4rem 0; }
  .hero { min-height: 620px; padding-top: 4rem !important; }
  .hero .hero-bg { background-position: center top !important; opacity: .62 !important; }
  .hero h1 { font-size: 2.45rem; }
  .hero-stats { width: 100%; overflow-x: auto; justify-content: flex-start; }
  .hero-stat { min-width: 125px; padding: 0 .7rem; }
}

/* Homepage feature showcase */
.feature-showcase {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 22% 52%, rgba(254,125,33,.1), transparent 34rem),
    #090a0e !important;
  border-top: 1px solid rgba(255,255,255,.045);
  border-bottom: 1px solid rgba(255,255,255,.045);
}
.feature-showcase::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -180px;
  top: 15%;
  border: 1px solid rgba(254,125,33,.08);
  border-radius: 50%;
  box-shadow: 0 0 0 70px rgba(254,125,33,.018), 0 0 0 140px rgba(254,125,33,.012);
}
.feature-showcase > .container { position: relative; z-index: 1; }
.feature-showcase-heading { max-width: 720px; margin: 0 auto 4rem; }
.feature-showcase-heading p {
  max-width: 560px;
  margin: .85rem auto 0;
  color: var(--tp-muted-fg);
  font-size: .9rem;
}
.feature-showcase-main { margin-top: 0; }
.feature-panel-visual {
  position: relative;
  padding: .55rem;
  border: 1px solid #292b39;
  border-radius: 1rem;
  background: linear-gradient(145deg, rgba(28,29,40,.92), rgba(10,11,17,.98));
  box-shadow: 0 30px 90px rgba(0,0,0,.48), 0 0 55px rgba(254,125,33,.08);
}
.feature-panel-visual::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: -1;
  border-radius: inherit;
  background: linear-gradient(120deg, rgba(254,125,33,.5), transparent 35%, transparent 70%, rgba(254,125,33,.3));
  filter: blur(7px);
  opacity: .45;
}
.feature-panel-visual img {
  display: block;
  width: 100%;
  border-radius: .65rem;
}
.feature-panel-glow {
  position: absolute;
  inset: auto 12% -20px;
  height: 55px;
  background: rgba(254,125,33,.2);
  filter: blur(30px);
  pointer-events: none;
}
.feature-panel-status {
  position: absolute;
  left: 1.35rem;
  bottom: 1.35rem;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .48rem .7rem;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: rgba(8,9,14,.82);
  color: #d6d6dc;
  font-size: .58rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  backdrop-filter: blur(12px);
}
.feature-showcase-copy { padding-left: 1.25rem; }
.feature-showcase-copy h3 {
  margin-bottom: 1rem;
  font-size: clamp(1.8rem, 3vw, 2.7rem);
  font-weight: 850;
  line-height: 1.02;
  letter-spacing: -.045em;
}
.feature-intro { color: var(--tp-muted-fg); font-size: .88rem; line-height: 1.7; }
.feature-list { display: grid; gap: .85rem; margin-top: 1.6rem; }
.feature-list-item {
  display: flex;
  gap: .9rem;
  padding: .85rem;
  border: 1px solid transparent;
  border-radius: .7rem;
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.feature-list-item:hover {
  border-color: rgba(254,125,33,.22);
  background: rgba(254,125,33,.055);
  transform: translateX(4px);
}
.feature-list-icon {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border: 1px solid rgba(254,125,33,.28);
  border-radius: .58rem;
  background: rgba(254,125,33,.1);
  color: #fe7d21;
}
.feature-list-item h4 { margin: 0 0 .22rem; font-size: .86rem; font-weight: 800; }
.feature-list-item p { margin: 0; color: var(--tp-muted-fg); font-size: .72rem; line-height: 1.55; }

@media (max-width: 991px) {
  .feature-showcase-heading { margin-bottom: 2.5rem; }
  .feature-showcase-copy { padding-left: 0; }
}
@media (max-width: 767px) {
  .feature-panel-status { left: 1rem; bottom: 1rem; }
  .feature-list-item { padding-inline: 0; }
  .feature-list-item:hover { transform: none; }
}

/* Products index: categories only, no filters */
.all-categories-wrap {
  padding: 2.25rem 0 5rem;
}
.all-categories-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.all-categories-head h2 {
  margin: .2rem 0 0;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 850;
  letter-spacing: -.035em;
}
.all-categories-count {
  padding: .42rem .7rem;
  border: 1px solid rgba(254,125,33,.24);
  border-radius: 999px;
  color: #fe7d21;
  background: rgba(254,125,33,.08);
  font-size: .6rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.all-categories-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .75rem;
}
.all-category-card {
  position: relative;
  height: 112px;
  overflow: hidden;
  border: 1px solid #292b38;
  border-radius: .6rem;
  background: #201815;
  color: #fff;
  isolation: isolate;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.all-category-card:hover {
  color: #fff;
  border-color: rgba(254,125,33,.72);
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(254,125,33,.13);
}
.all-category-card__art,
.all-category-card__shade { position: absolute; inset: 0; }
.all-category-card__art img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(1.08);
  transition: transform .45s ease;
}
.all-category-card:hover .all-category-card__art img { transform: scale(1.06); }
.all-category-card__shade {
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(61,27,8,.98) 0%, rgba(69,30,10,.86) 46%, rgba(7,9,16,.18) 100%),
    linear-gradient(0deg, rgba(254,125,33,.42), transparent 48%);
}
.all-category-card:nth-child(3n+2) .all-category-card__shade {
  background: linear-gradient(90deg, rgba(67,30,13,.98), rgba(80,35,12,.72) 56%, rgba(8,10,18,.16));
}
.all-category-card:nth-child(3n) .all-category-card__shade {
  background: linear-gradient(90deg, rgba(58,25,8,.98), rgba(78,34,12,.7) 56%, rgba(8,10,18,.15));
}
.all-category-card__kicker,
.all-category-card h3,
.all-category-card__arrow { position: absolute; z-index: 2; }
.all-category-card__kicker {
  top: .72rem;
  left: .85rem;
  color: rgba(255,255,255,.48);
  font-size: .37rem;
  font-weight: 850;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.all-category-card h3 {
  left: .85rem;
  right: 2.2rem;
  bottom: .8rem;
  margin: 0;
  font-size: clamp(.8rem, 1.05vw, 1.08rem);
  font-weight: 900;
  line-height: .96;
  letter-spacing: -.03em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(0,0,0,.8);
}
.all-category-card__arrow {
  right: .7rem;
  bottom: .65rem;
  display: grid;
  width: 24px;
  height: 24px;
  place-items: center;
  border-radius: 50%;
  background: rgba(254,125,33,.85);
  font-size: .75rem;
  opacity: 0;
  transform: translateX(-5px);
  transition: opacity .2s ease, transform .2s ease;
}
.all-category-card:hover .all-category-card__arrow { opacity: 1; transform: translateX(0); }

@media (max-width: 1199px) {
  .all-categories-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .all-categories-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .all-categories-wrap { padding: 1.5rem .25rem 3rem; }
  .all-categories-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .55rem; }
  .all-category-card { height: 92px; }
  .all-category-card h3 { font-size: .72rem; }
  .all-categories-count { display: none; }
}

/* Category detail page */
.products-page-hero--category {
  min-height: 340px;
  padding: 5.25rem 0 4.25rem;
  display: flex;
  align-items: center;
  border-bottom: 0;
  background: #0b0c12;
}
.products-page-hero--category::before {
  z-index: 1;
  background: linear-gradient(90deg, rgba(9,10,15,.94) 4%, rgba(9,10,15,.68) 48%, rgba(9,10,15,.1) 100%);
}
.category-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .78;
  filter: saturate(.8) contrast(1.06);
}
.products-page-hero--category .container { max-width: 1180px; }
.products-page-hero--artwork::before {
  background: linear-gradient(180deg, rgba(9,10,15,.08), rgba(9,10,15,.25));
}
.products-page-hero--artwork .container { visibility: hidden; }
.products-page-hero--category .tp-section-title {
  max-width: 650px;
  margin: 0;
  color: #fff;
  font-size: clamp(2.25rem, 4.5vw, 4.25rem) !important;
  line-height: 1;
  text-transform: none;
}
.products-page-hero--category .tp-section-sub { max-width: none; margin-left: 0; }
.category-hero-accent {
  color: #fe7d21;
  font-size: clamp(1.5rem, 3vw, 2.45rem);
  font-weight: 850;
  letter-spacing: -.04em;
}
.category-breadcrumb {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: 2.2rem 0 1.1rem;
  color: #6f7180;
  font-size: .76rem;
}
.category-breadcrumb a { color: #888a97; }
.category-breadcrumb a:hover { color: var(--tp-primary); }
.category-breadcrumb strong { color: #fff; }
.store-grid-card--category {
  max-width: none;
  overflow: visible;
  border: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
.store-grid-card--category > div { padding: 0 0 2rem !important; }
.store-grid-card--category .tp-eyebrow { display: none; }
.category-product-grid .product-card {
  border-radius: .65rem !important;
  background: #151620 !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.25);
}
.category-product-grid .product-image {
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #5d2c13, #4a2817);
}
.category-product-grid .product-image::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 0%, rgba(254,125,33,.18), transparent 62%);
}
.category-product-grid .product-badges { justify-content: flex-end; }
.category-product-grid .tp-pill {
  border-radius: 999px;
  background: rgba(8,10,16,.72) !important;
  font-size: .55rem;
  font-weight: 850;
  text-transform: uppercase;
}
.category-product-grid .product-body { padding: .9rem .9rem .35rem; }
.category-product-grid .product-title {
  overflow: hidden;
  margin-bottom: .35rem;
  font-size: .82rem;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-product-grid .product-meta { font-size: .65rem; }
.category-product-grid .product-footer {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: .45rem .9rem .85rem;
}
.category-product-grid .product-price { color: #31dc91; font-size: .9rem; }
.category-product-grid .product-footer .btn {
  grid-column: 1 / -1;
  width: 100%;
  min-height: 34px;
  margin-top: .65rem;
  border-radius: .4rem;
  background: linear-gradient(90deg, rgba(254,125,33,.88), rgba(254,125,33,.82)) !important;
}
.category-product-grid .product-footer .btn svg { display: none; }
.category-product-grid .product-footer .btn::before { content: "Comprar ahora"; }

@media (max-width: 767px) {
  .products-page-hero--category { min-height: 270px; padding: 3.8rem 0 3rem; }
  .products-page-hero--category .tp-section-title { font-size: 2.25rem !important; }
  .category-hero-accent { font-size: 1.35rem; }
  .category-breadcrumb { padding-inline: .75rem; }
}

/* Compact category wall */
.category-showcase { padding-top: 1.5rem; }
.category-showcase-shell {
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid #292a35;
  border-radius: .85rem;
  background: linear-gradient(180deg, #151620, #101119);
  box-shadow: 0 30px 80px rgba(0,0,0,.32);
}
.category-showcase-head {
  min-height: 72px;
  margin: 0 !important;
  padding: 1rem 1.35rem;
  border-bottom: 1px solid #292a35;
}
.category-showcase-head .tp-eyebrow { margin-bottom: .2rem !important; }
.category-showcase-head .tp-section-title { margin: 0; font-size: 1.15rem; letter-spacing: -.02em; }
.category-showcase-head .tp-section-sub { display: none; }
.category-count {
  flex: none;
  padding: .45rem .75rem;
  border: 1px solid rgba(254,125,33,.25);
  border-radius: 999px;
  background: rgba(254,125,33,.1);
  color: #fe7d21;
  font-size: .65rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.category-count:hover { color: #fff; background: var(--tp-primary); }
.category-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .65rem;
  padding: 1.15rem;
}
.category-grid-item { min-width: 0; }
.category-grid .product-card {
  position: relative;
  height: 92px;
  min-height: 92px;
  overflow: hidden;
  border-radius: .55rem !important;
  background:
    linear-gradient(115deg, rgba(82,39,16,.96) 0%, rgba(77,38,18,.88) 47%, rgba(10,13,24,.45) 100%) !important;
}
.category-grid .product-image {
  position: absolute;
  inset: 0;
  height: 100% !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.category-grid .product-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(47,23,8,.98) 0%, rgba(52,26,9,.86) 43%, rgba(10,11,17,.05) 78%),
    linear-gradient(0deg, rgba(254,125,33,.35), transparent 38%);
}
.category-grid .product-image img {
  width: 58%;
  height: 100%;
  margin-left: auto;
  object-fit: cover;
  object-position: center;
  filter: saturate(1.05) contrast(1.08);
}
.category-grid .product-badges,
.category-grid .product-footer,
.category-grid .product-meta { display: none !important; }
.category-grid .product-body {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  width: 62%;
  height: 100%;
  padding: .9rem;
  pointer-events: none;
}
.category-grid .product-title {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #fff !important;
  font-size: clamp(.78rem, 1vw, 1.05rem);
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.025em;
  text-transform: uppercase;
  text-shadow: 0 2px 12px rgba(0,0,0,.8);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.category-grid .product-card::before {
  content: "PREMIUM CATALOG";
  position: absolute;
  z-index: 3;
  top: .45rem;
  left: .9rem;
  color: rgba(255,255,255,.48);
  font-size: .36rem;
  font-weight: 800;
  letter-spacing: .13em;
}
.category-grid .product-card:hover .product-image img { transform: scale(1.06); }

/* Real products shown on the home (for example TemploSpace) */
.category-grid-item--product {
  grid-column: span 2;
  min-width: 0;
}
.category-grid .product-card--catalog {
  display: grid;
  grid-template-columns: minmax(230px, 42%) 1fr;
  grid-template-rows: 1fr auto;
  height: 190px;
  min-height: 190px;
  background: linear-gradient(135deg, #151620, #0d0e15) !important;
}
.category-grid .product-card--catalog::before { display: none; }
.category-grid .product-card--catalog .product-image {
  position: relative;
  grid-row: 1 / 3;
  height: 100% !important;
  border-right: 1px solid #292a35;
}
.category-grid .product-card--catalog .product-image::after {
  background: linear-gradient(90deg, transparent 65%, rgba(13,14,21,.5));
}
.category-grid .product-card--catalog .product-image img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}
.category-grid .product-card--catalog .product-badges {
  display: flex !important;
  justify-content: flex-end;
}
.category-grid .product-card--catalog .product-body {
  position: relative;
  display: block;
  width: auto;
  height: auto;
  padding: 1.35rem 1.35rem .5rem;
}
.category-grid .product-card--catalog .product-title {
  display: block;
  margin-bottom: .65rem;
  font-size: 1.35rem;
  line-height: 1.05;
  text-transform: none;
  -webkit-line-clamp: unset;
}
.category-grid .product-card--catalog .product-meta {
  display: flex !important;
  font-size: .72rem;
}
.category-grid .product-card--catalog .product-footer {
  display: flex !important;
  padding: .7rem 1.35rem 1.25rem;
}
.category-grid .product-card--catalog .product-price { color: #fff; font-size: 1.2rem; }
.category-grid .product-card--catalog .product-footer .btn {
  width: auto;
  min-width: 42px;
  min-height: 34px;
}

@media (max-width: 991px) {
  .category-grid-item--product { grid-column: span 3; }
}
@media (max-width: 767px) {
  .category-grid-item--product { grid-column: span 2; }
  .category-grid .product-card--catalog {
    grid-template-columns: 1fr;
    grid-template-rows: 145px auto auto;
    height: auto;
  }
  .category-grid .product-card--catalog .product-image {
    grid-row: auto;
    border-right: 0;
    border-bottom: 1px solid #292a35;
  }
  .category-grid .product-card--catalog .product-body { padding: 1rem 1rem .35rem; }
  .category-grid .product-card--catalog .product-footer { padding: .6rem 1rem 1rem; }
}

@media (max-width: 1199px) {
  .category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 991px) {
  .category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
  .category-showcase-shell { border-radius: 0; border-left: 0; border-right: 0; }
  .category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; padding: .75rem; }
  .category-grid .product-card { height: 78px; min-height: 78px; }
  .category-grid .product-body { width: 70%; padding: .75rem; }
  .category-grid .product-title { font-size: .72rem; }
  .category-grid .product-card::before { left: .75rem; font-size: .3rem; }
}

/* ===== Portada inspirada en el diseño de referencia ===== */
body{background:radial-gradient(circle at 78% 8%,rgba(254,125,33,.055),transparent 24rem),#060708!important;color:#f5f5f7}
header.sticky-top{border-bottom:1px solid rgba(255,255,255,.055);background:rgba(6,7,8,.9);backdrop-filter:blur(18px)}
.navbar{min-height:62px}.navbar .container,.hero .container,.category-showcase .container,.feature-showcase .container{max-width:1180px}.navbar-brand{font-weight:900}.navbar .nav-link{color:#9b9da7!important;font-size:.72rem;font-weight:700}.navbar .nav-link:hover{color:#fff!important}
.hero{position:relative;min-height:620px;display:flex;align-items:center;overflow:hidden;padding:6.5rem 0 5rem!important;border-bottom:1px solid rgba(255,255,255,.055);background:#070809}
.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#070809 5%,rgba(7,8,9,.94) 35%,rgba(7,8,9,.3) 73%,rgba(7,8,9,.05)),linear-gradient(0deg,#070809,transparent 35%);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:1;width:520px;height:520px;right:-80px;top:-170px;border-radius:50%;background:rgba(254,125,33,.1);filter:blur(100px)}
.hero .hero-bg{inset:0!important;width:100%!important;opacity:.96!important;background-size:cover!important;background-position:center right!important;filter:saturate(.82) contrast(1.08)}
.hero .container{position:relative;z-index:2}.hero .hero-content{width:min(610px,58%);max-width:610px;margin:0;text-align:left}.hero-eyebrow{margin-bottom:1.15rem;border:1px solid rgba(254,125,33,.24);background:rgba(254,125,33,.08);color:#f1a56e}
.hero h1{max-width:620px;margin:0 0 1.2rem;font-size:clamp(3rem,6vw,5.9rem);line-height:.92;letter-spacing:-.065em;text-align:left}.hero p.lead{max-width:530px;margin:0 0 1.65rem;color:#a7a8b2;font-size:.96rem;line-height:1.7;text-align:left}
.hero .hero-search{display:none}.hero .hero-cta{justify-content:flex-start;margin-top:.4rem}.hero .hero-cta .btn{min-height:46px;padding-inline:1.25rem;border-radius:.45rem}.hero-stats{width:auto;max-width:max-content;margin:1.75rem 0 0;border-radius:.55rem;background:rgba(10,11,13,.78)}.hero-feature-row{display:none!important}
.category-showcase{padding:4.8rem 0 5.5rem;background:#060708}.category-showcase-shell{overflow:visible;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.category-showcase-head{min-height:0;display:flex!important;flex-direction:column!important;align-items:center!important;margin:0 auto 2.25rem!important;padding:0!important;border:0!important;text-align:center}.category-showcase-head .tp-eyebrow{margin-bottom:.65rem!important}.category-showcase-head .tp-section-title{margin:0;font-size:clamp(2.1rem,4vw,3.55rem);line-height:1}.category-showcase-head .tp-section-sub{display:block;max-width:620px;margin:.8rem auto 0!important}.category-count{margin-top:1.15rem;border-radius:.4rem}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem;padding:0}.category-grid-item,.category-grid-item--product{grid-column:auto!important;min-width:0}
.category-grid .product-card,.category-grid .product-card--catalog{position:relative;display:flex!important;flex-direction:column;height:100%!important;min-height:310px!important;overflow:hidden;border:1px solid #202228!important;border-radius:.55rem!important;background:linear-gradient(180deg,#101216,#0b0c0f)!important;box-shadow:0 18px 50px rgba(0,0,0,.26)}
.category-grid .product-card:before{display:none!important}.category-grid .product-card:hover{border-color:rgba(254,125,33,.58)!important;transform:translateY(-5px)}
.category-grid .product-image,.category-grid .product-card--catalog .product-image{position:relative!important;inset:auto!important;grid-row:auto!important;width:100%;height:175px!important;flex:0 0 175px;overflow:hidden;border:0!important;border-bottom:1px solid #202228!important;border-radius:0!important;background:#17191e!important}
.category-grid .product-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,7,8,.7),transparent 44%),radial-gradient(circle at 70% 10%,rgba(254,125,33,.13),transparent 50%)}
.category-grid .product-image img,.category-grid .product-card--catalog .product-image img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover;filter:saturate(.9) contrast(1.06)}.category-grid .product-badges{display:flex!important;justify-content:flex-end}
.category-grid .product-body,.category-grid .product-card--catalog .product-body{position:relative;z-index:2;display:block;width:auto;height:auto;padding:1rem 1rem .45rem}.category-grid .product-title,.category-grid .product-card--catalog .product-title{display:block;margin:0 0 .55rem;overflow:hidden;color:#fff!important;font-size:.95rem;font-weight:800;line-height:1.25;text-transform:none;text-overflow:ellipsis;white-space:nowrap}
.category-grid .product-meta,.category-grid .product-card--catalog .product-meta{display:flex!important;color:#7f828c;font-size:.68rem}.category-grid .product-footer,.category-grid .product-card--catalog .product-footer{display:flex!important;align-items:center;justify-content:space-between;margin-top:auto;padding:.6rem 1rem 1rem}.category-grid .product-price{color:#fff;font-size:1rem;font-weight:850}.category-grid .product-footer .btn{width:34px;min-width:34px;min-height:32px;margin:0;padding:0;border-radius:.35rem}.category-grid .product-footer .btn:before{display:none!important}
.feature-showcase{padding:6rem 0;background:radial-gradient(circle at 15% 48%,rgba(254,125,33,.08),transparent 27rem),#090a0c!important}.feature-showcase-heading{max-width:760px;margin-bottom:3.5rem}.feature-showcase-heading .tp-section-title{font-size:clamp(2.15rem,4vw,3.7rem);line-height:1}.feature-panel-visual{border-color:#292b31;border-radius:.65rem;background:#0d0f12;box-shadow:0 34px 100px rgba(0,0,0,.5),0 0 50px rgba(254,125,33,.08)}.feature-showcase-copy h3{font-size:clamp(2rem,3.5vw,3.1rem)}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-list-item{min-height:122px;padding:1rem;border-color:#22242a;background:#0d0f12}.feature-list-item:hover{border-color:rgba(254,125,33,.38);transform:translateY(-3px)}
[data-component-id="feedbacks"]{padding:5.5rem 0;background:#060708}[data-component-id="feedbacks"] .tp-section-title{font-size:clamp(2.05rem,4vw,3.5rem)}.feedback-card{min-height:245px;border-radius:.5rem!important;background:#0d0f12!important;box-shadow:none}.feedback-card:hover{border-color:rgba(254,125,33,.32)!important}.feedback-card .meta{border-top:1px solid #202228;padding-top:.75rem}.footer{background:radial-gradient(circle at 10% 0%,rgba(254,125,33,.12),transparent 28rem),#08090b!important}
@media(max-width:991px){.hero .hero-content{width:70%}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feature-list{grid-template-columns:1fr}}
@media(max-width:767px){.hero{min-height:650px;align-items:flex-end;padding:8rem 0 3.25rem!important}.hero:before{background:linear-gradient(0deg,#070809 4%,rgba(7,8,9,.92) 45%,rgba(7,8,9,.2))}.hero .hero-bg{background-position:68% top!important;background-size:auto 62%!important;background-repeat:no-repeat}.hero .hero-content{width:100%;max-width:none}.hero h1{font-size:clamp(2.65rem,13vw,4rem)}.hero p.lead{font-size:.86rem}.hero-stats{width:100%;max-width:100%}.category-showcase{padding:4rem .25rem}.category-grid{grid-template-columns:1fr!important}.feature-showcase{padding:4.5rem 0}}


/* ===== Ajuste fino de la segunda referencia ===== */
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1rem}
.category-grid .product-card,.category-grid .product-card--catalog{min-height:285px!important}
.category-grid .product-image,.category-grid .product-card--catalog .product-image{height:155px!important;flex-basis:155px}
.product-title-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem}
.category-grid .product-title{margin:0;font-size:.82rem}
.product-online,.product-offline{display:inline-flex;align-items:center;gap:.3rem;flex:none;padding:.28rem .42rem;border:1px solid rgba(254,125,33,.28);border-radius:.3rem;background:rgba(254,125,33,.08);color:#fe7d21;font-size:.52rem;font-weight:800;text-transform:uppercase}
.product-offline{border-color:rgba(239,68,68,.28);background:rgba(239,68,68,.08);color:#f87171}
.product-price-block{display:flex;flex-direction:column;align-items:flex-start}.product-price-block>small,.product-count small{color:#686b76;font-size:.5rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.product-count{display:flex;flex-direction:column;align-items:flex-end;color:#fff}.product-count strong{font-size:.64rem}.product-count small{text-transform:none;letter-spacing:0}
.product-open{display:grid!important;place-items:center}
.all-categories-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.products-page-hero:not(.products-page-hero--category){min-height:430px;background:linear-gradient(90deg,#070809 5%,rgba(7,8,9,.7)),url("hero-templo.png") center right/cover no-repeat}
.store-grid-card{border-color:#202228!important;background:#090a0d!important}
.footer-main{padding-block:3.8rem}.footer-list{columns:1}
@media(max-width:1199px){.category-grid,.all-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:991px){.category-grid,.all-categories-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:575px){.category-grid,.all-categories-grid{grid-template-columns:1fr!important}}


/* ===== Navegación de referencia ===== */
header.sticky-top{background:#121419!important;border-top:1px solid #292b31;border-bottom:1px solid #191b20}
.navbar{min-height:98px;padding:0}.navbar>.container{max-width:1480px;min-height:98px;padding-inline:2rem}
.navbar-brand{flex:0 0 auto;margin-right:3rem}.navbar-brand img{max-width:58px;max-height:58px!important;object-fit:contain;border-radius:0!important}.navbar-brand .brand-mark{width:46px;height:46px;color:#fe7d21}
.navbar-collapse{flex:1}.navbar .navbar-nav:first-child{gap:1.75rem;margin-right:auto!important;margin-left:0!important}.navbar .nav-link{position:relative;padding:.55rem 0!important;color:#f0f0f2!important;font-size:.86rem;font-weight:750}.navbar .nav-link:after{content:"";position:absolute;left:0;right:100%;bottom:.15rem;height:2px;background:#fe7d21;transition:right .2s ease}.navbar .nav-link:hover:after{right:0}
.navbar-auth{display:flex;align-items:center;gap:2rem}.navbar-existing-user{display:flex;align-items:center;gap:.35rem;color:#858892;font-size:.72rem;font-weight:650}.navbar-signin-btn,.navbar-account-link{padding:0;border:0;background:transparent;color:#b9bbc3;font-size:.74rem;font-weight:750}.navbar-signin-btn:hover,.navbar-account-link:hover{color:#fff}.navbar-signin-btn i{margin-left:.2rem;font-size:.6rem}
.navbar-signup-btn{min-height:38px;padding:.55rem 1rem;border:1px solid rgba(254,125,33,.48);border-radius:.4rem;background:rgba(254,125,33,.08);color:#fff;font-size:.74rem;font-weight:850;transition:.2s ease}.navbar-signup-btn:hover{border-color:#fe7d21;background:#fe7d21;box-shadow:0 8px 24px rgba(254,125,33,.2)}
@media(max-width:991px){.navbar{min-height:70px}.navbar>.container{min-height:70px;padding-inline:1rem}.navbar-brand{margin-right:0}.navbar-brand img{max-width:42px;max-height:42px!important}.navbar-collapse{margin-top:.75rem;padding:1rem;border:1px solid #25272e;border-radius:.55rem;background:#0d0f13}.navbar .navbar-nav:first-child{gap:.3rem}.navbar .nav-link{padding:.65rem!important}.navbar-auth{align-items:flex-start;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #25272e}.navbar-existing-user{align-items:flex-start;flex-direction:column}.navbar-signup-btn{width:100%}}


/* ===== Navegación simplificada ===== */
.navbar-discord-area{margin-left:auto}.navbar-discord-area .navbar-discord-btn{min-height:38px;padding:.55rem .85rem;border:1px solid #292b31;border-radius:.4rem;background:#17191e;color:#d9dae0;font-size:.74rem;font-weight:800}.navbar-discord-area .navbar-discord-btn:hover{border-color:#fe7d21;color:#fff;background:rgba(254,125,33,.1)}
@media(max-width:991px){.navbar-discord-area{margin-left:0!important;margin-top:1rem;padding-top:1rem;border-top:1px solid #25272e}.navbar-discord-area .navbar-discord-btn{width:100%;justify-content:center}}


/* Carrito en navegación */
.navbar-discord-area{gap:.65rem}.navbar-cart-btn{position:relative;width:38px;height:38px;border:1px solid #292b31;background:#17191e;color:#d9dae0}.navbar-cart-btn:hover{border-color:#fe7d21;color:#fe7d21;background:rgba(254,125,33,.1)}


/* Extra opcional de producto */
.product-addon-section>.form-label{display:block;margin-bottom:.65rem;color:#8d909a;font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.addon-item{padding:1rem!important;border:1px solid #303440!important;border-radius:.65rem!important;background:linear-gradient(135deg,rgba(254,125,33,.055),rgba(18,21,29,.9))!important}.addon-item:hover{border-color:rgba(254,125,33,.38)!important}.addon-item .fw-medium{color:#fff;font-weight:800!important}.addon-controls{display:flex;align-items:center;gap:.65rem;flex:none}.addon-price{color:#fe7d21;font-size:.82rem;font-weight:850}.addon-toggle{min-width:78px;border:1px solid rgba(254,125,33,.42)!important;border-radius:999px!important;background:rgba(254,125,33,.12)!important;color:#fe7d21!important;font-size:.68rem!important;font-weight:850!important}.addon-toggle:hover{background:#fe7d21!important;color:#fff!important}.addon-toggle.is-added{border-color:rgba(239,68,68,.38)!important;background:rgba(239,68,68,.12)!important;color:#fca5a5!important}@media(max-width:575px){.addon-item{align-items:flex-start!important;flex-direction:column}.addon-controls{width:100%;justify-content:space-between}}


/* Layout del extra: controles arriba y descripcion a ancho completo */
.addon-item{display:block!important}
.addon-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.addon-identity{display:flex;align-items:center;gap:.65rem;min-width:0}
.addon-identity .fw-medium{line-height:1.35}
.addon-controls{align-self:flex-start}
.addon-description{width:100%;margin-top:1rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.07);line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}
@media(max-width:420px){.addon-header{gap:.65rem}.addon-controls{gap:.4rem}.addon-price{font-size:.75rem}.addon-toggle{min-width:70px}}

.buy-buttons + .product-addon-section{margin-top:1.25rem}