/* Regoo storefront final typography layer.
   Loaded after page/template inline styles so every public page keeps one rhythm. */
:root {
  --regoo-font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Roboto", "Droid Sans", Arial, sans-serif;
  --rg-store-font-stack: var(--regoo-font-family);
  --pdp-sync-font: var(--regoo-font-family);
  --rg-font-stack-final: var(--regoo-font-family);
  --rg-text-strong: #111827;
  --rg-text-body: #1f2937;
  --rg-text-muted: #6b7280;
  --rg-text-soft: #8a8f98;
  --rg-accent: #ee4d2d;
  --rg-fs-micro: 11px;
  --rg-fs-meta: 12px;
  --rg-fs-card: 13px;
  --rg-fs-body: 14px;
  --rg-fs-section: 16px;
  --rg-fs-title: 18px;
  --rg-fs-page: 22px;
  --rg-lh-tight: 1.35;
  --rg-lh-ui: 1.5;
  --rg-lh-read: 1.55;
  --rg-fw-normal: 400;
  --rg-fw-medium: 500;
  --rg-fw-semibold: 600;
}

body.rg-storefront {
  color: var(--rg-text-body) !important;
  font-family: var(--rg-font-stack-final) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-ui) !important;
  letter-spacing: 0 !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.rg-storefront :where(button, input, optgroup, select, textarea, .btn, .form-control, .form-select, .dropdown-menu, .offcanvas, .modal, .alert) {
  font-family: var(--rg-font-stack-final) !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(p, li, td, th, label, input, select, textarea, button, .btn) {
  line-height: var(--rg-lh-ui) !important;
}

body.rg-storefront :where(.text-muted, .small, small, .rg-muted, .stdp-muted, .shp-review-muted, .shp-qa-muted, .tkp-empty-box, .vando-muted) {
  color: var(--rg-text-muted) !important;
}

body.rg-storefront :where(strong, b, .fw-bold, .fw-bolder) {
  font-weight: var(--rg-fw-semibold) !important;
}

body.rg-storefront .fw-semibold {
  font-weight: var(--rg-fw-medium) !important;
}

/* Page hierarchy: clear but not oversized. */
body.rg-storefront :where(h1, h2, h3, h4, h5, h6) {
  color: var(--rg-text-strong) !important;
  font-family: var(--rg-font-stack-final) !important;
  font-style: normal !important;
  font-weight: var(--rg-fw-medium) !important;
  letter-spacing: 0 !important;
  line-height: var(--rg-lh-tight) !important;
}

body.rg-storefront :where(.rg-page-title, .blog-page-title, .article-title, .rg-thankyou-title, .rg-checkout-title) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-page) !important;
  font-weight: var(--rg-fw-semibold) !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.rg-section-title, .rg-section-heading, .rg-related-head h2, .blog-featured-title, .cartx-card-head, .cartx-side-title, .ot-section-title, .customer-section-title) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-section) !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: var(--rg-lh-tight) !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.blog-list-title, .blog-list-title a, .related-card-title, .rg-card-title, .rg-product-title, .shp-mobile-shop-product-title) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-card) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

/* Long-form text: product descriptions, page content, shop intro and blog copy. */
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content, .article-summary, .blog-page-desc, .blog-list-summary, .blog-featured-summary) {
  color: var(--rg-text-body) !important;
  font-family: var(--rg-font-stack-final) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-read) !important;
  letter-spacing: 0 !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content)
  :where(p, li, blockquote, td, th, span, font, a, em, i, div):not(code):not(pre):not(kbd):not(samp) {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content)
  :where(strong, b):not(code):not(pre):not(kbd):not(samp) {
  color: var(--rg-text-strong) !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) :where(h1, h2, h3, h4, h5, h6) {
  color: var(--rg-text-strong) !important;
  font-family: inherit !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  margin: 14px 0 8px !important;
}

body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) h1 { font-size: 16px !important; }
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) h2 { font-size: 15px !important; }
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) h3,
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) h4,
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) h5,
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) h6 { font-size: 14px !important; }

body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) p,
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) ul,
body.rg-storefront :where(.rte-content, .rg-intro-text, .stdp-rte, .tkp-richtext, .vando-content) ol {
  margin-top: 0 !important;
  margin-bottom: 9px !important;
}

/* Store header/menu/footer. */
body.rg-storefront :where(.navbar-brand, .main-header-brand, .offcanvas .menu-title) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-section) !important;
  font-weight: var(--rg-fw-semibold) !important;
  line-height: var(--rg-lh-tight) !important;
}

body.rg-storefront :where(.nav-link, .offcanvas-body a, .menu-cat-l1, .menu-cat-l2, .main-footer-item) {
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-ui) !important;
}

body.rg-storefront :where(.top-promo-inline, .popup-khach-label) {
  font-size: var(--rg-fs-card) !important;
  font-weight: var(--rg-fw-medium) !important;
  letter-spacing: 0 !important;
}

/* Product cards across home, shop, related and recommendations. */
body.rg-storefront :where(.rg-card-title, .rg-product-title, .shp-mobile-shop-product-title, .tkp-related-title, .vando-related-title) {
  font-size: var(--rg-fs-card) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: 1.42 !important;
}

body.rg-storefront :where(.rg-card-price, .rg-product-price-main, .shp-mobile-shop-product-price, .cartx-price-main) {
  color: var(--rg-accent) !important;
  font-size: var(--rg-fs-section) !important;
  font-weight: var(--rg-fw-semibold) !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.rg-product-price-compare, .rg-card-compare, .shp-mobile-shop-product-sold, .blog-meta-row, .article-meta, .related-card-meta) {
  color: var(--rg-text-muted) !important;
  font-size: var(--rg-fs-meta) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: 1.45 !important;
}

body.rg-storefront :where(.rg-badge, .shp-title-pill, .shp-pill, .cartx-status-badge, .badge) {
  font-size: var(--rg-fs-micro) !important;
  font-weight: var(--rg-fw-semibold) !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

/* Product detail templates: Standard, Shopee, TikTok, Vando. */
body.rg-storefront :where(.stdp-title, .shp-title, .tkp-title, .vando-title) {
  color: var(--rg-text-strong) !important;
  font-family: var(--rg-font-stack-final) !important;
  font-size: var(--rg-fs-section) !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: 1.38 !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.stdp-mini-meta, .shp-meta, .tkp-rating-row, .vando-meta, .stdp-stock-row, .shp-stock-line, .tkp-stock-side, .vando-stock) {
  color: var(--rg-text-muted) !important;
  font-size: var(--rg-fs-meta) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: 1.45 !important;
}

body.rg-storefront :where(.stdp-block-title, .shp-modal-title, .tkp-form-label, .vando-order .label, .shp-section-title, .tkp-card-title, .vando-section h2) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: 1.42 !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.stdp-price-now, .shp-price .cur, .tkp-price-current, .vando-price .now, .vando-order .pricebox .price) {
  color: var(--rg-accent) !important;
  font-weight: var(--rg-fw-semibold) !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.shp-mobile-section-head h2, .shp-mobile-desc-panel h2, .shp-mobile-collapse-head b, .shp-mobile-rec-title b) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.shp-mobile-desc-content, .shp-mobile-desc-content p, .shp-mobile-desc-content li, .shp-mobile-desc-content div, .shp-mobile-desc-content span) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-read) !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.stdp-review-content, .stdp-qa-question, .stdp-qa-answer-body, .shp-review-content, .shp-qa-question, .shp-qa-answer-body, .tkp-review-content, .tkp-faq-q, .tkp-faq-a, .vando-review-item) {
  color: var(--rg-text-body) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-read) !important;
}

/* Blog and static pages. */
body.rg-storefront :where(.article-title) {
  font-size: clamp(22px, 3vw, 28px) !important;
}

body.rg-storefront :where(.blog-page-title) {
  font-size: clamp(22px, 3vw, 28px) !important;
}

body.rg-storefront :where(.article-summary) {
  font-size: var(--rg-fs-body) !important;
  font-style: normal !important;
  line-height: var(--rg-lh-read) !important;
}

body.rg-storefront :where(.article-card .rte-content h2) { font-size: 18px !important; }
body.rg-storefront :where(.article-card .rte-content h3) { font-size: 16px !important; }
body.rg-storefront :where(.article-card .rte-content h4) { font-size: 15px !important; }

/* Shop/filter/list pages. */
body.rg-storefront :where(.rg-filter-title, .rg-promo-code, .rg-chip, .rg-sort-link, .rg-intro-more) {
  font-size: var(--rg-fs-card) !important;
  font-weight: var(--rg-fw-medium) !important;
  letter-spacing: 0 !important;
}

body.rg-storefront :where(.rg-promo-meta, .rg-filter-help, .rg-intro-text) {
  font-size: var(--rg-fs-body) !important;
  line-height: var(--rg-lh-read) !important;
}

/* Cart, checkout, account and order tracking. */
body.rg-storefront :where(.cartx-page, .rg-checkout-wrap, .customer-app, .ot-page) {
  color: var(--rg-text-body) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-ui) !important;
}

body.rg-storefront :where(.cartx-section-title, .rg-checkout-label, .customer-nav-title, .ot-timeline-title, .ot-terminal-title) {
  color: var(--rg-text-strong) !important;
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-medium) !important;
  line-height: 1.42 !important;
}

body.rg-storefront :where(.cartx-title, .cartx-desc, .cartx-variant, .cartx-note-help, .cartx-ship-text, .cartx-side-help, .cartx-promo-meta, .cartx-pay-item, .ot-search-label, .ot-muted-label, .ot-timeline-time, .ot-timeline-from, .ot-timeline-note, .ot-item-label) {
  font-size: var(--rg-fs-meta) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: 1.5 !important;
}

body.rg-storefront :where(.cartx-line-label, .cartx-line-value, .ot-item-value, .ot-kpi-value) {
  font-size: var(--rg-fs-body) !important;
  line-height: 1.45 !important;
}

body.rg-storefront :where(.rg-field-control input, .rg-field-control select, .rg-field-control textarea, .cartx-note textarea, .cartx-promo-input, .cartx-variant-select, .ot-search-input, .customer-app input, .customer-app select, .customer-app textarea) {
  color: var(--rg-text-strong) !important;
  font-size: 16px !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: 1.45 !important;
}

body.rg-storefront :where(.rg-submit-btn, .cartx-submit-btn, .rg-copy-btn, .cartx-apply-btn, .customer-app .btn, .ot-search-btn) {
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-semibold) !important;
  line-height: 1.35 !important;
}

/* Live chat/review popups: keep compact and readable. */
body.rg-storefront :where(.rg-live-chat, .rg-live-chat__panel, .rg-review-success-card) {
  font-family: var(--rg-font-stack-final) !important;
}

body.rg-storefront :where(.rg-live-chat__title, .rg-review-success-title) {
  font-size: 15px !important;
  font-weight: var(--rg-fw-semibold) !important;
}

body.rg-storefront :where(.rg-live-chat__bubble, .rg-live-chat__fields input, .rg-live-chat__compose textarea, .rg-review-success-text) {
  font-size: var(--rg-fs-body) !important;
  font-weight: var(--rg-fw-normal) !important;
  line-height: var(--rg-lh-ui) !important;
}

body.rg-storefront :where(.rg-live-chat__fields input, .rg-live-chat__compose textarea) {
  font-size: 16px !important;
}

/* Cart mobile compact override - loaded last intentionally. */
@media (max-width: 767.98px) {
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-select {
    grid-area: auto !important;
    position: absolute !important;
    left: 13px !important;
    top: 26px !important;
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-select input {
    width: 18px !important;
    height: 18px !important;
    border-radius: 5px !important;
    margin: 0 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-thumb {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
    border-radius: 6px !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-product-link.cartx-variant-trigger {
    width: 90% !important;
    max-width: 250px !important;
    min-height: 26px !important;
    padding: 5px 8px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-variant-trigger-mobile {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-qty-box {
    height: 26px !important;
    gap: 1px !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-qty-box button {
    width: 14px !important;
    height: 26px !important;
    font-size: 16px !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-qty-box input {
    width: 25px !important;
    height: 25px !important;
    border-radius: 5px !important;
    font-size: 12px !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-price-main {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-note .cartx-section-title,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-note textarea,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-note textarea::placeholder,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-layout > .cartx-card:last-child,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-side,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-toggle .cartx-line-label,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-mobile-value,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-toggle-right,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-mobile-ship-label,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-mobile-ship-value,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-code,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-meta,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-right,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-promo-input,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-apply-btn,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-submit-help,
  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-submit-btn {
    font-size: 12px !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-mobile-ship-note {
    grid-column: 2 / -1 !important;
    color: #f0442b !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    margin-top: -6px !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-mobile-ship-note b {
    font-weight: 700 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-item[data-cartx-swipe-item] {
    display: block !important;
    position: relative !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border-radius: 14px !important;
    touch-action: pan-y !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-swipe-content {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: 22px 44px minmax(0,1fr) 44px !important;
    grid-template-areas:
      "select thumb title title"
      "select thumb variantSelect qty"
      "select thumb price edit" !important;
    column-gap: 7px !important;
    row-gap: 5px !important;
    align-items: start !important;
    min-height: 88px !important;
    padding: 13px 11px !important;
    background: #fff !important;
    border-radius: 14px !important;
    transform: translate3d(0,0,0) !important;
    transition: transform .18s cubic-bezier(.2,.8,.2,1) !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    touch-action: pan-y !important;
    contain: paint !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-item.is-swiping .cartx-swipe-content {
    transition: none !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-swipe-actions {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
    border-radius: 0 14px 14px 0 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-swipe-remove-form {
    display: flex !important;
    margin: 0 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-swipe-action {
    width: 72px !important;
    min-width: 72px !important;
    border: 0 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-swipe-edit {
    background: #fb8c00 !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-swipe-delete {
    background: #f0442b !important;
  }

  body.rg-storefront .cartx-page[data-cartx-compact-ui="v86"] .cartx-edit-pill {
    display: none !important;
  }
}

@media (min-width: 992px) {
  body.rg-storefront :where(.stdp-title, .shp-title, .tkp-title) {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  body.rg-storefront :where(.vando-title) {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
}

@media (max-width: 575.98px) {
  body.rg-storefront {
    font-size: var(--rg-fs-body) !important;
  }

  body.rg-storefront :where(.rg-page-title, .blog-page-title, .article-title, .rg-thankyou-title, .rg-checkout-title) {
    font-size: 20px !important;
    line-height: 1.3 !important;
  }

  body.rg-storefront :where(.rg-section-title, .rg-section-heading, .blog-featured-title, .cartx-card-head, .cartx-side-title, .ot-section-title) {
    font-size: var(--rg-fs-section) !important;
  }

  body.rg-storefront :where(.stdp-title, .shp-title, .tkp-title, .vando-title) {
    font-size: var(--rg-fs-section) !important;
    font-weight: var(--rg-fw-medium) !important;
  }

  body.rg-storefront :where(.cartx-page) {
    font-size: var(--rg-fs-body) !important;
  }

}

/* Vando desktop: final override because this stylesheet is loaded last. */
@media (min-width: 791px), (hover:hover) and (pointer:fine) {
  body.rg-storefront .vando-wrap .vando-order {
    width: 70% !important;
    max-width: 560px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-family: var(--rg-store-font-stack, var(--regoo-font-family, Arial, Helvetica, sans-serif)) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
  }

  body.rg-storefront .vando-wrap .vando-order-title {
    margin: 0 0 10px !important;
    text-align: center !important;
    font-family: inherit !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar {
    min-height: 82px !important;
    align-items: center !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-badge {
    position: relative !important;
    isolation: isolate !important;
    width: 68px !important;
    height: 58px !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #b91c1c !important;
    box-shadow: none !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-badge::after {
    content: "" !important;
    position: absolute !important;
    left: 5px !important;
    top: 5px !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 8px !important;
    background: #fff !important;
    z-index: 0 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-badge::before {
    content: none !important;
    display: none !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-badge .pct {
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #b91c1c !important;
    background: #ffe36f !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-center {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-center .smallline {
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    font-weight: 400 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-center .label {
    color: #ffe36f !important;
    font-weight: 500 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-center .old {
    font-weight: 600 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-center .now {
    width: 100% !important;
    text-align: center !important;
    font-weight: 700 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-right,
  body.rg-storefront .vando-wrap .vando-order .vando-promo-bar .promo-right :where(.status, .stock, .val) {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .form-label,
  body.rg-storefront .vando-wrap .vando-order .form-label :where(b, u),
  body.rg-storefront .vando-wrap .vando-order .vando-variant-btn,
  body.rg-storefront .vando-wrap .vando-order .vando-variant-btn span {
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-variant-btn.active,
  body.rg-storefront .vando-wrap .vando-order .vando-variant-btn.active span {
    font-weight: 400 !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-qty-field {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-qty-field .form-label {
    margin: 0 !important;
    flex: 1 1 auto !important;
  }

  body.rg-storefront .vando-wrap .vando-order .vando-qty {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
  }

  body.rg-storefront .vando-wrap #vandoQaToggleBtn {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }

  body.rg-storefront .vando-wrap .vando-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    margin-top: 7px !important;
    padding: 6px 0 8px !important;
    text-align: center !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  body.rg-storefront .vando-wrap .vando-meta > div,
  body.rg-storefront .vando-wrap :where(.vando-meta-left, .vando-meta-mid, .vando-meta-right) {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }

  body.rg-storefront .vando-wrap :where(.vando-meta-left) {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  body.rg-storefront .vando-wrap :where(.vando-meta-mid) {
    justify-content: center !important;
    text-align: center !important;
  }

  body.rg-storefront .vando-wrap :where(.vando-meta-right) {
    justify-content: flex-end !important;
    text-align: right !important;
  }

  body.rg-storefront .vando-wrap .vando-meta > div + div {
    border-left: 1px solid #e5e7eb !important;
  }

  body.rg-storefront .vando-wrap .vando-meta-sep {
    display: none !important;
  }

  body.rg-storefront .vando-wrap .vando-rating,
  body.rg-storefront .vando-wrap .vando-stars {
    justify-content: center !important;
    gap: 4px !important;
  }

  body.rg-storefront .vando-wrap .vando-rating .num {
    font-weight: 700 !important;
  }

  body.rg-storefront .vando-wrap .vando-stars .star {
    letter-spacing: 0 !important;
  }

  body.rg-storefront .vando-wrap .vando-cta center {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  body.rg-storefront .vando-wrap .vando-cta .btn-buy {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 26px !important;
    font-family: var(--rg-store-font-stack, var(--regoo-font-family, Arial, Helvetica, sans-serif)) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    animation: rg-vando-tada 1s ease-in-out infinite !important;
    transform-origin: center !important;
  }

  body.rg-storefront .vando-wrap :where(.vando-orderbtn, #vandoOrderBtn, .vando-sticky .b) {
    font-family: var(--rg-store-font-stack, var(--regoo-font-family, Arial, Helvetica, sans-serif)) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }
}

@keyframes rg-vando-tada {
  0% { transform: scale3d(1, 1, 1); }
  10%, 20% { transform: scale3d(.96, .96, .96) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% { transform: scale3d(1.04, 1.04, 1.04) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% { transform: scale3d(1.04, 1.04, 1.04) rotate3d(0, 0, 1, -3deg); }
  100% { transform: scale3d(1, 1, 1); }
}