/* Commerce surfaces layered over the established GAMESTARCMG identity. */
.marketplace-header .brand,
.marketplace-header .header-actions,
.marketplace-header .header-actions a,
.marketplace-header .header-actions button {
  color: #e9f2ff !important;
}
.marketplace-header #open-customer {
  color: #c1d7ef !important;
}
.marketplace-page .catalog-toolbar #shop-results {
  color: #536781;
}
.marketplace-header .store-search {
  position: relative;
}
.marketplace-header {
  position: relative;
  z-index: 30;
  grid-template-columns: 230px minmax(200px, 1fr) auto;
  column-gap: 24px;
}
.marketplace-header .header-actions {
  gap: 16px;
}
.marketplace-header .header-actions > a,
.marketplace-header #open-customer {
  font-size: 12px;
  white-space: nowrap;
}
.marketplace-header .store-search {
  background: #f6f8fc;
  border: 0;
  height: 46px;
}
.marketplace-header .store-search input {
  color: #17283d;
  background: transparent;
  font-size: 14px;
}
.marketplace-header .store-search input::placeholder {
  color: #66748a;
}
.marketplace-header .store-search button {
  background: #e5bd6d;
  color: #13243a;
  width: 50px;
}
.marketplace-header #primary-nav {
  gap: 16px;
  font-size: 12px;
  position: relative;
}
.marketplace-header #primary-nav a,
.category-menu summary {
  padding: 12px 10px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.035em;
  cursor: pointer;
}
.marketplace-header #primary-nav a:hover,
.category-menu summary:hover,
.marketplace-header #primary-nav [aria-current="page"] {
  background: #1c2d43;
  color: #fff;
}
.marketplace-header #primary-nav .service-nav {
  margin-left: auto;
}
.category-menu {
  position: relative;
}
.category-menu summary {
  color: #d5e3f4;
}
#header-categories {
  position: absolute;
  top: calc(100% + 7px);
  left: 0;
  z-index: 40;
  width: min(290px, 80vw);
  max-height: 60vh;
  overflow-y: auto;
  background: #112035;
  border: 1px solid #31445e;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 16px 45px #0005;
}
#header-categories a {
  display: block;
  white-space: normal;
}
.marketplace-header :focus-visible,
.marketplace-page :focus-visible {
  outline: 3px solid #6aafff;
  outline-offset: 3px;
}
.marketplace-page {
  background: #f4f6f9;
  color: #17283d;
}
.marketplace-page .status-line {
  margin: 0;
  padding: 8px 5%;
  background: #e9eff7;
  color: #314a6a;
}
.marketplace-page .status-line:empty {
  display: none;
}
.marketplace-page main {
  min-height: 48vh;
  padding-bottom: 50px;
}
.storefront-hero {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  align-items: center;
  gap: 36px;
  margin-top: 32px;
  padding: 36px 44px;
  border-radius: 18px;
  background: linear-gradient(112deg, #0c182b, #1b3659);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.storefront-hero h1 {
  font-family: "DM Sans", sans-serif;
  font-size: clamp(32px, 3.3vw, 48px);
  letter-spacing: -0.045em;
  line-height: 1.12;
  margin: 14px 0;
}
.storefront-hero h1 span {
  color: #b8d9ff;
}
.storefront-hero p:not(.eyebrow) {
  color: #c5d4e8;
  max-width: 500px;
  font-size: 14px;
  line-height: 1.7;
}
.storefront-actions {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 24px;
}
.storefront-actions .button {
  min-height: 46px;
  padding: 14px 22px;
  font-size: 13px;
}
.storefront-actions .text-link {
  color: #e6c889;
  font-size: 13px;
}
.storefront-mark {
  display: grid;
  justify-items: center;
  gap: 18px;
  padding: 26px;
  border-left: 1px solid #ffffff18;
}
.storefront-mark > span {
  position: relative;
  display: block;
  font-size: 96px;
  letter-spacing: -0.08em;
  line-height: 1;
  font-weight: 800;
  color: #d8eaff;
}
.storefront-mark b {
  position: absolute;
  color: #e4bf78;
  font-size: 40px;
  top: -14px;
  right: -25px;
}
.storefront-mark small {
  font-size: 10px;
  color: #c7a86d;
  letter-spacing: 0.2em;
}
.marketplace-page .commerce-section {
  padding-top: 42px;
  padding-bottom: 12px;
}
.marketplace-page .section-heading {
  align-items: end;
  margin-bottom: 24px;
}
.marketplace-page .section-heading h2,
.marketplace-page .section-heading h1,
.marketplace-page h1,
.marketplace-page h2,
.marketplace-page h3 {
  color: #15283d;
}
.marketplace-page .section-heading h2,
.marketplace-page .section-heading h1 {
  font-family: "DM Sans", sans-serif;
  font-size: clamp(24px, 2.4vw, 34px);
  letter-spacing: -0.04em;
}
.marketplace-page .eyebrow {
  color: #735823;
}
.marketplace-page .storefront-hero h1 {
  color: #fff;
}
.marketplace-page .storefront-hero .eyebrow {
  color: #dfc28b;
}
.marketplace-page .section-heading > p,
.marketplace-page .section-heading > div > p:not(.eyebrow) {
  color: #56667b;
  font-size: 13px;
}
.marketplace-page .store-benefits {
  color: #50617a;
  border-color: #dce3ec;
}
.marketplace-page .store-benefits a,
.marketplace-page .text-link {
  color: #185ca3;
}
.marketplace-page .storefront-actions .text-link {
  color: #e6c889;
}
.marketplace-page .category-chip {
  background: #fff;
  color: #1c3552;
  border-color: #dce4ed;
}
.marketplace-page .category-count {
  color: #5c6c80;
}
.marketplace-page .category-chip[aria-pressed="true"] {
  background: #e1edfc;
  border-color: #6b9fd7;
  color: #164c88;
}
.marketplace-page .catalog-sidebar {
  background: #fff;
  border: 1px solid #dce3ed;
  border-radius: 12px;
  padding: 22px;
  color: #31455f;
}
.marketplace-page .catalog-sidebar p,
.marketplace-page .catalog-sidebar label,
.marketplace-page .catalog-toolbar {
  color: #4c6079;
}
.marketplace-page select,
.marketplace-page input:not([type="checkbox"]):not([type="radio"]) {
  background: #fff;
  color: #1c3552;
  border-color: #becbda;
}
.marketplace-page .catalog-toolbar select {
  background: #fff;
  color: #243b56;
}
.marketplace-page .product-grid {
  gap: 18px;
}
.marketplace-page .product-card {
  color: #243b55;
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 12px;
  box-shadow: 0 3px 12px #17335506;
  transition:
    box-shadow 0.18s,
    border-color 0.18s;
}
.marketplace-page .product-card:hover {
  border-color: #99b5d5;
  box-shadow: 0 8px 24px #17335512;
}
.marketplace-page .product-card > img {
  object-fit: contain;
  width: 100%;
  aspect-ratio: 1;
  background: #fff;
}
.marketplace-page .product-card p {
  color: #5c6c80;
}
.marketplace-page .product-card h3 {
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
}
.marketplace-page .product-price {
  color: #122b47;
}
.marketplace-page .product-stock {
  color: #286c49 !important;
}
.marketplace-page .product-stock.is-unavailable {
  color: #7a5f4a !important;
}
.marketplace-page .secondary-button {
  background: #fff;
  color: #21476f;
  border-color: #b9c9db;
}
.marketplace-page .store-empty {
  border: 1px solid #dce3ed;
  background: #fff;
  color: #52647a;
  min-height: 240px;
  padding: 36px 24px;
}
.marketplace-page .store-empty img {
  background: #173355;
  border-radius: 8px;
  padding: 6px;
}
.marketplace-page .store-empty h3 {
  font-family: "DM Sans", sans-serif;
}
.marketplace-page .store-collection-heading p {
  color: #697a90;
}
.marketplace-page .skeleton {
  background: linear-gradient(90deg, #e4eaf1, #f8fafc, #e4eaf1);
  background-size: 200% 100%;
  min-height: 220px;
}
.storefront-services {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 40px;
}
.storefront-services > a {
  display: block;
  padding: 28px;
  background: #e8eef6;
  border: 1px solid #dce4ef;
  border-radius: 14px;
  transition: border-color 0.18s;
}
.storefront-services > a:hover {
  border-color: #6e9ed1;
}
.storefront-services h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  letter-spacing: -0.03em;
  margin: 10px 0;
}
.storefront-services p {
  font-size: 14px;
  color: #576c85;
}
.storefront-services strong {
  display: inline-block;
  color: #165b9e;
  font-size: 13px;
  margin-top: 14px;
}
.marketplace-page .professional-footer {
  color: #5d6d81;
  border-color: #dce3ed;
  padding-top: 32px;
  padding-bottom: 32px;
}
.marketplace-page .professional-footer .brand {
  color: #132b48;
}
.marketplace-page .professional-footer nav {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px 28px;
  font-size: 12px;
}
.marketplace-page .professional-footer p {
  font-size: 13px;
}
.marketplace-page .stations-section {
  background: #f4f6f9;
}
.marketplace-page .setup-menu,
.marketplace-page .empty-state {
  background: #fff;
  color: #3b536f;
  border-color: #dce3ed;
}
.marketplace-page .setup-menu summary {
  color: #16334f;
}
.marketplace-page .setup-menu-heading small,
.marketplace-page .setup-note {
  color: #5f7186;
}
.marketplace-page .setup-rate {
  color: #265783;
}
.marketplace-page .contact {
  padding-top: 48px;
  color: #405774;
}
.marketplace-page .contact h1 {
  font-family: "DM Sans", sans-serif;
  font-size: clamp(32px, 4vw, 50px);
  margin-bottom: 24px;
}
.marketplace-page dialog {
  color: #e5edf7;
}
.marketplace-page dialog h2,
.marketplace-page dialog h3 {
  color: #e5edf7;
}
.marketplace-page dialog .eyebrow {
  color: #e4bd72;
}
.marketplace-page dialog input,
.marketplace-page dialog select {
  background: #0d1929 !important;
  color: #e5edf7 !important;
  border-color: #42536c !important;
}
@media (min-width: 1600px) {
  .marketplace-header {
    grid-template-columns: 240px minmax(260px, 1fr) auto;
    padding-left: max(5%, calc((100vw - 1440px) / 2));
    padding-right: max(5%, calc((100vw - 1440px) / 2));
  }
}
@media (max-width: 1150px) {
  .marketplace-header {
    grid-template-columns: 210px minmax(180px, 1fr) auto;
    column-gap: 18px;
  }
  .marketplace-header .header-shortcut {
    display: none;
  }
  .marketplace-header .header-actions {
    gap: 14px;
  }
  .marketplace-header #primary-nav {
    gap: 8px;
  }
}
@media (max-width: 760px) {
  .marketplace-header {
    grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 16px 5% 0;
  }
  .marketplace-header .brand {
    grid-column: 1;
    grid-row: 1;
    font-size: 18px;
  }
  .marketplace-header .brand-icon {
    width: 38px;
    height: 40px;
    font-size: 22px;
  }
  .marketplace-header .brand small {
    font-size: 8px;
  }
  .marketplace-header .header-actions {
    grid-column: 2;
    grid-row: 1;
    gap: 12px;
  }
  .marketplace-header .cart-label,
  .marketplace-header .personal-name {
    display: none;
  }
  .marketplace-header .store-search {
    grid-column: 1/-1;
    grid-row: 2;
    width: 100%;
    height: 46px;
  }
  .marketplace-header .nav-toggle {
    grid-column: 1;
    grid-row: 3;
    display: block;
    position: static;
    width: 44px;
    height: 44px;
    margin: 0;
  }
  .marketplace-header #primary-nav {
    display: none;
    grid-column: 1/-1;
    grid-row: 4;
    position: static;
    border: 0;
    padding: 0 0 16px;
    margin: 0;
    flex-direction: column;
    align-items: stretch;
    background: transparent;
  }
  .marketplace-header #primary-nav.is-open {
    display: flex;
  }
  .marketplace-header #primary-nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .marketplace-header #primary-nav .service-nav {
    margin-left: 0;
  }
  .category-menu summary {
    min-height: 44px;
  }
  #header-categories {
    position: static;
    width: 100%;
    box-shadow: none;
  }
  .storefront-hero {
    grid-template-columns: 1fr;
    margin-top: 20px;
    padding: 28px 24px;
  }
  .storefront-mark {
    display: none;
  }
  .storefront-actions {
    gap: 18px;
  }
  .marketplace-page .commerce-section {
    padding-top: 30px;
  }
  .marketplace-page .section-heading {
    align-items: start;
  }
  .storefront-services {
    grid-template-columns: 1fr;
    margin-top: 28px;
  }
  .marketplace-page .professional-footer {
    flex-direction: column;
    align-items: start;
    gap: 24px;
  }
  .marketplace-page .store-empty {
    padding: 28px 18px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .marketplace-page *,
  .marketplace-header * {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}
.marketplace-header .store-search {
  overflow: visible;
}
.marketplace-header .store-search input {
  border-radius: 9px 0 0 9px;
}
.marketplace-header .store-search button {
  border-radius: 0 9px 9px 0;
}
.search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccd7e4;
  border-radius: 10px;
  box-shadow: 0 12px 32px #10283f26;
  z-index: 50;
  padding: 8px;
  color: #17324f;
}
.search-suggestions[hidden] {
  display: none;
}
.search-suggestions > p {
  padding: 14px;
  font-size: 13px;
}
.search-suggestion {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 8px;
  color: #17324f !important;
  border-radius: 6px;
  font-size: 13px;
}
.search-suggestion:not(:has(img)) {
  grid-template-columns: minmax(0, 1fr) auto;
}
.search-suggestion img {
  object-fit: contain;
  background: #fff;
  border-radius: 4px;
}
.search-suggestion:hover,
.search-suggestion:focus {
  background: #edf3fa;
}
.search-suggestion strong {
  white-space: nowrap;
  font-size: 12px;
  color: #17324f;
}
.catalog-pagination {
  display: flex;
  gap: 12px;
  justify-content: center;
  padding-top: 24px;
}
.catalog-sidebar input[type="number"] {
  width: 100%;
  min-height: 44px;
  padding: 10px;
  margin: 8px 0 16px;
}
.catalog-sidebar #shop-condition {
  margin-bottom: 20px;
}
.marketplace-page .product-page-card {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  column-gap: 40px;
  row-gap: 12px;
  padding: 32px;
  margin-top: 26px;
}
.product-page-card > :not(.product-gallery) {
  grid-column: 2;
  margin-top: 0;
  margin-bottom: 0;
}
.product-page-card > .product-gallery {
  grid-column: 1;
  grid-row: 1 / span 20;
  min-width: 0;
  align-self: start;
}
.product-page-card h1 {
  font-family: "DM Sans", sans-serif;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.2;
  letter-spacing: -0.04em;
}
.product-page-card .product-price {
  font-size: 28px;
}
.product-page-card .product-quantity {
  max-width: 160px;
}
.product-page-card .product-quantity input {
  display: block;
  width: 100%;
  margin-top: 8px;
  padding: 12px;
}
.image-zoom {
  max-width: min(96vw, 1400px);
  max-height: 94vh;
  padding: 18px;
  background: #fff;
  color: #17324f;
}
.image-zoom img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 78vh;
  object-fit: contain;
  margin: 16px auto 0;
}
.image-zoom .secondary-button {
  background: #fff;
  color: #17324f;
}
.gallery-enlarge {
  margin-top: 12px;
}
@media (max-width: 760px) {
  .marketplace-page .product-page-card {
    grid-template-columns: minmax(0, 1fr);
    padding: 18px;
    gap: 16px;
  }
  .product-page-card > :not(.product-gallery),
  .product-page-card > .product-gallery {
    grid-column: 1;
    grid-row: auto;
  }
  .search-suggestion {
    gap: 8px;
    font-size: 12px;
  }
}
.storefront-category-section {
  margin-top: 38px;
}
.storefront-category-section h2 {
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  margin-bottom: 20px;
  letter-spacing: -0.03em;
}
.storefront-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}
.storefront-category {
  background: #fff;
  border: 1px solid #dce4ed;
  border-radius: 12px;
  overflow: hidden;
  text-align: center;
  color: #1d3653;
}
.storefront-category img {
  display: block;
  width: 100%;
  height: 180px;
  object-fit: contain;
  padding: 18px;
  background: #fff;
}
.storefront-category strong {
  display: block;
  padding: 18px;
}
.seller-photo-alt {
  display: block;
  font-size: 11px;
  padding: 8px;
}
.seller-photo-alt input {
  width: 100%;
  font-size: 12px;
}
@media (max-width: 760px) {
  .storefront-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  .storefront-category img {
    height: 140px;
  }
}
.product-page-card > .product-placeholder {
  grid-column: 1;
  grid-row: 1 / span 20;
  min-height: 300px;
}
.marketplace-page #reservations-status {
  background: #e5edf7;
  border-color: #aebfd4;
  color: #294c75;
  margin-bottom: 24px;
}
@media (max-width: 760px) {
  .product-page-card > .product-placeholder {
    grid-column: 1;
    grid-row: auto;
    min-height: 220px;
  }
}
/* Product-first catalog: the entire tile opens the product's dedicated page. */
.marketplace-page #tienda.product-first-store {
  padding-top: 28px;
  padding-bottom: 32px;
}
.marketplace-page .product-first-store .product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.marketplace-page .catalog-main .product-tile {
  padding: 0;
  overflow: hidden;
  align-self: start;
}
.marketplace-page .product-tile-link {
  display: flex;
  flex-direction: column;
  color: inherit;
  text-decoration: none;
  padding: 14px 14px 20px;
  border-radius: 12px;
}
.marketplace-page .product-tile-link:focus-visible {
  outline: 3px solid #2674c9;
  outline-offset: -3px;
}
.marketplace-page .product-tile-link > img,
.marketplace-page .product-tile-link > .product-placeholder {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  background: #fff;
  padding: 0;
  border-radius: 8px;
}
.marketplace-page .product-tile-link > .product-placeholder {
  display: grid;
  place-items: center;
  background: #f2f5f8;
  font-size: 14px;
  color: #5c6c80;
}
.marketplace-page .product-tile h3 {
  margin: 16px 0 8px;
  font-size: 17px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.marketplace-page .product-tile .product-price {
  margin: 0;
  font-size: 23px;
  line-height: 1.3;
}
.marketplace-page .product-tile .product-stock {
  margin-top: 8px;
  font-size: 13px;
}
.marketplace-page .catalog-pagination:empty { display: none; }
@media (max-width: 1100px) {
  .marketplace-page .product-first-store .product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .marketplace-page #tienda.product-first-store { padding-top: 16px; }
  .marketplace-page .product-first-store .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .marketplace-page .product-tile-link { padding: 10px 10px 16px; }
  .marketplace-page .product-tile h3 { font-size: 14px; margin-top: 12px; }
  .marketplace-page .product-tile .product-price { font-size: 18px; }
}

.marketplace-page #tienda.product-first-store .product-grid { margin-top: 0; }
/* Homepage: compact dark storefront inspired by the owner's reference. */
.marketplace-page[data-page="home"] {
  background: #07090c;
  color: #f3f5f8;
  color-scheme: dark;
}
.marketplace-page[data-page="home"] .wrap,
.marketplace-page[data-page="home"] .marketplace-header {
  max-width: 1180px;
  padding-left: 28px;
  padding-right: 28px;
}
.marketplace-page[data-page="home"] .marketplace-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 20px 18px;
  padding-top: 26px;
  border-bottom: 1px solid #ffffff12;
  background: transparent;
}
.marketplace-page[data-page="home"] .brand { font-size: 19px; }
.marketplace-page[data-page="home"] .brand small {
  color: #aeb9ca;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  margin-top: 5px;
}
.marketplace-page[data-page="home"] .header-actions {
  grid-column: 2;
  grid-row: 1;
  gap: 12px;
}
.marketplace-page[data-page="home"] .header-shortcut,
.marketplace-page[data-page="home"] .cart-label,
.marketplace-page[data-page="home"] #nav-toggle { display: none; }
.marketplace-page[data-page="home"] #open-customer {
  width: 44px;
  height: 44px;
  font-size: 0;
  padding: 10px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: #e6edf7;
}
.marketplace-page[data-page="home"] #open-customer::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  background: currentColor;
  mask: url('/icons/account.svg') center / contain no-repeat;
}
.marketplace-page[data-page="home"] #open-customer:hover { background: #ffffff0c; }
.marketplace-page[data-page="home"] .store-search {
  grid-column: 1/-1;
  grid-row: 2;
  height: 48px;
  background: #10141b;
  border: 1px solid #ffffff14;
  border-radius: 9px;
}
.marketplace-page[data-page="home"] .store-search input {
  color: #ecf2fb;
  background: transparent;
  padding: 12px 16px;
  font-size: 14px;
}
.marketplace-page[data-page="home"] .store-search input::placeholder { color: #a6b0bf; }
.marketplace-page[data-page="home"] .store-search button {
  background: transparent;
  color: #e1bb6b;
  border-radius: 0 8px 8px 0;
}
.marketplace-page[data-page="home"] .store-search button:hover { background: #ffffff09; }
.marketplace-page[data-page="home"] #primary-nav {
  grid-column: 1/-1;
  grid-row: 3;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 10px;
  margin: 0;
  padding: 0 0 16px;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.marketplace-page[data-page="home"] #primary-nav .service-nav { margin-left: 0; }
.marketplace-page[data-page="home"] #primary-nav a,
.marketplace-page[data-page="home"] #primary-nav summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 9px 0;
  font-size: 12px;
  letter-spacing: .02em;
  white-space: nowrap;
}
.marketplace-page[data-page="home"] #primary-nav summary { list-style: none; }
.marketplace-page[data-page="home"] #primary-nav summary::-webkit-details-marker { display: none; }
.marketplace-page[data-page="home"] #primary-nav a:hover,
.marketplace-page[data-page="home"] #primary-nav summary:hover { background: transparent; color: #e1bb6b; }
.marketplace-page[data-page="home"] #header-categories {
  position: absolute;
  width: min(290px, 75vw);
  background: #101722;
  border-color: #273449;
}
.marketplace-page[data-page="home"] #header-categories a { padding: 10px 14px; }
.home-intro { padding-top: 32px; padding-bottom: 24px; }
.home-intro .eyebrow { font-size: 10px; letter-spacing: .12em; margin: 0 0 12px; color: #d6b36b; }
.home-intro h1 {
  font-family: "DM Sans", sans-serif;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.25;
  letter-spacing: -.035em;
  font-weight: 700;
  margin: 0 0 10px;
  max-width: 100%;
}
.home-intro > p:not(.eyebrow) { color: #aeb9ca; font-size: 13px; margin: 0 0 18px; }
.home-intro-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; }
.home-intro-actions .button { padding: 10px 16px; min-height: 44px; border-radius: 8px; font-size: 12px; background: #153250; color: #eaf3ff; }
.home-intro-actions .button:hover { background: #21496e; }
.home-intro-actions .text-link { color: #d4dce8; font-size: 12px; min-height: 44px; display: inline-flex; align-items: center; gap: 8px; }
.marketplace-page[data-page="home"] .storefront-category-section { margin-top: 8px; }
.marketplace-page[data-page="home"] .storefront-category-section h2,
.marketplace-page[data-page="home"] .home-products-title {
  color: #f1f5fa;
  font-family: "DM Sans", sans-serif;
  font-size: 18px;
  letter-spacing: -.02em;
  margin: 0 0 18px;
}
.marketplace-page[data-page="home"] .storefront-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.marketplace-page[data-page="home"] .storefront-category { background: transparent; color: #eaf0f9; border: 0; border-radius: 10px; }
.marketplace-page[data-page="home"] .storefront-category img { height: auto; aspect-ratio: 1; padding: 12px; object-fit: contain; border-radius: 10px; }
.marketplace-page[data-page="home"] .storefront-category strong { padding: 12px 0; font-size: 13px; }
.marketplace-page[data-page="home"] #tienda.product-first-store { padding-top: 26px; padding-bottom: 12px; }
.marketplace-page[data-page="home"] .product-first-store .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.marketplace-page[data-page="home"] .catalog-main .product-tile { background: #10151d; color: #eaf0f9; border-color: #212c3a; box-shadow: none; }
.marketplace-page[data-page="home"] .product-tile:hover { border-color: #537ca5; }
.marketplace-page[data-page="home"] .product-tile .product-price { color: #f6f8fc; }
.marketplace-page[data-page="home"] .product-tile h3 { color: #eaf0f9; font-size: 15px; }
.marketplace-page[data-page="home"] .store-empty { background: #10151d; border-color: #273449; color: #aeb9ca; }
.marketplace-page[data-page="home"] .store-empty h3 { color: #f1f5fa; }
.marketplace-page[data-page="home"] .storefront-services { margin-top: 32px; }
.marketplace-page[data-page="home"] .storefront-services > a { background: #0d1219; border-color: #202c3b; }
.marketplace-page[data-page="home"] .storefront-services h2 { color: #eaf0f9; font-size: 23px; }
.marketplace-page[data-page="home"] .storefront-services p { color: #aeb9ca; }
.marketplace-page[data-page="home"] .storefront-services strong { color: #d6b36b; }
.marketplace-page[data-page="home"] .professional-footer { background: transparent; border-top-color: #ffffff14; color: #aeb9ca; margin-top: 32px; }
.marketplace-page[data-page="home"] .professional-footer a,
.marketplace-page[data-page="home"] .professional-footer p { color: #aeb9ca; }
.marketplace-page[data-page="home"] .professional-footer .brand { color: #eef3fb; }
@media (max-width: 600px) {
  .marketplace-page[data-page="home"] .wrap,
  .marketplace-page[data-page="home"] .marketplace-header { padding-left: 18px; padding-right: 18px; }
  .marketplace-page[data-page="home"] .marketplace-header { padding-top: 18px; gap: 14px; }
  .marketplace-page[data-page="home"] .brand { font-size: 16px; }
  .marketplace-page[data-page="home"] .brand-icon { width: 36px; height: 36px; font-size: 22px; }
  .marketplace-page[data-page="home"] .brand small { font-size: 11px; }
  .marketplace-page[data-page="home"] #primary-nav { gap: 7px; padding-bottom: 10px; }
  .marketplace-page[data-page="home"] #primary-nav a,
  .marketplace-page[data-page="home"] #primary-nav summary { font-size: 10px; }
  .marketplace-page[data-page="home"] .home-intro { padding-top: 26px; padding-bottom: 16px; }
  .marketplace-page[data-page="home"] .storefront-category-grid,
  .marketplace-page[data-page="home"] .product-first-store .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
}
.marketplace-page[data-page="home"] .home-intro h1 { color: #f1f5fa; }
.marketplace-page[data-page="home"] .product-tile-link > img { color: #22364e; }
.marketplace-page[data-page="home"] #primary-nav { flex-direction: row; }
.marketplace-page[data-page="home"] .brand small { display: block; }
.marketplace-page[data-page="home"] #open-customer::before { flex-shrink: 0; }
.marketplace-page[data-page="home"] #open-customer::after { display: none; content: none; }