@property --border-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

/* =========================================================
   ODONTOBIG SKIN FINAL v35
   Clean consolidated version for Pedix storefront
========================================================= */

:root,
html {
  --ob-black: #000000;
  --ob-ink: #050607;
  --ob-ink-2: #090c0f;
  --ob-panel: rgba(9, 13, 16, .92);
  --ob-text: #f3f5f8;
  --ob-muted: rgba(255,255,255,.68);
  --ob-dark-text: #0e1520;
  --ob-orange: #f59b37;
  --ob-cyan: #1caab0;
  --ob-green: #58f2a6;
  --ob-danger: #ff7c7c;
  --ob-gradient: linear-gradient(105deg, #f59b37 0%, #ff8f2f 35%, #1caab0 100%);
  --ob-glass-card:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.18), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.18), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.115), rgba(255,255,255,.038) 52%, rgba(255,255,255,.075));
  --ob-glass-border: rgba(255,255,255,.16);
  --ob-font: "nexa-text", "nexa", Lato, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --theme1: #000000 !important;
  --theme1-contrast: #f59b37 !important;
  --theme2: #000000 !important;
  --theme2-contrast: #ffffff !important;
  --danger: #ff7c7c !important;
  --danger-bg: #ff7c7c !important;
  --success: #1caab0 !important;
  --success-bg: #1caab0 !important;
  --info: #1caab0 !important;
  --info-bg: #1caab0 !important;
  --warning: #f59b37 !important;
  --warning-bg: #f59b37 !important;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html.ready body {
  margin: 0;
  font-family: var(--ob-font) !important;
  color: var(--ob-text) !important;
  background: #000 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

::selection {
  color: #050607;
  background: var(--ob-cyan);
}


/* =========================================================
   SCROLLBARS — ODONTOBIG glass dark theme
   Reemplaza barras blancas/grises nativas sin tocar la lógica Pedix.
========================================================= */

body.ob-page-home .layout-router-wrapper,
body.ob-page-category .layout-router-wrapper,
body.ob-page-search .layout-router-wrapper,
body.ob-page-product .layout-router-wrapper,
body.ob-page-cart .layout-router-wrapper,
body.ob-page-cart-edit .layout-router-wrapper,
body:not(.ob-page-checkout) .ui-drawer__content-child,
body:not(.ob-page-checkout) .ui-drawer__menu-child,
body:not(.ob-page-checkout) .dialog-content,
body:not(.ob-page-checkout) .modal-content,
body:not(.ob-page-checkout) .product-wrapper,
body:not(.ob-page-checkout) .product-description,
body:not(.ob-page-checkout) .content-product,
body:not(.ob-page-checkout) .content-categories,
body:not(.ob-page-checkout) .category-list {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(28, 170, 176, .86) rgba(255, 255, 255, .035) !important;
}

body.ob-page-home .layout-router-wrapper::-webkit-scrollbar,
body.ob-page-category .layout-router-wrapper::-webkit-scrollbar,
body.ob-page-search .layout-router-wrapper::-webkit-scrollbar,
body.ob-page-product .layout-router-wrapper::-webkit-scrollbar,
body.ob-page-cart .layout-router-wrapper::-webkit-scrollbar,
body.ob-page-cart-edit .layout-router-wrapper::-webkit-scrollbar,
body:not(.ob-page-checkout) .ui-drawer__content-child::-webkit-scrollbar,
body:not(.ob-page-checkout) .ui-drawer__menu-child::-webkit-scrollbar,
body:not(.ob-page-checkout) .dialog-content::-webkit-scrollbar,
body:not(.ob-page-checkout) .modal-content::-webkit-scrollbar,
body:not(.ob-page-checkout) .product-wrapper::-webkit-scrollbar,
body:not(.ob-page-checkout) .product-description::-webkit-scrollbar,
body:not(.ob-page-checkout) .content-product::-webkit-scrollbar,
body:not(.ob-page-checkout) .content-categories::-webkit-scrollbar,
body:not(.ob-page-checkout) .category-list::-webkit-scrollbar {
  width: 12px !important;
  height: 12px !important;
}

body.ob-page-home .layout-router-wrapper::-webkit-scrollbar-track,
body.ob-page-category .layout-router-wrapper::-webkit-scrollbar-track,
body.ob-page-search .layout-router-wrapper::-webkit-scrollbar-track,
body.ob-page-product .layout-router-wrapper::-webkit-scrollbar-track,
body.ob-page-cart .layout-router-wrapper::-webkit-scrollbar-track,
body.ob-page-cart-edit .layout-router-wrapper::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .ui-drawer__content-child::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .ui-drawer__menu-child::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .dialog-content::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .modal-content::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .product-wrapper::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .product-description::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .content-product::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .content-categories::-webkit-scrollbar-track,
body:not(.ob-page-checkout) .category-list::-webkit-scrollbar-track {
  background:
    linear-gradient(180deg, rgba(5, 6, 7, .82), rgba(0, 0, 0, .90)) !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, .055) !important;
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, .018) inset,
    0 0 20px rgba(28, 170, 176, .08) inset !important;
}

body.ob-page-home .layout-router-wrapper::-webkit-scrollbar-thumb,
body.ob-page-category .layout-router-wrapper::-webkit-scrollbar-thumb,
body.ob-page-search .layout-router-wrapper::-webkit-scrollbar-thumb,
body.ob-page-product .layout-router-wrapper::-webkit-scrollbar-thumb,
body.ob-page-cart .layout-router-wrapper::-webkit-scrollbar-thumb,
body.ob-page-cart-edit .layout-router-wrapper::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .ui-drawer__content-child::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .ui-drawer__menu-child::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .dialog-content::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .modal-content::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .product-wrapper::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .product-description::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .content-product::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .content-categories::-webkit-scrollbar-thumb,
body:not(.ob-page-checkout) .category-list::-webkit-scrollbar-thumb {
  min-height: 48px !important;
  border-radius: 999px !important;
  border: 2px solid rgba(0, 0, 0, .88) !important;
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 255, 255, .38), transparent 22%),
    linear-gradient(180deg, rgba(245, 155, 55, .94) 0%, rgba(28, 170, 176, .86) 100%) !important;
  box-shadow:
    0 0 18px rgba(28, 170, 176, .34),
    0 0 14px rgba(245, 155, 55, .18),
    0 1px 0 rgba(255, 255, 255, .26) inset !important;
}

body.ob-page-home .layout-router-wrapper::-webkit-scrollbar-thumb:hover,
body.ob-page-category .layout-router-wrapper::-webkit-scrollbar-thumb:hover,
body.ob-page-search .layout-router-wrapper::-webkit-scrollbar-thumb:hover,
body.ob-page-product .layout-router-wrapper::-webkit-scrollbar-thumb:hover,
body.ob-page-cart .layout-router-wrapper::-webkit-scrollbar-thumb:hover,
body.ob-page-cart-edit .layout-router-wrapper::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .ui-drawer__content-child::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .ui-drawer__menu-child::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .dialog-content::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .modal-content::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .product-wrapper::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .product-description::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .content-product::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .content-categories::-webkit-scrollbar-thumb:hover,
body:not(.ob-page-checkout) .category-list::-webkit-scrollbar-thumb:hover {
  background:
    radial-gradient(circle at 35% 18%, rgba(255, 255, 255, .46), transparent 24%),
    linear-gradient(180deg, rgba(255, 171, 69, 1) 0%, rgba(40, 205, 211, .96) 100%) !important;
  box-shadow:
    0 0 24px rgba(28, 170, 176, .48),
    0 0 20px rgba(245, 155, 55, .26),
    0 1px 0 rgba(255, 255, 255, .30) inset !important;
}

body.ob-page-home .layout-router-wrapper::-webkit-scrollbar-button,
body.ob-page-category .layout-router-wrapper::-webkit-scrollbar-button,
body.ob-page-search .layout-router-wrapper::-webkit-scrollbar-button,
body.ob-page-product .layout-router-wrapper::-webkit-scrollbar-button,
body.ob-page-cart .layout-router-wrapper::-webkit-scrollbar-button,
body.ob-page-cart-edit .layout-router-wrapper::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .ui-drawer__content-child::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .ui-drawer__menu-child::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .dialog-content::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .modal-content::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .product-wrapper::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .product-description::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .content-product::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .content-categories::-webkit-scrollbar-button,
body:not(.ob-page-checkout) .category-list::-webkit-scrollbar-button {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body.ob-page-home .layout-router-wrapper::-webkit-scrollbar-corner,
body.ob-page-category .layout-router-wrapper::-webkit-scrollbar-corner,
body.ob-page-search .layout-router-wrapper::-webkit-scrollbar-corner,
body.ob-page-product .layout-router-wrapper::-webkit-scrollbar-corner,
body.ob-page-cart .layout-router-wrapper::-webkit-scrollbar-corner,
body.ob-page-cart-edit .layout-router-wrapper::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .ui-drawer__content-child::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .ui-drawer__menu-child::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .dialog-content::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .modal-content::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .product-wrapper::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .product-description::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .content-product::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .content-categories::-webkit-scrollbar-corner,
body:not(.ob-page-checkout) .category-list::-webkit-scrollbar-corner {
  background: transparent !important;
}

/* =========================================================
   GLOBAL LAYOUT
========================================================= */

.layout-router-wrapper,
.ui-drawer__content-child,
main,
article,
app-layout,
app-home,
app-categories,
app-category,
app-product,
app-resume,
app-checkout,
app-end-order {
  background:
    radial-gradient(circle at 84% 0%, rgba(28,170,176,.16), transparent 30%),
    radial-gradient(circle at 18% 0%, rgba(245,155,55,.12), transparent 32%),
    linear-gradient(to bottom, #000 112px, #050607 112px, #050607 100%) !important;
  color: var(--ob-text) !important;
}

.layout-router-wrapper > article {
  max-width: 1220px !important;
  margin-inline: auto !important;
}

/* =========================================================
   HEADER / DRAWER / FOOTER
========================================================= */

app-header,
app-header header {
  background: #000 !important;
  color: var(--ob-orange) !important;
}

app-header header {
  min-height: 58px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.28) !important;
}

app-header .logo,
app-header .logo-wrapper img {
  filter: drop-shadow(0 0 14px rgba(28,170,176,.22)) !important;
}

app-header svg,
app-header svg path {
  color: currentColor !important;
  stroke: currentColor !important;
}

app-header .cart-wrapper .dot {
  background: var(--ob-orange) !important;
  box-shadow: 0 0 0 3px #000, 0 0 18px rgba(245,155,55,.65) !important;
}

.ui-drawer__menu,
.ui-drawer__menu-child,
aside {
  background:
    radial-gradient(circle at 20% 0%, rgba(245,155,55,.17), transparent 30%),
    radial-gradient(circle at 100% 10%, rgba(28,170,176,.18), transparent 36%),
    #000 !important;
  color: #fff !important;
}

.ui-drawer__menu a,
aside a {
  color: #fff !important;
}

.legal-links {
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
}

.legal-links a {
  color: #8c94a3 !important;
}

/* =========================================================
   ANNOUNCEMENT BAR
========================================================= */

.ob-announcement,
.ob-announcement *,
app-working-hours-message,
app-working-hours-message *,
[class*="working-hours"],
[class*="working-hours"] *,
[class*="announcement"],
[class*="announcement"] * {
  background-color: transparent !important;
}

.ob-announcement,
app-working-hours-message,
[class*="working-hours"],
[class*="announcement"] {
  background:
    radial-gradient(circle at 18% 20%, rgba(245,155,55,.20), transparent 26%),
    radial-gradient(circle at 80% 20%, rgba(28,170,176,.23), transparent 30%),
    linear-gradient(90deg, rgba(5,7,9,.98), rgba(8,11,13,.98), rgba(4,28,31,.98)) !important;
  color: #f3f5f8 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 10px 38px rgba(0,0,0,.26) !important;
}

.ob-announcement *,
app-working-hours-message *,
[class*="working-hours"] *,
[class*="announcement"] * {
  color: #f3f5f8 !important;
}

.ob-announcement b,
.ob-announcement strong,
app-working-hours-message b,
app-working-hours-message strong,
[class*="working-hours"] b,
[class*="working-hours"] strong,
[class*="announcement"] b,
[class*="announcement"] strong {
  color: var(--ob-orange) !important;
}

/* =========================================================
   TYPOGRAPHY / BUTTON BASE
========================================================= */

.ui-title,
.ui-title .title-content,
.category-title,
.product-title,
.section-resume .ui-title,
.end-order-form .ui-title,
h1,
h2,
h3 {
  font-family: var(--ob-font) !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(28,170,176,.18) !important;
}

button,
pxw-button .wrapper,
.submit-button,
.checkout,
.send-order-button,
.dialog-buttons button,
a.wrapper {
  border-radius: 14px !important;
  font-family: var(--ob-font) !important;
  font-weight: 850 !important;
}

/* =========================================================
   SEARCH BAR — FINAL DARK GLASS STYLE
========================================================= */

app-header.search-enabled .search-text-input,
.search-text-input {
  position: relative !important;
  z-index: 50 !important;
}

app-header.search-enabled .search-text-input .ui-input__container,
.search-text-input .ui-input__container,
app-header.search-enabled .ui-input.search-text-input .ui-input__container {
  min-height: 52px !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,155,55,.18), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.24), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 16px 42px rgba(0,0,0,.34),
    0 0 0 1px rgba(245,155,55,.18),
    0 0 24px rgba(28,170,176,.18),
    0 1px 0 rgba(255,255,255,.18) inset !important;
  backdrop-filter: blur(16px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.14) !important;
  overflow: hidden !important;
}

app-header.search-enabled .search-text-input input,
app-header.search-enabled .search-text-input .ui-input__input,
.search-text-input input,
.search-text-input .ui-input__input {
  background: transparent !important;
  color: #ffffff !important;
  caret-color: var(--ob-cyan) !important;
  font-weight: 750 !important;
  font-size: 16px !important;
  border: 0 !important;
  box-shadow: none !important;
}

app-header.search-enabled .search-text-input input::placeholder,
app-header.search-enabled .search-text-input .ui-input__input::placeholder,
.search-text-input input::placeholder,
.search-text-input .ui-input__input::placeholder {
  color: rgba(255,255,255,.62) !important;
}

app-header.search-enabled .search-text-input:focus-within .ui-input__container,
.search-text-input:focus-within .ui-input__container {
  border-color: rgba(28,170,176,.58) !important;
  box-shadow:
    0 18px 46px rgba(0,0,0,.38),
    0 0 0 1px rgba(245,155,55,.24),
    0 0 32px rgba(28,170,176,.26),
    0 1px 0 rgba(255,255,255,.20) inset !important;
}

app-header.search-enabled .search-text-input svg,
app-header.search-enabled .search-text-input svg path,
.search-text-input svg,
.search-text-input svg path {
  color: #ffffff !important;
  stroke: currentColor !important;
}

.item-list__empty-state {
  font-family: var(--ob-font) !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  color: var(--ob-danger) !important;
}

/* =========================================================
   HOME CATEGORIES
========================================================= */

.content-categories,
.content-categories .categories-wrapper,
.category-list,
.category-detail,
.products-content,
.layout-router-wrapper > article {
  background: transparent !important;
}

.content-categories .categories-wrapper,
.category-list {
  gap: 1.1rem !important;
}

.category-list .category,
[data-testid="category-item"] {
  border-radius: 12px !important;
  overflow: hidden !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.22),
    0 0 0 1px rgba(255,255,255,.08) inset !important;
  transition: transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}

.category-list .category:hover,
[data-testid="category-item"]:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08) contrast(1.03) !important;
  box-shadow:
    0 22px 52px rgba(0,0,0,.30),
    0 0 24px rgba(28,170,176,.20),
    0 0 0 1px rgba(245,155,55,.16) inset !important;
}

/* =========================================================
   CATEGORY CHIPS + PRODUCT CARDS
========================================================= */

.status-tags,
.action-buttons {
  background: transparent !important;
}

.status-tags button,
.status-tags .wrapper,
.action-buttons button,
.action-buttons .wrapper,
button[aria-label*="Filtros"],
button[title*="Filtros"] {
  background:
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.035)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.24) !important;
  border-radius: 14px !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.045) inset !important;
  backdrop-filter: blur(12px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.12) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.status-tags button:hover,
.status-tags .wrapper:hover,
.action-buttons button:hover,
.action-buttons .wrapper:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(28,170,176,.58) !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.32),
    0 0 24px rgba(28,170,176,.18),
    0 0 0 1px rgba(255,255,255,.06) inset !important;
}

.item-list-grid,
.grid-products,
.layout-product-list,
.layout-product-item-list {
  background: transparent !important;
}

app-product-list-item.product-list-item,
.product-list-item,
.ob-product-card {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: var(--ob-glass-card) !important;
  border: 1px solid var(--ob-glass-border) !important;
  box-shadow:
    0 22px 58px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 1px 0 rgba(255,255,255,.20) inset !important;
  backdrop-filter: blur(16px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.16) !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

app-product-list-item.product-list-item::before,
.product-list-item::before,
.ob-product-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(120deg, rgba(255,255,255,.20), rgba(255,255,255,.035) 36%, transparent 58%),
    radial-gradient(circle at 86% 88%, rgba(28,170,176,.18), transparent 32%) !important;
  opacity: .82 !important;
}

app-product-list-item.product-list-item:hover,
.product-list-item:hover,
.ob-product-card:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(28,170,176,.48) !important;
  box-shadow:
    0 28px 76px rgba(0,0,0,.46),
    0 0 28px rgba(28,170,176,.18),
    0 0 0 1px rgba(255,255,255,.10) inset !important;
}

app-product-list-item.product-list-item > a,
.product-list-item > a,
.ob-product-card > a {
  background: transparent !important;
  color: #fff !important;
}

app-product-list-item.product-list-item figure,
.product-list-item figure,
.ob-product-card figure {
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,1), rgba(242,245,247,.92)) !important;
  border-right: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    12px 0 28px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.58) inset !important;
}

app-product-list-item.product-list-item pxw-product-price,
.product-list-item pxw-product-price,
.ob-product-card pxw-product-price,
app-product-list-item.product-list-item .layout-product-item,
.product-list-item .layout-product-item,
.ob-product-card .layout-product-item {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

app-product-list-item.product-list-item .product-name,
.product-list-item .product-name,
.ob-product-card .product-name,
app-product-list-item.product-list-item h2,
.product-list-item h2,
.ob-product-card h2 {
  color: rgba(255,255,255,.98) !important;
  font-weight: 900 !important;
  letter-spacing: -0.025em !important;
  text-shadow:
    0 0 18px rgba(28,170,176,.20),
    0 2px 4px rgba(0,0,0,.45) !important;
}

app-product-list-item.product-list-item p,
app-product-list-item.product-list-item span,
.product-list-item p,
.product-list-item span,
.ob-product-card p,
.ob-product-card span {
  color: rgba(255,255,255,.78) !important;
}

app-product-list-item.product-list-item .current-price,
.product-list-item .current-price,
.ob-product-card .current-price,
app-product-list-item.product-list-item .amount,
.product-list-item .amount,
.ob-product-card .amount,
.current-price,
.amount,
.price {
  font-family: var(--ob-font) !important;
  color: #ffffff !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  text-shadow:
    0 0 20px rgba(28,170,176,.30),
    0 2px 5px rgba(0,0,0,.50) !important;
}

app-product-list-item.product-list-item .price-from,
.product-list-item .price-from,
.ob-product-card .price-from {
  color: rgba(255,255,255,.68) !important;
  font-weight: 750 !important;
}

.product-tag,
pxw-product-tag.product-tag {
  min-height: 22px !important;
  height: auto !important;
  padding: 4px 12px 4px 13px !important;
  border-radius: 999px 0 0 999px !important;
  background:
    linear-gradient(105deg, rgba(245,155,55,.90), rgba(245,155,55,.72) 42%, rgba(28,170,176,.68)) !important;
  color: #041012 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  letter-spacing: .015em !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.22),
    0 0 16px rgba(28,170,176,.14),
    0 1px 0 rgba(255,255,255,.34) inset !important;
}

/* =========================================================
   PRODUCT DETAIL
========================================================= */

body.ob-page-product app-product .content-product,
body.ob-page-cart-edit app-product .content-product,
body.ob-page-product .content-product,
body.ob-page-cart-edit .content-product {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,255,255,.16), transparent 31%),
    radial-gradient(circle at 100% 0%, rgba(28,170,176,.18), transparent 31%),
    radial-gradient(circle at 15% 100%, rgba(245,155,55,.10), transparent 40%),
    linear-gradient(145deg, rgba(24,26,30,.97), rgba(4,10,12,.92)) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 34px 96px rgba(0,0,0,.54),
    0 0 0 1px rgba(255,255,255,.055) inset,
    0 1px 0 rgba(255,255,255,.14) inset !important;
  color: #ffffff !important;
  backdrop-filter: blur(18px) saturate(1.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
}

body.ob-page-product app-product .content-product::before,
body.ob-page-cart-edit app-product .content-product::before,
body.ob-page-product .content-product::before,
body.ob-page-cart-edit .content-product::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), transparent 24%, transparent 72%, rgba(28,170,176,.08)),
    radial-gradient(circle at 50% -10%, rgba(255,255,255,.09), transparent 28%) !important;
}

body.ob-page-product app-product .content-product > *,
body.ob-page-cart-edit app-product .content-product > *,
body.ob-page-product .content-product > *,
body.ob-page-cart-edit .content-product > * {
  position: relative !important;
  z-index: 2 !important;
}

body.ob-page-product app-product .product-wrapper,
body.ob-page-cart-edit app-product .product-wrapper,
body.ob-page-product .product-wrapper,
body.ob-page-cart-edit .product-wrapper {
  background: transparent !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ob-page-product app-product .content-product > .ui-title,
body.ob-page-cart-edit app-product .content-product > .ui-title,
body.ob-page-product .content-product > .ui-title,
body.ob-page-cart-edit .content-product > .ui-title {
  position: relative !important;
  min-height: 68px !important;
  padding: 0 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  z-index: 20 !important;
}

body.ob-page-product app-product .content-product > .ui-title .title-content,
body.ob-page-cart-edit app-product .content-product > .ui-title .title-content,
body.ob-page-product .content-product > .ui-title .title-content,
body.ob-page-cart-edit .content-product > .ui-title .title-content {
  width: 100% !important;
  justify-content: center !important;
  text-align: center !important;
}

/* Back created by runtime */
body.ob-page-product .ob-product-back,
body.ob-page-cart-edit .ob-product-back {
  position: absolute !important;
  left: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 80 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.055) !important;
  color: #ffffff !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.20),
    0 1px 0 rgba(255,255,255,.10) inset !important;
  cursor: pointer !important;
}

body.ob-page-product .ob-product-back:hover,
body.ob-page-cart-edit .ob-product-back:hover {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(28,170,176,.34) !important;
}

body.ob-page-product .ob-hide-original-back,
body.ob-page-cart-edit .ob-hide-original-back {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.ob-page-product .product-preview,
body.ob-page-product .gallery-wrapper,
body.ob-page-product .gallery,
body.ob-page-cart-edit .product-preview,
body.ob-page-cart-edit .gallery-wrapper,
body.ob-page-cart-edit .gallery {
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,1), rgba(243,246,248,.94)) !important;
  color: #101722 !important;
  overflow: hidden !important;
  position: relative !important;
  z-index: 1 !important;
}

body.ob-page-product app-product .product-content,
body.ob-page-cart-edit app-product .product-content,
body.ob-page-product .product-content,
body.ob-page-cart-edit .product-content {
  background:
    radial-gradient(circle at 100% 0%, rgba(28,170,176,.18), transparent 34%),
    linear-gradient(145deg, rgba(255,255,255,.09), rgba(255,255,255,.035)) !important;
  color: #ffffff !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 -18px 48px rgba(0,0,0,.20),
    0 1px 0 rgba(255,255,255,.10) inset !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  overflow: hidden !important;
}

body.ob-page-product .product-content p,
body.ob-page-product .product-content li,
body.ob-page-product .product-content span,
body.ob-page-product .product-content div,
body.ob-page-cart-edit .product-content p,
body.ob-page-cart-edit .product-content li,
body.ob-page-cart-edit .product-content span,
body.ob-page-cart-edit .product-content div {
  color: rgba(255,255,255,.92) !important;
  opacity: 1 !important;
}

body.ob-page-product .product-content h1,
body.ob-page-product .product-content h2,
body.ob-page-product .product-content h3,
body.ob-page-product .product-content strong,
body.ob-page-product .product-content b,
body.ob-page-cart-edit .product-content h1,
body.ob-page-cart-edit .product-content h2,
body.ob-page-cart-edit .product-content h3,
body.ob-page-cart-edit .product-content strong,
body.ob-page-cart-edit .product-content b {
  color: #ffffff !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}

body.ob-page-product .product-footer,
body.ob-page-cart-edit .product-footer {
  background:
    linear-gradient(180deg, rgba(5,7,9,.30), rgba(5,7,9,.76)) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 -20px 54px rgba(0,0,0,.34),
    0 1px 0 rgba(255,255,255,.10) inset !important;
  backdrop-filter: blur(18px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.14) !important;
  color: #ffffff !important;
  overflow: hidden !important;
}

/* Custom share button */
body.ob-page-product app-product .content-product > .ui-title app-share-button,
body.ob-page-cart-edit app-product .content-product > .ui-title app-share-button,
body.ob-page-product .content-product > .ui-title app-share-button,
body.ob-page-cart-edit .content-product > .ui-title app-share-button {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ob-page-product .ob-share-proxy,
body.ob-page-cart-edit .ob-share-proxy {
  position: absolute !important;
  right: 22px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background:
    linear-gradient(135deg, rgba(245,155,55,.92) 0%, rgba(245,155,55,.78) 34%, rgba(28,170,176,.76) 100%) !important;
  color: #ffffff !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.32),
    0 0 18px rgba(28,170,176,.16),
    0 1px 0 rgba(255,255,255,.20) inset !important;
  overflow: hidden !important;
  cursor: pointer !important;
  z-index: 2147483647 !important;
}

body.ob-page-product .ob-share-proxy svg,
body.ob-page-cart-edit .ob-share-proxy svg {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
  color: #ffffff !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}

body > .ob-custom-share-menu {
  position: fixed !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 316px !important;
  min-width: 316px !important;
  max-width: 316px !important;
  padding: 12px !important;
  margin: 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(245,155,55,.24), transparent 34%),
    radial-gradient(circle at 95% 100%, rgba(28,170,176,.26), transparent 38%),
    linear-gradient(135deg, rgba(10,16,24,.98), rgba(7,12,18,.94)) !important;
  box-shadow:
    0 20px 52px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 1px 0 rgba(255,255,255,.16) inset !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
}

body > .ob-custom-share-menu[hidden] {
  display: none !important;
}

body > .ob-custom-share-menu button,
body > .ob-custom-share-menu a {
  min-height: 52px !important;
  width: 100% !important;
  padding: 0 20px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background:
    linear-gradient(105deg, rgba(245,155,55,.86), rgba(28,170,176,.74)) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.26),
    0 1px 0 rgba(255,255,255,.18) inset !important;
  cursor: pointer !important;
}

body > .ob-custom-share-menu svg {
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  color: #ffffff !important;
}

/* Product tags */
body.ob-page-product .product-tags,
body.ob-page-product .product-tags__list,
body.ob-page-cart-edit .product-tags,
body.ob-page-cart-edit .product-tags__list {
  background: transparent !important;
}

body.ob-page-product .product-tags a,
body.ob-page-product .product-tags button,
body.ob-page-product .product-tags .wrapper,
body.ob-page-product .product-tags__list a,
body.ob-page-product .product-tags__list button,
body.ob-page-product .product-tags__list .wrapper,
body.ob-page-cart-edit .product-tags a,
body.ob-page-cart-edit .product-tags button,
body.ob-page-cart-edit .product-tags .wrapper,
body.ob-page-cart-edit .product-tags__list a,
body.ob-page-cart-edit .product-tags__list button,
body.ob-page-cart-edit .product-tags__list .wrapper {
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  border-radius: 999px !important;
  font-weight: 850 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.04) inset !important;
}

/* =========================================================
   SHOW ORDER BAR
========================================================= */

app-show-order {
  display: block !important;
  position: relative !important;
  z-index: 70 !important;
  padding: 10px 0 14px !important;
  background: transparent !important;
}

app-show-order .show-order,
app-show-order pxw-button.show-order,
app-show-order pxw-button,
app-show-order button,
app-show-order a {
  display: block !important;
  width: 100% !important;
}

app-show-order .show-order .wrapper,
app-show-order pxw-button.show-order .wrapper,
app-show-order pxw-button .wrapper,
app-show-order button.wrapper,
app-show-order a.wrapper,
app-show-order button,
app-show-order a {
  min-height: 58px !important;
  padding: 0 24px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 14% 0%, rgba(245,155,55,.42), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(28,170,176,.42), transparent 38%),
    linear-gradient(105deg, rgba(255,255,255,.13), rgba(255,255,255,.045)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 20px 52px rgba(0,0,0,.36),
    0 0 28px rgba(28,170,176,.14),
    0 1px 0 rgba(255,255,255,.18) inset !important;
  backdrop-filter: blur(16px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.18) !important;
  overflow: hidden !important;
  background-clip: padding-box !important;
}

app-show-order .show-order .wrapper *,
app-show-order pxw-button.show-order .wrapper *,
app-show-order pxw-button .wrapper *,
app-show-order button.wrapper *,
app-show-order a.wrapper *,
app-show-order button *,
app-show-order a * {
  color: #ffffff !important;
  opacity: 1 !important;
}

app-show-order .show-order .text,
app-show-order pxw-button.show-order .text,
app-show-order pxw-button .text,
app-show-order button.wrapper .text,
app-show-order a.wrapper .text {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

app-show-order .amount,
app-show-order .show-order .amount,
app-show-order pxw-button.show-order .amount,
app-show-order pxw-button .amount,
app-show-order button.wrapper .amount,
app-show-order a.wrapper .amount {
  color: #ffffff !important;
  font-size: clamp(22px, 2.1vw, 30px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  text-shadow:
    0 0 20px rgba(28,170,176,.32),
    0 2px 4px rgba(0,0,0,.40) !important;
}

/* =========================================================
   CART / RESUMEN
========================================================= */

body.ob-page-cart .section-resume {
  max-width: 900px !important;
  min-height: unset !important;
  margin: 20px auto 28px !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.14), transparent 32%),
    radial-gradient(circle at 90% 100%, rgba(28,170,176,.18), transparent 36%),
    linear-gradient(140deg, rgba(255,255,255,.105), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow:
    0 30px 88px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 1px 0 rgba(255,255,255,.18) inset !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
  color: #fff !important;
}

body.ob-page-cart .section-resume,
body.ob-page-cart .grid-products,
body.ob-page-cart .group-wrapper,
body.ob-page-cart .category-wrapper {
  background-color: transparent !important;
}

body.ob-page-cart .section-resume small,
body.ob-page-cart .section-resume p,
body.ob-page-cart .section-resume span,
body.ob-page-cart .section-resume h3,
body.ob-page-cart .section-resume h4,
body.ob-page-cart .section-resume h5,
body.ob-page-cart .section-resume .subtitle,
body.ob-page-cart .section-resume .category,
body.ob-page-cart .section-resume .subcategory,
body.ob-page-cart .section-resume .family,
body.ob-page-cart .section-resume .label,
body.ob-page-cart .section-resume .text-muted,
body.ob-page-cart .section-resume .item-subtitle,
body.ob-page-cart .section-resume .product-subtitle,
body.ob-page-cart .section-resume .group-name {
  color: rgba(255,255,255,.84) !important;
  opacity: 1 !important;
}

body.ob-page-cart .product,
body.ob-page-cart .grid-products .product {
  background:
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.05)) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 20px !important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.05) inset !important;
  overflow: hidden !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}

body.ob-page-cart .product h2,
body.ob-page-cart .product h3,
body.ob-page-cart .product .product-title,
body.ob-page-cart .product .current-price,
body.ob-page-cart .product .amount,
body.ob-page-cart .product p,
body.ob-page-cart .product span {
  color: #ffffff !important;
}

body.ob-page-cart .total {
  width: min(360px, 100%) !important;
  max-width: 360px !important;
  min-height: 84px !important;
  margin: 34px auto 14px !important;
  padding: 16px 18px !important;
  border-radius: 20px !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(245,155,55,.24), transparent 40%),
    radial-gradient(circle at 90% 100%, rgba(28,170,176,.28), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.34),
    0 0 20px rgba(28,170,176,.10),
    0 0 0 1px rgba(255,255,255,.04) inset !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  color: #ffffff !important;
}

body.ob-page-cart .checkout,
body.ob-page-cart .checkout .wrapper,
body.ob-page-cart button.checkout,
body.ob-page-cart .checkout button,
body.ob-page-cart .checkout a {
  width: min(360px, 100%) !important;
  max-width: 360px !important;
  min-height: 54px !important;
  margin: 0 auto 0 !important;
  padding: 0 22px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, rgba(245,155,55,.76), rgba(28,170,176,.70)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 18px rgba(28,170,176,.12) !important;
  font-weight: 900 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.22) !important;
}

/* =========================================================
   CHECKOUT / PEDIDO
========================================================= */

body.ob-page-checkout .layout-router-wrapper,
body.ob-page-checkout .ui-drawer__content-child {
  overflow-y: auto !important;
}

body.ob-page-checkout app-end-order .section-finish,
body.ob-page-checkout section.section-finish,
body.ob-page-checkout .section-finish {
  display: block !important;
  grid-template-rows: none !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  max-width: 900px !important;
  margin: 20px auto 28px !important;
  padding: clamp(24px, 4vw, 42px) !important;
  border-radius: 28px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.13), transparent 42%),
    linear-gradient(145deg, rgba(14,17,21,.96), rgba(3,7,9,.92)) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    0 28px 74px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
  backdrop-filter: blur(14px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
}

body.ob-page-checkout .section-finish::before,
body.ob-page-checkout .section-finish::after,
body.ob-page-checkout .end-order-form-wrapper::before,
body.ob-page-checkout .end-order-form-wrapper::after,
body.ob-page-checkout .end-order-form::before,
body.ob-page-checkout .end-order-form::after {
  display: none !important;
  content: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

body.ob-page-checkout app-end-order .end-order-form-wrapper,
body.ob-page-checkout app-end-order .end-order-form,
body.ob-page-checkout app-end-order form,
body.ob-page-checkout .section-finish .end-order-form-wrapper,
body.ob-page-checkout .section-finish .end-order-form,
body.ob-page-checkout .section-finish form,
body.ob-page-checkout .section-finish [class*="form-wrapper"],
body.ob-page-checkout .section-finish [class*="form"] {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: auto !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.10), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.046), rgba(255,255,255,.014)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.075) !important;
  border-radius: 22px !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 0 1px rgba(255,255,255,.020) inset !important;
  backdrop-filter: blur(8px) saturate(1.04) !important;
  -webkit-backdrop-filter: blur(8px) saturate(1.04) !important;
}

body.ob-page-checkout .section-finish,
body.ob-page-checkout .section-finish *,
body.ob-page-checkout app-end-order,
body.ob-page-checkout app-end-order * {
  scrollbar-width: none !important;
}

body.ob-page-checkout .section-finish::-webkit-scrollbar,
body.ob-page-checkout .section-finish *::-webkit-scrollbar,
body.ob-page-checkout app-end-order::-webkit-scrollbar,
body.ob-page-checkout app-end-order *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body.ob-page-checkout .section-finish > .ui-title,
body.ob-page-checkout .section-finish .ui-title:first-child,
body.ob-page-checkout .section-finish h1:first-child,
body.ob-page-checkout .section-finish h2:first-child {
  margin-bottom: 34px !important;
}

body.ob-page-checkout label,
body.ob-page-checkout p,
body.ob-page-checkout span,
body.ob-page-checkout small,
body.ob-page-checkout .ui-label,
body.ob-page-checkout .ui-helper {
  color: rgba(255,255,255,.90) !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

body.ob-page-checkout .section-finish .ui-input:not(.ui-input-checkbox) > .ui-input__container,
body.ob-page-checkout .section-finish .ui-input__container,
body.ob-page-checkout .section-finish input,
body.ob-page-checkout .section-finish textarea,
body.ob-page-checkout .section-finish select {
  background:
    linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.028)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 14px !important;
  box-shadow:
    0 7px 16px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.018) inset !important;
}

body.ob-page-checkout .section-finish input,
body.ob-page-checkout .section-finish textarea,
body.ob-page-checkout .section-finish select,
body.ob-page-checkout .section-finish .ui-input__input {
  color: #ffffff !important;
  opacity: 1 !important;
}

body.ob-page-checkout .section-finish input::placeholder,
body.ob-page-checkout .section-finish textarea::placeholder,
body.ob-page-checkout .section-finish .ui-input__input::placeholder {
  color: rgba(255,255,255,.52) !important;
}

body.ob-page-checkout .ob-payment-group .radio-options,
body.ob-page-checkout .payment-methods .radio-options,
body.ob-page-checkout .payment-methods.inline .radio-options {
  display: flex !important;
  align-items: stretch !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

body.ob-page-checkout .ob-payment-group .radio-item,
body.ob-page-checkout .payment-methods .radio-item {
  width: 112px !important;
  min-width: 112px !important;
  min-height: 82px !important;
  padding: 10px 8px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  text-align: center !important;
  vertical-align: top !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.20), transparent 34%),
    linear-gradient(135deg, rgba(28,126,88,.44), rgba(28,170,176,.22)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(88,242,166,.34) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    0 0 16px rgba(88,242,166,.10),
    0 0 0 1px rgba(255,255,255,.03) inset !important;
}

body.ob-page-checkout .ob-payment-group .radio-item *,
body.ob-page-checkout .payment-methods .radio-item * {
  text-align: center !important;
  line-height: 1.08 !important;
  color: #ffffff !important;
}

body.ob-page-checkout .ob-payment-group .radio-item.ob-selected-option,
body.ob-page-checkout .payment-methods .radio-item.ob-selected-option,
body.ob-page-checkout .radio-item:has(input:checked) {
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.30), transparent 34%),
    linear-gradient(135deg, rgba(36,190,126,.62), rgba(28,170,176,.36)) !important;
  border-color: rgba(88,242,166,.72) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 28px rgba(88,242,166,.22),
    0 0 0 1px rgba(88,242,166,.18) inset !important;
}

body.ob-page-checkout .ob-payment-group .radio-item pxw-tag,
body.ob-page-checkout .payment-methods .radio-item pxw-tag,
body.ob-page-checkout .ob-payment-group .radio-item [class*="tag"],
body.ob-page-checkout .payment-methods .radio-item [class*="tag"],
body.ob-page-checkout .ob-payment-group .radio-item [class*="discount"],
body.ob-page-checkout .payment-methods .radio-item [class*="discount"] {
  position: static !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  line-height: 1 !important;
  padding: 0 13px !important;
  margin: 4px auto 0 !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(44,207,132,.92), rgba(28,170,176,.80)) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 8px 16px rgba(0,0,0,.20),
    0 1px 0 rgba(255,255,255,.18) inset !important;
  transform: none !important;
}

body.ob-page-checkout .ob-installments-group .radio-item {
  width: 100% !important;
  min-width: 100% !important;
  min-height: 44px !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

body.ob-page-checkout .coupon,
body.ob-page-checkout [class*="coupon"],
body.ob-page-checkout [class*="discount"] {
  overflow: visible !important;
  padding-top: 18px !important;
  border-radius: 18px !important;
}

body.ob-page-checkout .coupon label,
body.ob-page-checkout [class*="coupon"] label,
body.ob-page-checkout [class*="discount"] label,
body.ob-page-checkout .coupon .ui-label,
body.ob-page-checkout [class*="coupon"] .ui-label,
body.ob-page-checkout [class*="discount"] .ui-label {
  display: block !important;
  position: static !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  color: rgba(255,255,255,.92) !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow: visible !important;
  transform: none !important;
}

body.ob-page-checkout .coupon input,
body.ob-page-checkout [class*="coupon"] input,
body.ob-page-checkout [class*="discount"] input,
body.ob-page-checkout .coupon .ui-input__container,
body.ob-page-checkout [class*="coupon"] .ui-input__container,
body.ob-page-checkout [class*="discount"] .ui-input__container {
  border-right-color: transparent !important;
  box-shadow: none !important;
}

body.ob-page-checkout .coupon button,
body.ob-page-checkout [class*="coupon"] button,
body.ob-page-checkout [class*="discount"] button,
body.ob-page-checkout .coupon pxw-button .wrapper,
body.ob-page-checkout [class*="coupon"] pxw-button .wrapper,
body.ob-page-checkout [class*="discount"] pxw-button .wrapper {
  border-left-color: transparent !important;
  margin-left: 0 !important;
  border-radius: 16px !important;
  background:
    linear-gradient(105deg, rgba(245,155,55,.88), rgba(28,170,176,.74)) !important;
  color: #ffffff !important;
}

body.ob-page-checkout .section-finish .total {
  width: min(420px, 100%) !important;
  margin: 24px auto 12px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(245,155,55,.25), transparent 40%),
    radial-gradient(circle at 92% 100%, rgba(28,170,176,.30), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow:
    0 14px 30px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.035) inset !important;
}

body.ob-page-checkout .section-finish .send-order-button,
body.ob-page-checkout .section-finish .send-order-button .wrapper,
body.ob-page-checkout .section-finish button[type="submit"],
body.ob-page-checkout .section-finish pxw-button .wrapper {
  width: min(420px, 100%) !important;
  min-height: 56px !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
  background:
    linear-gradient(105deg, rgba(245,155,55,.86), rgba(28,170,176,.76)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.34) !important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.32),
    0 0 16px rgba(28,170,176,.12),
    0 1px 0 rgba(255,255,255,.14) inset !important;
}

/* =========================================================
   MODALS / FILTERS
========================================================= */

.modal-dialog-component,
.modal-content {
  background:
    radial-gradient(circle at 50% -12%, rgba(255,255,255,.18), transparent 34%),
    radial-gradient(circle at 8% 12%, rgba(245,155,55,.10), transparent 30%),
    radial-gradient(circle at 100% 78%, rgba(28,170,176,.14), transparent 32%),
    linear-gradient(145deg, rgba(10,12,15,.96), rgba(5,7,9,.91)) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 28px !important;
  box-shadow:
    0 38px 110px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 1px 0 rgba(255,255,255,.18) inset !important;
  overflow: hidden !important;
}

.modal-dialog-component *,
.modal-content * {
  color: rgba(255,255,255,.88) !important;
}

ngb-modal-window .filter-tags pxw-tag,
.modal-dialog-component .filter-tags pxw-tag,
.modal-content .filter-tags pxw-tag,
pxw-dialog .filter-tags pxw-tag {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 29px !important;
  padding: 0 13px !important;
  margin: 4px 3px !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(135deg, rgba(16,20,24,.98), rgba(18,50,53,.76)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.36),
    0 0 0 1px rgba(255,255,255,.05) inset,
    0 1px 0 rgba(255,255,255,.20) inset !important;
}

ngb-modal-window .filter-tags pxw-tag .content,
.modal-dialog-component .filter-tags pxw-tag .content,
.modal-content .filter-tags pxw-tag .content,
pxw-dialog .filter-tags pxw-tag .content {
  color: #ffffff !important;
  opacity: 1 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-shadow:
    0 0 12px rgba(28,170,176,.22),
    0 1px 2px rgba(0,0,0,.52) !important;
}

ngb-modal-window pxw-button button.wrapper,
ngb-modal-window pxw-button .wrapper,
.modal-dialog-component pxw-button button.wrapper,
.modal-dialog-component pxw-button .wrapper,
.modal-content pxw-button button.wrapper,
.modal-content pxw-button .wrapper,
pxw-dialog pxw-button button.wrapper,
pxw-dialog pxw-button .wrapper {
  background:
    linear-gradient(105deg, rgba(245,155,55,.86), rgba(28,170,176,.74)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 14px !important;
  min-height: 44px !important;
  padding: 0 22px !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.35) !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 575px) {
  app-header header {
    min-height: 64px !important;
    padding-inline: .75rem !important;
  }

  .layout-router-wrapper,
  .ui-drawer__content-child,
  main,
  article {
    background:
      radial-gradient(circle at 80% 0%, rgba(28,170,176,.15), transparent 34%),
      linear-gradient(to bottom, #000 96px, #050607 96px, #050607 100%) !important;
  }

  .category-list .category,
  [data-testid="category-item"] {
    border-radius: 10px !important;
  }

  app-product-list-item.product-list-item,
  .product-list-item,
  .ob-product-card {
    border-radius: 16px !important;
  }

  body.ob-page-product app-product .content-product > .ui-title,
  body.ob-page-cart-edit app-product .content-product > .ui-title,
  body.ob-page-product .content-product > .ui-title,
  body.ob-page-cart-edit .content-product > .ui-title {
    padding: 0 58px !important;
  }

  body.ob-page-product .ob-product-back,
  body.ob-page-cart-edit .ob-product-back {
    left: 12px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    font-size: 23px !important;
  }

  body.ob-page-product .ob-share-proxy,
  body.ob-page-cart-edit .ob-share-proxy {
    right: 12px !important;
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    max-width: 38px !important;
    max-height: 38px !important;
  }

  body.ob-page-product .ob-share-proxy svg,
  body.ob-page-cart-edit .ob-share-proxy svg {
    width: 19px !important;
    height: 19px !important;
  }

  body > .ob-custom-share-menu {
    width: min(316px, calc(100vw - 24px)) !important;
    min-width: min(316px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
  }

  body.ob-page-checkout app-end-order .section-finish,
  body.ob-page-checkout section.section-finish,
  body.ob-page-checkout .section-finish {
    margin: 10px auto 20px !important;
    padding: 18px !important;
    border-radius: 22px !important;
  }

  body.ob-page-checkout .ob-payment-group .radio-item,
  body.ob-page-checkout .payment-methods .radio-item {
    width: 104px !important;
    min-width: 104px !important;
    min-height: 80px !important;
  }

  body.ob-page-checkout .section-finish .total,
  body.ob-page-checkout .section-finish .send-order-button,
  body.ob-page-checkout .section-finish .send-order-button .wrapper,
  body.ob-page-checkout .section-finish button[type="submit"] {
    width: min(92vw, 360px) !important;
  }
}

/* =========================================================
   ODONTOBIG SKIN FINAL v11 — QA refinements
========================================================= */

/* Cart thumbnails: remove dark bars around transparent PNGs */
body.ob-page-cart .product .product-image,
body.ob-page-cart .grid-products .product .product-image,
body.ob-page-cart pxw-resume-item figure.product-image {
  background: #ffffff !important;
  border-radius: 16px 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.ob-page-cart .product .product-image pxw-image,
body.ob-page-cart .product .product-image pxw-image > *,
body.ob-page-cart .product .product-image .ui-loader {
  background: #ffffff !important;
}

body.ob-page-cart .product .product-image img,
body.ob-page-cart pxw-resume-item figure.product-image img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  background: #ffffff !important;
}

/* Category chips: stronger default + selected state */
.status-tags button,
.status-tags .wrapper,
.action-buttons button,
.action-buttons .wrapper {
  border-color: rgba(255,255,255,.30) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(255,255,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.26),
    0 0 18px rgba(28,170,176,.08),
    0 0 0 1px rgba(255,255,255,.045) inset !important;
}

.status-tags .ob-selected-category-chip,
.status-tags button.ob-selected-category-chip,
.status-tags .wrapper.ob-selected-category-chip,
.status-tags button.active,
.status-tags .wrapper.active,
.status-tags button.selected,
.status-tags .wrapper.selected,
.status-tags button[aria-selected="true"],
.status-tags .wrapper[aria-selected="true"],
.status-tags button[aria-pressed="true"],
.status-tags .wrapper[aria-pressed="true"],
.status-tags button:focus,
.status-tags .wrapper:focus-within {
  color: #ffffff !important;
  border-color: rgba(28,170,176,.72) !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(245,155,55,.28), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.30), transparent 38%),
    linear-gradient(135deg, rgba(255,255,255,.15), rgba(255,255,255,.055)) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 28px rgba(28,170,176,.22),
    0 0 0 1px rgba(255,255,255,.08) inset !important;
}

/* Checkout selected shipping/payment states */
body.ob-page-checkout .ob-shipping-group .radio-item,
body.ob-page-checkout .shipping-options .radio-item {
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 16px !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.03) inset !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

body.ob-page-checkout .ob-shipping-group .radio-item.ob-selected-option,
body.ob-page-checkout .shipping-options .radio-item.ob-selected-option,
body.ob-page-checkout .ob-payment-group .radio-item.ob-selected-option,
body.ob-page-checkout .payment-methods .radio-item.ob-selected-option,
body.ob-page-checkout .ob-installments-group .radio-item.ob-selected-option,
body.ob-page-checkout .radio-item:has(input:checked) {
  color: #ffffff !important;
  border-color: rgba(88,242,166,.76) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.30), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.28), transparent 38%),
    linear-gradient(135deg, rgba(36,190,126,.62), rgba(28,170,176,.36)) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.34),
    0 0 30px rgba(88,242,166,.24),
    0 0 0 1px rgba(88,242,166,.18) inset !important;
}

body.ob-page-checkout .ob-shipping-group .radio-item.ob-selected-option *,
body.ob-page-checkout .shipping-options .radio-item.ob-selected-option *,
body.ob-page-checkout .ob-payment-group .radio-item.ob-selected-option *,
body.ob-page-checkout .payment-methods .radio-item.ob-selected-option *,
body.ob-page-checkout .ob-installments-group .radio-item.ob-selected-option * {
  color: #ffffff !important;
}

/* Restore persuasive green details for payment methods */
body.ob-page-checkout .ob-payment-group .radio-item,
body.ob-page-checkout .payment-methods .radio-item {
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.18), transparent 34%),
    linear-gradient(135deg, rgba(28,126,88,.38), rgba(28,170,176,.20)) !important;
  border-color: rgba(88,242,166,.34) !important;
}

body.ob-page-checkout .ob-payment-group .radio-item:hover,
body.ob-page-checkout .payment-methods .radio-item:hover,
body.ob-page-checkout .ob-shipping-group .radio-item:hover,
body.ob-page-checkout .shipping-options .radio-item:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(88,242,166,.58) !important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.30),
    0 0 24px rgba(88,242,166,.18),
    0 0 0 1px rgba(88,242,166,.12) inset !important;
}

/* Keep 10% OFF centered */
body.ob-page-checkout .ob-payment-group .radio-item pxw-tag,
body.ob-page-checkout .payment-methods .radio-item pxw-tag,
body.ob-page-checkout .ob-payment-group .radio-item .payment-discount,
body.ob-page-checkout .payment-methods .radio-item .payment-discount {
  align-self: center !important;
  margin: 6px auto 0 !important;
  transform: none !important;
}

body.ob-page-checkout .ob-payment-group .radio-item pxw-tag .content,
body.ob-page-checkout .payment-methods .radio-item pxw-tag .content,
body.ob-page-checkout .ob-payment-group .radio-item .payment-discount .content,
body.ob-page-checkout .payment-methods .radio-item .payment-discount .content {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Remove vertical glitches between input and addon buttons */
body.ob-page-checkout .ui-input__container--with-addons,
body.ob-page-checkout .coupon-input .ui-input__container,
body.ob-page-checkout [class*="address"] .ui-input__container,
body.ob-page-checkout .ui-input__container:has(.ui-input__addon-wrapper) {
  overflow: hidden !important;
  border-radius: 18px !important;
}

body.ob-page-checkout .ui-input__container--with-addons::before,
body.ob-page-checkout .ui-input__container--with-addons::after,
body.ob-page-checkout .ui-input__addon-wrapper::before,
body.ob-page-checkout .ui-input__addon-wrapper::after,
body.ob-page-checkout .ui-input__editor::before,
body.ob-page-checkout .ui-input__editor::after,
body.ob-page-checkout .addon-append::before,
body.ob-page-checkout .addon-append::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.ob-page-checkout .ui-input__addon-wrapper,
body.ob-page-checkout .ui-input__editor,
body.ob-page-checkout .addon-append {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

body.ob-page-checkout .ui-input__addon-wrapper {
  background: transparent !important;
}

body.ob-page-checkout .coupon-input .ui-input__editor,
body.ob-page-checkout .ui-input__container--with-addons .ui-input__editor {
  border-right: 0 !important;
}

body.ob-page-checkout .coupon-input-button .wrapper,
body.ob-page-checkout .addon-append .wrapper,
body.ob-page-checkout .ui-input__addon-wrapper button,
body.ob-page-checkout .ui-input__addon-wrapper pxw-button .wrapper {
  border-left: 0 !important;
  margin-left: 0 !important;
}

/* Direction search button specifically */
body.ob-page-checkout .ui-input__addon-wrapper .wrapper,
body.ob-page-checkout .ui-input__addon-wrapper button {
  border-radius: 16px !important;
}



/* =========================================================
   ODONTOBIG FINAL v17 — SUBCATEGORÍAS NATIVAS + CTA PRODUCTO
   Base estable v11. No se toca layout ni overflow del slider Pedix.
========================================================= */

/* =========================================================
   1) SUBCATEGORÍAS — solo skin visual, sin romper comportamiento nativo
   No aplicar display/flex/overflow al pxw-horizontal-slider.
========================================================= */

body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button {
  border-radius: 15px !important;
}

/* Botón normal */
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button .wrapper,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button .wrapper {
  min-height: 44px !important;
  padding: 0 18px !important;
  border-radius: 15px !important;

  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.28) !important;

  background:
    radial-gradient(circle at 12% 0%, rgba(255,255,255,.13), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.035)) !important;

  box-shadow:
    0 10px 24px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 1px 0 rgba(255,255,255,.14) inset !important;

  backdrop-filter: blur(14px) saturate(1.10) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.10) !important;

  transition:
    background .16s ease,
    border-color .16s ease,
    box-shadow .16s ease,
    filter .16s ease !important;
}

body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button .wrapper .text,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button .wrapper .text {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -0.012em !important;
  white-space: nowrap !important;
  text-shadow:
    0 0 14px rgba(28,170,176,.16),
    0 2px 3px rgba(0,0,0,.32) !important;
}

/* Hover suave, sin salto violento */
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button .wrapper:hover,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button .wrapper:hover {
  border-color: rgba(28,170,176,.56) !important;
  filter: brightness(1.04) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.30),
    0 0 20px rgba(28,170,176,.16),
    0 0 0 1px rgba(255,255,255,.055) inset !important;
}

/* Seleccionado: Pedix usa appareance-solid; nosotros también agregamos ob-subcategory-selected solo visual */
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button.appareance-solid .wrapper,
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button.appearance-solid .wrapper,
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button.ob-subcategory-selected .wrapper,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button.appareance-solid .wrapper,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button.appearance-solid .wrapper,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button.ob-subcategory-selected .wrapper {
  background:
    radial-gradient(circle at 18% 0%, rgba(245,155,55,.42), transparent 34%),
    radial-gradient(circle at 94% 100%, rgba(28,170,176,.42), transparent 40%),
    linear-gradient(105deg, rgba(245,155,55,.62), rgba(28,170,176,.50)) !important;

  border-color: rgba(255,255,255,.42) !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.34),
    0 0 26px rgba(28,170,176,.22),
    0 0 0 1px rgba(245,155,55,.18) inset,
    0 1px 0 rgba(255,255,255,.22) inset !important;
}

body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button.appareance-solid .wrapper .text,
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button.appearance-solid .wrapper .text,
body.ob-page-category pxw-item-list pxw-horizontal-slider pxw-button.ob-subcategory-selected .wrapper .text,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button.appareance-solid .wrapper .text,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button.appearance-solid .wrapper .text,
body.ob-page-search pxw-item-list pxw-horizontal-slider pxw-button.ob-subcategory-selected .wrapper .text {
  color: #ffffff !important;
  text-shadow:
    0 0 18px rgba(28,170,176,.28),
    0 2px 4px rgba(0,0,0,.42) !important;
}

/* =========================================================
   2) PRODUCT DETAIL CTA — botón Agregar + precio destacado
========================================================= */

body.ob-page-product .product-footer,
body.ob-page-cart-edit .product-footer {
  padding: 12px 18px !important;
}

body.ob-page-product .product-footer pxw-product-quantity-selector,
body.ob-page-cart-edit .product-footer pxw-product-quantity-selector {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: auto minmax(260px, 420px) !important;
  align-items: center !important;
  gap: 18px !important;
}

body.ob-page-product .product-footer pxw-button.submit-button,
body.ob-page-cart-edit .product-footer pxw-button.submit-button {
  justify-self: end !important;
  width: min(420px, 100%) !important;
  max-width: 420px !important;
  min-width: 260px !important;
  display: block !important;
}

body.ob-page-product .product-footer pxw-button.submit-button .wrapper,
body.ob-page-cart-edit .product-footer pxw-button.submit-button .wrapper,
body.ob-page-product .product-footer .submit-button .wrapper,
body.ob-page-cart-edit .product-footer .submit-button .wrapper {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 24px !important;
  border-radius: 19px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.20) !important;

  background:
    radial-gradient(circle at 15% 0%, rgba(245,155,55,.46), transparent 34%),
    radial-gradient(circle at 96% 100%, rgba(28,170,176,.48), transparent 40%),
    linear-gradient(105deg, rgba(245,155,55,.86), rgba(28,170,176,.74)) !important;

  box-shadow:
    0 18px 46px rgba(0,0,0,.38),
    0 0 28px rgba(28,170,176,.20),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 1px 0 rgba(255,255,255,.22) inset !important;

  backdrop-filter: blur(14px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;

  overflow: hidden !important;
  transition: filter .16s ease, box-shadow .16s ease !important;
}

body.ob-page-product .product-footer pxw-button.submit-button .wrapper:hover,
body.ob-page-cart-edit .product-footer pxw-button.submit-button .wrapper:hover,
body.ob-page-product .product-footer .submit-button .wrapper:hover,
body.ob-page-cart-edit .product-footer .submit-button .wrapper:hover {
  filter: brightness(1.04) saturate(1.05) !important;
  box-shadow:
    0 22px 54px rgba(0,0,0,.44),
    0 0 34px rgba(28,170,176,.26),
    0 0 0 1px rgba(255,255,255,.07) inset,
    0 1px 0 rgba(255,255,255,.24) inset !important;
}

body.ob-page-product .product-footer pxw-button.submit-button .wrapper .text,
body.ob-page-cart-edit .product-footer pxw-button.submit-button .wrapper .text,
body.ob-page-product .product-footer .submit-button .wrapper .text,
body.ob-page-cart-edit .product-footer .submit-button .wrapper .text {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  color: #ffffff !important;
  font-weight: 950 !important;
}

body.ob-page-product .product-footer .add-product-label,
body.ob-page-cart-edit .product-footer .add-product-label {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
  text-shadow:
    0 0 14px rgba(28,170,176,.16),
    0 2px 3px rgba(0,0,0,.32) !important;
}

body.ob-page-product .product-footer pxw-button.submit-button .current-price,
body.ob-page-cart-edit .product-footer pxw-button.submit-button .current-price,
body.ob-page-product .product-footer .submit-button .current-price,
body.ob-page-cart-edit .product-footer .submit-button .current-price {
  color: #ffffff !important;
  font-size: clamp(24px, 2.05vw, 32px) !important;
  font-weight: 950 !important;
  letter-spacing: -0.045em !important;
  text-shadow:
    0 0 22px rgba(28,170,176,.34),
    0 2px 4px rgba(0,0,0,.42) !important;
}

body.ob-page-product .product-footer .layout-product-subtotal,
body.ob-page-cart-edit .product-footer .layout-product-subtotal {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 575px) {
  body.ob-page-product .product-footer pxw-product-quantity-selector,
  body.ob-page-cart-edit .product-footer pxw-product-quantity-selector {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.ob-page-product .product-footer pxw-button.submit-button,
  body.ob-page-cart-edit .product-footer pxw-button.submit-button {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.ob-page-product .product-footer pxw-button.submit-button .wrapper,
  body.ob-page-cart-edit .product-footer pxw-button.submit-button .wrapper {
    min-height: 54px !important;
    padding: 0 18px !important;
  }

  body.ob-page-product .product-footer .add-product-label,
  body.ob-page-cart-edit .product-footer .add-product-label {
    font-size: 15px !important;
  }

  body.ob-page-product .product-footer pxw-button.submit-button .current-price,
  body.ob-page-cart-edit .product-footer pxw-button.submit-button .current-price {
    font-size: 24px !important;
  }
}


/* =========================================================
   ODONTOBIG FINAL v27 — CHECKOUT CUOTAS ROBUSTAS
   Base estable: v17
========================================================= */

body.ob-page-checkout .radio-item.obx-payment,
body.ob-page-checkout .radio-item.obx-shipping {
  position: relative !important;
  cursor: pointer !important;
}

body.ob-page-checkout .radio-item.obx-payment-selected,
body.ob-page-checkout .radio-item.obx-shipping-selected {
  color: #fff !important;
  border-color: rgba(88,242,166,.85) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.34), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.34), transparent 38%),
    linear-gradient(135deg, rgba(36,190,126,.68), rgba(28,170,176,.40)) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.36),
    0 0 34px rgba(88,242,166,.24),
    0 0 0 1px rgba(88,242,166,.22) inset,
    0 1px 0 rgba(255,255,255,.18) inset !important;
}

body.ob-page-checkout .radio-item.obx-payment-selected::after,
body.ob-page-checkout .radio-item.obx-shipping-selected::after {
  content: "✓" !important;
  position: absolute !important;
  top: 7px !important;
  right: 8px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 7 !important;
  color: #071210 !important;
  background: rgba(88,242,166,.96) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  box-shadow: 0 0 14px rgba(88,242,166,.44), 0 1px 0 rgba(255,255,255,.35) inset !important;
}

body.ob-page-checkout .obx-installments-group .radio-options,
body.ob-page-checkout .obx-installments-group {
  border-radius: 14px !important;
}

body.ob-page-checkout .obx-installment-row {
  position: relative !important;
  min-height: 52px !important;
  width: 100% !important;
  min-width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 192px 0 50px !important;
  isolation: isolate !important;
  text-align: left !important;
  cursor: pointer !important;
  border-radius: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.54) !important;
  overflow: hidden !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(255,255,255,.068), rgba(255,255,255,.018)) !important;
  box-shadow: none !important;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, filter .16s ease !important;
}

body.ob-page-checkout .obx-installment-row:last-child {
  border-bottom: 0 !important;
}

body.ob-page-checkout .obx-installment-row:not(.obx-installment-selected) {
  background: linear-gradient(135deg, rgba(255,255,255,.068), rgba(255,255,255,.018)) !important;
  border-color: rgba(255,255,255,.54) !important;
  box-shadow: none !important;
}

body.ob-page-checkout .obx-installment-row:hover {
  background:
    radial-gradient(circle at 0% 50%, rgba(88,242,166,.13), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.090), rgba(255,255,255,.024)) !important;
}

body.ob-page-checkout .obx-installment-row.obx-installment-selected {
  border-color: rgba(88,242,166,.76) !important;
  background:
    radial-gradient(circle at 0% 45%, rgba(88,242,166,.24), transparent 36%),
    linear-gradient(135deg, rgba(36,190,126,.34), rgba(28,170,176,.18)) !important;
  box-shadow:
    0 0 0 1px rgba(88,242,166,.50) inset,
    0 0 26px rgba(88,242,166,.13) inset !important;
}

body.ob-page-checkout .obx-installment-row,
body.ob-page-checkout .obx-installment-row *:not(.obx-installment-dot):not(.obx-installment-amount) {
  color: #fff !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  text-align: left !important;
  text-shadow: none !important;
}

body.ob-page-checkout .obx-installment-row input[type="radio"],
body.ob-page-checkout .obx-installment-row input[type="checkbox"],
body.ob-page-checkout .obx-installment-row .ui-input__radio,
body.ob-page-checkout .obx-installment-row .ui-input__radio-input {
  opacity: 0 !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  width: 22px !important;
  height: 22px !important;
  transform: translateY(-50%) !important;
  z-index: 3 !important;
}

body.ob-page-checkout .obx-installment-dot {
  position: absolute !important;
  left: 18px !important;
  top: 50% !important;
  width: 15px !important;
  height: 15px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  border: 2px solid rgba(255,255,255,.82) !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow:
    0 0 0 2px rgba(0,0,0,.20),
    0 0 9px rgba(255,255,255,.10) !important;
  z-index: 9 !important;
  pointer-events: none !important;
}

body.ob-page-checkout .obx-installment-row.obx-installment-selected .obx-installment-dot {
  border-color: rgba(88,242,166,1) !important;
  background: radial-gradient(circle at center, #58f2a6 0 42%, rgba(88,242,166,.22) 44% 100%) !important;
  box-shadow:
    0 0 0 3px rgba(88,242,166,.16),
    0 0 20px rgba(88,242,166,.70) !important;
}

body.ob-page-checkout .obx-installment-amount {
  position: absolute !important;
  top: 50% !important;
  right: 17px !important;
  min-width: 128px !important;
  height: 29px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, rgba(88,242,166,.28), rgba(28,170,176,.25)) !important;
  border: 1px solid rgba(88,242,166,.36) !important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.24),
    0 0 18px rgba(88,242,166,.13),
    0 1px 0 rgba(255,255,255,.15) inset !important;
  text-shadow: 0 0 14px rgba(88,242,166,.22), 0 1px 2px rgba(0,0,0,.40) !important;
  z-index: 8 !important;
  pointer-events: none !important;
}

body.ob-page-checkout .obx-installment-row.obx-installment-selected .obx-installment-amount {
  background: linear-gradient(135deg, rgba(88,242,166,.42), rgba(28,170,176,.34)) !important;
  border-color: rgba(88,242,166,.58) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.28),
    0 0 24px rgba(88,242,166,.24),
    0 1px 0 rgba(255,255,255,.18) inset !important;
}

body.ob-page-checkout .obx-installment-row[data-obx-installments="1"] {
  padding-right: 50px !important;
}

body.ob-page-checkout .obx-installment-row[data-obx-installments="1"] .obx-installment-amount {
  display: none !important;
}

body.ob-page-checkout .send-order-button .wrapper .text,
body.ob-page-checkout [data-testid="button-submit-order"] .wrapper .text {
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
}

body.ob-page-checkout .ob-checkout-helper {
  display: block !important;
  width: min(440px, 100%) !important;
  margin: 10px auto 0 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

@media (max-width: 575px) {
  body.ob-page-checkout .obx-installment-row {
    min-height: 48px !important;
    padding-left: 46px !important;
    padding-right: 128px !important;
  }

  body.ob-page-checkout .obx-installment-row[data-obx-installments="1"] {
    padding-right: 46px !important;
  }

  body.ob-page-checkout .obx-installment-dot {
    left: 16px !important;
  }

  body.ob-page-checkout .obx-installment-amount {
    right: 10px !important;
    min-width: 84px !important;
    height: 25px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
  }
}


/* =========================================================
   ODONTOBIG FINAL v28 — AJUSTES CHECKOUT
   - Pago online se comunica como “Financiación”
   - Cupón con respiración lateral para label y helper
========================================================= */

body.ob-page-checkout .radio-item.obx-financing-payment {
  width: 124px !important;
  min-width: 124px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  gap: 0 !important;
}

body.ob-page-checkout .radio-item.obx-financing-payment > *:not(pxw-tag):not(.payment-discount) {
  font-size: 0 !important;
  line-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ob-page-checkout .radio-item.obx-financing-payment::before {
  content: attr(data-obx-label) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.34), 0 0 16px rgba(88,242,166,.16) !important;
  white-space: normal !important;
}

body.ob-page-checkout .radio-item.obx-financing-payment.obx-payment-selected::before,
body.ob-page-checkout .radio-item.obx-financing-payment.ob-selected-option::before {
  text-shadow:
    0 1px 2px rgba(0,0,0,.34),
    0 0 18px rgba(88,242,166,.24) !important;
}

body.ob-page-checkout pxw-end-order-coupon-fields form.ui-input,
body.ob-page-checkout pxw-end-order-coupon-fields > form.ui-input {
  padding: 24px 22px 20px !important;
  box-sizing: border-box !important;
}

body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input {
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field,
body.ob-page-checkout pxw-end-order-coupon-fields pxw-input-text.coupon-input-field {
  display: block !important;
  width: 100% !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
}

body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field > .ui-label,
body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field .ui-label,
body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input .ui-label {
  display: block !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin: 0 0 10px !important;
  line-height: 1.15 !important;
  color: rgba(255,255,255,.94) !important;
}

body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field > .ui-input__container,
body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field .ui-input__container,
body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__container--with-addons {
  width: 100% !important;
  margin: 0 !important;
}

body.ob-page-checkout pxw-end-order-coupon-fields form.ui-input > .ui-helper,
body.ob-page-checkout pxw-end-order-coupon-fields p.ui-helper {
  display: block !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  margin: 8px 0 0 !important;
  color: rgba(255,255,255,.86) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
}

@media (max-width: 575px) {
  body.ob-page-checkout .radio-item.obx-financing-payment {
    width: 112px !important;
    min-width: 112px !important;
  }

  body.ob-page-checkout .radio-item.obx-financing-payment::before {
    font-size: 15px !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields form.ui-input,
  body.ob-page-checkout pxw-end-order-coupon-fields > form.ui-input {
    padding: 22px 18px 18px !important;
  }
}

/* =========================================================
   ODONTOBIG FINAL v29 — AHORRO POR TRANSFERENCIA
========================================================= */

body.ob-page-checkout .ob-transfer-savings {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: fit-content !important;
  max-width: min(100%, 520px) !important;
  margin: 10px 0 0 28px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(88, 242, 166, .30), transparent 42%),
    linear-gradient(135deg, rgba(25, 170, 118, .28), rgba(28, 170, 176, .18)) !important;
  border: 1px solid rgba(88, 242, 166, .44) !important;
  box-shadow:
    0 14px 34px rgba(0, 0, 0, .26),
    0 0 28px rgba(88, 242, 166, .16),
    0 1px 0 rgba(255, 255, 255, .14) inset !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.015em !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .34) !important;
}

body.ob-page-checkout .ob-transfer-savings::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 999px !important;
  background: #58f2a6 !important;
  box-shadow:
    0 0 0 4px rgba(88, 242, 166, .10),
    0 0 18px rgba(88, 242, 166, .70) !important;
}

body.ob-page-checkout .ob-transfer-savings__label {
  color: rgba(255, 255, 255, .88) !important;
}

body.ob-page-checkout .ob-transfer-savings__amount {
  color: #58f2a6 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  text-shadow:
    0 0 18px rgba(88, 242, 166, .36),
    0 2px 3px rgba(0, 0, 0, .30) !important;
}

body.ob-page-checkout .ob-transfer-savings__copy {
  color: rgba(255, 255, 255, .82) !important;
}

@media (max-width: 575px) {
  body.ob-page-checkout .ob-transfer-savings {
    width: 100% !important;
    max-width: 100% !important;
    margin: 9px 0 0 !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    font-size: 12px !important;
  }

  body.ob-page-checkout .ob-transfer-savings__amount {
    font-size: 14px !important;
  }
}

/* =========================================================
   ODONTOBIG FINAL v32 — carrito compacto sin recorte interno
   - El listado de productos del carrito queda completo: sin scroll interno.
   - Los beneficios de transferencia/financiación quedan más compactos.
   - Se oculta el bloque “1 pago tarjeta”; permanece sólo el CTA “Continuar”.
========================================================= */

body.ob-page-cart app-resume .section-resume,
body.ob-page-cart .section-resume {
  display: block !important;
  grid-template-rows: none !important;
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  max-width: 960px !important;
  margin: 18px auto 28px !important;
  padding: clamp(22px, 3.2vw, 38px) !important;
}

body.ob-page-cart app-resume,
body.ob-page-cart app-resume > *,
body.ob-page-cart .grid-products,
body.ob-page-cart pxw-cart-items-list,
body.ob-page-cart .cart-items-list--columns-1,
body.ob-page-cart .category-wrapper,
body.ob-page-cart .group-wrapper,
body.ob-page-cart .items-wrapper {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

body.ob-page-cart .grid-products {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding-bottom: 0 !important;
}

body.ob-page-cart .group-wrapper + .group-wrapper,
body.ob-page-cart .category-wrapper + .category-wrapper {
  margin-top: 18px !important;
}

body.ob-page-cart .items-wrapper {
  display: grid !important;
  gap: 10px !important;
}

body.ob-page-cart .product,
body.ob-page-cart .grid-products .product {
  min-height: 74px !important;
}

body.ob-page-cart .product-image,
body.ob-page-cart figure.product-image {
  background: #ffffff !important;
}

body.ob-page-cart .product-image img,
body.ob-page-cart figure.product-image img {
  object-fit: contain !important;
  background: #ffffff !important;
}

body.ob-page-cart .ob-cart-payment-preview {
  width: min(640px, 100%) !important;
  margin: clamp(14px, 2.4vw, 22px) auto 14px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  color: #ffffff !important;
  position: relative !important;
  z-index: 5 !important;
}

body.ob-page-cart .ob-cart-payment-preview__card {
  min-height: 82px !important;
  padding: 12px 14px !important;
  border-radius: 18px !important;
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  align-content: center !important;
  gap: 4px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(245,155,55,.22), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.28), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.034)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.26),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 1px 0 rgba(255,255,255,.13) inset !important;
  backdrop-filter: blur(14px) saturate(1.14) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.14) !important;
}

body.ob-page-cart .ob-cart-payment-preview__card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(115deg, rgba(255,255,255,.13), transparent 30%, transparent 72%, rgba(255,255,255,.07)) !important;
  opacity: .60 !important;
}

body.ob-page-cart .ob-cart-payment-preview__card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.ob-page-cart .ob-cart-payment-preview__card--transfer {
  border-color: rgba(88,242,166,.34) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 22px rgba(88,242,166,.12),
    0 0 0 1px rgba(88,242,166,.07) inset !important;
}

body.ob-page-cart .ob-cart-payment-preview__card--installments {
  border-color: rgba(28,170,176,.34) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    0 0 22px rgba(28,170,176,.12),
    0 0 0 1px rgba(28,170,176,.07) inset !important;
}

body.ob-page-cart .ob-cart-payment-preview__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-height: 22px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  letter-spacing: .015em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, rgba(245,155,55,.84), rgba(28,170,176,.76)) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  box-shadow:
    0 7px 14px rgba(0,0,0,.20),
    0 1px 0 rgba(255,255,255,.17) inset !important;
}

body.ob-page-cart .ob-cart-payment-preview__title {
  color: rgba(255,255,255,.88) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.34) !important;
}

body.ob-page-cart .ob-cart-payment-preview__amount {
  color: #ffffff !important;
  font-size: clamp(21px, 1.8vw, 26px) !important;
  font-weight: 950 !important;
  line-height: .98 !important;
  letter-spacing: -0.045em !important;
  text-shadow:
    0 0 18px rgba(28,170,176,.26),
    0 2px 4px rgba(0,0,0,.40) !important;
}

body.ob-page-cart .ob-cart-payment-preview__copy,
body.ob-page-cart .ob-cart-payment-preview__subcopy {
  color: rgba(255,255,255,.82) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.16 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.24) !important;
}

body.ob-page-cart .ob-cart-payment-preview__saving {
  color: #6dffc1 !important;
  font-weight: 950 !important;
  text-shadow:
    0 0 13px rgba(88,242,166,.24),
    0 1px 2px rgba(0,0,0,.28) !important;
}

body.ob-page-cart app-resume .section-resume > .checkout,
body.ob-page-cart .section-resume > .checkout,
body.ob-page-cart .checkout.ob-cart-checkout-compact {
  width: min(360px, 100%) !important;
  max-width: 360px !important;
  min-height: 0 !important;
  margin: 14px auto 0 !important;
  padding: 0 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ob-page-cart .checkout.ob-cart-checkout-compact > .total,
body.ob-page-cart .section-resume > .checkout > .total {
  display: none !important;
}

body.ob-page-cart .checkout.ob-cart-checkout-compact pxw-button,
body.ob-page-cart .checkout.ob-cart-checkout-compact pxw-button .wrapper,
body.ob-page-cart .checkout.ob-cart-checkout-compact button.wrapper,
body.ob-page-cart .checkout.ob-cart-checkout-compact button,
body.ob-page-cart .section-resume > .checkout pxw-button,
body.ob-page-cart .section-resume > .checkout pxw-button .wrapper,
body.ob-page-cart .section-resume > .checkout button.wrapper,
body.ob-page-cart .section-resume > .checkout button {
  width: 100% !important;
  max-width: 360px !important;
  min-height: 56px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  border-radius: 18px !important;
  background: linear-gradient(90deg, rgba(245,155,55,.92), rgba(28,170,176,.84)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 16px 38px rgba(0,0,0,.34),
    0 0 24px rgba(28,170,176,.16),
    0 1px 0 rgba(255,255,255,.16) inset !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

body.ob-page-cart .checkout.ob-cart-checkout-compact pxw-button .text,
body.ob-page-cart .checkout.ob-cart-checkout-compact button .text,
body.ob-page-cart .section-resume > .checkout pxw-button .text,
body.ob-page-cart .section-resume > .checkout button .text {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
}

@media (max-width: 720px) {
  body.ob-page-cart app-resume .section-resume,
  body.ob-page-cart .section-resume {
    max-width: calc(100vw - 18px) !important;
    margin: 10px auto 20px !important;
    padding: 18px 16px 22px !important;
    border-radius: 24px !important;
  }

  body.ob-page-cart .ob-cart-payment-preview {
    grid-template-columns: 1fr !important;
    width: min(420px, 100%) !important;
    gap: 9px !important;
    margin-top: 14px !important;
  }

  body.ob-page-cart .ob-cart-payment-preview__card {
    min-height: 76px !important;
    padding: 11px 13px !important;
  }

  body.ob-page-cart .ob-cart-payment-preview__amount {
    font-size: 22px !important;
  }
}
/* =========================================================
   ODONTOBIG FINAL v34 — ficha de producto premium estable
   - Galería propia: primera imagen inmediata, sin visor Pedix.
   - Desktop: layout editorial con panel de compra lateral.
   - Mobile: sin cortes horizontales, CTA persistente y visor premium.
========================================================= */

body.ob-page-product,
body.ob-page-cart-edit {
  overflow-x: hidden !important;
}

body.ob-page-product .layout-router-wrapper,
body.ob-page-cart-edit .layout-router-wrapper {
  overflow-x: hidden !important;
}

body.ob-page-product .layout-router-wrapper > article,
body.ob-page-cart-edit .layout-router-wrapper > article {
  max-width: none !important;
  width: 100% !important;
}

body.ob-page-product app-product,
body.ob-page-cart-edit app-product {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body.ob-page-product .content-product.ob-product-premium,
body.ob-page-cart-edit .content-product.ob-product-premium {
  width: min(1320px, calc(100vw - 48px)) !important;
  max-width: 1320px !important;
  height: auto !important;
  min-height: auto !important;
  margin: 18px auto 38px !important;
  padding: 0 24px 24px !important;
  overflow: visible !important;
  border-radius: 32px !important;
}

body.ob-page-product .content-product.ob-product-premium > .ui-title,
body.ob-page-cart-edit .content-product.ob-product-premium > .ui-title {
  position: relative !important;
  min-height: 72px !important;
  padding: 0 88px !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.10), transparent 34%),
    linear-gradient(90deg, rgba(255,255,255,.035), rgba(28,170,176,.055)) !important;
  border-top-left-radius: 30px !important;
  border-top-right-radius: 30px !important;
  overflow: visible !important;
}

body.ob-page-product .content-product.ob-product-premium .product-title,
body.ob-page-cart-edit .content-product.ob-product-premium .product-title,
body.ob-page-product .content-product.ob-product-premium .title-content,
body.ob-page-cart-edit .content-product.ob-product-premium .title-content {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  justify-content: center !important;
  font-family: var(--ob-font) !important;
  font-size: clamp(20px, 1.55vw, 27px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.035em !important;
  font-weight: 950 !important;
  color: #fff !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.45), 0 0 14px rgba(28,170,176,.16) !important;
}

body.ob-page-product .content-product.ob-product-premium .product-wrapper,
body.ob-page-cart-edit .content-product.ob-product-premium .product-wrapper,
body.ob-page-product .content-product.ob-product-premium pxw-product-details,
body.ob-page-cart-edit .content-product.ob-product-premium pxw-product-details {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* Ocultamos sólo el visor Pedix original; la data y el CTA real siguen vivos. */
body.ob-page-product .content-product.ob-product-premium .product-preview .gallery-wrapper,
body.ob-page-cart-edit .content-product.ob-product-premium .product-preview .gallery-wrapper,
body.ob-page-product .content-product.ob-product-premium .product-preview .gallery,
body.ob-page-cart-edit .content-product.ob-product-premium .product-preview .gallery {
  display: none !important;
  pointer-events: none !important;
}

body.ob-page-product .content-product.ob-product-premium .zoom-icon,
body.ob-page-cart-edit .content-product.ob-product-premium .zoom-icon {
  display: none !important;
  pointer-events: none !important;
}

body.ob-page-product .content-product.ob-product-premium .product-preview,
body.ob-page-cart-edit .content-product.ob-product-premium .product-preview {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(255,255,255,1), rgba(248,250,252,.98) 55%, rgba(238,242,246,.95)) !important;
  box-shadow:
    0 24px 72px rgba(0,0,0,.34),
    0 1px 0 rgba(255,255,255,.78) inset,
    0 0 0 1px rgba(255,255,255,.20) inset !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

body.ob-page-product .ob-premium-stage,
body.ob-page-cart-edit .ob-premium-stage {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  height: clamp(400px, 39vw, 560px) !important;
  min-height: 400px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,255,255,1), rgba(248,250,252,.98) 58%, rgba(235,239,244,.96)) !important;
  overflow: hidden !important;
  cursor: zoom-in !important;
}

body.ob-page-product .ob-premium-stage::after,
body.ob-page-cart-edit .ob-premium-stage::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 24% !important;
  background: linear-gradient(to top, rgba(0,0,0,.04), transparent) !important;
  pointer-events: none !important;
}

body.ob-page-product .ob-premium-main-img,
body.ob-page-cart-edit .ob-premium-main-img {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  user-select: none !important;
  opacity: 1 !important;
  filter: drop-shadow(0 16px 34px rgba(0,0,0,.08)) !important;
}

body.ob-page-product .ob-premium-nav,
body.ob-page-cart-edit .ob-premium-nav {
  position: absolute !important;
  top: 50% !important;
  z-index: 6 !important;
  transform: translateY(-50%) !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  background: rgba(18,24,35,.58) !important;
  color: #fff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  display: inline-grid !important;
  place-items: center !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.22) inset !important;
  backdrop-filter: blur(12px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.12) !important;
  cursor: pointer !important;
  transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body.ob-page-product .ob-premium-nav:hover,
body.ob-page-cart-edit .ob-premium-nav:hover {
  transform: translateY(-50%) scale(1.045) !important;
  background: rgba(18,24,35,.76) !important;
}

body.ob-page-product .ob-premium-nav--prev,
body.ob-page-cart-edit .ob-premium-nav--prev { left: 18px !important; }
body.ob-page-product .ob-premium-nav--next,
body.ob-page-cart-edit .ob-premium-nav--next { right: 18px !important; }

body.ob-page-product .ob-gallery-open,
body.ob-page-cart-edit .ob-gallery-open {
  position: absolute !important;
  right: 18px !important;
  bottom: 18px !important;
  z-index: 8 !important;
  border: 1px solid rgba(255,255,255,.38) !important;
  border-radius: 999px !important;
  padding: 10px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #fff !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -.01em !important;
  background: linear-gradient(135deg, rgba(245,155,55,.92), rgba(28,170,176,.86)) !important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.28),
    0 0 18px rgba(28,170,176,.16),
    0 1px 0 rgba(255,255,255,.28) inset !important;
  cursor: pointer !important;
}

body.ob-page-product .ob-gallery-open svg,
body.ob-page-cart-edit .ob-gallery-open svg {
  width: 17px !important;
  height: 17px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body.ob-page-product .ob-premium-thumbs,
body.ob-page-cart-edit .ob-premium-thumbs {
  position: relative !important;
  z-index: 12 !important;
  display: flex !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 12px 14px 14px !important;
  background: linear-gradient(180deg, rgba(3,5,7,.18), rgba(3,5,7,.30)) !important;
  border-top: 1px solid rgba(0,0,0,.08) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(28,170,176,.84) rgba(0,0,0,.22) !important;
  scroll-behavior: smooth !important;
}

body.ob-page-product .ob-premium-thumbs::-webkit-scrollbar,
body.ob-page-cart-edit .ob-premium-thumbs::-webkit-scrollbar { height: 7px !important; }
body.ob-page-product .ob-premium-thumbs::-webkit-scrollbar-track,
body.ob-page-cart-edit .ob-premium-thumbs::-webkit-scrollbar-track { background: rgba(0,0,0,.16) !important; border-radius: 999px !important; }
body.ob-page-product .ob-premium-thumbs::-webkit-scrollbar-thumb,
body.ob-page-cart-edit .ob-premium-thumbs::-webkit-scrollbar-thumb { background: var(--ob-gradient) !important; border-radius: 999px !important; }

body.ob-page-product .ob-premium-thumb,
body.ob-page-cart-edit .ob-premium-thumb {
  flex: 0 0 66px !important;
  width: 66px !important;
  height: 66px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  background: rgba(255,255,255,.88) !important;
  padding: 4px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.18), 0 1px 0 rgba(255,255,255,.60) inset !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.ob-page-product .ob-premium-thumb img,
body.ob-page-cart-edit .ob-premium-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

body.ob-page-product .ob-premium-thumb:hover,
body.ob-page-cart-edit .ob-premium-thumb:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(28,170,176,.58) !important;
}

body.ob-page-product .ob-premium-thumb.is-active,
body.ob-page-cart-edit .ob-premium-thumb.is-active {
  border-color: rgba(88,242,166,.82) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.24),
    0 0 0 2px rgba(88,242,166,.28),
    0 0 22px rgba(28,170,176,.24) !important;
}

body.ob-page-product .content-product.ob-product-premium .product-content,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 18px !important;
  padding: clamp(20px, 2.4vw, 32px) !important;
  border-radius: 26px !important;
  background:
    radial-gradient(circle at 96% 2%, rgba(28,170,176,.16), transparent 34%),
    radial-gradient(circle at 0% 0%, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.035)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 24px 70px rgba(0,0,0,.30),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 1px 0 rgba(255,255,255,.14) inset !important;
  overflow: visible !important;
}

body.ob-page-product .content-product.ob-product-premium .product-content::before,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content::before {
  content: "Descripción técnica" !important;
  display: inline-flex !important;
  margin: 0 0 16px !important;
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: .03em !important;
  text-transform: uppercase !important;
  color: #fff !important;
  background: linear-gradient(135deg, rgba(245,155,55,.72), rgba(28,170,176,.70)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.22), 0 1px 0 rgba(255,255,255,.18) inset !important;
}

body.ob-page-product .content-product.ob-product-premium .product-content pxw-rich-text,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content pxw-rich-text,
body.ob-page-product .content-product.ob-product-premium .product-content pxw-rich-text p,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content pxw-rich-text p,
body.ob-page-product .content-product.ob-product-premium .product-content p,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content p,
body.ob-page-product .content-product.ob-product-premium .product-content li,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content li {
  white-space: pre-line !important;
  color: rgba(255,255,255,.91) !important;
  font-size: clamp(15px, 1.05vw, 17px) !important;
  line-height: 1.72 !important;
  letter-spacing: -.012em !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

body.ob-page-product .content-product.ob-product-premium .product-content .layout-product-detail,
body.ob-page-cart-edit .content-product.ob-product-premium .product-content .layout-product-detail {
  display: none !important;
}

body.ob-page-product .content-product.ob-product-premium .input-observations,
body.ob-page-cart-edit .content-product.ob-product-premium .input-observations {
  margin-top: 26px !important;
  padding: 18px !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}

body.ob-page-product .content-product.ob-product-premium .input-observations label,
body.ob-page-product .content-product.ob-product-premium .input-observations span,
body.ob-page-cart-edit .content-product.ob-product-premium .input-observations label,
body.ob-page-cart-edit .content-product.ob-product-premium .input-observations span {
  color: rgba(255,255,255,.88) !important;
}

body.ob-page-product .content-product.ob-product-premium textarea,
body.ob-page-cart-edit .content-product.ob-product-premium textarea {
  color: #fff !important;
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.18) !important;
}

body.ob-page-product .content-product.ob-product-premium textarea::placeholder,
body.ob-page-cart-edit .content-product.ob-product-premium textarea::placeholder {
  color: rgba(255,255,255,.34) !important;
}

body.ob-page-product .content-product.ob-product-premium .product-tags,
body.ob-page-cart-edit .content-product.ob-product-premium .product-tags {
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 18px !important;
  padding: 22px !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 90% 100%, rgba(28,170,176,.16), transparent 42%),
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.028)) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 18px 54px rgba(0,0,0,.22) !important;
}

body.ob-page-product .content-product.ob-product-premium .product-tags__title,
body.ob-page-cart-edit .content-product.ob-product-premium .product-tags__title {
  margin: 0 0 14px !important;
  color: #fff !important;
  font-weight: 950 !important;
  font-size: 18px !important;
}

body.ob-page-product .content-product.ob-product-premium .product-tags__list,
body.ob-page-cart-edit .content-product.ob-product-premium .product-tags__list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.ob-page-product .content-product.ob-product-premium pxw-product-tag,
body.ob-page-cart-edit .content-product.ob-product-premium pxw-product-tag {
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.20), 0 1px 0 rgba(255,255,255,.10) inset !important;
}

body.ob-page-product .content-product.ob-product-premium pxw-product-tag:hover,
body.ob-page-cart-edit .content-product.ob-product-premium pxw-product-tag:hover {
  background: linear-gradient(135deg, rgba(245,155,55,.68), rgba(28,170,176,.62)) !important;
  border-color: rgba(88,242,166,.36) !important;
}

body.ob-page-product .ob-product-side-panel,
body.ob-page-cart-edit .ob-product-side-panel {
  position: relative !important;
  display: block !important;
  color: #fff !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

body.ob-page-product .ob-product-purchase-card,
body.ob-page-cart-edit .ob-product-purchase-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 26px !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(245,155,55,.20), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.24), transparent 42%),
    linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.045)) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.36),
    0 0 24px rgba(28,170,176,.08),
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 1px 0 rgba(255,255,255,.16) inset !important;
  backdrop-filter: blur(18px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.18) !important;
}

body.ob-page-product .ob-product-purchase-card::before,
body.ob-page-cart-edit .ob-product-purchase-card::before {
  content: "" !important;
  position: absolute !important;
  inset: -1px !important;
  pointer-events: none !important;
  border-radius: inherit !important;
  background: linear-gradient(135deg, rgba(255,255,255,.14), transparent 24%, transparent 74%, rgba(28,170,176,.10)) !important;
}

body.ob-page-product .ob-product-purchase-card > *,
body.ob-page-cart-edit .ob-product-purchase-card > * {
  position: relative !important;
  z-index: 1 !important;
}

body.ob-page-product .ob-product-eyebrow-row,
body.ob-page-cart-edit .ob-product-eyebrow-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

body.ob-page-product .ob-product-eyebrow,
body.ob-page-cart-edit .ob-product-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
}

body.ob-page-product .ob-product-eyebrow--brand,
body.ob-page-cart-edit .ob-product-eyebrow--brand {
  background: linear-gradient(135deg, rgba(245,155,55,.78), rgba(28,170,176,.62)) !important;
}

body.ob-page-product .ob-product-side-title,
body.ob-page-cart-edit .ob-product-side-title {
  margin: 0 0 16px !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  text-shadow: 0 12px 28px rgba(0,0,0,.38) !important;
}

body.ob-page-product .ob-product-price-block,
body.ob-page-cart-edit .ob-product-price-block {
  padding: 16px !important;
  border-radius: 20px !important;
  background: rgba(0,0,0,.20) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  margin-bottom: 12px !important;
}

body.ob-page-product .ob-product-price-label,
body.ob-page-cart-edit .ob-product-price-label {
  display: block !important;
  color: rgba(255,255,255,.70) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  margin-bottom: 4px !important;
}

body.ob-page-product .ob-product-main-price,
body.ob-page-cart-edit .ob-product-main-price {
  display: block !important;
  color: #fff !important;
  font-size: clamp(30px, 2.55vw, 42px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.38), 0 0 18px rgba(28,170,176,.16) !important;
}

body.ob-page-product .ob-product-transfer,
body.ob-page-cart-edit .ob-product-transfer {
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 4px 10px !important;
  align-items: center !important;
  margin: 12px 0 !important;
  padding: 14px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(88,242,166,.32) !important;
  background: linear-gradient(135deg, rgba(31,180,108,.26), rgba(28,170,176,.15)) !important;
  box-shadow: 0 0 28px rgba(88,242,166,.08), 0 1px 0 rgba(255,255,255,.11) inset !important;
}

body.ob-page-product .ob-product-transfer span,
body.ob-page-cart-edit .ob-product-transfer span {
  color: rgba(255,255,255,.86) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

body.ob-page-product .ob-product-transfer strong,
body.ob-page-cart-edit .ob-product-transfer strong {
  color: #eafff4 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-shadow: 0 0 18px rgba(88,242,166,.20) !important;
}

body.ob-page-product .ob-product-transfer em,
body.ob-page-cart-edit .ob-product-transfer em {
  grid-column: 1 / -1 !important;
  color: rgba(255,255,255,.72) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  font-style: normal !important;
}

body.ob-page-product .ob-product-benefits,
body.ob-page-cart-edit .ob-product-benefits {
  display: grid !important;
  gap: 9px !important;
  margin: 14px 0 16px !important;
}

body.ob-page-product .ob-product-benefit,
body.ob-page-cart-edit .ob-product-benefit {
  display: grid !important;
  grid-template-columns: 28px 1fr !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 10px 11px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  color: rgba(255,255,255,.82) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

body.ob-page-product .ob-product-benefit i,
body.ob-page-cart-edit .ob-product-benefit i {
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(245,155,55,.74), rgba(28,170,176,.66)) !important;
  color: #fff !important;
  font-style: normal !important;
  font-size: 13px !important;
}

body.ob-page-product .ob-product-side-panel .product-footer,
body.ob-page-cart-edit .ob-product-side-panel .product-footer,
body.ob-page-product .product-footer,
body.ob-page-cart-edit .product-footer {
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: static !important;
  overflow: visible !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ob-page-product .ob-product-side-panel pxw-product-quantity-selector,
body.ob-page-cart-edit .ob-product-side-panel pxw-product-quantity-selector {
  display: grid !important;
  gap: 12px !important;
}

body.ob-page-product .ob-product-side-panel pxw-counter,
body.ob-page-cart-edit .ob-product-side-panel pxw-counter {
  justify-content: center !important;
  margin: 0 !important;
}

body.ob-page-product .ob-product-side-panel pxw-button.submit-button button.wrapper,
body.ob-page-cart-edit .ob-product-side-panel pxw-button.submit-button button.wrapper,
body.ob-page-product .product-footer pxw-button.submit-button button.wrapper,
body.ob-page-cart-edit .product-footer pxw-button.submit-button button.wrapper {
  min-height: 60px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  background: var(--ob-gradient) !important;
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.34),
    0 0 24px rgba(28,170,176,.18),
    0 1px 0 rgba(255,255,255,.22) inset !important;
}

body.ob-page-product .ob-product-side-panel pxw-button.submit-button .text,
body.ob-page-cart-edit .ob-product-side-panel pxw-button.submit-button .text,
body.ob-page-product .product-footer pxw-button.submit-button .text,
body.ob-page-cart-edit .product-footer pxw-button.submit-button .text {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  width: 100% !important;
  color: #fff !important;
  font-weight: 950 !important;
  text-shadow: 0 8px 18px rgba(0,0,0,.28) !important;
}

body.ob-page-product .ob-product-side-panel pxw-button.submit-button pxw-product-price .current-price,
body.ob-page-cart-edit .ob-product-side-panel pxw-button.submit-button pxw-product-price .current-price,
body.ob-page-product .product-footer pxw-button.submit-button pxw-product-price .current-price,
body.ob-page-cart-edit .product-footer pxw-button.submit-button pxw-product-price .current-price {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

body.ob-page-product .ob-product-side-panel .add-product-label,
body.ob-page-cart-edit .ob-product-side-panel .add-product-label,
body.ob-page-product .product-footer .add-product-label,
body.ob-page-cart-edit .product-footer .add-product-label {
  color: #fff !important;
  font-weight: 950 !important;
}

body.ob-page-product .ob-product-side-note,
body.ob-page-cart-edit .ob-product-side-note {
  margin-top: 10px !important;
  color: rgba(255,255,255,.60) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-align: center !important;
  font-weight: 750 !important;
}

body.ob-page-product .ob-product-side-note strong,
body.ob-page-cart-edit .ob-product-side-note strong { color: #fff !important; }

body.ob-lightbox-open { overflow: hidden !important; }

body > .ob-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 16px !important;
  padding: 22px !important;
  background:
    radial-gradient(circle at 16% 0%, rgba(245,155,55,.14), transparent 34%),
    radial-gradient(circle at 92% 100%, rgba(28,170,176,.20), transparent 40%),
    rgba(0,0,0,.94) !important;
  backdrop-filter: blur(18px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
  color: #fff !important;
}

body > .ob-lightbox[hidden] { display: none !important; }

.ob-lightbox__header {
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr auto auto !important;
  gap: 14px !important;
  align-items: center !important;
}

.ob-lightbox__title {
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  font-size: clamp(16px, 1.4vw, 22px) !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
  text-shadow: 0 10px 28px rgba(0,0,0,.48) !important;
}

.ob-lightbox__counter {
  padding: 8px 12px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  color: rgba(255,255,255,.78) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.ob-lightbox__close,
.ob-lightbox__nav {
  display: inline-grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 1px 0 rgba(255,255,255,.14) inset !important;
  cursor: pointer !important;
}

.ob-lightbox__close {
  width: 44px !important;
  height: 44px !important;
  font-size: 26px !important;
}

.ob-lightbox__stage {
  position: relative !important;
  min-height: 0 !important;
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,1), rgba(246,248,250,.98) 60%, rgba(238,242,246,.95)) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 32px 94px rgba(0,0,0,.54), 0 1px 0 rgba(255,255,255,.50) inset !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
}

.ob-lightbox__image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
  user-select: none !important;
}

.ob-lightbox__nav {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 54px !important;
  height: 54px !important;
  font-size: 28px !important;
  background: rgba(17,22,31,.56) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.ob-lightbox__nav--prev { left: 16px !important; }
.ob-lightbox__nav--next { right: 16px !important; }

.ob-lightbox__thumbs {
  width: min(1280px, 100%) !important;
  margin: 0 auto !important;
  display: flex !important;
  gap: 10px !important;
  overflow-x: auto !important;
  padding: 4px 0 2px !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(28,170,176,.84) rgba(255,255,255,.08) !important;
}

.ob-lightbox__thumb {
  flex: 0 0 74px !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.92) !important;
  padding: 4px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.26) !important;
}

.ob-lightbox__thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.ob-lightbox__thumb.is-active {
  border-color: rgba(88,242,166,.86) !important;
  box-shadow: 0 0 0 2px rgba(88,242,166,.28), 0 0 24px rgba(28,170,176,.26) !important;
}

@media (min-width: 1024px) {
  body.ob-page-product .content-product.ob-product-premium,
  body.ob-page-cart-edit .content-product.ob-product-premium {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 390px) !important;
    grid-template-rows: auto auto !important;
    column-gap: 24px !important;
    row-gap: 22px !important;
  }

  body.ob-page-product .content-product.ob-product-premium > .ui-title,
  body.ob-page-cart-edit .content-product.ob-product-premium > .ui-title {
    grid-column: 1 / -1 !important;
  }

  body.ob-page-product .content-product.ob-product-premium > .product-wrapper,
  body.ob-page-cart-edit .content-product.ob-product-premium > .product-wrapper {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
  }

  body.ob-page-product .content-product.ob-product-premium > .ob-product-side-panel,
  body.ob-page-cart-edit .content-product.ob-product-premium > .ob-product-side-panel {
    grid-column: 2 !important;
    grid-row: 2 !important;
    align-self: start !important;
    position: sticky !important;
    top: 18px !important;
  }
}

@media (max-width: 1023px) {
  body.ob-page-product .content-product.ob-product-premium,
  body.ob-page-cart-edit .content-product.ob-product-premium {
    width: min(720px, calc(100vw - 20px)) !important;
    max-width: calc(100vw - 20px) !important;
    margin: 10px auto 24px !important;
    padding: 0 0 96px !important;
    overflow: hidden !important;
  }

  body.ob-page-product .content-product.ob-product-premium > .ui-title,
  body.ob-page-cart-edit .content-product.ob-product-premium > .ui-title {
    min-height: 66px !important;
    padding: 0 68px !important;
    border-radius: 24px 24px 0 0 !important;
  }

  body.ob-page-product .content-product.ob-product-premium .product-title,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-title,
  body.ob-page-product .content-product.ob-product-premium .title-content,
  body.ob-page-cart-edit .content-product.ob-product-premium .title-content {
    font-size: clamp(18px, 5vw, 22px) !important;
    line-height: 1.08 !important;
  }

  body.ob-page-product .ob-product-back,
  body.ob-page-cart-edit .ob-product-back,
  body.ob-page-product .ob-share-proxy,
  body.ob-page-cart-edit .ob-share-proxy {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  body.ob-page-product .ob-premium-stage,
  body.ob-page-cart-edit .ob-premium-stage {
    height: clamp(290px, 73vw, 430px) !important;
    min-height: 290px !important;
  }

  body.ob-page-product .ob-gallery-open,
  body.ob-page-cart-edit .ob-gallery-open {
    right: 12px !important;
    bottom: 12px !important;
    padding: 9px 11px !important;
    font-size: 0 !important;
  }

  body.ob-page-product .ob-gallery-open svg,
  body.ob-page-cart-edit .ob-gallery-open svg {
    width: 19px !important;
    height: 19px !important;
  }

  body.ob-page-product .ob-premium-thumb,
  body.ob-page-cart-edit .ob-premium-thumb {
    flex-basis: 58px !important;
    width: 58px !important;
    height: 58px !important;
  }

  body.ob-page-product .ob-product-purchase-card,
  body.ob-page-cart-edit .ob-product-purchase-card,
  body.ob-page-product .ob-product-side-note,
  body.ob-page-cart-edit .ob-product-side-note {
    display: none !important;
  }

  body.ob-page-product .ob-product-side-panel .product-footer,
  body.ob-page-cart-edit .ob-product-side-panel .product-footer {
    position: fixed !important;
    left: max(12px, env(safe-area-inset-left)) !important;
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    z-index: 1200 !important;
    margin: 0 auto !important;
    max-width: 560px !important;
    padding: 10px 12px !important;
    border-radius: 24px !important;
    background: linear-gradient(180deg, rgba(8,10,12,.74), rgba(4,6,8,.90)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow: 0 -18px 50px rgba(0,0,0,.48), 0 1px 0 rgba(255,255,255,.10) inset !important;
    backdrop-filter: blur(18px) saturate(1.16) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.16) !important;
  }

  body.ob-page-product .ob-product-side-panel pxw-product-quantity-selector,
  body.ob-page-cart-edit .ob-product-side-panel pxw-product-quantity-selector {
    grid-template-columns: 116px 1fr !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.ob-page-product .ob-product-side-panel pxw-counter,
  body.ob-page-cart-edit .ob-product-side-panel pxw-counter {
    justify-content: flex-start !important;
  }

  body.ob-page-product .ob-product-side-panel pxw-button.submit-button button.wrapper,
  body.ob-page-cart-edit .ob-product-side-panel pxw-button.submit-button button.wrapper {
    min-height: 58px !important;
    border-radius: 18px !important;
  }

  body > .ob-lightbox {
    padding: 12px !important;
    gap: 10px !important;
  }

  .ob-lightbox__header {
    grid-template-columns: 1fr auto !important;
  }

  .ob-lightbox__counter {
    display: none !important;
  }

  .ob-lightbox__stage {
    border-radius: 22px !important;
  }

  .ob-lightbox__nav {
    width: 46px !important;
    height: 46px !important;
    font-size: 24px !important;
  }

  .ob-lightbox__nav--prev { left: 10px !important; }
  .ob-lightbox__nav--next { right: 10px !important; }

  .ob-lightbox__thumb {
    flex-basis: 58px !important;
    width: 58px !important;
    height: 58px !important;
  }
}

@media (max-width: 575px) {
  body.ob-page-product .layout-router-wrapper,
  body.ob-page-cart-edit .layout-router-wrapper,
  body.ob-page-product .layout-router-wrapper > article,
  body.ob-page-cart-edit .layout-router-wrapper > article {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.ob-page-product .content-product.ob-product-premium,
  body.ob-page-cart-edit .content-product.ob-product-premium {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.ob-page-product .content-product.ob-product-premium > .ui-title,
  body.ob-page-cart-edit .content-product.ob-product-premium > .ui-title {
    border-radius: 0 !important;
    min-height: 62px !important;
    padding-left: 64px !important;
    padding-right: 64px !important;
  }

  body.ob-page-product .content-product.ob-product-premium .product-preview,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-preview {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.ob-page-product .ob-premium-stage,
  body.ob-page-cart-edit .ob-premium-stage {
    height: clamp(250px, 70vw, 340px) !important;
    min-height: 250px !important;
  }

  body.ob-page-product .ob-premium-nav,
  body.ob-page-cart-edit .ob-premium-nav {
    width: 40px !important;
    height: 40px !important;
    font-size: 26px !important;
  }

  body.ob-page-product .ob-premium-nav--prev,
  body.ob-page-cart-edit .ob-premium-nav--prev { left: 10px !important; }
  body.ob-page-product .ob-premium-nav--next,
  body.ob-page-cart-edit .ob-premium-nav--next { right: 10px !important; }

  body.ob-page-product .content-product.ob-product-premium .product-content,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-content,
  body.ob-page-product .content-product.ob-product-premium .product-tags,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-tags {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }

  body.ob-page-product .content-product.ob-product-premium .product-content,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-content {
    padding: 20px 16px 18px !important;
  }

  body.ob-page-product .content-product.ob-product-premium .product-content pxw-rich-text,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-content pxw-rich-text,
  body.ob-page-product .content-product.ob-product-premium .product-content pxw-rich-text p,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-content pxw-rich-text p,
  body.ob-page-product .content-product.ob-product-premium .product-content p,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-content p,
  body.ob-page-product .content-product.ob-product-premium .product-content li,
  body.ob-page-cart-edit .content-product.ob-product-premium .product-content li {
    font-size: 16px !important;
    line-height: 1.55 !important;
    overflow-wrap: break-word !important;
  }

  body.ob-page-product .ob-product-side-panel .product-footer,
  body.ob-page-cart-edit .ob-product-side-panel .product-footer {
    left: max(8px, env(safe-area-inset-left)) !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    padding: 9px !important;
    border-radius: 22px !important;
  }

  body.ob-page-product .ob-product-side-panel pxw-product-quantity-selector,
  body.ob-page-cart-edit .ob-product-side-panel pxw-product-quantity-selector {
    grid-template-columns: 96px 1fr !important;
    gap: 8px !important;
  }

  body.ob-page-product .ob-product-side-panel pxw-button.submit-button pxw-product-price .current-price,
  body.ob-page-cart-edit .ob-product-side-panel pxw-button.submit-button pxw-product-price .current-price {
    font-size: clamp(20px, 6vw, 26px) !important;
  }

  .ob-lightbox__title {
    font-size: 16px !important;
  }
}


/* =========================================================
   ODONTOBIG FINAL v35 — ajustes visuales finos
   - Oculta visor Pedix desde CSS para evitar flash inicial.
   - Transferencia en ficha con bloque simétrico y verde persuasivo.
   - Carrito: CTA único Continuar, sin botón duplicado de fondo.
   - Compartir de categoría/mobile con menú glass completo.
========================================================= */

html.ob-route-product app-product .product-preview .gallery-wrapper,
html.ob-route-product app-product .product-preview .gallery,
html.ob-route-product app-product .product-preview gallery,
html.ob-route-product app-product .product-preview gallery-item,
html.ob-route-product app-product .product-preview .g-image-item,
html.ob-route-product app-product .product-preview .zoom-icon,
body.ob-page-product app-product .product-preview .gallery-wrapper,
body.ob-page-product app-product .product-preview .gallery,
body.ob-page-product app-product .product-preview gallery,
body.ob-page-product app-product .product-preview gallery-item,
body.ob-page-product app-product .product-preview .g-image-item,
body.ob-page-product app-product .product-preview .zoom-icon,
body.ob-page-cart-edit app-product .product-preview .gallery-wrapper,
body.ob-page-cart-edit app-product .product-preview .gallery,
body.ob-page-cart-edit app-product .product-preview gallery,
body.ob-page-cart-edit app-product .product-preview gallery-item,
body.ob-page-cart-edit app-product .product-preview .g-image-item,
body.ob-page-cart-edit app-product .product-preview .zoom-icon {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

html.ob-route-product app-product .product-preview,
body.ob-page-product app-product .product-preview,
body.ob-page-cart-edit app-product .product-preview { min-height: 420px !important; }

html.ob-route-product app-product .product-preview:has(.ob-premium-stage),
body.ob-page-product app-product .product-preview:has(.ob-premium-stage),
body.ob-page-cart-edit app-product .product-preview:has(.ob-premium-stage) { min-height: 0 !important; }

body.ob-page-product .ob-product-price-block,
body.ob-page-cart-edit .ob-product-price-block,
body.ob-page-product .ob-product-transfer,
body.ob-page-cart-edit .ob-product-transfer {
  min-height: 104px !important;
  border-radius: 21px !important;
  display: grid !important;
  align-content: center !important;
}

body.ob-page-product .ob-product-price-block,
body.ob-page-cart-edit .ob-product-price-block {
  padding: 17px 18px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,255,255,.10), transparent 36%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.18), transparent 40%),
    linear-gradient(145deg, rgba(0,0,0,.26), rgba(255,255,255,.035)) !important;
  border-color: rgba(255,255,255,.13) !important;
}

body.ob-page-product .ob-product-transfer,
body.ob-page-cart-edit .ob-product-transfer {
  margin: 12px 0 !important;
  padding: 17px 18px !important;
  gap: 5px 12px !important;
  background:
    radial-gradient(circle at 9% 0%, rgba(88,242,166,.38), transparent 40%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.26), transparent 42%),
    linear-gradient(135deg, rgba(25,180,118,.38), rgba(8,58,52,.28) 58%, rgba(28,170,176,.20)) !important;
  border: 1px solid rgba(88,242,166,.58) !important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.30),
    0 0 34px rgba(88,242,166,.22),
    0 0 0 1px rgba(88,242,166,.08) inset,
    0 1px 0 rgba(255,255,255,.17) inset !important;
}

body.ob-page-product .ob-product-transfer span,
body.ob-page-cart-edit .ob-product-transfer span {
  color: rgba(234,255,244,.92) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-shadow: 0 0 14px rgba(88,242,166,.18), 0 1px 2px rgba(0,0,0,.34) !important;
}

body.ob-page-product .ob-product-transfer strong,
body.ob-page-cart-edit .ob-product-transfer strong {
  color: #eafff4 !important;
  font-size: clamp(23px, 1.65vw, 29px) !important;
  text-shadow: 0 0 24px rgba(88,242,166,.34), 0 2px 4px rgba(0,0,0,.34) !important;
}

body.ob-page-product .ob-product-transfer em,
body.ob-page-cart-edit .ob-product-transfer em { color: rgba(234,255,244,.78) !important; font-weight: 850 !important; }

body.ob-page-cart .checkout.ob-cart-checkout-compact,
body.ob-page-cart .section-resume > .checkout,
body.ob-page-cart .checkout.ob-cart-checkout-compact pxw-button,
body.ob-page-cart .section-resume > .checkout pxw-button,
body.ob-page-cart .checkout.ob-cart-checkout-compact button:not(.wrapper),
body.ob-page-cart .section-resume > .checkout button:not(.wrapper) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.ob-page-cart .checkout.ob-cart-checkout-compact pxw-button,
body.ob-page-cart .section-resume > .checkout pxw-button {
  display: block !important;
  width: min(360px, 100%) !important;
  max-width: 360px !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

body.ob-page-cart .checkout.ob-cart-checkout-compact button.wrapper,
body.ob-page-cart .section-resume > .checkout button.wrapper {
  width: 100% !important;
  max-width: 360px !important;
  min-height: 56px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
  border-radius: 18px !important;
  background: linear-gradient(90deg, rgba(245,155,55,.92), rgba(28,170,176,.84)) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.34), 0 0 24px rgba(28,170,176,.16), 0 1px 0 rgba(255,255,255,.16) inset !important;
  font-weight: 950 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.28) !important;
}

body.ob-page-category app-share-button.ob-share-original-hidden,
body.ob-page-search app-share-button.ob-share-original-hidden {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.ob-page-category .ob-share-proxy--category,
body.ob-page-search .ob-share-proxy--category {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  max-width: 38px !important;
  max-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  background: linear-gradient(135deg, rgba(245,155,55,.92), rgba(28,170,176,.78)) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.30), 0 0 18px rgba(28,170,176,.16), 0 1px 0 rgba(255,255,255,.20) inset !important;
  overflow: hidden !important;
  cursor: pointer !important;
  vertical-align: middle !important;
}

body.ob-page-category .ob-share-proxy--category svg,
body.ob-page-search .ob-share-proxy--category svg {
  width: 19px !important;
  height: 19px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.25 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  pointer-events: none !important;
}

body.ob-page-category .ob-custom-share-menu,
body.ob-page-search .ob-custom-share-menu,
body.ob-page-product .ob-custom-share-menu,
body.ob-page-cart-edit .ob-custom-share-menu { z-index: 2147483647 !important; }

@media (max-width: 575px) {
  body > .ob-custom-share-menu {
    width: min(292px, calc(100vw - 24px)) !important;
    min-width: min(292px, calc(100vw - 24px)) !important;
    max-width: min(292px, calc(100vw - 24px)) !important;
    padding: 11px !important;
    border-radius: 18px !important;
  }
  body > .ob-custom-share-menu button,
  body > .ob-custom-share-menu a { min-height: 50px !important; padding: 0 16px !important; font-size: 13px !important; }
}


/* =========================================================
   ODONTOBIG FINAL v36 — checkout first-selection clarity
   - Al ingresar a /pedido ninguna forma de pago queda marcada visualmente.
   - “Necesito que me lo envíen” se comunica como “Envío a domicilio”.
   - Se neutraliza cualquier :has(input:checked) nativo de Pedix hasta que
     nuestro runtime confirme una selección real del usuario.
========================================================= */
body.ob-page-checkout .radio-item.obx-payment:not(.obx-payment-selected),
body.ob-page-checkout .radio-item.obx-payment.ob-selected-option:not(.obx-payment-selected),
body.ob-page-checkout .radio-item.obx-payment:has(input:checked):not(.obx-payment-selected) {
  color: #ffffff !important;
  border-color: rgba(88,242,166,.34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.18), transparent 34%),
    linear-gradient(135deg, rgba(28,126,88,.38), rgba(28,170,176,.20)) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.03) inset !important;
}

body.ob-page-checkout .radio-item.obx-payment:not(.obx-payment-selected)::after,
body.ob-page-checkout .radio-item.obx-payment.ob-selected-option:not(.obx-payment-selected)::after,
body.ob-page-checkout .radio-item.obx-payment:has(input:checked):not(.obx-payment-selected)::after {
  content: none !important;
  display: none !important;
}

body.ob-page-checkout.ob-checkout-payment-untouched .radio-item.obx-payment,
body.ob-page-checkout.ob-checkout-payment-untouched .radio-item.obx-payment:has(input:checked) {
  border-color: rgba(88,242,166,.34) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.18), transparent 34%),
    linear-gradient(135deg, rgba(28,126,88,.38), rgba(28,170,176,.20)) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    0 0 0 1px rgba(255,255,255,.03) inset !important;
}

body.ob-page-checkout.ob-checkout-payment-untouched .radio-item.obx-payment::after {
  content: none !important;
  display: none !important;
}

body.ob-page-checkout .radio-item.obx-delivery-shipping {
  width: 118px !important;
  min-width: 118px !important;
  min-height: 70px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  gap: 0 !important;
}

body.ob-page-checkout .radio-item.obx-delivery-shipping > *:not(pxw-tag):not(.payment-discount) {
  font-size: 0 !important;
  line-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ob-page-checkout .radio-item.obx-delivery-shipping::before {
  content: attr(data-obx-label) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.40), 0 0 16px rgba(88,242,166,.18) !important;
  white-space: normal !important;
}

body.ob-page-checkout .radio-item.obx-delivery-shipping.obx-shipping-selected::before,
body.ob-page-checkout .radio-item.obx-delivery-shipping.ob-selected-option::before {
  text-shadow:
    0 1px 2px rgba(0,0,0,.40),
    0 0 18px rgba(88,242,166,.28) !important;
}

@media (max-width: 575px) {
  body.ob-page-checkout .radio-item.obx-delivery-shipping {
    width: 112px !important;
    min-width: 112px !important;
    min-height: 68px !important;
  }

  body.ob-page-checkout .radio-item.obx-delivery-shipping::before {
    font-size: 14px !important;
  }
}

/* =========================================================
   ODONTOBIG FINAL v36 — checkout payment initial-state lock
   - No se fuerza ninguna forma de pago al entrar a /pedido.
   - Las cuotas se muestran sólo después de elegir Financiación.
   - Evita que :has(input:checked) de Pedix pinte un pago por defecto.
========================================================= */

body.ob-page-checkout .radio-item.obx-payment:not(.obx-payment-selected),
body.ob-page-checkout .radio-item.obx-payment:has(input:checked):not(.obx-payment-selected) {
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.18), transparent 34%),
    linear-gradient(135deg, rgba(28,126,88,.38), rgba(28,170,176,.20)) !important;
  border-color: rgba(88,242,166,.34) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.24),
    0 0 16px rgba(88,242,166,.10),
    0 0 0 1px rgba(255,255,255,.03) inset !important;
}

body.ob-page-checkout .radio-item.obx-payment:not(.obx-payment-selected)::after,
body.ob-page-checkout .radio-item.obx-payment:has(input:checked):not(.obx-payment-selected)::after {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}

body.ob-page-checkout.ob-checkout-payment-untouched .obx-installments-host,
body.ob-page-checkout.ob-checkout-payment-transfer .obx-installments-host,
body.ob-page-checkout:not(.ob-checkout-payment-financing) .obx-installments-host {
  display: none !important;
}

body.ob-page-checkout.ob-checkout-payment-financing .obx-installments-host,
body.ob-page-checkout.ob-checkout-payment-financing .obx-installments-group {
  display: block !important;
}

body.ob-page-checkout.ob-checkout-payment-financing .obx-installments-group.radio-options,
body.ob-page-checkout.ob-checkout-payment-financing .obx-installments-group .radio-options {
  display: block !important;
}

body.ob-page-checkout .payment-methods,
body.ob-page-checkout pxw-input-radio-group[name="paymentMethods"],
body.ob-page-checkout pxw-end-order-payment-methods-fields,
body.ob-page-checkout .obx-payment-host {
  display: block !important;
}

body.ob-page-checkout .payment-methods > .radio-options,
body.ob-page-checkout pxw-input-radio-group[name="paymentMethods"] > .radio-options {
  display: flex !important;
}

body.ob-page-checkout .radio-item.obx-payment.obx-payment-selected {
  color: #ffffff !important;
  border-color: rgba(88,242,166,.82) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(88,242,166,.38), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(28,170,176,.36), transparent 38%),
    linear-gradient(135deg, rgba(36,190,126,.70), rgba(28,170,176,.42)) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.36),
    0 0 34px rgba(88,242,166,.28),
    0 0 0 1px rgba(88,242,166,.22) inset !important;
}

/* =========================================================
   ODONTOBIG FINAL v37 — ajustes limpios de transición y checkout
========================================================= */

html.ob-route-checkout app-product,
html.ob-route-checkout app-product .content-product,
html.ob-route-checkout app-product .product-preview,
html.ob-route-checkout app-product .gallery-wrapper,
html.ob-route-checkout app-product .gallery,
html.ob-route-checkout app-product gallery,
html.ob-route-checkout app-product gallery-item,
html.ob-route-checkout app-product .g-image-item,
html.ob-route-checkout app-product .zoom-icon,
body.ob-page-checkout app-product,
body.ob-page-checkout app-product .content-product,
body.ob-page-checkout app-product .product-preview,
body.ob-page-checkout app-product .gallery-wrapper,
body.ob-page-checkout app-product .gallery,
body.ob-page-checkout app-product gallery,
body.ob-page-checkout app-product gallery-item,
body.ob-page-checkout app-product .g-image-item,
body.ob-page-checkout app-product .zoom-icon {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  max-height: 0 !important;
  overflow: hidden !important;
}

html.ob-route-checkout .ng-image-fullscreen-view,
html.ob-route-checkout .g-image-viewer,
html.ob-route-checkout .gallery-lightbox,
html.ob-route-checkout gallery-modal,
body.ob-page-checkout .ng-image-fullscreen-view,
body.ob-page-checkout .g-image-viewer,
body.ob-page-checkout .gallery-lightbox,
body.ob-page-checkout gallery-modal {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.ob-page-checkout .radio-item.obx-payment.obx-financing-payment {
  min-width: 128px !important;
}

body.ob-page-checkout .radio-item.obx-payment.obx-financing-payment > *:not(pxw-tag):not(.payment-discount) {
  font-size: 0 !important;
  line-height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.ob-page-checkout .radio-item.obx-payment.obx-financing-payment::before {
  content: attr(data-obx-label) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.40), 0 0 16px rgba(88,242,166,.18) !important;
}

body.ob-page-checkout .obx-installment-row:not(.obx-installment-selected) .obx-installment-dot {
  border-color: rgba(255,255,255,.86) !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow: 0 0 0 2px rgba(0,0,0,.20), 0 0 9px rgba(255,255,255,.10) !important;
}

body.ob-page-checkout .obx-installment-row.obx-installment-selected .obx-installment-dot {
  border-color: rgba(88,242,166,1) !important;
  background: radial-gradient(circle at center, #58f2a6 0 42%, rgba(88,242,166,.22) 44% 100%) !important;
  box-shadow:
    0 0 0 3px rgba(88,242,166,.18),
    0 0 22px rgba(88,242,166,.72),
    0 0 34px rgba(88,242,166,.22) !important;
}


/* =========================================================
   ODONTOBIG FINAL v38 — seguridad adicional pago/cuotas
========================================================= */
body.ob-page-checkout .payment-methods,
body.ob-page-checkout pxw-input-radio-group[name="paymentMethods"],
body.ob-page-checkout pxw-end-order-payment-methods-fields,
body.ob-page-checkout .obx-payment-host {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}
body.ob-page-checkout .payment-methods > .radio-options,
body.ob-page-checkout pxw-input-radio-group[name="paymentMethods"] > .radio-options {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.ob-page-checkout.ob-checkout-payment-transfer .payment-methods,
body.ob-page-checkout.ob-checkout-payment-transfer pxw-input-radio-group[name="paymentMethods"],
body.ob-page-checkout.ob-checkout-payment-transfer pxw-end-order-payment-methods-fields {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-height: none !important;
}
body.ob-page-checkout.ob-checkout-payment-transfer .payment-methods > .radio-options,
body.ob-page-checkout.ob-checkout-payment-transfer pxw-input-radio-group[name="paymentMethods"] > .radio-options {
  display: flex !important;
}


/* =========================================================
   ODONTOBIG FINAL v39 — seguridad visual importes cuotas
========================================================= */
body.ob-page-checkout .obx-installment-row .obx-installment-amount:not(:empty) {
  display: inline-flex !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.ob-page-checkout .obx-installment-row[data-obx-installments="1"] .obx-installment-amount {
  display: none !important;
}

/* =========================================================
   ODONTOBIG FINAL v41-clean — checkout sin flash + cuotas visibles
========================================================= */
html.ob-route-checkout pxw-input-radio-group[name="shippingOption"] .radio-options > .radio-item:first-child,
body.ob-page-checkout pxw-input-radio-group[name="shippingOption"] .radio-options > .radio-item:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
}
html.ob-route-checkout pxw-input-radio-group[name="shippingOption"] .radio-options > .radio-item:first-child::before,
body.ob-page-checkout pxw-input-radio-group[name="shippingOption"] .radio-options > .radio-item:first-child::before {
  content: "Envío a domicilio" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 14px rgba(88,242,166,.20) !important;
}

html.ob-route-checkout pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2),
body.ob-page-checkout pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2) {
  font-size: 0 !important;
  line-height: 0 !important;
}
html.ob-route-checkout pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2)::before,
body.ob-page-checkout pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2)::before {
  content: "Financiación" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 16px rgba(88,242,166,.18) !important;
}

body.ob-page-checkout .obx-installment-row .obx-installment-amount {
  display: none !important;
}
body.ob-page-checkout .obx-installment-row[data-obx-amount]:not([data-obx-installments="1"])::after {
  content: attr(data-obx-amount) !important;
  position: absolute !important;
  top: 50% !important;
  right: 17px !important;
  min-width: 128px !important;
  height: 29px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: -0.015em !important;
  line-height: 1 !important;
  background: linear-gradient(135deg, rgba(88,242,166,.30), rgba(28,170,176,.26)) !important;
  border: 1px solid rgba(88,242,166,.42) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.24), 0 0 18px rgba(88,242,166,.16), 0 1px 0 rgba(255,255,255,.15) inset !important;
  text-shadow: 0 0 14px rgba(88,242,166,.22), 0 1px 2px rgba(0,0,0,.42) !important;
  z-index: 8 !important;
  pointer-events: none !important;
}
body.ob-page-checkout .obx-installment-row.obx-installment-selected[data-obx-amount]:not([data-obx-installments="1"])::after {
  background: linear-gradient(135deg, rgba(88,242,166,.46), rgba(28,170,176,.38)) !important;
  border-color: rgba(88,242,166,.64) !important;
  box-shadow: 0 10px 22px rgba(0,0,0,.28), 0 0 24px rgba(88,242,166,.26), 0 1px 0 rgba(255,255,255,.18) inset !important;
}

@media (max-width: 575px) {
  body.ob-page-checkout .obx-installment-row[data-obx-amount]:not([data-obx-installments="1"])::after {
    right: 10px !important;
    min-width: 84px !important;
    height: 25px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
  }
}

/* =========================================================
   ODONTOBIG FINAL v41-clean — detección robusta cuotas + antiflash checkout
========================================================= */
html.ob-route-checkout pxw-end-order-shipping-option-fields .radio-options > .radio-item:first-child,
html.ob-route-checkout pxw-end-order-shipping-option-fields pxw-input-radio-group .radio-options > .radio-item:first-child,
body.ob-page-checkout pxw-end-order-shipping-option-fields .radio-options > .radio-item:first-child,
body.ob-page-checkout pxw-end-order-shipping-option-fields pxw-input-radio-group .radio-options > .radio-item:first-child {
  font-size: 0 !important;
  line-height: 0 !important;
}
html.ob-route-checkout pxw-end-order-shipping-option-fields .radio-options > .radio-item:first-child::before,
html.ob-route-checkout pxw-end-order-shipping-option-fields pxw-input-radio-group .radio-options > .radio-item:first-child::before,
body.ob-page-checkout pxw-end-order-shipping-option-fields .radio-options > .radio-item:first-child::before,
body.ob-page-checkout pxw-end-order-shipping-option-fields pxw-input-radio-group .radio-options > .radio-item:first-child::before {
  content: "Envío a domicilio" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 14px rgba(88,242,166,.20) !important;
}
html.ob-route-checkout pxw-end-order-payment-methods-fields .payment-methods .radio-options > .radio-item:nth-child(2),
html.ob-route-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2),
html.ob-route-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group:first-of-type .radio-options > .radio-item:nth-child(2),
body.ob-page-checkout pxw-end-order-payment-methods-fields .payment-methods .radio-options > .radio-item:nth-child(2),
body.ob-page-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2),
body.ob-page-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group:first-of-type .radio-options > .radio-item:nth-child(2) {
  font-size: 0 !important;
  line-height: 0 !important;
}
html.ob-route-checkout pxw-end-order-payment-methods-fields .payment-methods .radio-options > .radio-item:nth-child(2)::before,
html.ob-route-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2)::before,
html.ob-route-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group:first-of-type .radio-options > .radio-item:nth-child(2)::before,
body.ob-page-checkout pxw-end-order-payment-methods-fields .payment-methods .radio-options > .radio-item:nth-child(2)::before,
body.ob-page-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group[name="paymentMethods"] .radio-options > .radio-item:nth-child(2)::before,
body.ob-page-checkout pxw-end-order-payment-methods-fields pxw-input-radio-group:first-of-type .radio-options > .radio-item:nth-child(2)::before {
  content: "Financiación" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 16px rgba(88,242,166,.18) !important;
}

body.ob-page-checkout .obx-installments-host,
body.ob-page-checkout .obx-installments-group {
  visibility: visible !important;
  opacity: 1 !important;
}
body.ob-page-checkout.ob-checkout-payment-untouched .obx-installments-host,
body.ob-page-checkout.ob-checkout-payment-transfer .obx-installments-host,
body.ob-page-checkout:not(.ob-checkout-payment-financing) .obx-installments-host {
  display: none !important;
}
body.ob-page-checkout.ob-checkout-payment-financing .obx-installments-host,
body.ob-page-checkout.ob-checkout-payment-financing .obx-installments-group {
  display: block !important;
}


/* =========================================================
   ODONTOBIG FINAL v42-clean — cuotas dentro de paymentMethods mixto
   - Si Pedix renderiza cuotas dentro del mismo host que forma de pago,
     ocultamos/mostramos sólo las filas de cuotas, no todo el grupo.
========================================================= */
body.ob-page-checkout .obx-installments-shared-host,
body.ob-page-checkout .obx-installments-shared-group {
  visibility: visible !important;
  opacity: 1 !important;
}

body.ob-page-checkout.ob-checkout-payment-untouched .obx-installment-row,
body.ob-page-checkout.ob-checkout-payment-transfer .obx-installment-row,
body.ob-page-checkout:not(.ob-checkout-payment-financing) .obx-installment-row {
  display: none !important;
}

body.ob-page-checkout.ob-checkout-payment-financing .obx-installment-row {
  display: flex !important;
}

body.ob-page-checkout .obx-installments-shared-group > .obx-payment,
body.ob-page-checkout .obx-installments-shared-host .obx-payment {
  display: inline-flex !important;
}

body.ob-page-checkout .obx-installment-row[data-obx-amount]:not([data-obx-installments="1"])::after {
  content: attr(data-obx-amount) !important;
}

/* =========================================================
   ODONTOBIG FINAL v43 — ajuste mobile del cupón en checkout
   - Corrige alineación y proporción del bloque Cupón de descuento en mobile.
   - Desktop queda igual que v42-clean.
========================================================= */
@media (max-width: 575px) {
  body.ob-page-checkout pxw-end-order-coupon-fields,
  body.ob-page-checkout pxw-end-order-coupon-fields * {
    box-sizing: border-box !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields form.ui-input,
  body.ob-page-checkout pxw-end-order-coupon-fields > form.ui-input {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px 14px 16px !important;
    overflow: hidden !important;
    border-radius: 22px !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field,
  body.ob-page-checkout pxw-end-order-coupon-fields pxw-input-text.coupon-input-field {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field > .ui-label,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field .ui-label,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input .ui-label {
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin: 0 0 10px !important;
    line-height: 1.15 !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field > .ui-input__container,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-field .ui-input__container,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__container--with-addons {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 6px !important;
    overflow: hidden !important;
    border-radius: 20px !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background:
      radial-gradient(circle at 100% 100%, rgba(28, 170, 176, .16), transparent 46%),
      linear-gradient(135deg, rgba(255, 255, 255, .075), rgba(255, 255, 255, .026)) !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__container--with-addons > .ui-input__addon-wrapper:first-child:empty {
    display: none !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__editor {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__editor input,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__editor .ui-input__input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: 14px !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper pxw-button,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper button,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper .wrapper,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-button,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-button .wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    background:
      linear-gradient(105deg, rgba(245, 155, 55, .92), rgba(28, 170, 176, .78)) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    box-shadow:
      0 12px 24px rgba(0, 0, 0, .28),
      0 0 18px rgba(28, 170, 176, .14),
      0 1px 0 rgba(255, 255, 255, .16) inset !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper .text,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-button .text,
  body.ob-page-checkout pxw-end-order-coupon-fields button .text,
  body.ob-page-checkout pxw-end-order-coupon-fields pxw-button .text {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .34) !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields form.ui-input > .ui-helper,
  body.ob-page-checkout pxw-end-order-coupon-fields p.ui-helper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin: 10px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-align: left !important;
    white-space: normal !important;
  }
}

@media (max-width: 360px) {
  body.ob-page-checkout pxw-end-order-coupon-fields form.ui-input,
  body.ob-page-checkout pxw-end-order-coupon-fields > form.ui-input {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__container--with-addons {
    gap: 6px !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper pxw-button,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper button,
  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper .wrapper,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-button,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-button .wrapper {
    width: 82px !important;
    min-width: 82px !important;
    max-width: 82px !important;
  }

  body.ob-page-checkout pxw-end-order-coupon-fields .ui-input__addon-wrapper .text,
  body.ob-page-checkout pxw-end-order-coupon-fields .coupon-input-button .text,
  body.ob-page-checkout pxw-end-order-coupon-fields button .text,
  body.ob-page-checkout pxw-end-order-coupon-fields pxw-button .text {
    font-size: 12px !important;
  }
}