/* REGOO UI SYSTEM v1.0 - commerce-first storefront layer. */
:root {
  --rg-teal-900:#064e4b;
  --rg-teal-800:#075e59;
  --rg-teal-700:#08766f;
  --rg-teal-600:#0a8e86;
  --rg-teal-500:#12a89f;
  --rg-teal-400:#39bbb4;
  --rg-teal-300:#79d0cb;
  --rg-teal-200:#b7e6e2;
  --rg-teal-100:#e2f5f3;
  --rg-teal-50:#f3fbfa;

  --rg-orange-700:#d94b00;
  --rg-orange-600:#ed5900;
  --rg-orange-500:#ff6500;
  --rg-orange-400:#ff7d26;
  --rg-orange-300:#ffa05c;
  --rg-orange-200:#ffd1ae;
  --rg-orange-100:#fff0e6;
  --rg-orange-50:#fff8f3;

  --rg-red-600:#dc2626;
  --rg-red-500:#ef4444;
  --rg-red-100:#fee2e2;
  --rg-green-600:#16a34a;
  --rg-green-500:#22c55e;
  --rg-green-100:#dcfce7;
  --rg-yellow-500:#f59e0b;
  --rg-yellow-100:#fef3c7;

  --rg-gray-950:#0f172a;
  --rg-gray-900:#111827;
  --rg-gray-800:#1f2937;
  --rg-gray-700:#374151;
  --rg-gray-600:#4b5563;
  --rg-gray-500:#6b7280;
  --rg-gray-400:#9ca3af;
  --rg-gray-300:#d1d5db;
  --rg-gray-200:#e5e7eb;
  --rg-gray-100:#f3f4f6;
  --rg-gray-50:#f8fafc;
  --rg-white:#fff;
  --rg-black:#000;

  --rg-font-sans:"Inter","SF Pro Display","SF Pro Text",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --rg-space-1:4px;
  --rg-space-2:8px;
  --rg-space-3:12px;
  --rg-space-4:16px;
  --rg-space-5:20px;
  --rg-space-6:24px;
  --rg-space-8:32px;
  --rg-space-10:40px;
  --rg-space-12:48px;
  --rg-space-16:64px;

  --rg-radius-xs:6px;
  --rg-radius-sm:8px;
  --rg-radius-md:12px;
  --rg-radius-lg:16px;
  --rg-radius-xl:20px;
  --rg-radius-2xl:24px;
  --rg-radius-pill:999px;

  --rg-shadow-xs:0 1px 2px rgba(15,23,42,.04);
  --rg-shadow-sm:0 2px 8px rgba(15,23,42,.06);
  --rg-shadow-md:0 8px 24px rgba(15,23,42,.08);
  --rg-shadow-lg:0 20px 50px rgba(15,23,42,.10);
  --rg-border:1px solid var(--rg-gray-200);
  --rg-ease:cubic-bezier(.2,.8,.2,1);
  --rg-motion-fast:160ms;
  --rg-motion:180ms;
  --rg-motion-large:220ms;
  --rg-container:1440px;

  --rg-system:var(--rg-teal-600);
  --rg-system-hover:var(--rg-teal-700);
  --rg-system-pressed:var(--rg-teal-800);
  --rg-revenue:var(--rg-orange-500);
  --rg-revenue-hover:var(--rg-orange-600);
  --rg-revenue-pressed:var(--rg-orange-700);
}

body.rg-storefront {
  --rg-commerce-accent:var(--rg-revenue);
  --rg-commerce-accent-hover:var(--rg-revenue-hover);
  --rg-commerce-accent-pressed:var(--rg-revenue-pressed);
  background:var(--rg-gray-50);
  color:var(--rg-gray-800) !important;
  font-family:var(--rg-font-sans) !important;
  letter-spacing:0 !important;
}

body.rg-storefront .store-body-container {
  width:100%;
  max-width:var(--rg-container);
  padding-right:clamp(20px,2vw,32px);
  padding-left:clamp(20px,2vw,32px);
}

body.rg-storefront :where(button,input,select,textarea) {
  letter-spacing:0;
}

body.rg-storefront :where(a,button,input,select,textarea,[tabindex]):focus-visible {
  outline:3px solid rgba(10,142,134,.22);
  outline-offset:2px;
}

body.rg-storefront ::selection {
  background:var(--rg-teal-200);
  color:var(--rg-teal-900);
}

body.rg-storefront :where(.alert-success) {
  border-color:rgba(34,197,94,.35);
  background:var(--rg-green-100);
  color:#166534;
}

body.rg-storefront :where(.alert-danger) {
  border-color:rgba(239,68,68,.35);
  background:#fff5f5;
  color:var(--rg-red-600);
}

/* Buttons */
body.rg-storefront .rg-btn {
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 18px;
  border:1px solid transparent;
  border-radius:10px;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  text-decoration:none;
  white-space:nowrap;
  cursor:pointer;
  transition:background-color var(--rg-motion) var(--rg-ease),border-color var(--rg-motion) var(--rg-ease),color var(--rg-motion) var(--rg-ease),box-shadow var(--rg-motion) var(--rg-ease),transform var(--rg-motion) var(--rg-ease);
}

body.rg-storefront .rg-btn:hover { transform:translateY(-1px); }
body.rg-storefront .rg-btn:active { transform:translateY(0); }
body.rg-storefront .rg-btn-sm { min-height:36px;padding:0 14px;font-size:13px !important; }
body.rg-storefront .rg-btn-lg { min-height:48px;padding:0 22px; }

body.rg-storefront .rg-btn-revenue {
  border-color:var(--rg-commerce-accent);
  background:var(--rg-commerce-accent);
  color:var(--rg-white) !important;
}
body.rg-storefront .rg-btn-revenue:hover { border-color:var(--rg-commerce-accent-hover);background:var(--rg-commerce-accent-hover);color:var(--rg-white) !important; }
body.rg-storefront .rg-btn-revenue:active { border-color:var(--rg-commerce-accent-pressed);background:var(--rg-commerce-accent-pressed); }

body.rg-storefront .rg-btn-primary {
  border-color:var(--rg-system);
  background:var(--rg-system);
  color:var(--rg-white) !important;
}
body.rg-storefront .rg-btn-primary:hover { border-color:var(--rg-system-hover);background:var(--rg-system-hover);color:var(--rg-white) !important; }
body.rg-storefront .rg-btn-primary:active { border-color:var(--rg-system-pressed);background:var(--rg-system-pressed); }

body.rg-storefront .rg-btn-secondary {
  border-color:var(--rg-gray-300);
  background:var(--rg-white);
  color:var(--rg-gray-700) !important;
}
body.rg-storefront .rg-btn-secondary:hover { border-color:var(--rg-teal-600);background:var(--rg-teal-50);color:var(--rg-teal-700) !important; }

body.rg-storefront .rg-btn-ghost {
  border-color:transparent;
  background:transparent;
  color:var(--rg-gray-700) !important;
}
body.rg-storefront .rg-btn-ghost:hover { background:var(--rg-gray-100);color:var(--rg-teal-700) !important; }

body.rg-storefront .rg-btn:disabled,
body.rg-storefront .rg-btn[aria-disabled="true"] {
  border-color:var(--rg-gray-200);
  background:var(--rg-gray-200);
  color:var(--rg-gray-400) !important;
  box-shadow:none;
  cursor:not-allowed;
  pointer-events:none;
  transform:none;
}

/* Inputs */
body.rg-storefront :where(.rg-input,.rg-filter-form .form-control,.rg-filter-form .form-select) {
  min-height:44px;
  border:1px solid var(--rg-gray-300);
  border-radius:10px;
  background:var(--rg-white);
  color:var(--rg-gray-900);
  padding:0 14px;
  box-shadow:none;
  font-size:14px !important;
  transition:border-color var(--rg-motion) var(--rg-ease),box-shadow var(--rg-motion) var(--rg-ease),background-color var(--rg-motion) var(--rg-ease);
}
body.rg-storefront :where(.rg-input,.rg-filter-form .form-control,.rg-filter-form .form-select):hover { border-color:var(--rg-gray-400); }
body.rg-storefront :where(.rg-input,.rg-filter-form .form-control,.rg-filter-form .form-select):focus {
  border-color:var(--rg-teal-600);
  box-shadow:0 0 0 3px rgba(10,142,134,.12);
  outline:0;
}
body.rg-storefront :where(.rg-input,.rg-filter-form .form-control)::placeholder { color:var(--rg-gray-400);opacity:1; }
body.rg-storefront .rg-field-label { display:block;margin-bottom:6px;color:var(--rg-gray-700);font-size:13px;font-weight:600; }
body.rg-storefront .rg-field-message { margin-top:5px;color:var(--rg-gray-500);font-size:12px;line-height:1.4; }
body.rg-storefront :where(.rg-input.is-error,.rg-input.is-invalid,.rg-input[aria-invalid="true"]) {
  border-color:var(--rg-red-500);
  box-shadow:0 0 0 3px rgba(239,68,68,.10);
}
body.rg-storefront :where(.rg-input.is-success,.rg-input.is-valid) { border-color:var(--rg-green-500); }
body.rg-storefront .rg-field-message.is-error { color:var(--rg-red-600); }
body.rg-storefront .rg-field-message.is-success { color:var(--rg-green-600); }

/* Header and search */
body.rg-storefront .main-header {
  position:sticky;
  top:calc(var(--top-promo-height,0px) + 30px);
  z-index:1020;
  border-bottom:1px solid rgba(229,231,235,.8);
  background:rgba(255,255,255,.94);
  box-shadow:var(--rg-shadow-xs);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:box-shadow var(--rg-motion) var(--rg-ease),background-color var(--rg-motion) var(--rg-ease);
}
body.rg-storefront .main-header.is-scrolled { background:rgba(255,255,255,.98);box-shadow:var(--rg-shadow-sm); }

@media (min-width:992px) {
  body.rg-storefront .main-header > .container { max-width:var(--rg-container);padding-right:32px;padding-left:32px; }
  body.rg-storefront .main-header-row { grid-template-columns:minmax(190px,260px) minmax(420px,600px) minmax(190px,1fr);gap:24px;padding:12px 0 10px; }
}

body.rg-storefront .icon-btn {
  width:44px;
  height:44px;
  border:1px solid var(--rg-gray-200);
  border-radius:12px;
  background:var(--rg-white);
  color:var(--rg-gray-700);
  box-shadow:var(--rg-shadow-xs);
  transition:background-color var(--rg-motion) var(--rg-ease),border-color var(--rg-motion) var(--rg-ease),color var(--rg-motion) var(--rg-ease),box-shadow var(--rg-motion) var(--rg-ease),transform var(--rg-motion) var(--rg-ease);
}
body.rg-storefront .icon-btn:hover { border-color:var(--rg-teal-300);background:var(--rg-teal-50);color:var(--rg-teal-700);box-shadow:var(--rg-shadow-sm);transform:translateY(-1px); }
body.rg-storefront .icon-btn:active { transform:translateY(0); }
body.rg-storefront .mh-chat-btn { width:auto;min-width:44px;padding:0 14px; }

body.rg-storefront .cart-badge,
body.rg-storefront .mh-chat-btn em { background:var(--rg-orange-500); }
body.rg-storefront .cart-badge[hidden] { display:none !important; }

body.rg-storefront .mh-search {
  width:100%;
  height:48px;
  border:1px solid var(--rg-gray-300);
  border-radius:12px;
  background:var(--rg-white);
  box-shadow:var(--rg-shadow-xs);
  overflow:hidden;
  transition:border-color var(--rg-motion) var(--rg-ease),box-shadow var(--rg-motion) var(--rg-ease);
}
body.rg-storefront .mh-search:focus-within { border-color:var(--rg-teal-600);box-shadow:0 0 0 3px rgba(10,142,134,.12); }
body.rg-storefront .mh-search-leading {
  width:44px;
  height:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 44px;
  color:var(--rg-gray-500);
  font-size:17px;
}
body.rg-storefront .mh-search input { min-width:0;width:100%;height:100%;padding:0 6px;border:0;outline:0;background:transparent;color:var(--rg-gray-900);font-size:14px; }
body.rg-storefront .mh-search input::placeholder { color:var(--rg-gray-400); }
body.rg-storefront .mh-search-clear {
  width:40px;
  height:40px;
  flex:0 0 40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:var(--rg-gray-400);
  font-size:15px;
}
body.rg-storefront .mh-search-clear:hover { background:var(--rg-gray-100);color:var(--rg-gray-700); }
body.rg-storefront .mh-search-btn {
  width:52px;
  height:100%;
  flex:0 0 52px;
  border:0;
  border-left:1px solid rgba(10,142,134,.15);
  background:var(--rg-system);
  color:var(--rg-white);
  font-size:18px;
  transition:background-color var(--rg-motion) var(--rg-ease),transform var(--rg-motion-fast) ease-out;
}
body.rg-storefront .mh-search-btn:hover { background:var(--rg-system-hover);filter:none; }
body.rg-storefront .mh-search-btn:active { background:var(--rg-system-pressed);transform:scale(.98); }

body.rg-storefront .mh-desktop-nav > a,
body.rg-storefront .mh-desktop-nav > button,
body.rg-storefront .mh-desktop-nav .mh-nav-link { border-radius:8px;color:var(--rg-gray-700);font-size:13px;padding:8px 12px; }
body.rg-storefront .mh-desktop-nav > a:hover,
body.rg-storefront .mh-desktop-nav > button:hover,
body.rg-storefront .mh-desktop-nav .mh-nav-link:hover { background:var(--rg-teal-50);color:var(--rg-teal-700); }
body.rg-storefront .mh-desktop-nav > a.is-active,
body.rg-storefront .mh-desktop-nav > button.is-active,
body.rg-storefront .mh-nav-item.is-active > .mh-nav-link { background:var(--rg-teal-100);color:var(--rg-teal-800);font-weight:600; }
body.rg-storefront .mh-submenu { border-color:var(--rg-gray-200);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-lg); }
body.rg-storefront .mh-submenu a:hover,
body.rg-storefront .mh-submenu a.is-active { background:var(--rg-teal-50);color:var(--rg-teal-700); }

/* Product cards */
body.rg-storefront .rg-card-shell {
  border:1px solid #edf0f2 !important;
  border-radius:var(--rg-radius-lg) !important;
  background:var(--rg-white);
  box-shadow:var(--rg-shadow-xs) !important;
  overflow:hidden;
  transform:translateY(0);
  transition:border-color var(--rg-motion-large) var(--rg-ease),box-shadow var(--rg-motion-large) var(--rg-ease),transform var(--rg-motion-large) var(--rg-ease);
}
body.rg-storefront :where(.rg-card-shell,.rg-card-hover):hover,
body.rg-storefront :where(.rg-card-shell,.rg-card-hover):focus-within {
  border-color:var(--rg-gray-300) !important;
  box-shadow:var(--rg-shadow-md) !important;
  transform:translateY(-2px);
}
body.rg-storefront .rg-card-media { background:var(--rg-gray-50) !important; }
body.rg-storefront .rg-card-media img { object-fit:contain !important;transition:transform var(--rg-motion-large) var(--rg-ease); }
body.rg-storefront .rg-card-shell:hover .rg-card-media img { transform:scale(1.02); }
body.rg-storefront .rg-card-content { padding:14px 14px 15px !important; }

body.rg-storefront .rg-card-sale-badge {
  top:8px;
  right:auto;
  left:8px;
  min-width:0;
  padding:4px 7px;
  border:0;
  border-radius:var(--rg-radius-xs);
  background:var(--rg-commerce-accent);
  color:var(--rg-white);
  box-shadow:none;
  font-size:12px;
  font-weight:700;
}
body.rg-storefront .ratio > .rg-card-sale-badge { top:8px;right:auto;left:8px; }
body.rg-storefront .rg-card-stock-badge { right:8px;bottom:8px;border-radius:var(--rg-radius-xs); }

body.rg-storefront :where(.rg-card-title,.rg-product-title,.home-product-title) {
  min-height:calc(15px * 1.4 * 2);
  color:var(--rg-gray-900) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
}
body.rg-storefront .rg-card-price-box { min-height:24px;margin-top:10px !important;gap:4px 8px; }
body.rg-storefront :where(.rg-card-price,.rg-product-price-main) {
  color:var(--rg-commerce-accent) !important;
  font-size:19px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
}
body.rg-storefront :where(.rg-card-price-compare,.rg-product-price-compare) { color:var(--rg-gray-400) !important;font-size:13px !important;font-weight:400 !important; }
body.rg-storefront .rg-card-social { gap:8px;margin-top:10px !important;color:var(--rg-gray-500);font-size:12px !important; }
body.rg-storefront .rg-card-rating { display:inline-flex;align-items:center;gap:4px;color:var(--rg-gray-700); }
body.rg-storefront .rg-card-rating i { color:var(--rg-yellow-500);font-size:13px; }
body.rg-storefront .rg-card-sold { color:var(--rg-gray-500); }
body.rg-storefront .rg-card-cta-wrap { margin-top:auto !important;padding-top:12px; }
body.rg-storefront .rg-card-cta { width:100%;min-height:40px;border-radius:10px !important;padding:0 12px;font-size:13px !important; }

/* Shop filters and segmented sorting */
body.rg-storefront .rg-filter-wrap { padding:12px 14px;border:var(--rg-border);border-radius:var(--rg-radius-lg);background:var(--rg-white);box-shadow:var(--rg-shadow-xs); }
body.rg-storefront .rg-filter-row { gap:12px; }
body.rg-storefront .rg-filter-btn { flex:0 0 auto; }
body.rg-storefront .rg-chip-scroll { gap:8px;padding:1px 2px 3px;scrollbar-width:none; }
body.rg-storefront .rg-chip-scroll::-webkit-scrollbar { display:none; }
body.rg-storefront .rg-chip {
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:0 11px;
  border:1px solid var(--rg-gray-200);
  border-radius:var(--rg-radius-pill);
  background:var(--rg-white);
  color:var(--rg-gray-700);
  font-size:12px !important;
  font-weight:500 !important;
  transition:background-color var(--rg-motion) var(--rg-ease),border-color var(--rg-motion) var(--rg-ease),color var(--rg-motion) var(--rg-ease);
}
body.rg-storefront .rg-chip:hover { border-color:var(--rg-teal-300);background:var(--rg-teal-50);color:var(--rg-teal-700); }
body.rg-storefront .rg-chip.is-active { border-color:var(--rg-teal-300);background:var(--rg-teal-100);color:var(--rg-teal-700);font-weight:600 !important; }

body.rg-storefront .rg-sort-row { margin-top:12px;gap:10px; }
body.rg-storefront .rg-sort-label { color:var(--rg-gray-500);font-size:12px; }
body.rg-storefront .rg-sort-links { gap:4px;padding:4px;border-radius:var(--rg-radius-pill);background:var(--rg-gray-100); }
body.rg-storefront .rg-sort-link { min-height:34px;display:inline-flex;align-items:center;padding:0 13px;border:0;border-radius:var(--rg-radius-pill);color:var(--rg-gray-600);font-size:12px !important;font-weight:500 !important; }
body.rg-storefront .rg-sort-link:hover { background:rgba(255,255,255,.68);color:var(--rg-teal-700); }
body.rg-storefront .rg-sort-link.is-active { border:0;background:var(--rg-white);box-shadow:var(--rg-shadow-xs);color:var(--rg-teal-700);font-weight:600 !important; }

body.rg-storefront #rgFilterOffcanvas { width:min(380px,92vw);border-color:var(--rg-gray-200); }
body.rg-storefront #rgFilterOffcanvas .offcanvas-header { border-bottom:var(--rg-border); }
body.rg-storefront #rgFilterOffcanvas .offcanvas-title { font-size:20px !important;font-weight:600 !important; }
body.rg-storefront .rg-filter-title { margin-bottom:10px;color:var(--rg-gray-900);font-size:13px !important;font-weight:600 !important; }
body.rg-storefront .rg-filter-options { gap:10px; }
body.rg-storefront .rg-opt { min-height:28px;display:flex;align-items:center;gap:10px;color:var(--rg-gray-700);font-size:13px;cursor:pointer; }
body.rg-storefront .rg-opt input[type="checkbox"] {
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin:0;
  appearance:none;
  -webkit-appearance:none;
  border:1px solid var(--rg-gray-300);
  border-radius:5px;
  background-color:var(--rg-white);
  background-position:center;
  background-repeat:no-repeat;
  background-size:12px 12px;
  transition:background-color 120ms ease-out,border-color 120ms ease-out,transform 120ms ease-out;
}
body.rg-storefront .rg-opt input[type="checkbox"]:checked {
  border-color:var(--rg-teal-600);
  background-color:var(--rg-teal-600);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m3 8 3 3 7-7'/%3E%3C/svg%3E");
  transform:scale(1);
}
body.rg-storefront .rg-filter-form .form-check-input:checked { border-color:var(--rg-teal-600);background-color:var(--rg-teal-600); }
body.rg-storefront .rg-filter-actions { position:sticky;bottom:0;padding-top:12px;background:var(--rg-white); }

body.rg-storefront .rg-product-grid { gap:16px; }
body.rg-storefront .rg-is-loading { opacity:.58;pointer-events:none;transition:opacity var(--rg-motion) var(--rg-ease); }
body.rg-storefront .rg-load-more-wrap { margin-top:24px; }
body.rg-storefront .rg-load-more { min-width:220px; }

/* Pagination keeps crawlable URLs while load-more stays primary on mobile. */
body.rg-storefront .rg-crawl-pagination .pagination { gap:6px; }
body.rg-storefront .rg-crawl-pagination .page-link {
  min-width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 10px;
  border:1px solid var(--rg-gray-200);
  border-radius:8px !important;
  background:var(--rg-white);
  color:var(--rg-gray-700);
  box-shadow:none;
  font-size:12px;
}
body.rg-storefront .rg-crawl-pagination .page-link:hover { border-color:var(--rg-teal-300);background:var(--rg-teal-50);color:var(--rg-teal-700); }
body.rg-storefront .rg-crawl-pagination .page-item.active .page-link { border-color:var(--rg-teal-600);background:var(--rg-teal-600);color:var(--rg-white); }
body.rg-storefront .rg-crawl-pagination .page-item.disabled .page-link { background:var(--rg-gray-50);color:var(--rg-gray-400); }

/* Home section labels */
body.rg-storefront .rg-home-section-head { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 16px; }
body.rg-storefront .rg-home-section-title { margin:0;color:var(--rg-gray-900);font-size:22px !important;font-weight:700 !important;line-height:1.25 !important; }
body.rg-storefront .rg-home-section-kicker { color:var(--rg-teal-700);font-size:12px;font-weight:600;text-transform:uppercase; }

/* Product landing palettes stay isolated from the system teal/orange palette. */
body.rg-storefront .rg-product-theme--standard {
  --rg-commerce-accent:#ff6a00;
  --rg-commerce-accent-hover:#eb5f00;
  --rg-commerce-accent-pressed:#d95700;
}
body.rg-storefront .rg-product-theme--tiktok {
  --rg-commerce-accent:#fe2c55;
  --rg-commerce-accent-hover:#e91d48;
  --rg-commerce-accent-pressed:#d51640;
}
body.rg-storefront .rg-product-theme--shopee {
  --rg-commerce-accent:#ee4d2d;
  --rg-commerce-accent-hover:#f0442a;
  --rg-commerce-accent-pressed:#d73211;
}
body.rg-storefront .rg-product-theme--vando {
  --rg-commerce-accent:#d11414;
  --rg-commerce-accent-hover:#c20f18;
  --rg-commerce-accent-pressed:#d0011b;
}

/* Restore each PDP price after the legacy typography layer's global accent rule. */
body.rg-storefront .rg-product-theme--standard :where(.stdp-price-now) { color:#ff6a00 !important; }
body.rg-storefront .rg-product-theme--tiktok :where(.tkp-price-current,.tkp-related-price) { color:#fe2c55 !important; }
body.rg-storefront .rg-product-theme--shopee :where(.shp-price .cur,.shp-mobile-shop-product-price) { color:#ee4d2d !important; }
body.rg-storefront .rg-product-theme--vando :where(.vando-price .now,.vando-order .pricebox .price) { color:#d11414 !important; }

@media (max-width:1023.98px) {
  body.rg-storefront .store-body-container { padding-right:20px;padding-left:20px; }
  body.rg-storefront .main-header { top:calc(var(--top-promo-height,0px) + 30px); }
  body.rg-storefront .mh-search { height:46px; }
  body.rg-storefront .mh-search-leading { flex-basis:40px;width:40px; }
  body.rg-storefront .mh-search-btn { flex-basis:48px;width:48px; }
}

@media (max-width:639.98px) {
  body.rg-storefront .store-body-container { padding-right:16px;padding-left:16px; }
  body.rg-storefront :where(.rg-input,.rg-filter-form .form-control,.rg-filter-form .form-select) { min-height:46px; }
  body.rg-storefront .main-header-row { min-height:56px;padding:8px 0; }
  body.rg-storefront .icon-btn { width:44px;height:44px;border-radius:10px;box-shadow:none; }
  body.rg-storefront .mh-logo-img { max-width:132px;height:40px; }
  body.rg-storefront .mh-search-mobile { margin-bottom:12px; }

  body.rg-storefront :where(.rg-card-title,.rg-product-title,.home-product-title) { min-height:calc(14px * 1.4 * 2);font-size:14px !important; }
  body.rg-storefront .rg-card-content { padding:12px 11px 12px !important; }
  body.rg-storefront :where(.rg-card-price,.rg-product-price-main) { font-size:17px !important; }
  body.rg-storefront .rg-card-social { align-items:flex-start;flex-direction:column;gap:3px; }
  body.rg-storefront .rg-card-cta { min-height:38px;padding:0 9px;font-size:12px !important; }
  body.rg-storefront .rg-product-grid { gap:10px; }

  body.rg-storefront .rg-filter-wrap { margin-right:-4px;margin-left:-4px;padding:10px;border-radius:var(--rg-radius-md); }
  body.rg-storefront .rg-filter-row { align-items:stretch; }
  body.rg-storefront .rg-sort-row { display:block; }
  body.rg-storefront .rg-sort-label { display:block;margin-bottom:7px; }
  body.rg-storefront .rg-sort-links { width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none; }
  body.rg-storefront .rg-sort-links::-webkit-scrollbar { display:none; }
  body.rg-storefront .rg-sort-link { flex:0 0 auto; }

  body.rg-storefront #rgFilterOffcanvas.offcanvas-start {
    top:auto;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:min(80vh,720px);
    border:0;
    border-radius:24px 24px 0 0;
    transform:translateY(100%);
  }
  body.rg-storefront #rgFilterOffcanvas.offcanvas-start.show,
  body.rg-storefront #rgFilterOffcanvas.offcanvas-start.showing { transform:none; }
  body.rg-storefront #rgFilterOffcanvas::before { content:"";width:40px;height:4px;display:block;margin:9px auto 0;border-radius:999px;background:var(--rg-gray-300); }
  body.rg-storefront #rgFilterOffcanvas .offcanvas-header { padding-top:10px; }

  body.rg-storefront .rg-load-more { width:100%;min-width:0; }
  body.rg-storefront .rg-crawl-pagination { margin-top:16px !important; }
  body.rg-storefront .rg-crawl-pagination .pagination { flex-wrap:nowrap !important;overflow-x:auto;justify-content:flex-start !important;padding:2px;scrollbar-width:none; }
  body.rg-storefront .rg-crawl-pagination .pagination::-webkit-scrollbar { display:none; }
  body.rg-storefront .rg-home-section-head { margin-top:28px;margin-bottom:14px; }
  body.rg-storefront .rg-home-section-title { font-size:20px !important; }
}

@media (prefers-reduced-motion:reduce) {
  body.rg-storefront *,
  body.rg-storefront *::before,
  body.rg-storefront *::after { scroll-behavior:auto !important;animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important; }
}
