@charset "UTF-8";.slick-loading .slick-list{background:#fff url(/_next/static/media/ajax-loader.0b80f665.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/_next/static/media/slick.25572f22.eot);src:url(/_next/static/media/slick.25572f22.eot?#iefix) format("embedded-opentype"),url(/_next/static/media/slick.653a4cbb.woff) format("woff"),url(/_next/static/media/slick.6aa1ee46.ttf) format("truetype"),url(/_next/static/media/slick.f895cfdf.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}
/* RV_STORE_CSS_ONLY_PREMIUM_V9_20260522 */
:root {
  --rv-red: #e11d2e;
  --rv-red-dark: #9f111f;
  --rv-ink: #10131a;
  --rv-muted: #667085;
  --rv-soft: #f7f8fb;
  --rv-line: rgba(16, 19, 26, 0.09);
  --rv-shadow: 0 18px 50px rgba(16, 19, 26, 0.08);
  --rv-shadow-soft: 0 10px 26px rgba(16, 19, 26, 0.06);
}

html,
body {
  background:
    radial-gradient(circle at top left, rgba(225, 29, 46, 0.055), transparent 34rem),
    linear-gradient(180deg, #ffffff 0%, #f8f9fc 52%, #ffffff 100%) !important;
  color: var(--rv-ink) !important;
  text-rendering: optimizeLegibility;
}

#__next {
  min-height: 100vh;
}

/* Header and navigation polish */
header,
[class*="Header"],
[class*="header"],
[class*="Navbar"],
[class*="navbar"] {
  border-color: var(--rv-line) !important;
}

header a,
[class*="Header"] a,
[class*="navbar"] a {
  font-weight: 650;
}

/* Inputs and search */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
select,
textarea {
  border-radius: 14px !important;
  border-color: rgba(16, 19, 26, 0.12) !important;
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: rgba(225, 29, 46, 0.45) !important;
  box-shadow: 0 0 0 4px rgba(225, 29, 46, 0.10) !important;
}

/* Buttons */
button,
a[class*="btn"],
[class*="Button"],
[class*="button"],
[class*="bg-qred"],
.bg-qred {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease !important;
}

button:hover,
a[class*="btn"]:hover,
[class*="Button"]:hover,
[class*="button"]:hover {
  transform: translateY(-1px);
}

.bg-qred,
[class*="bg-qred"] {
  background: linear-gradient(135deg, var(--rv-red), var(--rv-red-dark)) !important;
  box-shadow: 0 14px 28px rgba(225, 29, 46, 0.22) !important;
}

.text-qred,
[class*="text-qred"] {
  color: var(--rv-red) !important;
}

/* Cards and product blocks */
[class*="product"],
[class*="Product"],
[class*="category"],
[class*="Category"] {
  scroll-margin-top: 100px;
}

.product-card,
[class*="ProductCard"],
[class*="product-card"],
[class*="CategoryCard"],
[class*="category-card"] {
  border-radius: 20px !important;
  border: 1px solid rgba(16, 19, 26, 0.08) !important;
  box-shadow: var(--rv-shadow-soft) !important;
  overflow: hidden;
}

.product-card:hover,
[class*="ProductCard"]:hover,
[class*="product-card"]:hover,
[class*="CategoryCard"]:hover,
[class*="category-card"]:hover {
  box-shadow: var(--rv-shadow) !important;
  border-color: rgba(225, 29, 46, 0.18) !important;
}

/* Banners and hero visuals */
[class*="Banner"],
[class*="banner"],
[class*="Hero"],
[class*="hero"],
[class*="Flash"] {
  border-radius: 24px;
}

[class*="Banner"] img,
[class*="banner"] img,
[class*="Hero"] img,
[class*="hero"] img {
  border-radius: 22px;
}

/* Section headings */
h1,
h2,
h3 {
  color: var(--rv-ink) !important;
  letter-spacing: -0.025em;
}

h1 span,
h2 span,
h3 span {
  color: inherit;
}

/* Footer polish */
footer,
[class*="Footer"],
[class*="footer"] {
  border-color: var(--rv-line) !important;
}

/* Mobile */
@media (max-width: 768px) {
  html,
  body {
    background: #fff !important;
  }

  .product-card,
  [class*="ProductCard"],
  [class*="product-card"],
  [class*="CategoryCard"],
  [class*="category-card"] {
    border-radius: 16px !important;
  }

  [class*="Banner"],
  [class*="banner"],
  [class*="Hero"],
  [class*="hero"] {
    border-radius: 16px;
  }
}

/* RV_STORE_VISIBLE_PREMIUM_V10_20260522
   Stronger visible Roovet Store CSS-only patch.
   No JS. No chunks. No checkout/API changes.
*/

:root {
  --rv10-red: #e11d2e;
  --rv10-red-dark: #980b17;
  --rv10-ink: #111827;
  --rv10-muted: #667085;
  --rv10-soft: #f6f7fb;
  --rv10-line: rgba(17, 24, 39, 0.10);
  --rv10-shadow: 0 20px 55px rgba(17, 24, 39, 0.12);
  --rv10-shadow-soft: 0 12px 28px rgba(17, 24, 39, 0.08);
}

/* Obvious proof patch: thin Roovet red premium line at top */
body::before {
  content: "";
  position: fixed;
  z-index: 2147483647;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #e11d2e, #ff4b5d, #e11d2e);
  box-shadow: 0 2px 12px rgba(225, 29, 46, 0.35);
  pointer-events: none;
}

html,
body {
  background:
    radial-gradient(circle at 8% 0%, rgba(225, 29, 46, 0.10), transparent 28rem),
    radial-gradient(circle at 92% 12%, rgba(17, 24, 39, 0.06), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f6f7fb 48%, #ffffff 100%) !important;
  color: var(--rv10-ink) !important;
}

/* Make the main page wrapper feel premium */
#__next {
  background: transparent !important;
}

/* Header / nav: stronger targeting for Tailwind/Shopo layouts */
header,
nav,
[class*="header"],
[class*="Header"],
[class*="nav"],
[class*="Nav"],
[class*="menu"],
[class*="Menu"] {
  border-color: rgba(17, 24, 39, 0.08) !important;
}

header,
[class*="header"],
[class*="Header"] {
  backdrop-filter: saturate(140%) blur(14px);
}

header > div,
nav > div,
[class*="header"] > div,
[class*="Header"] > div {
  border-color: rgba(17, 24, 39, 0.08) !important;
}

/* Search/input upgrade */
input[type="search"],
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea,
[class*="search"] input,
[class*="Search"] input {
  border-radius: 999px !important;
  border: 1px solid rgba(17, 24, 39, 0.14) !important;
  box-shadow: 0 10px 28px rgba(17, 24, 39, 0.06) !important;
}

input:focus,
select:focus,
textarea:focus {
  outline: none !important;
  border-color: rgba(225, 29, 46, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(225, 29, 46, 0.12), 0 12px 30px rgba(17, 24, 39, 0.08) !important;
}

/* Buttons / red action surfaces */
button,
a[href*="/products"],
a[href*="/cart"],
a[href*="/checkout"],
.bg-qred,
[class*="bg-qred"],
[class*="qred"],
[class*="Button"],
[class*="button"],
[class*="btn"],
[class*="Btn"] {
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease, background 180ms ease !important;
}

.bg-qred,
[class*="bg-qred"],
button[class*="bg-"],
a[class*="bg-"] {
  border-radius: 999px !important;
}

.bg-qred,
[class*="bg-qred"] {
  background: linear-gradient(135deg, var(--rv10-red), var(--rv10-red-dark)) !important;
  box-shadow: 0 16px 34px rgba(225, 29, 46, 0.30) !important;
}

button:hover,
a[class*="button"]:hover,
a[class*="Button"]:hover,
[class*="btn"]:hover,
[class*="Btn"]:hover {
  transform: translateY(-2px) !important;
  filter: saturate(1.08);
}

/* Hero, banners, and image-heavy blocks */
[class*="banner"],
[class*="Banner"],
[class*="hero"],
[class*="Hero"],
[class*="slider"],
[class*="Slider"],
[class*="flash"],
[class*="Flash"] {
  border-radius: 28px !important;
}

[class*="banner"] img,
[class*="Banner"] img,
[class*="hero"] img,
[class*="Hero"] img,
[class*="slider"] img,
[class*="Slider"] img,
[class*="flash"] img,
[class*="Flash"] img {
  border-radius: 26px !important;
  box-shadow: var(--rv10-shadow-soft) !important;
}

/* Product/category cards: broader targeting */
[class*="product"] a,
[class*="Product"] a,
[class*="category"] a,
[class*="Category"] a,
[class*="brand"] a,
[class*="Brand"] a {
  transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease !important;
}

.product-card,
[class*="product-card"],
[class*="ProductCard"],
[class*="productCard"],
[class*="Product"],
[class*="category-card"],
[class*="CategoryCard"],
[class*="brand-card"],
[class*="BrandCard"] {
  border-radius: 22px !important;
}

/* Do not style every tiny product text wrapper as card; focus on blocks with images */
[class*="product"] img,
[class*="Product"] img,
[class*="category"] img,
[class*="Category"] img,
[class*="brand"] img,
[class*="Brand"] img {
  border-radius: 18px !important;
  transition: transform 220ms ease, filter 220ms ease !important;
}

[class*="product"]:hover img,
[class*="Product"]:hover img,
[class*="category"]:hover img,
[class*="Category"]:hover img {
  transform: scale(1.025);
  filter: saturate(1.04) contrast(1.02);
}

/* Common Tailwind surface classes Shopo uses */
.bg-white {
  box-shadow: 0 1px 0 rgba(17, 24, 39, 0.04);
}

.rounded,
.rounded-md,
.rounded-lg {
  border-radius: 16px !important;
}

.shadow,
.shadow-sm,
.shadow-md {
  box-shadow: var(--rv10-shadow-soft) !important;
}

/* Section titles */
h1,
h2,
h3 {
  letter-spacing: -0.035em !important;
  color: var(--rv10-ink) !important;
}

h1::selection,
h2::selection,
h3::selection,
p::selection,
span::selection {
  background: rgba(225, 29, 46, 0.18);
}

/* Price / red text treatment */
.text-qred,
[class*="text-qred"],
[class*="price"],
[class*="Price"] {
  color: var(--rv10-red) !important;
}

/* Footer */
footer,
[class*="footer"],
[class*="Footer"] {
  background: linear-gradient(180deg, #ffffff, #f8f9fc) !important;
  border-top: 1px solid rgba(17, 24, 39, 0.08) !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  body::before {
    height: 3px;
  }

  [class*="banner"],
  [class*="Banner"],
  [class*="hero"],
  [class*="Hero"],
  [class*="slider"],
  [class*="Slider"] {
    border-radius: 18px !important;
  }

  [class*="banner"] img,
  [class*="Banner"] img,
  [class*="hero"] img,
  [class*="Hero"] img,
  [class*="slider"] img,
  [class*="Slider"] img {
    border-radius: 16px !important;
  }
}

/* RV_STORE_HOMEPAGE_POLISH_V11_20260522
   CSS-only homepage/storefront polish.
   Safe rule: no JS chunks, no checkout logic, no API/backend changes.
*/

:root {
  --rv11-red: #e11d2e;
  --rv11-red-dark: #99111e;
  --rv11-red-soft: rgba(225, 29, 46, 0.08);
  --rv11-ink: #10131a;
  --rv11-muted: #667085;
  --rv11-soft: #f6f7fb;
  --rv11-card: #ffffff;
  --rv11-border: rgba(16, 19, 26, 0.09);
  --rv11-shadow-sm: 0 10px 28px rgba(16, 19, 26, 0.07);
  --rv11-shadow-md: 0 18px 48px rgba(16, 19, 26, 0.10);
  --rv11-shadow-lg: 0 28px 70px rgba(16, 19, 26, 0.14);
}

/* Premium page depth */
body {
  background:
    radial-gradient(circle at 10% 0%, rgba(225, 29, 46, 0.10), transparent 30rem),
    radial-gradient(circle at 90% 8%, rgba(16, 19, 26, 0.055), transparent 26rem),
    linear-gradient(180deg, #ffffff 0%, #f7f8fb 44%, #ffffff 100%) !important;
}

/* Keep top proof line but make it cleaner */
body::before {
  height: 4px !important;
  background: linear-gradient(90deg, #99111e 0%, #e11d2e 38%, #ff5866 50%, #e11d2e 62%, #99111e 100%) !important;
}

/* Main content spacing */
.container-x,
.container,
[class*="container"] {
  max-width: 1248px;
}

/* Header / navigation polish */
header,
nav,
[class*="header"],
[class*="Header"] {
  background: rgba(255, 255, 255, 0.94) !important;
  border-bottom: 1px solid var(--rv11-border) !important;
  box-shadow: 0 8px 28px rgba(16, 19, 26, 0.045) !important;
}

header a,
nav a,
[class*="header"] a,
[class*="Header"] a {
  color: var(--rv11-ink) !important;
}

header a:hover,
nav a:hover,
[class*="header"] a:hover,
[class*="Header"] a:hover {
  color: var(--rv11-red) !important;
}

/* Search bar/input: cleaner Amazon-style pill */
input[type="search"],
input[type="text"],
[class*="Search"] input,
[class*="search"] input {
  min-height: 42px;
  background: #ffffff !important;
  border: 1px solid rgba(16, 19, 26, 0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 24px rgba(16, 19, 26, 0.055) !important;
}

input[type="search"]:focus,
input[type="text"]:focus,
[class*="Search"] input:focus,
[class*="search"] input:focus {
  border-color: rgba(225, 29, 46, 0.52) !important;
  box-shadow: 0 0 0 4px rgba(225, 29, 46, 0.11), 0 12px 30px rgba(16, 19, 26, 0.075) !important;
}

/* Homepage banners / slider visual upgrade */
[class*="slider"],
[class*="Slider"],
[class*="banner"],
[class*="Banner"],
[class*="hero"],
[class*="Hero"] {
  overflow: hidden;
}

[class*="slider"] img,
[class*="Slider"] img,
[class*="banner"] img,
[class*="Banner"] img,
[class*="hero"] img,
[class*="Hero"] img {
  border-radius: 28px !important;
  box-shadow: var(--rv11-shadow-md) !important;
}

/* Give image-heavy homepage blocks a premium surface */
[class*="slider"],
[class*="Slider"],
[class*="banner"],
[class*="Banner"] {
  filter: saturate(1.03) contrast(1.01);
}

/* Product/category image tiles */
[class*="category"] img,
[class*="Category"] img,
[class*="product"] img,
[class*="Product"] img,
[class*="brand"] img,
[class*="Brand"] img {
  background: #ffffff !important;
  border: 1px solid rgba(16, 19, 26, 0.06);
  box-shadow: 0 8px 20px rgba(16, 19, 26, 0.055);
}

/* Product/category containers */
.product-card,
[class*="product-card"],
[class*="ProductCard"],
[class*="category-card"],
[class*="CategoryCard"],
[class*="brand-card"],
[class*="BrandCard"] {
  background: #ffffff !important;
  border: 1px solid var(--rv11-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--rv11-shadow-sm) !important;
}

.product-card:hover,
[class*="product-card"]:hover,
[class*="ProductCard"]:hover,
[class*="category-card"]:hover,
[class*="CategoryCard"]:hover,
[class*="brand-card"]:hover,
[class*="BrandCard"]:hover {
  transform: translateY(-3px);
  border-color: rgba(225, 29, 46, 0.20) !important;
  box-shadow: var(--rv11-shadow-md) !important;
}

/* Better section headers */
h1,
h2,
h3 {
  letter-spacing: -0.04em !important;
}

h1,
h2 {
  font-weight: 800 !important;
}

h2::after {
  content: "";
  display: block;
  width: 54px;
  height: 4px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--rv11-red), rgba(225, 29, 46, 0));
}

/* Avoid underline on tiny headers inside cards */
.product-card h2::after,
[class*="ProductCard"] h2::after,
[class*="product-card"] h2::after,
[class*="CategoryCard"] h2::after,
[class*="category-card"] h2::after {
  display: none !important;
}

/* Buttons / CTAs */
button,
a[class*="btn"],
[class*="Button"],
[class*="button"],
.bg-qred,
[class*="bg-qred"] {
  border-radius: 999px !important;
}

.bg-qred,
[class*="bg-qred"],
button[type="submit"] {
  background: linear-gradient(135deg, var(--rv11-red), var(--rv11-red-dark)) !important;
  box-shadow: 0 14px 30px rgba(225, 29, 46, 0.28) !important;
}

.bg-qred:hover,
[class*="bg-qred"]:hover,
button[type="submit"]:hover {
  box-shadow: 0 18px 38px rgba(225, 29, 46, 0.34) !important;
}

/* Price and sale emphasis */
.text-qred,
[class*="text-qred"],
[class*="Price"],
[class*="price"] {
  color: var(--rv11-red) !important;
}

/* Soft surface for common white panels without changing layout */
main .bg-white,
#__next .bg-white {
  border-color: rgba(16, 19, 26, 0.06) !important;
}

/* Footer refinement */
footer,
[class*="footer"],
[class*="Footer"] {
  background:
    radial-gradient(circle at top left, rgba(225, 29, 46, 0.06), transparent 22rem),
    linear-gradient(180deg, #ffffff, #f7f8fb) !important;
  border-top: 1px solid var(--rv11-border) !important;
}

footer a:hover,
[class*="footer"] a:hover,
[class*="Footer"] a:hover {
  color: var(--rv11-red) !important;
}

/* Make loader feel more branded if it appears */
svg[stroke="#FCBB38"] {
  stroke: var(--rv11-red) !important;
}

/* Mobile tuning */
@media (max-width: 768px) {
  body::before {
    height: 3px !important;
  }

  .container-x,
  .container,
  [class*="container"] {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  [class*="slider"] img,
  [class*="Slider"] img,
  [class*="banner"] img,
  [class*="Banner"] img,
  [class*="hero"] img,
  [class*="Hero"] img {
    border-radius: 18px !important;
  }

  .product-card,
  [class*="product-card"],
  [class*="ProductCard"],
  [class*="category-card"],
  [class*="CategoryCard"] {
    border-radius: 18px !important;
  }
}

/* RV_STORE_HOMEPAGE_REFINE_V12_20260522
   CSS-only refinement after visual review.
   Goals: cleaner header, less harsh red menu, readable seller button,
   premium category cards, better spacing.
*/

/* Keep top red line, but make it slightly slimmer */
body::before {
  height: 3px !important;
  background: linear-gradient(90deg, #7f0d17, #e11d2e, #ff5966, #e11d2e, #7f0d17) !important;
}

/* Top utility bar */
#__next > div > div:first-child,
body > div:first-child {
  border-color: rgba(17, 24, 39, 0.08) !important;
}

/* Header area: cleaner and less washed out */
header,
nav,
[class*="Header"],
[class*="header"] {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08) !important;
}

/* Logo area spacing */
img[alt*="logo"],
img[src*="logo"],
img[src*="Logo"],
img[src*="roovet"],
img[src*="Roovet"] {
  max-height: 74px;
}

/* Search bar cleanup */
input[type="search"],
input[type="text"],
[class*="search"] input,
[class*="Search"] input {
  background: #ffffff !important;
  border: 1px solid rgba(17, 24, 39, 0.14) !important;
  border-radius: 999px !important;
  box-shadow: 0 12px 26px rgba(17, 24, 39, 0.06) !important;
}

/* Prevent harsh red square around search input */
form input,
form select {
  box-shadow: none;
}

form:has(input[type="text"]),
form:has(input[type="search"]) {
  border-radius: 999px !important;
}

/* Search button: strong but cleaner */
button,
.bg-qred,
[class*="bg-qred"] {
  border-radius: 999px !important;
}

.bg-qred,
[class*="bg-qred"] {
  background: linear-gradient(135deg, #ff3343, #d91225) !important;
}

/* Main red nav strip: make it premium instead of flat neon */
.bg-qred.w-full,
[class*="bg-qred"][class*="w-full"] {
  background: linear-gradient(90deg, #d7192a 0%, #ff3343 48%, #d7192a 100%) !important;
  box-shadow: 0 12px 30px rgba(225, 29, 46, 0.18) !important;
}

/* All Categories box inside red nav */
.bg-qred .bg-white,
[class*="bg-qred"] .bg-white {
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.12) !important;
}

/* Nav links on red bar */
.bg-qred a,
[class*="bg-qred"] a {
  color: #111827 !important;
  font-weight: 800 !important;
}

.bg-qred a:hover,
[class*="bg-qred"] a:hover {
  color: #ffffff !important;
}

/* Fix Become seller button readability */
a[href*="seller"],
button:has(span),
.bg-black,
[class*="bg-black"] {
  color: #ffffff !important;
}

.bg-qred .bg-black,
[class*="bg-qred"] .bg-black,
a[href*="become-seller"] {
  background: #111827 !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.18) !important;
}

.bg-qred .bg-black *,
[class*="bg-qred"] .bg-black *,
a[href*="become-seller"] * {
  color: #ffffff !important;
}

/* Homepage category row: soften and modernize */
[class*="category"] img,
[class*="Category"] img {
  background: #ffffff !important;
  border-radius: 22px !important;
  border: 1px solid rgba(17, 24, 39, 0.07) !important;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.08) !important;
  padding: 10px;
  transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease !important;
}

[class*="category"]:hover img,
[class*="Category"]:hover img {
  transform: translateY(-4px) scale(1.025) !important;
  border-color: rgba(225, 29, 46, 0.22) !important;
  box-shadow: 0 22px 48px rgba(17, 24, 39, 0.13) !important;
}

/* Category labels below icon cards */
[class*="category"] h3,
[class*="Category"] h3,
[class*="category"] p,
[class*="Category"] p,
[class*="category"] span,
[class*="Category"] span {
  color: #5f6673 !important;
  font-weight: 700;
}

/* Product images: not too huge, cleaner cards */
[class*="product"] img,
[class*="Product"] img {
  border-radius: 18px !important;
  border: 1px solid rgba(17, 24, 39, 0.06) !important;
  background: #ffffff !important;
}

.product-card,
[class*="ProductCard"],
[class*="product-card"] {
  background: #ffffff !important;
  border: 1px solid rgba(17, 24, 39, 0.08) !important;
  border-radius: 22px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.07) !important;
}

.product-card:hover,
[class*="ProductCard"]:hover,
[class*="product-card"]:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 55px rgba(17, 24, 39, 0.13) !important;
}

/* Banners should look premium but not balloon-like */
[class*="Banner"] img,
[class*="banner"] img,
[class*="Slider"] img,
[class*="slider"] img,
[class*="Hero"] img,
[class*="hero"] img {
  border-radius: 18px !important;
  box-shadow: 0 20px 50px rgba(17, 24, 39, 0.12) !important;
}

/* Remove excessive after-lines from tiny section/card headings */
h2::after {
  max-width: 46px !important;
}

[class*="category"] h2::after,
[class*="Category"] h2::after,
[class*="product"] h2::after,
[class*="Product"] h2::after {
  display: none !important;
}

/* General text polish */
h1,
h2,
h3 {
  color: #111827 !important;
}

p,
span,
li {
  text-rendering: optimizeLegibility;
}

/* Cart/account icons badge refinement */
[class*="badge"],
[class*="Badge"],
[class*="count"],
[class*="Count"] {
  box-shadow: 0 8px 18px rgba(225, 29, 46, 0.18);
}

/* Mobile */
@media (max-width: 768px) {
  .bg-qred.w-full,
  [class*="bg-qred"][class*="w-full"] {
    box-shadow: 0 8px 18px rgba(225, 29, 46, 0.15) !important;
  }

  [class*="category"] img,
  [class*="Category"] img {
    border-radius: 18px !important;
    padding: 6px;
  }

  [class*="Banner"] img,
  [class*="banner"] img,
  [class*="Slider"] img,
  [class*="slider"] img {
    border-radius: 16px !important;
  }
}

/* RV_STORE_NAV_CATEGORY_REFINE_V13_20260522
   CSS-only refinement after screenshot review.
   Makes nav less red-heavy and category row more premium.
*/

/* Slimmer top accent */
body::before {
  height: 3px !important;
  background: linear-gradient(90deg, #7f0d17 0%, #e11d2e 45%, #ff6470 50%, #e11d2e 55%, #7f0d17 100%) !important;
}

/* Turn the main red nav strip into a premium white nav with red accent */
.bg-qred.w-full,
[class*="bg-qred"][class*="w-full"] {
  background: #ffffff !important;
  border-top: 1px solid rgba(17, 24, 39, 0.07) !important;
  border-bottom: 1px solid rgba(225, 29, 46, 0.18) !important;
  box-shadow: 0 14px 34px rgba(17, 24, 39, 0.07) !important;
  position: relative;
}

.bg-qred.w-full::after,
[class*="bg-qred"][class*="w-full"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: linear-gradient(90deg, #e11d2e, rgba(225, 29, 46, 0.15), #e11d2e);
  pointer-events: none;
}

/* Nav links become cleaner and easier to read */
.bg-qred.w-full a,
[class*="bg-qred"][class*="w-full"] a {
  color: #1f2937 !important;
  font-weight: 800 !important;
}

.bg-qred.w-full a:hover,
[class*="bg-qred"][class*="w-full"] a:hover {
  color: #e11d2e !important;
}

/* All Categories block should look like the active premium tab */
.bg-qred.w-full .bg-white,
[class*="bg-qred"][class*="w-full"] .bg-white {
  background: #ffffff !important;
  border: 1px solid rgba(225, 29, 46, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 16px 36px rgba(17, 24, 39, 0.10) !important;
}

/* Become seller button: keep black, make it polished */
.bg-qred.w-full .bg-black,
[class*="bg-qred"][class*="w-full"] .bg-black,
a[href*="become-seller"] {
  background: linear-gradient(135deg, #111827, #252b36) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.20) !important;
}

.bg-qred.w-full .bg-black:hover,
[class*="bg-qred"][class*="w-full"] .bg-black:hover,
a[href*="become-seller"]:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 44px rgba(17, 24, 39, 0.26) !important;
}

/* Keep search button red, not affected by white nav */
button.bg-qred,
button[class*="bg-qred"] {
  background: linear-gradient(135deg, #ff3343, #d91225) !important;
  color: #111827 !important;
}

/* Category cards: more refined, less bulky */
[class*="category"] img,
[class*="Category"] img {
  border-radius: 26px !important;
  border: 1px solid rgba(17, 24, 39, 0.08) !important;
  background: linear-gradient(180deg, #ffffff, #fbfbfd) !important;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.075) !important;
  padding: 8px !important;
}

/* Slightly reduce visual heaviness of category images without hiding red branding */
[class*="category"] img:hover,
[class*="Category"] img:hover {
  transform: translateY(-5px) scale(1.025) !important;
  box-shadow: 0 24px 54px rgba(17, 24, 39, 0.14) !important;
}

/* Category labels */
[class*="category"] p,
[class*="Category"] p,
[class*="category"] span,
[class*="Category"] span,
[class*="category"] h3,
[class*="Category"] h3 {
  color: #4b5563 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

/* Header search area: remove the red square feel around input */
form input[type="text"],
form input[type="search"] {
  border-radius: 999px !important;
  background: #ffffff !important;
}

/* Search button text should be strong and readable */
button,
button span {
  font-weight: 800;
}

/* Cleaner top utility links */
a[href*="account"],
a[href*="track"],
a[href*="order"] {
  color: #1f2937 !important;
}

a[href*="account"]:hover,
a[href*="track"]:hover,
a[href*="order"]:hover {
  color: #e11d2e !important;
}

/* Mobile keep simple */
@media (max-width: 768px) {
  .bg-qred.w-full,
  [class*="bg-qred"][class*="w-full"] {
    background: #ffffff !important;
  }

  [class*="category"] img,
  [class*="Category"] img {
    border-radius: 18px !important;
  }
}

/* RV_STORE_NAV_WHITE_V13B_20260522
   CSS-only patch: soften the large red nav strip, keep search button red.
*/

/* Large nav strip below the header */
div.bg-qred.w-full,
section.bg-qred.w-full,
.bg-qred.w-full.h-\[60px\],
.bg-qred.w-full.h-\[70px\],
.bg-qred.w-full.h-\[80px\],
[class~="bg-qred"][class~="w-full"] {
  background: #ffffff !important;
  border-top: 1px solid rgba(17, 24, 39, 0.06) !important;
  border-bottom: 1px solid rgba(225, 29, 46, 0.18) !important;
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.07) !important;
  position: relative !important;
}

/* Red accent underline for nav */
div.bg-qred.w-full::after,
section.bg-qred.w-full::after,
[class~="bg-qred"][class~="w-full"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 3px;
  background: linear-gradient(90deg, #e11d2e, rgba(225, 29, 46, 0.18), #e11d2e);
  pointer-events: none;
}

/* Nav links inside the big strip */
div.bg-qred.w-full a,
section.bg-qred.w-full a,
[class~="bg-qred"][class~="w-full"] a {
  color: #1f2937 !important;
  font-weight: 800 !important;
}

div.bg-qred.w-full a:hover,
section.bg-qred.w-full a:hover,
[class~="bg-qred"][class~="w-full"] a:hover {
  color: #e11d2e !important;
}

/* All Categories tab */
div.bg-qred.w-full .bg-white,
section.bg-qred.w-full .bg-white,
[class~="bg-qred"][class~="w-full"] .bg-white {
  border: 1px solid rgba(225, 29, 46, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.10) !important;
}

/* Become seller button */
div.bg-qred.w-full .bg-black,
section.bg-qred.w-full .bg-black,
[class~="bg-qred"][class~="w-full"] .bg-black,
a[href*="become-seller"] {
  background: linear-gradient(135deg, #111827, #252b36) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 32px rgba(17, 24, 39, 0.20) !important;
}

div.bg-qred.w-full .bg-black *,
section.bg-qred.w-full .bg-black *,
[class~="bg-qred"][class~="w-full"] .bg-black *,
a[href*="become-seller"] * {
  color: #ffffff !important;
}

/* Keep the actual Search button red */
button.bg-qred,
button[class~="bg-qred"],
form button,
button[type="submit"] {
  background: linear-gradient(135deg, #ff3343, #d91225) !important;
  color: #111827 !important;
  border-radius: 999px !important;
  box-shadow: 0 14px 30px rgba(225, 29, 46, 0.24) !important;
}

/* Category cards: make the row slightly more elegant */
[class*="category"] img,
[class*="Category"] img {
  border-radius: 24px !important;
  border: 1px solid rgba(17, 24, 39, 0.08) !important;
  background: linear-gradient(180deg, #ffffff, #fbfbfd) !important;
  box-shadow: 0 12px 28px rgba(17, 24, 39, 0.075) !important;
}

[class*="category"] p,
[class*="Category"] p,
[class*="category"] span,
[class*="Category"] span,
[class*="category"] h3,
[class*="Category"] h3 {
  color: #4b5563 !important;
  font-weight: 800 !important;
}

/* Slightly soften the huge red icon look */
[class*="category"] img,
[class*="Category"] img {
  filter: saturate(0.95) contrast(1.02);
}

/* Top red line should stay slim */
body::before {
  height: 3px !important;
}



/* RV_STORE_MENU_SAFE_V14B_20260522
   Safer fix: keep dropdowns above cards without changing nav item positioning.
*/

header,
nav {
  overflow: visible !important;
}

/* Only raise actual absolute dropdown panels, not every menu/nav element */
header [class*="absolute"],
nav [class*="absolute"],
.bg-qred [class*="absolute"],
[class~="bg-qred"] [class*="absolute"] {
  z-index: 9999 !important;
}

/* Keep dropdown/mega panels visually above content */
header [class*="dropdown"],
header [class*="Dropdown"],
header [class*="mega"],
header [class*="Mega"],
nav [class*="dropdown"],
nav [class*="Dropdown"],
nav [class*="mega"],
nav [class*="Mega"],
.bg-qred [class*="dropdown"],
.bg-qred [class*="Dropdown"],
.bg-qred [class*="mega"],
.bg-qred [class*="Mega"] {
  z-index: 9999 !important;
  background: #ffffff !important;
  box-shadow: 0 24px 70px rgba(17, 24, 39, 0.16) !important;
}

/* Prevent homepage category cards from sitting above dropdowns */
[class*="category"] img,
[class*="Category"] img,
[class*="product"] img,
[class*="Product"] img {
  z-index: 1 !important;
}

/* Do not let category image card styling affect menu icons */
header [class*="category"] img,
header [class*="Category"] img,
nav [class*="category"] img,
nav [class*="Category"] img,
.bg-qred [class*="category"] img,
.bg-qred [class*="Category"] img {
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* RV_STORE_DROPDOWN_MENUS_V15_20260522
   Focused repair for Shopo dropdown/mega menus.
   Does not move nav links. Does not patch JS chunks.
*/

/* Known Shopo/nav wrappers: keep them above content, but do not alter layout */
.nav-widget-wrapper,
.main-nav-wrapper,
.category-dropdown-wrapper,
.category-dropdown,
.mega-menu-wrapper,
.mega-menu,
.submenu,
.sub-menu,
[class*="nav-widget"],
[class*="NavWidget"] {
  overflow: visible !important;
}

/* Raise only real dropdown/mega panels */
.category-dropdown,
.category-dropdown-wrapper,
.mega-menu,
.mega-menu-wrapper,
.submenu,
.sub-menu,
.nav-dropdown,
.dropdown-menu,
[class*="category-dropdown"],
[class*="CategoryDropdown"],
[class*="mega-menu"],
[class*="MegaMenu"],
[class*="submenu"],
[class*="Submenu"],
[class*="dropdown-menu"],
[class*="DropdownMenu"] {
  position: absolute;
  z-index: 99999 !important;
  background: #ffffff !important;
  color: #111827 !important;
  border: 1px solid rgba(17, 24, 39, 0.08) !important;
  box-shadow: 0 28px 80px rgba(17, 24, 39, 0.18) !important;
  overflow: visible !important;
}

/* If Shopo uses Tailwind absolute panels inside nav, raise only those panels */
.nav-widget-wrapper .absolute,
.main-nav-wrapper .absolute,
.bg-qred .absolute,
[class~="bg-qred"] .absolute {
  z-index: 99999 !important;
  background: #ffffff;
}

/* Dropdown children must remain readable */
.category-dropdown *,
.category-dropdown-wrapper *,
.mega-menu *,
.mega-menu-wrapper *,
.submenu *,
.sub-menu *,
.nav-dropdown *,
.dropdown-menu *,
[class*="category-dropdown"] *,
[class*="CategoryDropdown"] *,
[class*="mega-menu"] *,
[class*="MegaMenu"] *,
[class*="submenu"] *,
[class*="Submenu"] *,
[class*="dropdown-menu"] *,
[class*="DropdownMenu"] * {
  color: #111827 !important;
}

/* Hover inside menus */
.category-dropdown a:hover,
.category-dropdown-wrapper a:hover,
.mega-menu a:hover,
.mega-menu-wrapper a:hover,
.submenu a:hover,
.sub-menu a:hover,
.nav-dropdown a:hover,
.dropdown-menu a:hover,
[class*="category-dropdown"] a:hover,
[class*="CategoryDropdown"] a:hover,
[class*="mega-menu"] a:hover,
[class*="MegaMenu"] a:hover {
  color: #e11d2e !important;
  background: rgba(225, 29, 46, 0.06) !important;
}

/* Undo homepage category-card image treatment inside dropdown/mega menus */
.category-dropdown img,
.category-dropdown-wrapper img,
.mega-menu img,
.mega-menu-wrapper img,
.submenu img,
.sub-menu img,
.nav-dropdown img,
.dropdown-menu img,
[class*="category-dropdown"] img,
[class*="CategoryDropdown"] img,
[class*="mega-menu"] img,
[class*="MegaMenu"] img,
[class*="submenu"] img,
[class*="Submenu"] img,
[class*="dropdown-menu"] img,
[class*="DropdownMenu"] img {
  width: auto !important;
  max-width: 36px !important;
  height: auto !important;
  max-height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: transparent !important;
  filter: none !important;
  transform: none !important;
}

/* Homepage category tiles and products must sit below menus */
#__next [class*="category"] img,
#__next [class*="Category"] img,
#__next [class*="product"] img,
#__next [class*="Product"] img,
#__next [class*="brand"] img,
#__next [class*="Brand"] img {
  position: relative;
  z-index: 1 !important;
}

/* Lower the main homepage content stack below dropdowns */
#__next main,
#__next section,
#__next [class*="Home"],
#__next [class*="home"],
#__next [class*="Product"],
#__next [class*="product"],
#__next [class*="Category"],
#__next [class*="category"] {
  z-index: auto;
}

/* But keep the navigation strip itself above page content */
header,
nav,
.nav-widget-wrapper,
.main-nav-wrapper,
[class*="Header"],
[class*="header"] {
  position: relative;
  z-index: 9000 !important;
}

/* If menu panels are rendered immediately after nav, keep them high */
nav + div,
header + div,
.nav-widget-wrapper + div,
.main-nav-wrapper + div {
  position: relative;
}

/* Ensure open category/mega panels do not appear transparent over homepage banners */
.category-dropdown,
.category-dropdown-wrapper,
.mega-menu,
.mega-menu-wrapper,
[class*="category-dropdown"],
[class*="CategoryDropdown"],
[class*="mega-menu"],
[class*="MegaMenu"] {
  backdrop-filter: none !important;
}

/* Keep normal homepage category cards unchanged outside menus */
body:not(.rv-menu-open) > * {
  isolation: auto;
}

/* RV_STORE_PRODUCT_CARD_ROLLBACK_CLEAN_V26_20260522 source=7f47b9549bf34fb2.css */


/* RV_STORE_BANNER_TEXT_READABLE_V27_20260522
   Makes dark hero/banner text readable.
   CSS-only. No JS chunks. No product-card layout changes.
*/

:root {
  --rv27-red: #e11d2e;
  --rv27-red-bright: #ff3343;
  --rv27-ink: #101828;
}

/* Large promotional banners / hero image areas */
[class*="Banner"],
[class*="banner"],
[class*="Hero"],
[class*="hero"],
[class*="Slider"],
[class*="slider"] {
  position: relative;
  isolation: isolate;
}

/* Subtle readable overlay for image banners */
[class*="Banner"]::before,
[class*="banner"]::before,
[class*="Hero"]::before,
[class*="hero"]::before,
[class*="Slider"]::before,
[class*="slider"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.58) 0%,
      rgba(0, 0, 0, 0.34) 34%,
      rgba(0, 0, 0, 0.08) 66%,
      rgba(0, 0, 0, 0.02) 100%
    );
}

/* Keep banner content above overlay */
[class*="Banner"] > *,
[class*="banner"] > *,
[class*="Hero"] > *,
[class*="hero"] > *,
[class*="Slider"] > *,
[class*="slider"] > * {
  position: relative;
  z-index: 2;
}

/* Banner title/readable text */
[class*="Banner"] h1,
[class*="Banner"] h2,
[class*="Banner"] h3,
[class*="banner"] h1,
[class*="banner"] h2,
[class*="banner"] h3,
[class*="Hero"] h1,
[class*="Hero"] h2,
[class*="Hero"] h3,
[class*="hero"] h1,
[class*="hero"] h2,
[class*="hero"] h3,
[class*="Slider"] h1,
[class*="Slider"] h2,
[class*="Slider"] h3,
[class*="slider"] h1,
[class*="slider"] h2,
[class*="slider"] h3 {
  color: #ffffff !important;
  text-shadow: 0 4px 22px rgba(0, 0, 0, 0.52) !important;
  letter-spacing: -0.045em !important;
}

/* Banner paragraph/subtext */
[class*="Banner"] p,
[class*="banner"] p,
[class*="Hero"] p,
[class*="hero"] p,
[class*="Slider"] p,
[class*="slider"] p,
[class*="Banner"] span,
[class*="banner"] span,
[class*="Hero"] span,
[class*="hero"] span,
[class*="Slider"] span,
[class*="slider"] span {
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 3px 16px rgba(0, 0, 0, 0.45) !important;
}

/* Shop Now / CTA inside banners */
[class*="Banner"] a,
[class*="banner"] a,
[class*="Hero"] a,
[class*="hero"] a,
[class*="Slider"] a,
[class*="slider"] a {
  color: #ffffff !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 15px rgba(0, 0, 0, 0.45) !important;
}

[class*="Banner"] a:hover,
[class*="banner"] a:hover,
[class*="Hero"] a:hover,
[class*="hero"] a:hover,
[class*="Slider"] a:hover,
[class*="slider"] a:hover {
  color: var(--rv27-red-bright) !important;
}

/* Keep product cards, category icons, and menu dropdowns from getting banner overlays */
[class*="Product"]::before,
[class*="product"]::before,
[class*="Category"]::before,
[class*="category"]::before,
[class*="dropdown"]::before,
[class*="Dropdown"]::before,
[class*="mega"]::before,
[class*="Mega"]::before,
header::before,
nav::before {
  content: none !important;
}

/* Do not force dropdown/menu text white */
header *,
nav *,
[class*="dropdown"] *,
[class*="Dropdown"] *,
[class*="mega"] *,
[class*="Mega"] * {
  text-shadow: none;
}

/* Mobile */
@media (max-width: 768px) {
  [class*="Banner"]::before,
  [class*="banner"]::before,
  [class*="Hero"]::before,
  [class*="hero"]::before,
  [class*="Slider"]::before,
  [class*="slider"]::before {
    background:
      linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.64) 0%,
        rgba(0, 0, 0, 0.34) 58%,
        rgba(0, 0, 0, 0.08) 100%
      );
  }
}



/* RV_STORE_EXACT_BANNER_TEXT_V28_20260522
   Stronger targeted fix for dark promotional Shopo banners.
   CSS-only. No JS chunks. No product-card layout changes.
*/

/* Common Shopo promo/banner containers */
.discount-banner,
.discount-banner-wrapper,
.discount-banner-item,
.banner-card,
.banner-item,
.ads-banner,
.ad-banner,
.offer-banner,
.promo-banner,
.promotional-banner,
.homepage-banner,
.campaign-banner,
.campaign-countdown,
[class*="discount"],
[class*="Discount"],
[class*="campaign"],
[class*="Campaign"],
[class*="promo"],
[class*="Promo"],
[class*="offer"],
[class*="Offer"],
[class*="advertise"],
[class*="Advertise"],
[class*="ads"],
[class*="Ads"] {
  position: relative !important;
  isolation: isolate !important;
}

/* Add readable overlay only to large promo/banner surfaces */
.discount-banner::before,
.discount-banner-wrapper::before,
.discount-banner-item::before,
.banner-card::before,
.banner-item::before,
.ads-banner::before,
.ad-banner::before,
.offer-banner::before,
.promo-banner::before,
.promotional-banner::before,
.homepage-banner::before,
.campaign-banner::before,
.campaign-countdown::before,
[class*="discount"]::before,
[class*="Discount"]::before,
[class*="campaign"]::before,
[class*="Campaign"]::before,
[class*="promo"]::before,
[class*="Promo"]::before,
[class*="offer"]::before,
[class*="Offer"]::before,
[class*="advertise"]::before,
[class*="Advertise"]::before,
[class*="ads"]::before,
[class*="Ads"]::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.72) 0%,
    rgba(0, 0, 0, 0.50) 28%,
    rgba(0, 0, 0, 0.20) 58%,
    rgba(0, 0, 0, 0.03) 100%
  );
}

/* Keep actual banner content above overlay */
.discount-banner > *,
.discount-banner-wrapper > *,
.discount-banner-item > *,
.banner-card > *,
.banner-item > *,
.ads-banner > *,
.ad-banner > *,
.offer-banner > *,
.promo-banner > *,
.promotional-banner > *,
.homepage-banner > *,
.campaign-banner > *,
.campaign-countdown > *,
[class*="discount"] > *,
[class*="Discount"] > *,
[class*="campaign"] > *,
[class*="Campaign"] > *,
[class*="promo"] > *,
[class*="Promo"] > *,
[class*="offer"] > *,
[class*="Offer"] > *,
[class*="advertise"] > *,
[class*="Advertise"] > *,
[class*="ads"] > *,
[class*="Ads"] > * {
  position: relative !important;
  z-index: 2 !important;
}

/* Force dark Shopo text classes readable inside promo banners */
.discount-banner .text-qblack,
.discount-banner-wrapper .text-qblack,
.discount-banner-item .text-qblack,
.banner-card .text-qblack,
.banner-item .text-qblack,
.ads-banner .text-qblack,
.ad-banner .text-qblack,
.offer-banner .text-qblack,
.promo-banner .text-qblack,
.promotional-banner .text-qblack,
.homepage-banner .text-qblack,
.campaign-banner .text-qblack,
.campaign-countdown .text-qblack,
[class*="discount"] .text-qblack,
[class*="Discount"] .text-qblack,
[class*="campaign"] .text-qblack,
[class*="Campaign"] .text-qblack,
[class*="promo"] .text-qblack,
[class*="Promo"] .text-qblack,
[class*="offer"] .text-qblack,
[class*="Offer"] .text-qblack,
[class*="advertise"] .text-qblack,
[class*="Advertise"] .text-qblack,
[class*="ads"] .text-qblack,
[class*="Ads"] .text-qblack {
  color: #ffffff !important;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.65) !important;
}

/* Banner headings */
.discount-banner h1,
.discount-banner h2,
.discount-banner h3,
.discount-banner-wrapper h1,
.discount-banner-wrapper h2,
.discount-banner-wrapper h3,
.discount-banner-item h1,
.discount-banner-item h2,
.discount-banner-item h3,
.banner-card h1,
.banner-card h2,
.banner-card h3,
.banner-item h1,
.banner-item h2,
.banner-item h3,
.ads-banner h1,
.ads-banner h2,
.ads-banner h3,
.ad-banner h1,
.ad-banner h2,
.ad-banner h3,
.offer-banner h1,
.offer-banner h2,
.offer-banner h3,
.promo-banner h1,
.promo-banner h2,
.promo-banner h3,
.promotional-banner h1,
.promotional-banner h2,
.promotional-banner h3,
.homepage-banner h1,
.homepage-banner h2,
.homepage-banner h3,
.campaign-banner h1,
.campaign-banner h2,
.campaign-banner h3,
.campaign-countdown h1,
.campaign-countdown h2,
.campaign-countdown h3,
[class*="discount"] h1,
[class*="discount"] h2,
[class*="discount"] h3,
[class*="Discount"] h1,
[class*="Discount"] h2,
[class*="Discount"] h3,
[class*="campaign"] h1,
[class*="campaign"] h2,
[class*="campaign"] h3,
[class*="Campaign"] h1,
[class*="Campaign"] h2,
[class*="Campaign"] h3,
[class*="promo"] h1,
[class*="promo"] h2,
[class*="promo"] h3,
[class*="Promo"] h1,
[class*="Promo"] h2,
[class*="Promo"] h3,
[class*="offer"] h1,
[class*="offer"] h2,
[class*="offer"] h3,
[class*="Offer"] h1,
[class*="Offer"] h2,
[class*="Offer"] h3 {
  color: #ffffff !important;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.68) !important;
}

/* Shop Now / CTA inside promo banners */
.discount-banner a,
.discount-banner-wrapper a,
.discount-banner-item a,
.banner-card a,
.banner-item a,
.ads-banner a,
.ad-banner a,
.offer-banner a,
.promo-banner a,
.promotional-banner a,
.homepage-banner a,
.campaign-banner a,
.campaign-countdown a,
[class*="discount"] a,
[class*="Discount"] a,
[class*="campaign"] a,
[class*="Campaign"] a,
[class*="promo"] a,
[class*="Promo"] a,
[class*="offer"] a,
[class*="Offer"] a {
  color: #ff3343 !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.60) !important;
}

/* Direct fallback for any big dark-background block with inline background image */
[style*="background-image"] h1,
[style*="background-image"] h2,
[style*="background-image"] h3,
[style*="background-image"] .text-qblack {
  color: #ffffff !important;
  text-shadow: 0 4px 24px rgba(0, 0, 0, 0.68) !important;
}

[style*="background-image"] a {
  color: #ff3343 !important;
  font-weight: 900 !important;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.60) !important;
}

/* Do not affect product cards/category/menu/dropdowns */
[class*="Product"]::before,
[class*="product"]::before,
[class*="Category"]::before,
[class*="category"]::before,
[class*="dropdown"]::before,
[class*="Dropdown"]::before,
[class*="mega"]::before,
[class*="Mega"]::before,
header::before,
nav::before {
  content: none !important;
}

header *,
nav *,
[class*="dropdown"] *,
[class*="Dropdown"] *,
[class*="mega"] *,
[class*="Mega"] *,
[class*="Product"] *,
[class*="product"] *,
[class*="Category"] *,
[class*="category"] * {
  text-shadow: none;
}



/* RV_STORE_PRICE_BACKGROUND_FIX_V29_20260522
   Removes accidental dark background from sale/current prices.
   CSS-only. No JS chunks. No product-card layout changes.
*/

:root {
  --rv29-red: #e11d2e;
  --rv29-muted: #667085;
}

/* Sale/current price must never have dark background */
.text-qred,
[class*="text-qred"],
[class*="price"],
[class*="Price"],
a[href*="/single-product"] .text-qred,
a[href*="/product/"] .text-qred,
a[href*="/products/"] .text-qred,
[class*="ProductCard"] .text-qred,
[class*="product-card"] .text-qred,
.product-card .text-qred {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--rv29-red) !important;
  text-shadow: none !important;
}

/* If the sale price span has any dark utility class, override it */
a[href*="/single-product"] [class*="bg-"].text-qred,
a[href*="/product/"] [class*="bg-"].text-qred,
a[href*="/products/"] [class*="bg-"].text-qred,
[class*="ProductCard"] [class*="bg-"].text-qred,
[class*="product-card"] [class*="bg-"].text-qred,
.product-card [class*="bg-"].text-qred {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--rv29-red) !important;
}

/* Current sale price inside product cards */
a[href*="/single-product"] span,
a[href*="/product/"] span,
a[href*="/products/"] span,
[class*="ProductCard"] span,
[class*="product-card"] span,
.product-card span {
  text-shadow: none;
}

/* Old/compare price stays gray and crossed out cleanly */
del,
.line-through,
[class*="line-through"],
a[href*="/single-product"] del,
a[href*="/single-product"] .line-through,
a[href*="/product/"] del,
a[href*="/product/"] .line-through,
a[href*="/products/"] del,
a[href*="/products/"] .line-through,
[class*="ProductCard"] del,
[class*="ProductCard"] .line-through,
[class*="product-card"] del,
[class*="product-card"] .line-through,
.product-card del,
.product-card .line-through {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--rv29-muted) !important;
  opacity: 0.78 !important;
}

/* Price row should stay inline but clean */
a[href*="/single-product"] div:has(del),
a[href*="/product/"] div:has(del),
a[href*="/products/"] div:has(del),
[class*="ProductCard"] div:has(del),
[class*="product-card"] div:has(del),
.product-card div:has(del) {
  background: transparent !important;
  box-shadow: none !important;
}

/* Prevent button styles from leaking onto nearby prices */
a[href*="/single-product"] button + span,
a[href*="/product/"] button + span,
a[href*="/products/"] button + span,
[class*="ProductCard"] button + span,
[class*="product-card"] button + span,
.product-card button + span {
  background: transparent !important;
  color: var(--rv29-red) !important;
}

/* Do not affect nav/dropdown/menu text */
header .text-qred,
nav .text-qred,
[class*="dropdown"] .text-qred,
[class*="Dropdown"] .text-qred,
[class*="mega"] .text-qred,
[class*="Mega"] .text-qred {
  background: transparent !important;
}



/* RV_STORE_PRICE_PARENT_BACKGROUND_FIX_V30_20260522
   Removes dark/gray background from sale price parent wrappers.
   CSS-only. No JS chunks.
*/

:root {
  --rv30-red: #e11d2e;
  --rv30-muted: #667085;
}

/* Direct price spans */
.text-qred,
span.text-qred,
p.text-qred,
div.text-qred,
[class*="text-qred"],
[class*="price"],
[class*="Price"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  color: var(--rv30-red) !important;
}

/* Parent wrappers around sale/current price */
a[href*="/single-product"] :has(> .text-qred),
a[href*="/product/"] :has(> .text-qred),
a[href*="/products/"] :has(> .text-qred),
[class*="ProductCard"] :has(> .text-qred),
[class*="product-card"] :has(> .text-qred),
.product-card :has(> .text-qred) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Parent wrappers containing both old price and sale price */
a[href*="/single-product"] :has(del):has(.text-qred),
a[href*="/product/"] :has(del):has(.text-qred),
a[href*="/products/"] :has(del):has(.text-qred),
[class*="ProductCard"] :has(del):has(.text-qred),
[class*="product-card"] :has(del):has(.text-qred),
.product-card :has(del):has(.text-qred),
a[href*="/single-product"] :has(.line-through):has(.text-qred),
a[href*="/product/"] :has(.line-through):has(.text-qred),
a[href*="/products/"] :has(.line-through):has(.text-qred),
[class*="ProductCard"] :has(.line-through):has(.text-qred),
[class*="product-card"] :has(.line-through):has(.text-qred),
.product-card :has(.line-through):has(.text-qred) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 8px 12px !important;
}

/* Kill dark background utility classes only when they wrap prices */
a[href*="/single-product"] [class*="bg-"]:has(.text-qred),
a[href*="/product/"] [class*="bg-"]:has(.text-qred),
a[href*="/products/"] [class*="bg-"]:has(.text-qred),
[class*="ProductCard"] [class*="bg-"]:has(.text-qred),
[class*="product-card"] [class*="bg-"]:has(.text-qred),
.product-card [class*="bg-"]:has(.text-qred) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Old price */
del,
.line-through,
[class*="line-through"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--rv30-muted) !important;
  opacity: 0.78 !important;
}

/* Stronger: any span around old/current price in product cards should not have a background */
a[href*="/single-product"] span:has(+ .text-qred),
a[href*="/product/"] span:has(+ .text-qred),
a[href*="/products/"] span:has(+ .text-qred),
[class*="ProductCard"] span:has(+ .text-qred),
[class*="product-card"] span:has(+ .text-qred),
.product-card span:has(+ .text-qred) {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Make sure sale/current price remains visible and clean */
a[href*="/single-product"] .text-qred,
a[href*="/product/"] .text-qred,
a[href*="/products/"] .text-qred,
[class*="ProductCard"] .text-qred,
[class*="product-card"] .text-qred,
.product-card .text-qred {
  color: var(--rv30-red) !important;
  font-weight: 900 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Do not affect menu/dropdown badges */
header .text-qred,
nav .text-qred,
[class*="dropdown"] .text-qred,
[class*="Dropdown"] .text-qred,
[class*="mega"] .text-qred,
[class*="Mega"] .text-qred {
  background: transparent !important;
}



/* RV_STORE_OFFER_PRICE_FIX_V31_20260522
   Fixes sale/offer price black background caused by broad banner selectors.
   Also prevents hover Add To Cart button from visually covering prices.
   CSS-only. No JS chunks.
*/

:root {
  --rv31-red: #e11d2e;
  --rv31-muted: #667085;
}

/* Stop banner overlay pseudo-elements from attaching to offer-price/product price classes */
a[href*="/single-product"] [class*="offer"]::before,
a[href*="/single-product"] [class*="Offer"]::before,
a[href*="/single-product"] [class*="price"]::before,
a[href*="/single-product"] [class*="Price"]::before,
a[href*="/product/"] [class*="offer"]::before,
a[href*="/product/"] [class*="Offer"]::before,
a[href*="/product/"] [class*="price"]::before,
a[href*="/product/"] [class*="Price"]::before,
a[href*="/products/"] [class*="offer"]::before,
a[href*="/products/"] [class*="Offer"]::before,
a[href*="/products/"] [class*="price"]::before,
a[href*="/products/"] [class*="Price"]::before,
[class*="ProductCard"] [class*="offer"]::before,
[class*="ProductCard"] [class*="Offer"]::before,
[class*="ProductCard"] [class*="price"]::before,
[class*="ProductCard"] [class*="Price"]::before,
[class*="product-card"] [class*="offer"]::before,
[class*="product-card"] [class*="Offer"]::before,
[class*="product-card"] [class*="price"]::before,
[class*="product-card"] [class*="Price"]::before,
.product-card [class*="offer"]::before,
.product-card [class*="Offer"]::before,
.product-card [class*="price"]::before,
.product-card [class*="Price"]::before,
.text-qred::before,
[class*="text-qred"]::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Also remove after pseudo-elements if any price class got one */
a[href*="/single-product"] [class*="offer"]::after,
a[href*="/single-product"] [class*="Offer"]::after,
a[href*="/single-product"] [class*="price"]::after,
a[href*="/single-product"] [class*="Price"]::after,
a[href*="/product/"] [class*="offer"]::after,
a[href*="/product/"] [class*="Offer"]::after,
a[href*="/product/"] [class*="price"]::after,
a[href*="/product/"] [class*="Price"]::after,
a[href*="/products/"] [class*="offer"]::after,
a[href*="/products/"] [class*="Offer"]::after,
a[href*="/products/"] [class*="price"]::after,
a[href*="/products/"] [class*="Price"]::after,
[class*="ProductCard"] [class*="offer"]::after,
[class*="ProductCard"] [class*="Offer"]::after,
[class*="ProductCard"] [class*="price"]::after,
[class*="ProductCard"] [class*="Price"]::after,
[class*="product-card"] [class*="offer"]::after,
[class*="product-card"] [class*="Offer"]::after,
[class*="product-card"] [class*="price"]::after,
[class*="product-card"] [class*="Price"]::after,
.product-card [class*="offer"]::after,
.product-card [class*="Offer"]::after,
.product-card [class*="price"]::after,
.product-card [class*="Price"]::after,
.text-qred::after,
[class*="text-qred"]::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* Price and offer-price elements must stay transparent */
.text-qred,
[class*="text-qred"],
[class*="offer_price"],
[class*="offer-price"],
[class*="OfferPrice"],
[class*="sale_price"],
[class*="sale-price"],
[class*="SalePrice"],
[class*="price"],
[class*="Price"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Current sale price */
.text-qred,
[class*="text-qred"],
[class*="offer_price"],
[class*="offer-price"],
[class*="OfferPrice"],
[class*="sale_price"],
[class*="sale-price"],
[class*="SalePrice"] {
  color: var(--rv31-red) !important;
  font-weight: 900 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Old/compare price */
del,
.line-through,
[class*="line-through"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--rv31-muted) !important;
  opacity: 0.78 !important;
}

/* Parent wrappers around price rows must be transparent */
a[href*="/single-product"] :has(.text-qred),
a[href*="/product/"] :has(.text-qred),
a[href*="/products/"] :has(.text-qred),
[class*="ProductCard"] :has(.text-qred),
[class*="product-card"] :has(.text-qred),
.product-card :has(.text-qred) {
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* When a product card is hovered and Add To Cart appears, hide the price row under it */
a[href*="/single-product"]:has(button):hover del,
a[href*="/single-product"]:has(button):hover .line-through,
a[href*="/single-product"]:has(button):hover [class*="line-through"],
a[href*="/single-product"]:has(button):hover .text-qred,
a[href*="/single-product"]:has(button):hover [class*="text-qred"],
a[href*="/product/"]:has(button):hover del,
a[href*="/product/"]:has(button):hover .line-through,
a[href*="/product/"]:has(button):hover [class*="line-through"],
a[href*="/product/"]:has(button):hover .text-qred,
a[href*="/product/"]:has(button):hover [class*="text-qred"],
a[href*="/products/"]:has(button):hover del,
a[href*="/products/"]:has(button):hover .line-through,
a[href*="/products/"]:has(button):hover [class*="line-through"],
a[href*="/products/"]:has(button):hover .text-qred,
a[href*="/products/"]:has(button):hover [class*="text-qred"],
[class*="ProductCard"]:has(button):hover del,
[class*="ProductCard"]:has(button):hover .line-through,
[class*="ProductCard"]:has(button):hover [class*="line-through"],
[class*="ProductCard"]:has(button):hover .text-qred,
[class*="ProductCard"]:has(button):hover [class*="text-qred"],
[class*="product-card"]:has(button):hover del,
[class*="product-card"]:has(button):hover .line-through,
[class*="product-card"]:has(button):hover [class*="line-through"],
[class*="product-card"]:has(button):hover .text-qred,
[class*="product-card"]:has(button):hover [class*="text-qred"],
.product-card:has(button):hover del,
.product-card:has(button):hover .line-through,
.product-card:has(button):hover [class*="line-through"],
.product-card:has(button):hover .text-qred,
.product-card:has(button):hover [class*="text-qred"] {
  opacity: 0 !important;
}

/* Keep hover Add To Cart button clean and above hidden price */
a[href*="/single-product"] button,
a[href*="/product/"] button,
a[href*="/products/"] button,
[class*="ProductCard"] button,
[class*="product-card"] button,
.product-card button {
  z-index: 10 !important;
}

/* Do not affect menu/dropdowns/header */
header .text-qred,
nav .text-qred,
[class*="dropdown"] .text-qred,
[class*="Dropdown"] .text-qred,
[class*="mega"] .text-qred,
[class*="Mega"] .text-qred {
  opacity: 1 !important;
}







/* RV_STORE_BEST_PRODUCTS_ALIGNMENT_V38_20260522
   Fixes Best Products layout by removing aggressive v32/v36/v37 effects.
   This keeps product row internals original and only polishes the section shell.
   CSS-only. No JS chunks.
*/

:root {
  --rv38-red: #e11d2e;
  --rv38-ink: #101828;
  --rv38-muted: #667085;
  --rv38-line: rgba(16, 24, 40, 0.08);
  --rv38-shadow: 0 14px 36px rgba(16, 24, 40, 0.06);
}

/* Exact Best Products section shell only */
#__next .section-style-one.category-products:has(a[href*="best_product"]) {
  padding: 22px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(225, 29, 46, 0.055), transparent 24rem),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid rgba(16, 24, 40, 0.065) !important;
  box-shadow: 0 22px 62px rgba(16, 24, 40, 0.075) !important;
  overflow: visible !important;
}

/* Keep grid/columns aligned without changing card internals */
#__next .section-style-one.category-products:has(a[href*="best_product"]) .products-section,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .grid,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col {
  overflow: visible !important;
}

#__next .section-style-one.category-products:has(a[href*="best_product"]) .grid {
  align-items: start !important;
  gap: 22px !important;
}

#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}

/* Row card shell only — do not force image/title/price layout */
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * {
  border-radius: 22px !important;
  border: 1px solid var(--rv38-line) !important;
  background: #ffffff !important;
  box-shadow: var(--rv38-shadow) !important;
  overflow: hidden !important;
  transform: none !important;
  min-height: unset !important;
  height: auto !important;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover {
  border-color: rgba(225, 29, 46, 0.16) !important;
  box-shadow: 0 20px 48px rgba(16, 24, 40, 0.09) !important;
  transform: translateY(-1px) !important;
}

/* Undo forced v36/v37 image sizing inside Best Products */
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * img {
  width: auto !important;
  height: auto !important;
  min-width: unset !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Undo forced title positioning/clipping from v36/v37 */
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * h3,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * h4,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * h5 {
  position: static !important;
  transform: none !important;
  color: var(--rv38-ink) !important;
  font-weight: 850 !important;
  line-height: 1.32 !important;
  max-height: none !important;
  overflow: hidden !important;
}

/* Restore price visibility and normal flow */
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * .text-qred,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * [class*="text-qred"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * [class*="offer"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * [class*="Offer"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * [class*="price"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * [class*="Price"] {
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--rv38-red) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * del,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * .line-through,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > * [class*="line-through"] {
  position: static !important;
  transform: none !important;
  visibility: visible !important;
  opacity: .78 !important;
  color: var(--rv38-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Override hover-hide rules from earlier fixes inside Best Products */
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover .text-qred,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover [class*="text-qred"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover [class*="offer"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover [class*="Offer"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover [class*="price"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover [class*="Price"],
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover del,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover .line-through,
#__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col > *:hover [class*="line-through"] {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Section title/View More */
#__next .section-style-one.category-products:has(a[href*="best_product"]) h2,
#__next .section-style-one.category-products:has(a[href*="best_product"]) h3 {
  color: var(--rv38-ink) !important;
}

#__next .section-style-one.category-products:has(a[href*="best_product"]) a[href*="best_product"] {
  color: var(--rv38-red) !important;
  font-weight: 900 !important;
}

/* Mobile */
@media (max-width: 768px) {
  #__next .section-style-one.category-products:has(a[href*="best_product"]) {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  #__next .section-style-one.category-products:has(a[href*="best_product"]) .item-col {
    gap: 12px !important;
  }
}