body.is-internal-page {
  --internal-bg: color-mix(in srgb, var(--background) 92%, #000000);
  --internal-bg-soft: var(--background);
  --internal-surface: color-mix(in srgb, var(--card-background) 88%, transparent);
  --internal-text: var(--foreground);
  --internal-muted: color-mix(in srgb, var(--foreground) 60%, transparent);
  --internal-accent: var(--primary);
  --internal-accent-dark: color-mix(in srgb, var(--primary) 80%, #000000);
  --internal-border: color-mix(in srgb, var(--border) 70%, transparent);
  --internal-border-light: color-mix(in srgb, var(--border) 78%, var(--background));
  --internal-radius-lg: 24px;
}

body.is-internal-page #main {
  min-height: 70vh;
  color: var(--internal-text);
  background:
    radial-gradient(circle at 8% 2%, color-mix(in srgb, var(--internal-accent) 10%, transparent), transparent 25%),
    radial-gradient(circle at 92% 12%, color-mix(in srgb, var(--internal-accent) 18%, transparent), transparent 28%),
    linear-gradient(180deg, var(--internal-bg-soft) 0%, var(--internal-bg) 100%);
}

body.is-internal-page #main,
body.is-internal-page #main * {
  box-sizing: border-box;
}

body.is-internal-page #main > :is(main, section) {
  position: relative;
}

body.is-internal-page #main :is(
  .custom-product-page,
  .custom-cart-page,
  .custom-categories-page,
  .custom-blogs-page,
  .custom-blog-post-page,
  .custom-reviews-page,
  .custom-questions-page,
  .custom-shipping-payment-page,
  .custom-404-page
) {
  color: var(--internal-text);
  background: var(--background) !important;
}

body.is-internal-page #main .custom-cart-breadcrumb,
body.is-internal-page #main nav[aria-label="breadcrumb"] {
  border: 1px solid var(--internal-border-light) !important;
  border-radius: 999px !important;
  background: var(--background) !important;
  color: var(--internal-text) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-internal-page #main .custom-cart-breadcrumb :is(a, span, svg) {
  color: var(--internal-text) !important;
}

body.is-internal-page #main :is(
  .custom-cart-panel,
  .custom-cart-summary-card,
  .custom-products-content,
  .custom-blog-post-card,
  .custom-faqs-card
) {
  border: 1px solid var(--internal-border-light) !important;
  border-radius: var(--internal-radius-lg) !important;
  background: var(--internal-surface) !important;
  color: var(--internal-text) !important;
  box-shadow: none !important;
}

body.is-internal-page #main :is(h1, h2, h3, h4):not(.luxury-category-card__title) {
  color: var(--internal-text) !important;
  letter-spacing: -0.02em;
}

body.is-internal-page #main :is(p, small, .text-muted, [class*="muted"]) {
  color: var(--internal-muted);
}

body.is-internal-page #main :is(input, textarea, select):not(.custom-field__input, [type="radio"], [type="checkbox"]) {
  border-color: var(--internal-border) !important;
  border-radius: 14px !important;
  background: var(--background) !important;
  color: var(--internal-text) !important;
  box-shadow: none !important;
}

body.is-internal-page #main :is(input, textarea, select):not(.custom-field__input, [type="radio"], [type="checkbox"]):focus {
  border-color: var(--internal-accent) !important;
  box-shadow: none !important;
}

body.is-internal-page #main :is(.btn-filled, .custom-coupon-button, .custom-cart-continue) {
  border-color: var(--internal-accent-dark) !important;
  background: var(--internal-accent-dark) !important;
  color: var(--primary-foreground, #ffffff) !important;
  box-shadow: none !important;
}

body.is-internal-page #main :is(.btn-outlined, .custom-products-toolbar button):not(.luxury-product-card__cart) {
  border-color: var(--internal-border) !important;
  background: color-mix(in srgb, var(--internal-accent) 10%, transparent) !important;
  color: var(--internal-text) !important;
}

body.is-internal-page #main :is(
  .luxury-product-card,
  .product-card,
  [data-product-card]
) {
  border-color: var(--internal-border) !important;
  box-shadow: none !important;
}

body.is-internal-page #main :is(
  .luxury-product-card,
  .product-card,
  [data-product-card]
):hover {
  border-color: color-mix(in srgb, var(--internal-accent) 42%, transparent) !important;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  body.is-internal-page {
    --internal-radius-lg: 20px;
  }

}

body.is-internal-page {
  --internal-bg: color-mix(in srgb, var(--background) 92%, #000000);
  --internal-bg-soft: var(--background);
  --internal-surface: transparent;
}

body.is-internal-page #main {
  background: linear-gradient(180deg, var(--internal-bg-soft) 0%, var(--internal-bg) 100%) !important;
}

body.is-internal-page #main :is(
  .custom-products-content,
  .custom-categories-page,
  .custom-faqs-card
) {
  background: var(--background) !important;
  border-color: var(--background) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.is-internal-page #main :is(
  .custom-products-toolbar,
  .custom-products-toolbar__main,
  .custom-products-toolbar__filters-area,
  .custom-products-toolbar__count
) {
  background: transparent !important;
  box-shadow: none !important;
}

body.is-internal-page #main .custom-products-toolbar__count {
  color: var(--internal-accent-dark) !important;
}

body.is-internal-page #main :is(
  .custom-categories-hero
) {
  background-image: none !important;
  background-color: transparent !important;
}

@media (max-width: 768px) {
  body.is-internal-page #main {
    background: linear-gradient(180deg, var(--internal-bg-soft) 0%, var(--internal-bg) 100%) !important;
  }
}

body.is-internal-page,
body.is-internal-page #main,
body.is-internal-page #main .custom-categories-page {
  background-color: var(--background) !important;
}

body.is-internal-page #main .custom-categories-page,
body.is-internal-page #main .custom-categories-hero,
body.is-internal-page #main .custom-categories-main-section,
body.is-internal-page #main .custom-categories-hero__card,
body.is-internal-page #main .custom-categories-section-card,
body.is-internal-page #main .custom-subcategories-card {
  background: var(--background) !important;
  background-image: none !important;
  border-color: var(--background) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}