.raian-product-page {
  --raian-cart-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h8.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12'/%3E%3C/svg%3E");
}

.raian-product-page :where(.amazon-btn, .product-cta-card__button, .btn[href="#comprar"]) {
  position: relative;
  gap: 10px;
  isolation: isolate;
}

.raian-product-page :where(.amazon-btn, .product-cta-card__button, .btn[href="#comprar"])::before {
  content: "";
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  display: inline-block;
  background: currentColor;
  mask: var(--raian-cart-icon) center / contain no-repeat;
  -webkit-mask: var(--raian-cart-icon) center / contain no-repeat;
}

.raian-product-page :where(.amazon-btn, .product-cta-card__button) {
  background:
    linear-gradient(135deg, #ffb13d 0%, #f08a00 46%, #172019 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 16px 34px rgba(240, 138, 0, 0.28) !important;
}

.raian-product-page :where(.btn[href="#comprar"]) {
  background: #ffffff !important;
  color: #172019 !important;
  border: 1px solid rgba(240, 138, 0, 0.34) !important;
  box-shadow: 0 12px 26px rgba(22, 32, 24, 0.12) !important;
}

.raian-product-page :where(.amazon-btn, .product-cta-card__button, .btn[href="#comprar"]):hover {
  transform: translateY(-2px);
  box-shadow: 0 20px 40px rgba(240, 138, 0, 0.34) !important;
}

.raian-product-page :where(.hero-card, .split-image, .product-visual, .touch-visual, .nasal-feature-media, .related-item, .product-card, .card, .ritual-card, .faq-card, .meaning-card, .buy-card, .product-cta-card) {
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
}

.raian-product-page :where(.hero-card, .split-image, .product-visual, .touch-visual, .nasal-feature-media, .related-item, .product-card) {
  overflow: hidden;
}

.raian-product-page :where(.hero-card img, .split-image img, .product-visual img, .touch-visual img, .nasal-feature-media img, .related-item img, .product-card img, .gallery img) {
  transition:
    transform 260ms ease,
    filter 260ms ease;
  will-change: transform;
}

.raian-product-page :where(.hero-card, .split-image, .product-visual, .touch-visual, .nasal-feature-media, .related-item, .product-card, .card, .ritual-card, .faq-card, .meaning-card, .buy-card, .product-cta-card):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 46px rgba(22, 32, 24, 0.14) !important;
}

.raian-product-page :where(.hero-card, .split-image, .product-visual, .touch-visual, .nasal-feature-media, .related-item, .product-card):hover img {
  transform: scale(1.035);
  filter: saturate(1.04) contrast(1.02);
}

@media (max-width: 760px) {
  .raian-product-page {
    overflow-x: hidden;
  }

  .raian-product-page :where(.container, .page, main, header, section) {
    max-width: 100% !important;
  }

  .raian-product-page :where(.hero-box, .hero, .touch-box, .split-grid, .split-grid:not(.split-grid-three), .split-grid-three, .review-buy-grid, .review-buy-section, .cards, .ritual-grid, .faq-grid, .extra-meaning-grid, .nasal-feature, .nasal-feature:not(.rest), .sleep-benefits-grid, .hero-cards, .hero-badges, .hero-mini, .quick-points) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    overflow: visible !important;
    gap: 16px !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
  }

  body.raian-product-page .nasal-feature,
  body.raian-product-page .nasal-feature:not(.rest) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    align-items: stretch !important;
    gap: 18px !important;
    padding: 18px 14px !important;
    overflow: hidden !important;
  }

  body.raian-product-page .nasal-feature .nasal-feature-media {
    order: 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
  }

  body.raian-product-page .nasal-feature .nasal-feature-media img {
    width: 100% !important;
    height: clamp(210px, 58vw, 280px) !important;
    min-height: 0 !important;
    max-height: 280px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: contain !important;
    object-position: center !important;
  }

  body.raian-product-page .nasal-feature .nasal-feature-content {
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 14px !important;
  }

  body.raian-product-page .nasal-feature .nasal-kicker {
    max-width: 100% !important;
    padding: 8px 12px !important;
    font-size: 0.9rem !important;
    line-height: 1.15 !important;
  }

  body.raian-product-page .nasal-feature h2 {
    font-size: clamp(2rem, 8.4vw, 2.45rem) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  body.raian-product-page .nasal-feature p {
    font-size: 1.02rem !important;
    line-height: 1.58 !important;
  }

  body.raian-product-page .nasal-feature .nasal-benefit-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(218px, 78vw) !important;
    grid-template-columns: none !important;
    gap: 12px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    padding: 2px 2px 10px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
  }

  body.raian-product-page .nasal-feature .nasal-benefit-grid::-webkit-scrollbar {
    display: none;
  }

  body.raian-product-page .nasal-feature .nasal-benefit-grid > * {
    min-width: 0 !important;
    scroll-snap-align: start !important;
  }

  .raian-product-page :where(.related-products) {
    overflow: hidden !important;
  }

  .raian-product-page :where(.related-grid) {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(252px, 84vw) !important;
    grid-template-columns: none !important;
    gap: 14px !important;
    overflow-x: auto !important;
    overscroll-behavior-inline: contain !important;
    padding: 2px 4px 12px !important;
    scroll-padding-inline: 4px !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
  }

  .raian-product-page .related-grid::-webkit-scrollbar {
    display: none;
  }

  .raian-product-page :where(.related-grid > *) {
    min-width: 0 !important;
    scroll-snap-align: start !important;
  }

  .raian-product-page :where(.related-item) {
    display: grid !important;
    grid-template-rows: auto auto 1fr auto !important;
    min-height: 100% !important;
  }

  .raian-product-page :where(.related-item img) {
    height: clamp(170px, 42vw, 220px) !important;
    max-height: 220px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: contain !important;
  }

  .raian-product-page :where(.related-item .amazon-btn) {
    align-self: end !important;
    margin-top: 2px !important;
  }

  .raian-product-page :where(.hero-card, .hero-visual, .product-visual, .split-image, .touch-visual, .nasal-feature-media, .about__media) {
    order: 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .raian-product-page :where(.hero-copy, .split-copy, .touch-copy, .nasal-feature-copy, .nasal-feature-content, .about__copy) {
    order: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .raian-product-page .split-grid-three .split-image:last-child {
    order: 3 !important;
  }

  .raian-product-page :where(.hero-card img, .hero-visual img, .product-visual img, .split-image img, .nasal-feature-media img, .about__media img, .related-item img, .product-card img) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 380px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #ffffff !important;
  }

  .raian-product-page :where(.nasal-feature-media, .nasal-feature-media img) {
    min-height: 0 !important;
    max-height: none !important;
  }

  .raian-product-page :where(.nasal-feature-media img) {
    aspect-ratio: 4 / 3 !important;
    object-fit: contain !important;
  }

  .raian-product-page :where(.touch-visual img) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 340px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }

  .raian-product-page :where(.split-copy, .touch-copy, .intro-box, .card, .ritual-card, .faq-card, .meaning-card, .buy-card, .review-card, .product-cta-card, .info-box, .related-products) {
    width: 100% !important;
    padding: 20px 16px !important;
    border-radius: 20px !important;
  }

  .raian-product-page :where(h1, h2, h3, p, li, span, strong, a) {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }

  .raian-product-page :where(h1) {
    font-size: clamp(2rem, 9vw, 2.75rem) !important;
    line-height: 1.05 !important;
  }

  .raian-product-page :where(h2) {
    font-size: clamp(1.75rem, 8vw, 2.25rem) !important;
    line-height: 1.1 !important;
  }

  .raian-product-page :where(.lead, .subtitle, .sublead, p, li) {
    font-size: 1rem !important;
    line-height: 1.55 !important;
  }

  .raian-product-page :where(.amazon-btn, .product-cta-card__button, .btn[href="#comprar"]) {
    width: 100%;
    min-height: 52px;
    border-radius: 14px !important;
    white-space: normal !important;
    text-align: center;
  }

  .raian-product-page :where(.hero-card, .split-image, .product-visual, .touch-visual, .nasal-feature-media, .related-item, .product-card, .card, .ritual-card, .faq-card, .meaning-card, .buy-card, .product-cta-card):hover,
  .raian-product-page :where(.amazon-btn, .product-cta-card__button, .btn[href="#comprar"]):hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .raian-product-page :where(*, *::before, *::after) {
    transition: none !important;
    animation: none !important;
  }
}