/** Shopify CDN: Minification failed

Line 456:0 Unexpected "="

**/
/* Global smooth scroll removed to eliminate desktop mousewheel & trackpad scroll lag */
html {
  scroll-behavior: auto;
}


/* === BUTTON OVERRIDES === */
.button-secondary,
.product-card .product-form-buttons button {
  height: 100%;
}

.product-card .product-form-buttons:not(:has(> *:nth-child(2))) button {
  padding: 8px 18px !important;
}

.button-secondary {
  --button-border-color: color-mix(in srgb, var(--color-secondary-button-border) 25%, transparent) !important;
}

.add-to-cart-text, button.shopify-payment-button__button--unbranded {
  text-transform: uppercase;
  font-weight: 600;
}

/* === ACCELERATED CHECKOUT BUTTON TEXT OVERRIDE: "BUY IT NOW" -> "BUY NOW" === */
.shopify-payment-button__button--unbranded,
.shopify-payment-button__button {
  font-size: 0 !important;
  color: transparent !important;
  position: relative !important;
}

.shopify-payment-button__button--unbranded *,
.shopify-payment-button__button * {
  display: none !important;
}

.shopify-payment-button__button--unbranded::after,
.shopify-payment-button__button::after {
  content: "BUY NOW" !important;
  font-size: 13px !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  visibility: visible !important;
}

.product-card .product-form-buttons:has(> *:nth-child(2)) .shopify-payment-button__button--unbranded::after,
.product-card .product-form-buttons:has(> *:nth-child(2)) .shopify-payment-button__button::after {
  font-size: 12px !important;
  letter-spacing: -0.1px !important;
}

/* === GLOBAL PRODUCT CARD LAYOUT ALIGNMENT === */
product-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

product-card .product-card__content {
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

product-card span.buy-buttons-block,
product-card .buy-buttons-block {
  margin-top: auto !important;
}

/* === MOBILE TYPOGRAPHY OVERRIDES === */
@media screen and (max-width: 749px) {
  :root, body {
    --font-size--h1: 1.75rem !important;  /* 28px */
    --font-size--h2: 1.5rem !important;   /* 24px */
    --font-size--h3: 1.25rem !important;  /* 20px */
    --font-size--h4: 1.125rem !important; /* 18px */
    --font-size--h5: 1rem !important;     /* 16px */
    --font-size--h6: 0.875rem !important; /* 14px */
    --font-size--paragraph: 0.8125rem !important; /* 13px */
  }

  h1, .h1 { font-size: 1.75rem !important; }
  h2, .h2 { font-size: 1.5rem !important; }
  h3, .h3 { font-size: 1.25rem !important; }
  h4, .h4 { font-size: 1.125rem !important; }
  h5, .h5 { font-size: 1rem !important; }
  h6, .h6 { font-size: 0.875rem !important; }
  p, .p, body, span { font-size: 0.8125rem !important; }
}

@media screen and (max-width: 749px) {
.collection-card.collection-card--image-bg .collection-card__content {
    padding: var(--padding-xs) !important;
}
}

/* === VARIANT PICKER CUSTOM CARDS === */
fieldset.variant-option--custom-cards {
  border: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  box-shadow: none !important;
}

fieldset.variant-option--custom-cards legend {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  display: block !important;
  border: none !important;
}

.custom-cards-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  width: 100% !important;
  margin-top: 6px !important;
  justify-content: flex-start !important;
}

/* Reset button label */
label.custom-variant-card {
  cursor: pointer !important;
  position: relative !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  min-height: 0 !important;
  flex: 0 1 160px !important;
  min-width: 135px !important;
  max-width: 175px !important;
}

@media screen and (max-width: 480px) {
  label.custom-variant-card {
    flex: 1 1 calc(50% - 6px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

label.custom-variant-card::before,
label.custom-variant-card::after {
  display: none !important;
}

label.custom-variant-card input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  pointer-events: none !important;
}

/* Unselected Card Container: 1px border */
.custom-card-inner {
  border: 1px solid #E20606 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: inherit !important;
  transition: all 0.2s ease !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

/* Unselected Header: 30% opacity of selected background color */
.custom-card-header {
  background: color-mix(in srgb, #E20606 30%, transparent) !important;
  color: #111111 !important;
  padding: 10px 8px !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  border-bottom: 1px solid #E20606 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  line-height: 1.2 !important;
}

/* Card Body */
.custom-card-body {
  background: #ffffff !important;
  padding: 12px 8px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 4px !important;
  flex-grow: 1 !important;
}

/* Selected Card State: Border matching selected border/background color */
label.custom-variant-card input[type="radio"]:checked + .custom-card-inner {
  border: 1px solid #E20606 !important;
}

/* Selected Header State: Solid selected background color & selected text color */
label.custom-variant-card input[type="radio"]:checked + .custom-card-inner .custom-card-header {
  background: #E20606 !important;
  color: #ffffff !important;
  border-bottom-color: transparent !important;
}

/* Pricing Text Styles */
.custom-card-pricing {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #111111 !important;
  margin-bottom: 2px !important;
}

.custom-card-compare {
  opacity: 0.55 !important;
  text-decoration: line-through !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #555555 !important;
}

.custom-card-per-pack {
  color: #008a00 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  margin-top: 2px !important;
}

/* === INFO ICONS MOBILE GRID FIX (Scoped strictly using Section ID) === */
@media screen and (max-width: 749px) {
  #shopify-section-template--25798041043228__product-information .group-block-content:has(> .divider),
  .product-information .group-block-content:has(> .divider) {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px 4px !important;
    align-items: flex-start !important;
    text-align: center !important;
  }

  /* Hide vertical dividers on mobile for this section only */
  #shopify-section-template--25798041043228__product-information .group-block-content:has(> .divider) > .divider,
  .product-information .group-block-content:has(> .divider) > .divider {
    display: none !important;
  }

  /* Ensure each icon group occupies 1 full grid column */
  #shopify-section-template--25798041043228__product-information .group-block-content:has(> .divider) > .group-block,
  .product-information .group-block-content:has(> .divider) > .group-block {
    width: 100% !important;
  }

  /* Adjust text size on mobile for product info icons */
  #shopify-section-template--25798041043228__product-information .group-block-content:has(> .divider) .group-block :is(p, span, h6),
  .product-information .group-block-content:has(> .divider) .group-block :is(p, span, h6) {
    font-size: 10px !important;
    line-height: 1.15 !important;
  }
}

/* === RH FAQ ITEM ACCORDION STYLING === */
.rh-faq-group {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.rh-faq-item-block,
:has(> .rh-faq-item-block) {
  width: 100% !important;
  flex: 1 1 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.rh-faq-item-block {
  width: 100% !important;
  border-bottom: 1px solid var(--color-border, #e5e5e5) !important;
  display: block !important;
  margin: 0 !important;
}

.rh-faq-item-block accordion-custom,
.rh-faq-item-block details,
.rh-faq-item-block .details {
  width: 100% !important;
  display: block !important;
}

.rh-faq-item-block .details__header {
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 14px 0 !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  list-style: none !important;
}
.rh-faq-item-block .details__header::-webkit-details-marker {
  display: none !important;
}

.rh-faq-item-block .details__heading-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-grow: 1 !important;
}

.rh-faq-item-block .icon-plus {
  display: none !important;
}

/* === HEADER MEGA MENU: minimal overrides === */
/* Force header-menu visible on desktop */
@media screen and (min-width: 990px) {
  #header-component .header-menu {
    display: flex !important;
  }
}

/* Hide standalone rh-desktop-nav since menu renders inside header */
.rh-desktop-nav {
  display: none !important;
}

/* Hide standalone mobile toggle since header drawer handles it */
.rh-mobile-toggle-btn {
  display: none !important;
}

/* Hide Shopify's native mobile menu drawer so it doesn't open behind RH Mega Menu and cause double scrollbars */
#Details-menu-drawer-container .menu-drawer {
  display: none !important;
}

/* Hide scrollbars inside mobile menu slide panels for a clean UI */
.rh-menu-content,
.rh-submenu-content {
  scrollbar-width: none !important;
}
.rh-menu-content::-webkit-scrollbar,
.rh-submenu-content::-webkit-scrollbar {
  display: none !important;
}

/* Prevent body and html scroll when mobile menu is active */
body:has(.rh-mobile-container.active),
html:has(.rh-mobile-container.active) {
  overflow: hidden !important;
}


@media (hover: hover) and (pointer: fine) {
  .add-to-cart-button:hover,
  .quick-add__button--add:hover,
  .product-form__submit:hover,
  .shopify-payment-button__button:hover,
  .shopify-payment-button__button--unbranded:hover,
  .shopify-payment-button__button[data-shopify-button="true"]:hover,
  shopify-accelerated-checkout:hover,
  shopify-accelerated-checkout-cart:hover,
  .shopify-payment-button__more-options:hover {
    background: #e20606 !important;
    background-color: #e20606 !important;
  }
}


.price-saving-badge {
  color: #ffffffff !important; 
  background-color: #e20606 !important;
  border-radius: 12px !important;
  padding: 3px 8px !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  margin-left: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
}

.compare-at-price {
  color:rgb(var(--color-rgb, var(--color-foreground-rgb)) / 0.5);
}

.price-saving-percent {
  color: #e20606 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
}

/* Card Gallery Media Image Carousel Arrows */
.card-gallery slideshow-arrows {
  display: flex !important;
  padding-inline: 0 !important;
  inset-inline: 0 !important;
  width: 100% !important;
  justify-content: space-between !important;
}

.card-gallery slideshow-arrows .slideshow-control {
  padding-inline: 4px !important;
  margin-inline: 0 !important;
}

@media (hover: hover) and (pointer: fine) {
  .card-gallery:hover slideshow-arrows .slideshow-control {
    opacity: 1 !important;
  }
}

=== AVADA BUNDLE OFFER (FBT) APP STYLING OVERRIDES ===
.Avada-Fbt,
.Avada-Fbt *,
.Avada-OfferLayout,
.Avada-OfferLayout * {
  font-family: inherit !important;
}

.Avada-Fbt .Avada-Fbt__ProductList.amazon .Avada-OfferItem.-fbt {
  width: 180px !important;
  max-width: 180px !important;
}

.Avada-Fbt .Avada-Fbt__ProductList.amazon .Avada-OfferItem.-fbt .Avada-OfferItem__ContentWrapper .Avada-OfferItem__Image {
  width: auto !important;
  height: auto !important;
}

.Avada-Fbt .Avada-Fbt__ProductList.amazon .Avada-OfferItem.-fbt .Avada-OfferItem__ContentWrapper .Avada-OfferItem__Image img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.Avada-Fbt .Avada-Offer__Footer .Avada-Offer__ButtonAddToCart {
  border-radius: 12px !important;
}

/* === SEARCH RECOMMENDATION / PREDICTIVE SEARCH PRODUCT CARDS === */
.resource-card__wrapper {
  background: #ffffff !important;
  border: 1px solid #eaeaea !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  .resource-card__wrapper:hover {
    transform: none !important;
    border-color: #d63a6e !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08) !important;
  }
}

.predictive-search-results__card--product .resource-card__image,
.predictive-search-results__card--product .resource-card__media {
  transform: none !important;
  border-radius: 0 !important;
}

.predictive-search-results__card--product .resource-card__content {
  padding: 12px !important;
}

.predictive-search-results__card--product .resource-card__title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #111111 !important;
  line-height: 1.35 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.predictive-search-results__card--product .price,
.predictive-search-results__card--product .price-item {
  font-weight: 700 !important;
  color: #111111 !important;
}


.product-information .product-form-buttons {
  flex-wrap: nowrap !important;
}

/* === PRODUCT CARD DUAL BUY BUTTONS LAYOUT & RESPONSIVE FIX === */
.product-card .product-form-buttons {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: 100% !important;
  align-items: center !important;
}

.product-card .product-form-buttons > * {
  flex: 1 1 95px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.product-card .product-form-buttons > *:only-child {
  flex: 1 1 100% !important;
}

.product-card .product-form-buttons add-to-cart-component,
.product-card .product-form-buttons .accelerated-checkout-block,
.product-card .product-form-buttons .shopify-payment-button {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.product-card .product-form-buttons button,
.product-card .product-form-buttons .button,
.product-card .product-form-buttons .shopify-payment-button__button {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Dual button styling inside product card */
.product-card .product-form-buttons:has(> *:nth-child(2)) button,
.product-card .product-form-buttons:has(> *:nth-child(2)) .button,
.product-card .product-form-buttons:has(> *:nth-child(2)) .shopify-payment-button__button {
  padding: 8px 5px !important;
  font-size: 12px !important;
  letter-spacing: -0.1px !important;
}

.product-card .product-form-buttons:has(> *:nth-child(2)) .add-to-cart-icon {
  width: 13px !important;
  height: 13px !important;
  margin-right: 3px !important;
  flex-shrink: 0 !important;
}

.product-card .product-form-buttons:has(> *:nth-child(2)) .add-to-cart-text {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

.product-card .product-form-buttons:has(> *:nth-child(2)) .add-to-cart-text__content {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}

#shopify-section-template--25798041043228__product-information
.color-custom-Aa2hjTyt4elhhOEF3L__group_JK8NUb
> .group-block-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

#shopify-section-template--25798041043228__product-information
.color-custom-Aa2hjTyt4elhhOEF3L__group_JK8NUb
> .group-block-content > .group-block {
  width: 100%;
}

@media (max-width: 749px) {
  #shopify-section-template--25798041043228__product-information
    .color-custom-Aa2hjTyt4elhhOEF3L__group_JK8NUb
    .text-block {
    font-size: 10px !important;
  }
}

/* === RH MOBILE FILTER CHIPS & META BAR === */
@media screen and (max-width: 749px) {
  .rh-facets-toggle-hidden { display: none !important; }

  .rh-mobile-facets-bar {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 6px 0 !important;
    margin-bottom: 4px !important;
  }

  /* Horizontal Filter Chips */
  .rh-filter-chips-scroll {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    padding: 2px 16px !important;
    scrollbar-width: none !important;
  }
  .rh-filter-chips-scroll::-webkit-scrollbar { display: none !important; }

  .rh-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 32px !important;
    padding: 0 14px !important;
    border-radius: 50px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    border: 1px solid #e2e2e2 !important;
    background: #f5f5f5 !important;
    color: #222 !important;
  }

  .rh-chip--main, .rh-chip--active {
    background: #35162C !important;
    color: #fff !important;
    border-color: #35162C !important;
  }

  .rh-chip__badge {
    background: #d63a6e !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    width: 18px !important;
    height: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Meta Bar Layout */
  .rh-mobile-facets-meta {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    color: #555 !important;
  }

  /* Left: Items Count + Grid Toggle Together */
  .rh-meta-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .rh-products-count {
    font-weight: 500 !important;
    color: #666 !important;
    white-space: nowrap !important;
  }

  .rh-grid-density-wrapper .column-options-wrapper,
  .rh-grid-density-wrapper .column-options {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
  }

  .rh-grid-density-wrapper .column-options__option {
    display: flex !important;
    position: relative !important;
  }

  .rh-grid-density-wrapper .column-picker {
    display: flex !important;
    padding: 3px !important;
    border-radius: 4px !important;
    color: #777 !important;
  }

  .rh-grid-density-wrapper input:checked ~ .column-picker {
    color: #35162C !important;
    background: rgba(53, 22, 44, 0.08) !important;
  }

  /* Rightmost: Sort with Bordered Select */
  .rh-meta-right {
    display: flex !important;
    align-items: center !important;
    margin-left: auto !important;
  }

  .rh-meta-right .sorting-filter__container {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .rh-meta-right .facets__label {
    font-size: 13px !important;
    color: #555 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .rh-meta-right .sorting-filter__select-wrapper {
    border: 1px solid #d0d0d0 !important;
    border-radius: 16px !important;
    padding: 2px 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
  }

  .rh-meta-right .sorting-filter__select {
    border: none !important;
    background: transparent !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    text-align: left !important;
    text-align-last: left !important;
    color: #111 !important;
    padding: 2px 14px 2px 4px !important;
    cursor: pointer !important;
  }
}

@media screen and (min-width: 750px) {
  .rh-mobile-facets-bar { display: none !important; }
}

/* =========================================================
   STATISTICS GRID — keep the 2-column layout
   ========================================================= */

#shopify-section-template--25798040748316__section_QHMbpJ
.section-content-wrapper
> .group-block:first-child
> .group-block-content
> .group-block
> .group-block-content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 40px;
  row-gap: 20px;
}


/* =========================================================
   EACH INDIVIDUAL STATISTIC
   Divider + content
   ========================================================= */

#shopify-section-template--25798040748316__section_QHMbpJ
.section-content-wrapper
> .group-block:first-child
> .group-block-content
> .group-block
> .group-block-content
> .group-block
> .group-block-content {
  display: grid !important;
  grid-template-columns: 2px minmax(0, 1fr);
  column-gap: 20px;
  align-items: stretch;
  width: 100%;
}


/* =========================================================
   VERTICAL DIVIDER
   ========================================================= */

#shopify-section-template--25798040748316__section_QHMbpJ
.section-content-wrapper
> .group-block:first-child
> .group-block-content
> .group-block
> .group-block-content
> .group-block
> .group-block-content
> .divider {
  height: 100%;
  margin: 0;
  align-self: stretch;
}

@media (max-width: 767px) {
  .slideshow-controls__thumbnails .slideshow-control {
    width: auto !important;
  }
}

img[src*="nykaa-seeklogo.svg"],
img[src*="flipkart_same_dimensions_as_nykaa.svg"],
img[src*="amazon_same_dimensions_as_nykaa.svg"],
img[src*="Zepto_Logo.svg"],
img[src*="meesho.svg"],
img[src*="blinkit_same_dimension_as_meesho_1.svg"] {
    margin-top: 12px;
  }

@media (max-width: 749px) {
  img[src*="nykaa-seeklogo.svg"],
  img[src*="flipkart_same_dimensions_as_nykaa.svg"],
  img[src*="amazon_same_dimensions_as_nykaa.svg"],
  img[src*="Zepto_Logo.svg"],
  img[src*="meesho.svg"],
  img[src*="blinkit_same_dimension_as_meesho_1.svg"] {
    width: 44px !important;
    margin-top: 12px;
  }
}

.jm-review-widget-header__filters-wrapper {
  display: none !important;
}

#judgeme_product_reviews {
  max-width: none !important;
  margin: 0 !important;
}

.jm-review-widget-header__main-content, .jm-review-widget-header__summary-section {
  justify-content: space-between !important;
}

/* =========================================================
   FEATURED COLLECTION & TABS CAROUSEL NAVIGATION ARROWS
   ========================================================= */
   
/* Target ONLY the section-level carousel arrows for Product Lists (Featured Collections) and RH Featured Tabs */
[data-testid="product-list"] .resource-list__carousel > div > slideshow-component > slideshow-container > slideshow-arrows {
  mix-blend-mode: normal !important;
}

[data-testid="product-list"] .resource-list__carousel > div > slideshow-component > slideshow-container > slideshow-arrows .slideshow-control {
  background-color: #E20606 !important;
  color: #ffffff !important;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  
}

[data-testid="product-list"] .resource-list__carousel > div > slideshow-component > slideshow-container > slideshow-arrows .slideshow-control svg {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Ensure product card image arrows inside these sections remain transparent */
[data-testid="product-list"] .card-gallery .slideshow-control,
[data-testid="product-list"] .card-gallery .slideshow-control:hover,
[data-testid="product-list"] .card-gallery .slideshow-control:focus {
  background-color: transparent !important;
}

/* Hide disabled navigation arrows in Featured Collections */
[data-testid="product-list"] .resource-list__carousel > div > slideshow-component > slideshow-container > slideshow-arrows .slideshow-control[disabled] {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Make predictive search results card hover background transparent */
:is(.predictive-search-results__card--product, .recently-viewed-wrapper .predictive-search-results__card--product):hover {
  background-color: transparent !important;
}

/* === REUSABLE ENTRY ANIMATIONS === */
.animate-slide-up-fade {
  animation: slideUpFade 1s forwards;
  opacity: 0;
  
  /* Pure CSS Scroll-driven Animation (Chrome/Edge 115+) */
  animation-timeline: view();
  animation-range: entry 0% entry 50%;
}

@keyframes slideUpFade {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}