/** Shopify CDN: Minification failed

Line 14500:28 Expected ")" to end URL token

**/


/* CSS from section stylesheet tags */
.banner-carousel-section {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 550px;
  }

  .banner-carousel__container {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .banner-carousel__slides {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .banner-carousel__slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--bg-image);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s ease;
    display: flex;
    align-items: center;
    z-index: 1;
  }

  .banner-carousel__slide--active {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .banner-carousel__content {
    position: absolute;
    left: 260px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 757px;
    width: auto;
    padding: 0;
    box-sizing: border-box;
    text-align: center;
  }

  .banner-carousel__content--slide2 {
    left: 170px;
    max-width: 600px;
    text-align: left;
  }

  .banner-carousel__content--slide3 {
    left: 260px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 600px;
    width: auto;
    text-align: left;
  }

  .banner-carousel__heading {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0;
    width: auto;
    max-width: 100%;
    text-align: center;
  }

  .banner-carousel__heading--slide3 {
    text-align: left !important;
    margin-bottom: 30px;
    font-size: 56px;
    line-height: 1.1;
    white-space: normal;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif !important;
    font-weight: 400 !important;
  }

  .banner-carousel__subtitle-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 25px 0;
  }

  .banner-carousel__subtitle-image {
    height: 50px;
    width: auto;
    display: block;
  }

  .banner-carousel__promo-text {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4em;
    text-align: center;
    margin: 0 0 30px 0;
    width: 100%;
  }

  .banner-carousel__button-wrapper {
    width: auto;
    max-width: 100%;
    margin-top: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
  }

  .banner-carousel__content--slide3 .banner-carousel__button-wrapper {
    align-items: flex-start;
    text-align: left;
  }

  .banner-carousel__cta-button {
    display: block;
    width: 300px;
    height: 36px;
    background: #79BEFD;
    border: none;
    border-radius: 8px;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    padding: 0;
    margin: 0;
    box-shadow: 0 4px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__cta-button:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__cta-button:active:not(:disabled) {
    transform: translateY(2px);
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__cta-button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
  }

  .banner-carousel__cta-button--yellow {
    background: #FFD700;
    box-shadow: 0 4px 0 0 rgba(255, 255, 255, 0.8);
    margin-top: -15px;
  }

  .banner-carousel__cta-button--yellow:hover:not(:disabled) {
    box-shadow: 0 6px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__cta-button--yellow:active:not(:disabled) {
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__cta-button--blue {
    background: #79BEFD;
    box-shadow: 0 4px 0 0 rgba(255, 255, 255, 0.8);
    margin-top: 0;
  }

  .banner-carousel__cta-button--blue:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 6px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__cta-button--blue:active:not(:disabled) {
    transform: translateY(2px);
    box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.8);
  }

  .banner-carousel__text-image-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 0;
    width: 100%;
  }

  .banner-carousel__text-image {
    max-width: 100%;
    height: auto;
    display: block;
    width: auto;
  }

  .banner-carousel__title {
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
    margin: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  }

  .banner-carousel__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    transition: all 0.3s ease;
    color: #151515;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    pointer-events: auto !important;
  }
  
  .banner-carousel__button svg {
    pointer-events: none;
  }

  .banner-carousel__button:hover {
    background: rgba(255, 255, 255, 1);
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  }

  .banner-carousel__button:active {
    transform: translateY(-50%) scale(0.95);
  }

  .banner-carousel__button--prev {
    left: 20px;
  }

  .banner-carousel__button--next {
    right: 20px;
  }

  @media (max-width: 1200px) {
    .banner-carousel__content {
      left: 140px;
      max-width: 700px;
    }

    .banner-carousel__content--slide2 {
      left: 100px;
      max-width: 550px;
    }

    .banner-carousel__content--slide3 {
      left: 140px;
      transform: translateY(-50%);
      max-width: 600px;
      text-align: left;
    }
    
    .banner-carousel__heading {
      font-size: 56px;
    }

    .banner-carousel__heading--slide3 {
      font-size: 44px;
      font-family: 'Galiwar', system-ui, -apple-system, sans-serif !important;
      font-weight: 400 !important;
    }
    
    .banner-carousel__subtitle-image {
      height: 35px;
    }
    
    .banner-carousel__promo-text {
      font-size: 20px;
    }
    
    .banner-carousel__cta-button {
      width: 280px;
      height: 42px;
      font-size: 18px;
      line-height: 42px;
    }
  }

  @media (max-width: 990px) {
    .banner-carousel-section {
      min-height: 480px;
    }

    .banner-carousel__content {
      left: 90px;
      max-width: 700px;
    }

    .banner-carousel__content--slide2 {
      left: 60px;
      max-width: 500px;
    }

    .banner-carousel__content--slide3 {
      left: 90px;
      transform: translateY(-50%);
      max-width: 550px;
      text-align: left;
    }
    
    .banner-carousel__heading {
      font-size: 48px;
    }

    .banner-carousel__heading--slide3 {
      font-size: 38px;
      font-family: 'Galiwar', system-ui, -apple-system, sans-serif !important;
      font-weight: 400 !important;
    }
    
    .banner-carousel__subtitle-image {
      height: 32px;
    }
    
    .banner-carousel__promo-text {
      font-size: 18px;
    }
    
    .banner-carousel__cta-button {
      width: 260px;
      height: 40px;
      font-size: 16px;
      line-height: 40px;
    }
  }

  @media (max-width: 600px) {
    .banner-carousel-section {
      height: 581px;
    }

    .banner-carousel__slide {
      background-image: var(--bg-image-mobile);
    }

    .banner-carousel__content {
      left: 50%;
      top: 25%;
      transform: translate(-50%, -50%);
      max-width: calc(100% - 36px);
      width: 100%;
      text-align: center;
    }

    .banner-carousel__content--slide2 {
      left: 50%;
      top: 25%;
      transform: translate(-50%, -50%);
      max-width: calc(100% - 36px);
      width: 100%;
      text-align: center;
    }

    .banner-carousel__content--slide3 {
      left: 50%;
      top: auto;
      bottom: 60px;
      transform: translateX(-50%);
      max-width: calc(100% - 36px);
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .banner-carousel__heading--slide3 {
      text-align: center !important;
      margin-bottom: 20px;
      width: 100%;
    }

    .banner-carousel__content--slide3 .banner-carousel__button-wrapper {
      align-items: center;
      text-align: center;
      width: 100%;
      max-width: 280px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
    }

    .banner-carousel__text-image-wrapper {
      justify-content: center;
    }

    .banner-carousel__heading {
      font-size: 46px;
    }

    .banner-carousel__heading--slide3 {
      font-size: 28px;
      font-family: 'Galiwar', system-ui, -apple-system, sans-serif !important;
      font-weight: 400 !important;
    }

    .banner-carousel__subtitle-wrapper {
      margin-bottom: 15px;
    }

    .banner-carousel__subtitle-image {
      height: 28px;
    }
    
    .banner-carousel__promo-text {
      font-size: 16px;
      margin-bottom: 20px;
    }

    .banner-carousel__button-wrapper {
      width: 100%;
      max-width: 280px;
      margin: 0 auto;
      justify-content: center;
    }

    .banner-carousel__cta-button {
      width: 100%;
      max-width: 280px;
      height: 30px;
      font-size: 16px;
      line-height: 32px;
    }

    .banner-carousel__button {
      width: 40px;
      height: 40px;
    }

    .banner-carousel__button--prev {
      left: 10px;
    }

    .banner-carousel__button--next {
      right: 10px;
    }
  }

  @media (max-width: 330px) {
    .banner-carousel__heading {
      font-size: 26px;
    }

    .banner-carousel__subtitle-image {
      height: 24px;
    }

    .banner-carousel__promo-text {
      font-size: 14px;
    }
  }
.cart-section {
  width: 100%;
  padding: 80px 0;
  background: #ffffff;
}

.cart-section__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

.cart-section__title {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
  color: #1a1a1a;
  margin: 0 0 24px;
}

/* Free Shipping Card */
.cart-section__shipping-card {
  margin-bottom: 24px;
  width: 100%;
}

.shipping-card {
  background: linear-gradient(135deg, rgba(121, 190, 253, 0.08) 0%, rgba(253, 134, 43, 0.05) 100%);
  border-radius: 12px;
  padding: 20px 24px;
  border: 2px solid #FD862B;
  box-shadow: 0 2px 8px rgba(253, 134, 43, 0.1);
  transition: all 0.3s ease;
}

.shipping-card:hover {
  box-shadow: 0 4px 12px rgba(253, 134, 43, 0.15);
  transform: translateY(-1px);
}

.shipping-card__success {
  display: flex;
  align-items: center;
  gap: 12px;
}

.shipping-card__icon {
  flex-shrink: 0;
  color: #FD862B;
  width: 28px;
  height: 28px;
  filter: drop-shadow(0 2px 4px rgba(253, 134, 43, 0.3));
}

.shipping-card__message {
  font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: #FD862B;
  margin: 0;
  line-height: 1.5;
}

.shipping-card__message strong {
  color: #FD862B;
  font-weight: 700;
}

.shipping-card__progress {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.shipping-card__text {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 15px;
  color: #666666;
  margin: 0;
  line-height: 1.5;
}

.shipping-card__text strong {
  color: #79BEFD;
  font-weight: 700;
}

.shipping-card__bar {
  width: 100%;
  height: 12px;
  background: #F0F0F0;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.shipping-card__bar-fill {
  height: 100%;
  background: #FD862B;
  border-radius: 6px;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(253, 134, 43, 0.3);
}

.shipping-card__bar-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.4) 50%,
    transparent 100%
  );
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.cart-section__content {
  display: grid;
  grid-template-columns: 1fr 400px;
  gap: 60px;
  align-items: start;
}

/* Lista de Itens */
.cart-items {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 0;
  border-bottom: none;
}

.cart-section__upsell-wrapper {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #E8E8E8;
}

@media (max-width: 640px) {
  .cart-section__upsell-wrapper {
    margin-top: 24px;
    padding-top: 24px;
  }
}

.cart-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  transition: box-shadow 0.3s ease;
}

.cart-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.cart-item__image {
  width: 120px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
  background: #f7fafc;
}

.cart-item__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cart-item__details {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cart-item__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}

.cart-item__title {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
  flex: 1;
}

.cart-item__title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

.cart-item__title a:hover {
  color: #79BEFD;
}

.cart-item__remove {
  background: none;
  border: none;
  padding: 8px;
  cursor: pointer;
  color: #718096;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-item__remove:hover {
  color: #e53e3e;
}

.cart-item__variant {
  font-size: 0.875rem;
  color: #718096;
  margin: 0;
}

.cart-item__price {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cart-item__price-original {
  font-size: 0.875rem;
  color: #718096;
  text-decoration: line-through;
}

.cart-item__price-final {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1a1a1a;
}

.cart-item__quantity {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cart-item__quantity-label {
  font-size: 0.875rem;
  color: #4a5568;
  font-weight: 500;
}

.cart-item__quantity-controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  background: #FFFFFF;
  border: 1px solid #E8E8E8;
  border-radius: 8px;
  padding: 10px;
  width: fit-content;
}

.cart-item__quantity-button {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  color: #666666;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: 28px;
  height: 28px;
}

.cart-item__quantity-button:hover {
  background: #F0F2F5;
  color: #000000;
}

.cart-item__quantity-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.cart-item__quantity-input {
  width: 40px;
  min-width: 40px;
  text-align: center;
  border: none;
  background: none;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000000;
  padding: 4px;
  flex-shrink: 0;
  -moz-appearance: textfield;
}

.cart-item__quantity-input:focus {
  outline: none;
}

.cart-item__quantity-input::-webkit-outer-spin-button,
.cart-item__quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-item__quantity-input[type=number] {
  -moz-appearance: textfield;
}


/* Resumo do Pedido */
.cart-summary {
  position: sticky;
  top: 100px;
  padding: 32px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.cart-summary__title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0 0 24px;
}

.cart-summary__details {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e2e8f0;
}

.cart-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-summary__label {
  font-size: 0.875rem;
  color: #4a5568;
}

.cart-summary__value {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1a1a1a;
}

.cart-summary__row--discount .cart-summary__value {
  color: #48bb78;
}

.cart-summary__row--total {
  margin-top: 8px;
  padding-top: 16px;
  border-top: 1px solid #e2e8f0;
}

.cart-summary__row--total .cart-summary__label {
  font-size: 1.125rem;
  font-weight: 600;
  color: #1a1a1a;
}

.cart-summary__row--total .cart-summary__value {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1a1a1a;
}

.cart-summary__checkout-button {
  width: 100%;
  padding: 16px 24px;
  background: #FD862A;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
  margin-bottom: 12px;
}

.cart-summary__checkout-button:hover {
  background: #FF6B35;
}

.cart-summary__continue-button {
  display: block;
  width: 100%;
  padding: 12px 24px;
  background: #ffffff;
  border: 2px solid #79BEFD;
  border-radius: 8px;
  color: #79BEFD;
  font-size: 1rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease;
}

.cart-summary__continue-button:hover {
  background: #79BEFD;
  color: #ffffff;
}

.cart-summary__shipping-message {
  margin-top: 16px;
  padding: 12px;
  background: #e6f2ff;
  border-radius: 8px;
  font-size: 0.875rem;
  color: #4a90e2;
  text-align: center;
}

/* Carrinho Vazio */
.cart-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
}

.cart-empty__icon {
  margin-bottom: 24px;
}

.cart-empty__title {
  font-size: 2rem;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0 0 12px;
}

.cart-empty__message {
  font-size: 1.125rem;
  color: #4a5568;
  margin: 0 0 32px;
  max-width: 500px;
}

.cart-empty__button {
  display: inline-block;
  padding: 16px 32px;
  background: #FD862A;
  border-radius: 8px;
  color: #ffffff;
  font-size: 1.125rem;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.cart-empty__button:hover {
  background: #FF6B35;
}

/* Responsivo */
@media (max-width: 968px) {
  .cart-section__shipping-card {
    margin-bottom: 24px;
  }

  .shipping-card {
    padding: 16px 20px;
  }

  .shipping-card__success {
    padding: 12px;
    gap: 12px;
  }

  .shipping-card__icon {
    width: 24px;
    height: 24px;
  }

  .shipping-card__message {
    font-size: 14px;
  }

  .shipping-card__text {
    font-size: 14px;
  }

  .shipping-card__bar {
    height: 10px;
  }

  .cart-section__content {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .cart-summary {
    position: static;
  }

  .cart-item {
    grid-template-columns: 100px 1fr;
    gap: 16px;
    padding: 16px;
  }

  .cart-item__image {
    width: 100px;
    height: 100px;
  }
}

@media (max-width: 640px) {
  .cart-section {
    padding: 40px 0;
  }

  .cart-section__title {
    font-size: 2rem;
    margin-bottom: 24px;
  }

  .cart-item {
    grid-template-columns: 80px 1fr;
    gap: 12px;
    padding: 12px;
  }

  .cart-item__image {
    width: 80px;
    height: 80px;
  }

  .cart-item__title {
    font-size: 1rem;
  }

  .cart-item__quantity {
    flex-direction: column;
    align-items: start;
    gap: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 10px;
    width: fit-content;
  }

  .cart-item__quantity-label {
    display: none;
  }

  .cart-item__quantity-controls {
    display: contents;
  }

  .cart-item__quantity-button {
    width: 24px;
    height: 24px;
    padding: 4px;
  }

  .cart-item__quantity-button svg {
    width: 12px;
    height: 12px;
  }

  .cart-item__quantity-input {
    width: 32px;
    min-width: 32px;
    font-size: 12px;
    padding: 2px;
  }

  .cart-summary {
    padding: 24px;
  }
}

/* Modal de Confirmação de Remoção */
.cart-remove-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
  align-items: center;
  justify-content: center;
}

.cart-remove-modal.show {
  display: flex;
}

.cart-remove-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

.cart-remove-modal__dialog {
  position: relative;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 40px 32px 32px;
  max-width: 420px;
  width: calc(100% - 32px);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  text-align: center;
  z-index: 1;
  margin: 0 auto;
}

.cart-remove-modal__icon {
  margin: 0 auto 24px;
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-remove-modal__icon svg {
  width: 100%;
  height: 100%;
}

.cart-remove-modal__title {
  font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #000000;
  margin: 0 0 12px;
  line-height: 1.4;
}

.cart-remove-modal__text {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  color: #999999;
  margin: 0 0 32px;
  line-height: 1.5;
}

.cart-remove-modal__actions {
  display: flex;
  gap: 12px;
  justify-content: center;
}

.cart-remove-modal__button {
  padding: 12px 32px;
  border-radius: 8px;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  transition: all 0.2s ease;
  min-width: 120px;
}

.cart-remove-modal__button--cancel {
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #E0E0E0;
}

.cart-remove-modal__button--cancel:hover {
  background: #F5F5F5;
  border-color: #CCCCCC;
}

.cart-remove-modal__button--confirm {
  background: #E53935;
  color: #FFFFFF;
}

.cart-remove-modal__button--confirm:hover {
  background: #C62828;
}

@media (max-width: 600px) {
  .cart-remove-modal__dialog {
    padding: 32px 24px 24px;
    max-width: calc(100% - 32px);
  }
  
  .cart-remove-modal__title {
    font-size: 18px;
  }
  
  .cart-remove-modal__actions {
    flex-direction: column;
  }
  
  .cart-remove-modal__button {
    width: 100%;
  }
}
.custom-section {
    position: relative;
    overflow: hidden;
    width: 100%;
  }
  .custom-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
  }
  .custom-section__background img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .custom-section__content {
    display: grid;
    grid-template-columns: var(--content-grid);
  }
  .custom-section__content > * {
    grid-column: 2;
  }
.energy-section {
    position: relative;
    width: 100%;
    height: 975px;
    overflow: hidden;
  }

  .energy-section__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .energy-section__background-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .energy-section__background-img--mobile {
    display: none;
  }

  .energy-section__background-img--desktop {
    display: block;
  }

  .energy-section__background-img--tablet {
    display: none;
  }

  .energy-section__content {
    position: absolute;
    top: 371px;
    left: 135px;
    z-index: 1;
  }

  .energy-section__heading {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.1em;
    text-align: left;
    margin: 0 0 12px 0;
    width: 920px;
  }

  .energy-section__heading-weight-300 {
    font-weight: 300;
  }

  .energy-section__heading-weight-500 {
    font-weight: 500;
  }

  .energy-section__description {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    margin: 0 0 30px 0;
    width: 730px;
  }

  .energy-section__subtitle-row {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .energy-section__subtitle {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 44px;
    font-weight: 400;
    line-height: 0.65em;
    text-align: left;
    margin: 0;
  }

  .energy-section__icon {
    flex-shrink: 0;
    width: 66px;
    height: 36px;
    margin-top: 10px;
  }

  .energy-section__icon svg {
    width: 100%;
    height: 100%;
  }

  .energy-section__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 267px;
    height: 47px;
    background: #79BEFD;
    border: none;
    border-bottom: 3px solid #FFFFFF;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.91em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .energy-section__cta:hover {
    background: #5AADEF;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(121, 190, 253, 0.4);
  }

  .energy-section__cta:active {
    transform: translateY(0);
  }

  /* Responsive */
  @media (max-width: 1650px) {
    .energy-section__heading {
      width: 815px;
      line-height: 1.08em;
    }

    .energy-section__description {
      width: 715px;
    }
  }


  @media (max-width: 1500px) {

    .energy-section__heading {
      font-size: 60px;
      width: auto;
      max-width: 750px;
      line-height: 1.1em;
    }
  }

  @media (max-width: 1200px) {
    .energy-section {
      height: 800px;
    }

    .energy-section__content {
      top: 280px;
      left: 80px;
    }

    .energy-section__heading {
      font-size: 60px;
      width: auto;
      max-width: 600px;
      line-height: 1.1em;
    }

    .energy-section__description {
      width: auto;
      max-width: 600px;
    }

    .energy-section__subtitle {
      font-size: 26px;
      width: auto;
    }

    .energy-section__subtitle-row {
    margin-top: 20px;
  }
  }

  /* Mobile: abaixo de 470px */
  @media (max-width: 469px) {
    .energy-section__background-img--mobile {
      display: block;
      object-fit: cover;
      object-position: center center;
      width: 100%;
      height: 100%;
    }

    .energy-section__background-img--desktop {
      display: none;
    }

    .energy-section__background-img--tablet {
      display: none;
    }
  }

  /* Tablet: 470px até 990px */
  @media (min-width: 470px) and (max-width: 990px) {
    .energy-section {
      height: 900px;
      min-height: 900px;
    }

    .energy-section__background-img--tablet {
      display: block;
    }

    .energy-section__background-img--desktop {
      display: none;
    }

    .energy-section__background-img--mobile {
      display: none;
    }

    .energy-section__background-img {
      object-fit: cover;
      object-position: top center;
    }

    .energy-section__content {
      top: auto;
      bottom: 110px;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 20px;
    }

    .energy-section__heading {
      font-size: 48px;
      font-weight: 500;
      line-height: 1.1em;
      text-align: center;
      width: 100%;
      max-width: 800px;
      margin: 0 auto;
    }

    .energy-section__description {
      font-size: 18px;
      line-height: 23px;
      text-align: center;
      width: 100%;
      max-width: 800px;
      margin: 20px auto 30px;
    }

    .energy-section__subtitle-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      gap: 18px;
      margin: 20px auto 0;
      width: 100%;
    }

    .energy-section__subtitle {
      font-size: 28px;
      font-weight: 400;
      line-height: 1.2em;
      text-align: center;
      margin: 0;
    }

    .energy-section__icon {
      flex-shrink: 0;
    }

    .energy-section__cta {
      margin: 0 auto;
    }
  }

  @media (max-width: 469px) {
    .energy-section {
      height: 700px;
    }
  }

  @media (max-width: 600px) {
    .energy-section {
      height: auto;
      min-height: 575px;
      padding: 0;
      box-sizing: border-box;
    }

    .energy-section__background {
      width: 100%;
      height: 100%;
    }

    .energy-section__content {
      position: absolute;
      top: auto;
      bottom: 50px;
      left: 0;
      right: 0;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0 20px;
      box-sizing: border-box;
    }

    .energy-section__heading {
      font-size: 27px;
      font-weight: 500;
      line-height: 1.1em;
      text-align: center;
      width: 100%;
      max-width: 100%;
      margin: 0 auto 12px;
      height: auto;
      min-height: auto;
      padding: 0;
      box-sizing: border-box;
    }

    .energy-section__description {
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      width: 100%;
      max-width: 100%;
      margin: 0 auto 20px;
      box-sizing: border-box;
    }

    .energy-section__subtitle-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: flex-start;
      gap: 0;
      margin: 8px auto 0;
      position: relative;
      width: 100%;
      padding-left: 39px;
      box-sizing: border-box;
    }

    .energy-section__subtitle {
      font-size: 18px;
      font-weight: 500;
      line-height: 1.5789em;
      text-align: center;
      margin: 0;
      flex-shrink: 0;
    }

    .energy-section__icon {
      width: 36px;
      height: 22px;
      margin: 0;
      position: absolute;
      right: 40px;
      top: 50%;
      transform: translateY(-50%);
      flex-shrink: 0;
      margin-top: 0;
    }

    .energy-section__icon svg {
      width: 100%;
      height: 100%;
    }

    .energy-section__cta {
      width: 100%;
      max-width: 310px;
      height: 40px;
      font-size: 14px;
      font-weight: 600;
      border-radius: 25px;
      margin: 10px auto 0;
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
    }
  }
.faq-page-section {
    width: 100%;
    background-color: #FFFFFF;
    padding-top: var(--section-padding-top, 100px);
    padding-bottom: var(--section-padding-bottom, 100px);
  }

  .faq-page__container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 42px;
    box-sizing: border-box;
  }

  .faq-page__content {
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
  }

  .faq-page__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    color: #000000;
    text-align: center;
    margin: 0 0 32px 0;
  }

  .faq-page__intro {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
    text-align: center;
    margin: 0 0 64px 0;
  }

  .faq-page__faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 24px;
    width: 100%;
    align-items: start;
    margin-bottom: 64px;
  }

  .faq-page__column {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }

  .faq-page__item {
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    border-bottom: 1px solid #79BEFD;
    position: relative;
  }

  .faq-page__question {
    width: 100%;
    padding: 23.6px 16px;
    background: #F9F9F9;
    border: none;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
  }

  .faq-page__question:hover {
    background: #F0F0F0;
  }

  .faq-page__question:focus {
    outline: 2px solid #79BEFD;
    outline-offset: 2px;
  }

  .faq-page__question:focus:not(:focus-visible) {
    outline: none;
  }

  .faq-page__item.is-open .faq-page__question {
    border-bottom: 1px solid #79BEFD;
  }

  .faq-page__item.is-open .faq-page__icon {
    transform: rotate(45deg);
  }

  .faq-page__item.is-open .faq-page__question {
    background: #F5F5F5;
  }

  .faq-page__question-text {
    font-family: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3em;
    color: #000000;
    flex: 1;
    padding-right: 16px;
    transition: color 0.2s ease;
  }

  .faq-page__item.is-open .faq-page__question-text {
    color: #1a1a1a;
  }

  .faq-page__icon {
    flex-shrink: 0;
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .faq-page__icon-path {
    transition: transform 0.3s ease;
    transform-origin: center;
  }

  .faq-page__answer {
    background: #FFFFFF;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
  }

  .faq-page__item.is-open .faq-page__answer {
    max-height: 1000px;
  }

  .faq-page__answer-content {
    padding: 20px 16px;
    font-family: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    color: #000000;
    opacity: 1;
    transition: opacity 0.3s ease 0.1s;
  }
  
  .faq-page__answer:not(.faq-page__item.is-open .faq-page__answer) .faq-page__answer-content {
    opacity: 0;
  }

  .faq-page__answer-content p {
    margin: 0 0 1em 0;
  }

  .faq-page__answer-content p:last-child {
    margin-bottom: 0;
  }

  .faq-page__contact {
    margin-top: 64px;
    padding: 48px;
    background-color: #F9F9F9;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .faq-page__contact-title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    color: #000000;
    margin: 0;
  }

  .faq-page__contact-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
    margin: 0;
    max-width: 600px;
  }

  .faq-page__whatsapp-button {
    display: inline-block;
    padding: 16px 32px;
    background-color: #25D366;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .faq-page__whatsapp-button:hover {
    background-color: #20BA5A;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3);
  }

  .faq-page__whatsapp-button:active {
    transform: translateY(0);
  }

  .faq-page__whatsapp-button:focus {
    outline: 2px solid #25D366;
    outline-offset: 2px;
  }

  .faq-page__whatsapp-button:focus:not(:focus-visible) {
    outline: none;
  }

  /* Responsive */
  
  /* Large tablets and small laptops */
  @media (max-width: 1200px) {
    .faq-page__container {
      padding: 0 32px;
    }

    .faq-page__title {
      font-size: 42px;
    }

    .faq-page__faq-grid {
      gap: 0 20px;
    }
  }

  /* Tablets */
  @media (max-width: 1024px) {
    .faq-page__faq-grid {
      grid-template-columns: 1fr;
      gap: 20px;
    }

    .faq-page__column {
      gap: 20px;
    }

    .faq-page__title {
      font-size: 36px;
    }

    .faq-page__intro {
      font-size: 17px;
    }

    .faq-page__contact {
      margin-top: 56px;
    }
  }

  /* Small tablets and large phones */
  @media (max-width: 768px) {
    .faq-page__container {
      padding: 0 24px;
    }

    .faq-page-section {
      padding-top: 80px;
      padding-bottom: 80px;
    }

    .faq-page__title {
      font-size: 32px;
      margin-bottom: 24px;
    }

    .faq-page__intro {
      font-size: 16px;
      margin-bottom: 48px;
    }

    .faq-page__faq-grid {
      margin-bottom: 56px;
    }

    .faq-page__contact {
      padding: 32px 24px;
      gap: 20px;
      margin-top: 48px;
    }

    .faq-page__contact-title {
      font-size: 24px;
    }

    .faq-page__contact-text {
      font-size: 15px;
    }

    .faq-page__whatsapp-button {
      padding: 14px 28px;
      font-size: 14px;
      width: 100%;
      max-width: 300px;
    }
  }

  /* Mobile */
  @media (max-width: 600px) {
    .faq-page__container {
      padding: 0 20px;
    }

    .faq-page-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .faq-page__title {
      font-size: 28px;
      margin-bottom: 20px;
    }

    .faq-page__intro {
      font-size: 15px;
      margin-bottom: 40px;
    }

    .faq-page__faq-grid {
      gap: 16px;
      margin-bottom: 48px;
    }

    .faq-page__column {
      gap: 16px;
    }

    .faq-page__question {
      padding: 18px 14px;
    }

    .faq-page__question-text {
      font-size: 13px;
      padding-right: 12px;
    }

    .faq-page__answer-content {
      padding: 16px 14px;
      font-size: 13px;
    }

    .faq-page__contact {
      padding: 28px 20px;
      gap: 16px;
      margin-top: 40px;
    }

    .faq-page__contact-title {
      font-size: 22px;
    }

    .faq-page__contact-text {
      font-size: 14px;
    }

    .faq-page__whatsapp-button {
      padding: 12px 24px;
      font-size: 13px;
    }
  }

  /* Small mobile */
  @media (max-width: 480px) {
    .faq-page__container {
      padding: 0 16px;
    }

    .faq-page-section {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .faq-page__title {
      font-size: 24px;
      margin-bottom: 16px;
    }

    .faq-page__intro {
      font-size: 14px;
      margin-bottom: 32px;
    }

    .faq-page__faq-grid {
      gap: 14px;
      margin-bottom: 40px;
    }

    .faq-page__column {
      gap: 14px;
    }

    .faq-page__question {
      padding: 16px 12px;
    }

    .faq-page__question-text {
      font-size: 12px;
    }

    .faq-page__icon {
      width: 12px;
      height: 12px;
    }

    .faq-page__answer-content {
      padding: 14px 12px;
      font-size: 12px;
    }

    .faq-page__contact {
      padding: 24px 16px;
      gap: 14px;
      margin-top: 32px;
      border-radius: 8px;
    }

    .faq-page__contact-title {
      font-size: 20px;
    }

    .faq-page__contact-text {
      font-size: 13px;
    }

    .faq-page__whatsapp-button {
      padding: 12px 20px;
      font-size: 12px;
    }
  }

  /* Extra small mobile */
  @media (max-width: 380px) {
    .faq-page__title {
      font-size: 22px;
    }

    .faq-page__intro {
      font-size: 13px;
    }

    .faq-page__contact-title {
      font-size: 18px;
    }

    .faq-page__contact-text {
      font-size: 12px;
    }
  }
/* === BASE === */
  .footer-section {
    background-color: #000000;
    width: 100%;
    min-height: 332px;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  .footer__wrapper {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  /* === SEÇÃO PRINCIPAL === */
  .footer__main {
    width: 100%;
    padding-top: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .footer__main-row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 40px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
    align-items: start;
  }

  /* === LOGO E NAVEGAÇÃO === */
  .footer__left-container {
    display: flex;
    flex-direction: row;
    gap: 80px;
    align-items: flex-start;
  }

  .footer__social-header {
    display: flex;
    flex-direction: column;
    min-width: fit-content;
  }

  .footer__social-header-title {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 16px 0;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }

  .footer__social-header-icons {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
  }

  .footer__social-header-icons a {
    display: block;
    width: 36px;
    height: 36px;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }

  .footer__social-header-icons a:hover {
    opacity: 0.7;
    transform: scale(1.05);
  }

  .footer__social-header-icons svg {
    width: 36px;
    height: 36px;
    display: block;
  }

  /* Ocultar ícones de redes sociais exceto Instagram */
  .footer__social-header-icons a[href*="facebook"],
  .footer__social-header-icons a[href*="youtube"],
  .footer__social-header-icons a[href*="spotify"] {
    display: none !important;
  }

  .footer__columns-row {
    display: flex;
    gap: 50px;
    width: 100%;
    flex-wrap: nowrap;
  }

  .footer__column--natva,
  .footer__column--sobre {
    flex: 0 1 auto;
    min-width: 120px;
  }

  .footer__column {
    display: flex;
    flex-direction: column;
  }

  .footer__column-title {
    color: #F9F9F9;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0 0 24.7px 0;
    text-transform: uppercase;
  }

  .footer__links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
  }

  .footer__links li {
    margin: 0;
  }

  .footer__links a {
    color: #F9F9F9;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0.045em;
    text-decoration: none;
    transition: opacity 0.2s ease;
    display: inline-block;
  }

  .footer__links a:hover {
    opacity: 0.7;
  }

  /* === PAGAMENTO === */
  .footer__payment-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__payment-title {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 10.9px;
    font-weight: 700;
    line-height: 1.65;
    text-align: center;
    margin: 0 0 42px 0;
  }

  .footer__payment-icons {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer__payment-icons svg {
    width: 45px;
    height: 30px;
    border-radius: 6px;
    display: block;
  }

  /* === SEGURANÇA === */
  .footer__security {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .footer__security-title {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 10.9px;
    font-weight: 700;
    line-height: 1.65;
    text-align: center;
    margin: 0 0 40px 0;
  }


  .footer__security-badges {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer__security-badges img {
    max-width: 100%;
    width: 200px;
    height: auto;
  }

  .footer__social-mobile {
    display: none;
  }

  .footer__logo-mobile {
    display: none;
  }

  /* === REDES SOCIAIS === */
  .footer__social {
    width: 100%;
    max-width: 1820px;
    margin: 0 auto;
    padding: 0 94px;
  }

  .footer__social-title {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 16px 0;
  }

  .footer__social-icons {
    width: 280px;
  }

  .footer__social-icons img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* === COPYRIGHT === */
  .footer__divider {
    width: 100%;
    height: 1px;
    background-color: rgba(236, 236, 236, 0.2);
    margin: 0;
    grid-column: 1 / -1;
    max-width: 1400px;
    margin: 0 auto;
  }

  .footer__bottom {
    width: 100%;
    padding: 24px 0 40px 0;
    grid-column: 1 / -1;
    max-width: 1400px;
    margin: 0 auto;
  }

  .footer__copyright {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 16px;
  }

  .footer__copyright-text {
    color: rgba(236, 236, 236, 0.8);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
    text-align: center;
  }

  .footer__copyright-link {
    color: rgba(236, 236, 236, 0.8);
    text-decoration: none;
    transition: opacity 0.2s ease;
  }

  .footer__copyright-link:hover {
    opacity: 0.7;
    text-decoration: underline;
  }

  /* === RESPONSIVE === */
  
  /* Large screens */
  @media (min-width: 1920px) {
    .footer__main-row {
      max-width: 1600px;
      padding: 40px 60px;
    }

    .footer__divider {
      max-width: 1600px;
  }

  .footer__bottom {
    max-width: 1600px;
  }
  }

  /* Medium laptops (MacBook Air, etc) */
  @media (max-width: 1440px) {
    .footer__main-row {
      grid-template-columns: 1.5fr 1fr 1fr;
      gap: 30px;
      padding: 40px 30px;
    }

    .footer__left-container {
      gap: 60px;
    }

    .footer__columns-row {
      gap: 40px;
      flex-wrap: nowrap;
    }

    .footer__column-title {
      font-size: 17px;
      margin-bottom: 16px;
    }

    .footer__links a {
      font-size: 12px;
      line-height: 1.6;
    }

    .footer__payment-title,
    .footer__security-title {
      font-size: 10px;
      margin-bottom: 30px;
    }

    .footer__payment-icons svg {
      width: 42px;
      height: 28px;
    }

    .footer__security-badges img {
      width: 180px;
    }
  }

  /* Tablet / Small laptop - switch to 2 columns */
  @media (max-width: 1200px) {
    .footer__main-row {
      grid-template-columns: 1.5fr 1fr;
      gap: 30px;
    }

    .footer__left-container {
      gap: 50px;
      grid-column: 1;
      grid-row: 1 / 3;
    }

    .footer__columns-row {
      flex-wrap: nowrap;
      gap: 35px;
    }

    .footer__security {
      grid-column: 2;
      grid-row: 1;
    }

    .footer__payment-group {
      grid-column: 2;
      grid-row: 2;
    }

    .footer__payment-icons svg {
      width: 40px;
      height: 27px;
    }

    .footer__security-badges img {
      width: 170px;
    }
  }

  /* Tablet portrait - Centralize everything */
  @media (max-width: 768px) {
    .footer__main-row {
      grid-template-columns: 1fr;
    }

    .footer__left-container {
      flex-direction: column;
      gap: 30px;
      grid-column: auto;
      grid-row: auto;
      align-items: center;
    }

    .footer__social-header {
      align-items: center;
      text-align: center;
    }

    .footer__social-header-icons {
      justify-content: center;
    }

    .footer__social-header-icons a,
    .footer__social-header-icons svg {
      width: 34px;
      height: 34px;
    }

    .footer__columns-row {
      justify-content: center;
      gap: 50px;
      flex-wrap: nowrap;
    }

    .footer__payment-group,
    .footer__security {
      grid-column: auto;
      grid-row: auto;
    }

    .footer__payment-icons svg {
      width: 40px;
      height: 27px;
    }

    .footer__security-badges img {
      width: 190px;
    }
  }

  /* Small tablet - Switch to vertical */
  @media (max-width: 900px) and (min-width: 769px) {
    .footer__main-row {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 40px 30px;
    }

    .footer__left-container {
      flex-direction: column;
      gap: 30px;
      grid-column: auto;
      grid-row: auto;
      align-items: center;
    }

    .footer__payment-group,
    .footer__security {
      grid-column: auto;
      grid-row: auto;
    }

    .footer__social-header {
      align-items: center;
      text-align: center;
    }

    .footer__social-header-icons {
      justify-content: center;
    }

    .footer__social-header-icons a,
    .footer__social-header-icons svg {
      width: 34px;
      height: 34px;
    }

    .footer__columns-row {
      justify-content: center;
      gap: 50px;
      flex-wrap: nowrap;
    }

    .footer__payment-icons svg {
      width: 40px;
      height: 27px;
    }

    .footer__security-badges img {
      width: 200px;
    }
  }

  /* Mobile */
  @media (max-width: 600px) {
    .footer-section {
      min-height: auto;
      padding: 0;
    }

    .footer__main {
      padding-top: 40px;
    }

    .footer__main-row {
      grid-template-columns: 1fr;
      gap: 40px;
      padding: 40px 20px 40px 20px;
      border-top: 1px solid rgba(254, 254, 254, 0.3);
    }

    .footer__left-container {
      width: 100%;
      flex-direction: column;
      gap: 40px;
    }

    .footer__social-header {
      display: none;
    }

    .footer__columns-row {
      flex-direction: row;
      gap: 30px;
      justify-content: center;
      flex-wrap: nowrap;
    }

    .footer__column {
      flex: 0 1 auto;
      min-width: 0;
    }

    .footer__payment-icons svg {
      width: 38px;
      height: 25px;
    }

    .footer__security-badges img {
      width: 180px;
    }

    .footer__column-title {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      margin: 0 0 16px 0;
      text-transform: uppercase;
    }

    .footer__links {
      gap: 8px;
    }

    .footer__links a {
      font-size: 12px;
      line-height: 1.8;
      letter-spacing: 0.03em;
    }

    .footer__social-mobile {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
    }

    .footer__social-mobile-title {
      color: #FFFFFF;
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
      margin: 0 0 24px 0;
      width: 100%;
      max-width: 100%;
      text-transform: uppercase;
    }

    .footer__social-mobile-icons {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 16px;
      width: 100%;
      margin: 0 auto;
    }

    .footer__social-mobile-icons a {
      display: block;
      width: 36px;
      height: 36px;
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .footer__social-mobile-icons a:hover {
      opacity: 0.7;
      transform: scale(1.05);
    }

    .footer__social-mobile-icons svg {
      width: 36px;
      height: 36px;
      display: block;
    }

    /* Ocultar ícones de redes sociais exceto Instagram no mobile */
    .footer__social-mobile-icons a[href*="facebook"],
    .footer__social-mobile-icons a[href*="youtube"],
    .footer__social-mobile-icons a[href*="spotify"] {
      display: none !important;
    }

    .footer__security {
      width: 100%;
    }

    .footer__security-title {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
      margin: 0 0 24px 0;
      text-transform: uppercase;
    }

    .footer__security-badges {
      justify-content: center;
      flex-wrap: wrap;
      gap: 0;
    }

    .footer__security-badges img {
      max-width: 100%;
      width: 100%;
      max-width: 280px;
      height: auto;
    }

    .footer__payment-group {
      width: 100%;
    }

    .footer__payment-title {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.4;
      text-align: center;
      margin: 0 0 24px 0;
      text-transform: uppercase;
    }

    .footer__payment-icons {
      justify-content: center;
      gap: 8px;
      flex-wrap: wrap;
      max-width: 300px;
      margin: 0 auto;
    }

    .footer__payment-icons svg {
      width: 46px;
      height: 30px;
      margin: 0;
    }

    .footer__logo-mobile {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      padding: 30px 0 20px;
    }

    .footer__logo-mobile img {
      width: 80px;
      height: auto;
      display: block;
    }

    .footer__bottom {
      padding: 20px 0 30px 0;
    }

    .footer__copyright {
      flex-direction: column;
      justify-content: center;
      gap: 12px;
    }

    .footer__copyright-text {
      font-size: 12px;
      text-align: center;
      color: rgba(236, 236, 236, 0.8);
    }
  }

  /* Fix específico para telas < 480px */
  @media (max-width: 480px) {
    .footer-section {
      margin: 0 !important;
      padding: 0 !important;
    }

    .footer__main {
      padding-top: 32px;
    }

    .footer__main-row {
      padding: 32px 16px 32px 16px;
      gap: 32px;
    }
  }

  /* Extra small devices (phones < 380px) - Only here columns stack */
  @media (max-width: 380px) {
    .footer__main-row {
      padding: 30px 16px;
      gap: 32px;
    }

    .footer__columns-row {
      flex-direction: column;
      gap: 32px;
      align-items: center;
    }

    .footer__column {
      text-align: center;
      width: 100%;
    }

    .footer__column-title {
      font-size: 13px;
      margin-bottom: 12px;
    }

    .footer__links a {
      font-size: 11px;
    }

    .footer__social-mobile-title,
    .footer__security-title,
    .footer__payment-title {
      font-size: 13px;
      margin-bottom: 20px;
    }

    .footer__social-mobile-icons {
      gap: 12px;
    }

    .footer__social-mobile-icons a,
    .footer__social-mobile-icons svg {
      width: 32px;
      height: 32px;
    }

    .footer__payment-icons {
      gap: 6px;
    }

    .footer__payment-icons svg {
      width: 36px;
      height: 24px;
    }

    .footer__security-badges img {
      width: 160px;
    }

    .footer__logo-mobile {
      padding: 24px 0 16px;
    }

    .footer__logo-mobile img {
      width: 70px;
    }

    .footer__bottom {
      padding: 20px 0 30px 0;
    }

    .footer__copyright {
      flex-direction: column;
      align-items: center;
      gap: 8px;
    }

    .footer__copyright-text {
      font-size: 11px;
      text-align: center;
      color: rgba(236, 236, 236, 0.8);
    }
  }
/* Header - Altura total: 80px */
  .header-section {
    background: var(--header-bg, #79BEFD);
    position: sticky;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 80px;
    margin: 0;
    padding: 0;
  }

  .header__container {
    width: 100%;
    max-width: 100%;
    height: 100%;
    padding: 0 42px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 24px;
  }

  /* Mobile Menu Toggle */
  .header__mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    flex-shrink: 0;
  }

  .header__mobile-menu-icon {
    position: relative;
    width: 24px;
    height: 2px;
    background: #FFFFFF;
    transition: all 0.3s ease;
  }

  .header__mobile-menu-icon::before,
  .header__mobile-menu-icon::after {
    content: '';
    position: absolute;
    left: 0;
    width: 24px;
    height: 2px;
    background: #FFFFFF;
    transition: all 0.3s ease;
  }

  .header__mobile-menu-icon::before {
    top: -7px;
  }

  .header__mobile-menu-icon::after {
    bottom: -7px;
  }

  /* Mobile Menu Active State */
  .header__mobile-menu-toggle.is-active .header__mobile-menu-icon {
    background: transparent;
  }

  .header__mobile-menu-toggle.is-active .header__mobile-menu-icon::before {
    top: 0;
    transform: rotate(45deg);
  }

  .header__mobile-menu-toggle.is-active .header__mobile-menu-icon::after {
    bottom: 0;
    transform: rotate(-45deg);
  }

  /* Mobile Menu Overlay */
  .header__mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    max-width: 320px;
    height: 100vh;
    background: #FFFFFF;
    box-shadow: 2px 0 12px rgba(0, 0, 0, 0.15);
    transform: translateX(-100%);
    transition: transform 0.3s ease;
    z-index: 1001;
    overflow-y: auto;
  }

  .header__mobile-menu.is-open {
    transform: translateX(0);
  }

  .header__mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    background: #79BEFD;
  }

  .header__mobile-menu-header .header__logo svg {
    width: 100px;
    height: 24px;
  }

  .header__mobile-menu-header .header__logo img {
    max-width: 100px;
    height: auto;
  }

  .header__mobile-menu-close {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    flex-shrink: 0;
  }

  .header__mobile-menu-close:hover {
    opacity: 0.8;
  }

  /* Mobile Navigation */
  .header__mobile-nav {
    display: flex;
    flex-direction: column;
    padding: 16px 0;
  }

  .header__mobile-nav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 24px;
    color: #151515;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .header__mobile-nav-link:hover {
    background-color: #F5F5F5;
  }

  .header__mobile-nav-link--cta {
    margin: 16px 24px;
    padding: 12px 20px;
    background: #FD862B;
    border-radius: 27px;
    color: #FFFFFF;
    font-weight: 700;
    justify-content: center;
  }

  .header__mobile-nav-link--cta:hover {
    background: #E6751F;
  }

  .header__mobile-nav-link--cta svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  /* Mobile Backdrop */
  .header__mobile-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
  }

  .header__mobile-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
  }

  /* Logo */
  .header__logo {
    flex-shrink: 0;
  }

  .header__logo-link {
    display: block;
    text-decoration: none;
  }

  .header__logo-link img {
    display: block;
    height: auto;
  }

  .header__logo-link svg {
    width: 129px;
    height: 30px;
    display: block;
  }

  /* Search */
  .header__search {
    flex: 0 0 496px;
    max-width: 496px;
  }

  .search-form {
    position: relative;
    display: flex;
    align-items: center;
  }

  .search-form__submit {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }

  .search-form__submit svg {
    width: 18px;
    height: 18px;
    display: block;
  }

  .search-form__submit svg path {
    stroke: #FD862B;
  }

  .search-form__submit svg path[fill] {
    fill: #FD862B;
  }

  .search-form__submit svg path:not([fill]) {
    fill: none;
  }

  .search-form__input {
    width: 100%;
    height: 30px;
    background: #FFFFFF;
    border: none;
    border-radius: 27px;
    padding: 0 16px 0 46px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    line-height: 2.778em;
    color: #000000;
  }

  .search-form__input::placeholder {
    color: #A9A9A9;
  }

  .search-form__input:focus {
    outline: 2px solid rgba(253, 134, 43, 0.3);
    outline-offset: 2px;
  }

  /* Search Loading Spinner */
  .search-form__loading {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1;
  }

  .search-form__loading .spinner {
    animation: spin 1s linear infinite;
    color: #79BEFD;
  }

  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  /* Predictive Search Results */
  .search-form__results {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    max-height: 480px;
    overflow-y: auto;
    z-index: 1000;
  }

  .search-results__container {
    padding: 16px;
  }

  .search-result__item {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
  }

  .search-result__item:hover {
    background-color: #F5F5F5;
  }

  .search-result__image {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
    flex-shrink: 0;
  }

  .search-result__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .search-result__title {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin: 0;
  }

  .search-result__price {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #79BEFD;
    margin: 0;
  }

  .search-result__vendor {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    color: #666666;
    margin: 0;
  }

  .search-results__empty {
    padding: 20px;
    text-align: center;
    color: #666666;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
  }

  .search-results__view-all {
    display: block;
    margin: 12px 16px;
    padding: 12px;
    background: #79BEFD;
    color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
    text-decoration: none;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    transition: background-color 0.2s ease;
  }

  .search-results__view-all:hover {
    background: #6AADEC;
  }

  /* Navigation */
  .header__nav {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-left: auto;
  }

  .header__nav-link {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.786em;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    transition: opacity 0.2s ease;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-right: 11px;
  }

  .header__nav-link:hover {
    opacity: 0.8;
  }

  .header__nav-dropdown {
    position: relative;
  }

  .header__nav-dropdown-toggle svg {
    width: 12px;
    height: 25px;
    flex-shrink: 0;
  }

  .header__dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-10px);
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-width: 200px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    margin-top: 8px;
    padding: 8px 0;
    z-index: 1000;
  }

  .header__nav-dropdown:hover .header__dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
  }

  .header__dropdown-link {
    display: block;
    padding: 10px 20px;
    color: #000000;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .header__dropdown-link:hover {
    background-color: #F5F5F5;
  }

  /* First Order CTA */
  .header__first-order {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FD862B;
    border-radius: 27px;
    padding: 7px 24px;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    flex-shrink: 0;
  }

  .header__first-order:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(253, 134, 43, 0.3);
  }

  .header__first-order svg {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
  }

  .header__first-order-text {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 2.5em;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  /* Icons */
  .header__icons {
    display: flex;
    align-items: center;
    gap: 35px;
    flex-shrink: 0;
  }

  .header__icon-link {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #FFFFFF;
    text-decoration: none;
    position: relative;
    transition: opacity 0.2s ease;
  }

  .header__icon-link:hover {
    opacity: 0.8;
  }

  .header__icon-link svg {
    flex-shrink: 0;
  }

  .header__icon-text {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.786em;
  }

  .header__cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background: #FD862B;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 700;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
  }

  /* Account Dropdown */
  .header__account-dropdown {
    position: relative;
  }

  .header__account-toggle {
    cursor: pointer;
  }

  .header__account-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    background: #FFFFFF;
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    min-width: 280px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    z-index: 1000;
    overflow: hidden;
  }

  .header__account-toggle[aria-expanded="true"] + .header__account-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .header__account-info {
    padding: 20px;
    border-bottom: 1px solid #E5E5E5;
    background: #F8F9FA;
  }

  .header__account-name {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #151515;
    margin: 0 0 4px 0;
  }

  .header__account-email {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    color: #666666;
    margin: 0;
    word-break: break-word;
  }

  .header__account-links {
    padding: 8px 0;
  }

  .header__account-link {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    color: #151515;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    text-decoration: none;
    transition: background-color 0.2s ease;
  }

  .header__account-link:hover {
    background-color: #F5F5F5;
  }

  .header__account-link svg {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
  }

  .header__account-link--logout {
    color: #DC2626;
    border-top: 1px solid #E5E5E5;
    margin-top: 4px;
  }

  .header__account-link--logout:hover {
    background-color: #FEF2F2;
  }

  /* Account Menu Backdrop (Mobile) */
  .header__account-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000;
    display: none;
  }

  .header__account-backdrop.is-visible {
    opacity: 1;
    visibility: visible;
  }

  @media (max-width: 990px) {
    .header__account-backdrop {
      display: block;
    }
  }

  /* Responsive */
  
  /* MacBook Air and similar (1440px) - Fix button overflow */
  @media (max-width: 1440px) {
    .header__container {
      padding: 0 30px;
      gap: 16px;
    }

    .header__search {
      flex: 0 0 350px;
      max-width: 350px;
    }

    .header__nav {
      gap: 24px;
    }

    .header__nav-link {
      font-size: 13px;
    }

    .header__icons {
      gap: 24px;
    }

    .header__first-order {
      padding: 7px 16px;
    }

    .header__first-order-text {
      font-size: 9px;
    }

    .header__first-order svg {
      width: 20px;
      height: 20px;
    }
  }

  @media (max-width: 1200px) {
    .header__container {
      padding-left: 24px;
      padding-right: 24px;
      gap: 16px;
    }

    .header__search {
      flex: 0 0 320px;
      max-width: 320px;
    }

    .header__nav {
      gap: 24px;
    }

    .header__icons {
      gap: 24px;
    }
  }

  @media (max-width: 990px) {
    .header__mobile-menu-toggle {
      display: flex;
    }

    .header__nav,
    .header__first-order {
      display: none;
    }

    .header__search {
      flex: 1;
      max-width: none;
    }

    .header__icon-text {
      display: none;
    }

    .header__account-dropdown {
      position: static;
    }

    .header__account-menu {
      position: fixed;
      top: 80px;
      right: 16px;
      left: auto;
      transform: translateY(-10px);
      min-width: 260px;
      max-width: 320px;
      width: auto;
      z-index: 1001;
    }

    .header__account-toggle[aria-expanded="true"] + .header__account-menu {
      transform: translateY(0);
    }
  }

  @media (max-width: 600px) {
    .header__container {
      padding-left: 16px;
      padding-right: 16px;
      gap: 12px;
    }

    .header__logo-link img {
      max-width: 100px;
      height: auto;
    }

    .header__logo-link svg {
      width: 80px;
      height: 30px;
      display: block;
    }

    .search-form__input {
      font-size: 12px;
    }

    .header__icons {
      gap: 16px;
    }

    .header__account-dropdown {
      position: static;
    }

    .header__account-menu {
      position: fixed;
      top: 80px;
      right: 16px;
      left: auto;
      transform: translateY(-10px);
      min-width: 240px;
      max-width: calc(100vw - 32px);
      width: auto;
      z-index: 1001;
    }
    
    @media (max-width: 480px) {
      .header__account-menu {
        max-width: calc(100vw - 24px);
        right: 12px;
        min-width: 220px;
      }
    }

    .header__account-toggle[aria-expanded="true"] + .header__account-menu {
      transform: translateY(0);
    }

    .header__account-info {
      padding: 16px;
    }

    .header__account-name {
      font-size: 14px;
    }

    .header__account-email {
      font-size: 12px;
    }

    .header__account-link {
      padding: 10px 16px;
      font-size: 13px;
    }
  }
.product-home-section {
    position: relative;
    background: #FFFFFF;
    width: 100%;
    padding: 20px 20px 100px 20px;
  }

  /* Separador decorativo */
  .product-hero__separator-wrapper {
    padding: 0 20px;
  }

  .product-hero__separator {
    position: relative;
    width: 100%;
    max-width: 1793px;
    height: 3px;
    background-color: #E2E2E2;
    border-radius: 10px;
    margin: 0 auto;
  }

  .product-hero__separator-decoration {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-80%);
    display: inline-flex;
    align-items: center;
  }

  .product-hero__separator-decoration svg {
    display: block;
    width: auto;
    height: 5px;
  }

  .product-hero__separator-decoration--right {
    left: auto;
    right: 0;
  }

  .product-hero__products-wrapper {
    width: 100%;
    max-width: 1620px;
    margin: 0 auto;
    padding: 80px;
    display: flex;
    flex-direction: column;
  }

  .product-hero__container {
    width: 100%;
    display: grid;
    grid-template-columns: 700px 1fr;
    gap: 120px;
    align-items: center;
  }

  /* Container invertido - conteúdo à esquerda, imagem à direita */
  .product-hero__container--reversed {
    grid-template-columns: 1fr 700px;
  }

  .product-hero__container--reversed .product-hero__image-wrapper {
    order: 2;
  }

  .product-hero__container--reversed .product-hero__content {
    order: 1;
  }

  /* Image */
  .product-hero__image-wrapper {
    width: 100%;
    max-width: 700px;
  }

  .product-hero__image {
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
  }

  .product-hero__image-element {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    border-radius: 10px;
  }

  .product-hero__progress-bar {
    width: 100%;
    height: 9px;
    background: #C0E1FF;
    border-radius: 0 0 17px 21px;
    position: relative;
    overflow: hidden;
  }

  .product-hero__progress {
    height: 100%;
    background: #79BEFD;
    border-radius: 0 0 0 21px;
    transition: width 0.3s ease;
  }

  /* Content */
  .product-hero__content {
    display: flex;
    flex-direction: column;
    gap: 0;
    width: 100%;
    max-width: 560px;
  }

  /* Title */
  .product-hero__title {
    color: #151515;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.56em;
    letter-spacing: -0.02em;
    margin: 0 0 10px 0;
    width: 100%;
  }

  /* Description */
  .product-hero__description {
    color: #242424;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    margin-bottom: 26px;
    width: 100%;
  }

  /* Options */
  .product-hero__options {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 27px;
    width: 100%;
  }

  .product-hero__variant {
    position: relative;
    height: 39px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 10px 15px 8px 13px;
    background: #FD862A;
    border: none;
    border-bottom: 3px solid #79BEFD;
    border-radius: 12px;
    flex: 1;
    min-width: 0;
  }

  /* Cards com largura definida para produtos individuais (não combo) */
  .product-hero__container:not(.product-hero__container--combo) .product-hero__options {
    flex-wrap: nowrap;
  }

  .product-hero__container:not(.product-hero__container--combo) .product-hero__variant {
    flex: 0 0 auto;
    width: auto;
    min-width: auto;
  }

  .product-hero__container:not(.product-hero__container--combo) .product-hero__price {
    flex: 0 0 auto;
    width: auto;
    min-width: auto;
  }

  /* Ocultar produto combo */
  .product-hero__container--combo,
  .product-hero__container[data-product-index="3"] {
    display: none;
  }

  .product-hero__variant svg,
  .product-hero__variant img,
  .product-hero__variant-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    display: block;
    object-fit: contain;
    background: transparent;
  }

  .product-hero__variant-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    line-height: 0;
    overflow: visible;
  }

  .product-hero__variant-icon svg {
    width: 32px !important;
    height: 32px !important;
    display: block !important;
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .product-hero__variant-name {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 3.9em;
    white-space: nowrap;
  }

  .product-hero__select {
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 3.9em;
    cursor: pointer;
    appearance: none;
    padding-right: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    outline: none;
  }

  .product-hero__price {
    height: 39px;
    padding: 5px 10px 0 10px;
    background: #FD862A;
    border: none;
    border-bottom: 3px solid #79BEFD;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: fit-content;
  }

  /* Cor amarela para Piña Colada */
  .product-hero__container--pina-colada .product-hero__variant {
    background: #FFBB00;
  }

  .product-hero__container--pina-colada .product-hero__price {
    background: #FFBB00;
  }

  /* Segundo card de variante no combo mantém cor laranja */
  .product-hero__container--pina-colada .product-hero__options .product-hero__variant:nth-child(2) {
    background: #FD862A;
  }


  .product-hero__price-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }

  .product-hero__price-value {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.59em;
  }

  .product-hero__price--sale {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.59em;
  }

  .product-hero__price--compare {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.59em;
    text-decoration: line-through;
    opacity: 0.8;
  }

  /* Actions */
  .product-hero__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .product-hero__form {
    width: 100%;
  }

  .product-hero__button {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #79BEFD;
    border: none;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }

  .product-hero__button:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(121, 190, 253, 0.4);
  }

  .product-hero__button:active {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(121, 190, 253, 0.4);
  }

  .product-hero__button svg {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    flex-shrink: 0;
    z-index: 1;
  }

  .product-hero__button span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 0;
  }

  .product-hero__button--primary {
    height: 53px;
    width: 100%;
    font-size: 18px;
    line-height: 1.59em;
  }

  .product-hero__button--primary svg {
    width: 24px;
    height: 23px;
  }

  .product-hero__button--secondary {
    height: 47px;
    font-size: 14px;
    line-height: 2.04em;
  }

  .product-hero__button--secondary svg {
    width: 20px;
    height: 20px;
  }

  /* Botão desabilitado (produto esgotado) */
  .product-hero__button--disabled {
    background: #CCCCCC !important;
    cursor: not-allowed !important;
    opacity: 0.6;
  }

  .product-hero__button--disabled:hover {
    transform: none !important;
    box-shadow: none !important;
  }

  .product-hero__button--disabled:active {
    transform: none !important;
    box-shadow: none !important;
  }


  /* Cards de sabor lado a lado abaixo de 1330px - apenas para combo */
  @media (max-width: 1330px) {
    .product-hero__container--combo .product-hero__options {
      flex-wrap: wrap;
      gap: 11px;
    }

    .product-hero__container--combo .product-hero__variant {
      flex: 1 1 calc(50% - 5.5px);
      min-width: calc(50% - 5.5px);
    }

    .product-hero__container--combo .product-hero__price {
      flex: 1 1 100%;
      width: 100%;
    }
  }

  /* Responsive */
  @media (max-width: 1600px) {
    .product-hero__container {
      grid-template-columns: 600px 1fr;
      gap: 80px;
    }

    .product-hero__container--reversed {
      grid-template-columns: 1fr 600px;
    }

    .product-hero__image-wrapper {
      max-width: 600px;
    }
  }

  @media (max-width: 1400px) {
    .product-hero__products-wrapper {
      padding: 80px 60px;
    }

    .product-hero__container {
      grid-template-columns: 550px 1fr;
      gap: 60px;
    }

    .product-hero__container--reversed {
      grid-template-columns: 1fr 550px;
    }

    .product-hero__image-wrapper {
      max-width: 550px;
    }
  }

  @media (max-width: 1200px) {
    .product-hero__products-wrapper {
      padding: 60px 40px;
    }

    .product-hero__container {
      grid-template-columns: 500px 1fr;
      gap: 50px;
    }

    .product-hero__container--reversed {
      grid-template-columns: 1fr 500px;
    }

    .product-hero__image-wrapper {
      max-width: 500px;
    }

    .product-hero__price-value {
      font-size: 15px;
    }

    .product-hero__title {
      font-size: 38px;
    }

    .product-hero__description {
      font-size: 16px;
    }
  }

  /* Tablet: 768px - 990px */
  @media (max-width: 990px) and (min-width: 768px) {
    .product-hero__products-wrapper {
      padding: 50px 30px;
      gap: 50px;
    }

    .product-hero__container {
      grid-template-columns: 1fr;
      gap: 30px;
    }

    .product-hero__container--reversed {
      grid-template-columns: 1fr;
    }

    .product-hero__image-wrapper {
      max-width: 100%;
      order: 1;
    }

    .product-hero__container--reversed .product-hero__image-wrapper {
      order: 1;
    }

    .product-hero__content {
      order: 2;
      max-width: 100%;
      width: 100%;
    }

    .product-hero__container--reversed .product-hero__content {
      order: 2;
    }

    .product-hero__title {
      font-size: 36px;
      text-align: center;
    }

    .product-hero__description {
      text-align: center;
      font-size: 15px;
    }

    .product-hero__container--combo .product-hero__options {
      justify-content: center;
      flex-wrap: wrap;
    }

    .product-hero__container--combo .product-hero__variant {
      flex: 1 1 auto;
      min-width: 200px;
    }

    .product-hero__container--combo .product-hero__price {
      flex: 0 0 auto;
    }

    /* Produtos individuais mantêm largura definida */
    .product-hero__container:not(.product-hero__container--combo) .product-hero__options {
      justify-content: flex-start;
      flex-wrap: nowrap;
    }
  }

  /* Layout em coluna abaixo de 1100px */
  @media (max-width: 1100px) {
    .product-hero__products-wrapper {
      gap: 50px;
      padding: 60px 40px;
    }

    .product-hero__container {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .product-hero__container--reversed {
      grid-template-columns: 1fr;
    }

    .product-hero__image-wrapper {
      order: 1;
      max-width: 100%;
    }

    .product-hero__content {
      order: 2;
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding-top: 0;
    }

    .product-hero__container--reversed .product-hero__image-wrapper {
      order: 1;
    }

    .product-hero__container--reversed .product-hero__content {
      order: 2;
    }

    .product-hero__container--combo .product-hero__options {
      width: 100%;
    }

    .product-hero__container--combo .product-hero__variant {
      width: 100%;
    }

    .product-hero__container--combo .product-hero__price {
      width: 100%;
    }

    /* Produtos individuais mantêm largura definida */
    .product-hero__container:not(.product-hero__container--combo) .product-hero__options {
      width: auto;
      flex-wrap: nowrap;
    }

    .product-hero__container:not(.product-hero__container--combo) .product-hero__variant {
      width: auto;
    }

    .product-hero__container:not(.product-hero__container--combo) .product-hero__price {
      width: auto;
    }

    .product-hero__actions {
      width: 100%;
      max-width: 100%;
    }

    .product-hero__form {
      width: 100%;
    }

    .product-hero__button {
      width: 100%;
    }

    .product-hero__title {
      font-size: 42px;
    }
  }

  @media (max-width: 990px) {
    .product-hero-section::after {
      left: 24px;
      right: 24px;
    }

    .product-hero__products-wrapper {
      gap: 50px;
      padding: 60px 40px;
    }

    .product-hero__container {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .product-hero__image-wrapper {
      order: 1;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .product-hero__content {
      order: 2;
    }

    .product-hero__image-wrapper {
      margin-top: 0;
      margin-bottom: 0;
    }

    .product-hero__image-element {
      margin: 0 auto;
    }

    .product-hero__content {
      width: 100%;
      max-width: 100%;
      margin: 0;
      padding-top: 0;
    }

    .product-hero__container--combo .product-hero__options {
      width: 100%;
    }

    .product-hero__container--combo .product-hero__variant {
      width: 100%;
    }

    .product-hero__container--combo .product-hero__price {
      width: 100%;
    }

    /* Produtos individuais mantêm largura definida e centralizados */
    .product-hero__container:not(.product-hero__container--combo) .product-hero__options {
      width: auto;
      flex-wrap: nowrap;
      justify-content: center;
    }

    .product-hero__container:not(.product-hero__container--combo) .product-hero__variant {
      width: auto;
    }

    .product-hero__container:not(.product-hero__container--combo) .product-hero__price {
      width: auto;
    }

    .product-hero__actions {
      width: 100%;
      max-width: 100%;
    }

    .product-hero__form {
      width: 100%;
    }

    .product-hero__button {
      width: 100%;
    }

    /* Centralizar textos */
    .product-hero__title {
      font-size: 42px;
      text-align: center;
    }

    .product-hero__description {
      text-align: center;
    }

  }

  /* Mobile: 600px - 767px - Cards lado a lado */
  @media (max-width: 767px) and (min-width: 601px) {
    .product-home-section {
      padding: 0px 20px;
    }

    .product-hero__products-wrapper {
      padding: 50px 20px;
      gap: 50px;
    }

    .product-hero__container {
      gap: 30px;
    }

    /* Centralizar textos e imagem */
    .product-hero__title {
      font-size: 32px;
      text-align: center;
    }

    .product-hero__description {
      font-size: 15px;
      text-align: center;
    }

    .product-hero__image-wrapper {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .product-hero__image-element {
      max-width: 400px;
      margin: 0 auto;
    }

    .product-hero__options {
      flex-wrap: wrap;
      gap: 12px;
      flex-direction: row !important;
    }

    .product-hero__variant {
      flex: 1 1 calc(50% - 6px) !important;
      min-width: calc(50% - 6px) !important;
      width: auto !important;
    }

    .product-hero__price {
      flex: 1 1 100%;
      width: 100%;
    }

    .product-hero__container--combo .product-hero__variant {
      flex: 1 1 calc(50% - 6px) !important;
      min-width: calc(50% - 6px) !important;
    }
  }

  /* Mobile pequeno: abaixo de 600px - Cards em coluna */
  @media (max-width: 600px) {
    .product-home-section {
      padding: 40px 0;
    }

    .product-hero__image-wrapper {
      width: 100%;
      max-width: 100%;
    }

    .product-hero__separator-wrapper {
      padding: 0 20px;
    }

    .product-hero__separator {
      margin: 0 auto;
    }

    .product-hero__separator--bottom {
      margin: 0 auto;
    }

    .product-hero__separator-decoration {
      width: 122px;
      height: 5px;
    }

    .product-hero__separator-decoration svg {
      width: 122px;
      height: 5px;
    }

    .product-hero__products-wrapper {
      padding: 40px 20px;
      gap: 50px;
    }

    .product-hero__container {
      padding: 0;
      grid-template-columns: 1fr;
      gap: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .product-hero__container--reversed {
      grid-template-columns: 1fr;
    }

    .product-hero__container--reversed .product-hero__image-wrapper {
      order: 1;
    }

    .product-hero__container--reversed .product-hero__content {
      order: 2;
    }

    .product-hero__content {
      order: 2;
      padding: 0;
      display: flex;
      flex-direction: column;
      gap: 0;
      max-width: 100%;
      width: 100%;
    }

    .product-hero__image-wrapper {
      order: 1;
      margin: 0 0 20px 0;
      width: 100%;
      max-width: 100%;
    }

    .product-hero__image {
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 0;
    }
    
    .product-hero__image-element {
      width: 100%;
      height: auto;
      max-width: 100%;
      margin: 0 auto;
      display: block;
    }

    .product-hero__title {
      order: -2;
      font-size: 30px;
      font-weight: 500;
      line-height: 1.2em;
      letter-spacing: -0.02em;
      margin-top: 0;
      margin-bottom: 10px;
      text-align: center;
    }

    .product-hero__description {
      order: -1;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.27em;
      margin-top: 0;
      margin-bottom: 20px;
      max-width: 100%;
      width: 100%;
      text-align: center;
    }

    /* Cards de sabor lado a lado abaixo de 600px - apenas para combo */
    .product-hero__container--combo .product-hero__options {
      order: 1;
      flex-direction: row !important;
      flex-wrap: wrap;
      align-items: stretch;
      gap: 10px;
      margin-top: 0;
      margin-bottom: 20px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero__container--combo .product-hero__variant {
      flex: 1 1 calc(50% - 5px) !important;
      min-width: calc(50% - 5px) !important;
      width: auto !important;
      height: 40px;
      padding: 8px 12px;
      border-radius: 9px;
      gap: 8px;
    }

    .product-hero__container--combo .product-hero__price {
      flex: 1 1 100% !important;
      width: 100% !important;
    }

    /* Produtos individuais: cards lado a lado ocupando 100% da largura no mobile (abaixo de 600px) */
    .product-hero__container:not(.product-hero__container--combo) .product-hero__options {
      order: 1;
      flex-direction: row !important;
      flex-wrap: nowrap !important;
      align-items: stretch;
      gap: 10px;
      margin-top: 0;
      margin-bottom: 20px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero__container:not(.product-hero__container--combo) .product-hero__variant {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      width: auto !important;
      height: 40px;
      padding: 8px 12px;
      border-radius: 9px;
      gap: 8px;
    }

    .product-hero__container:not(.product-hero__container--combo) .product-hero__price {
      flex: 1 1 auto !important;
      width: auto !important;
      min-width: 0 !important;
    }

    .product-hero__variant svg,
    .product-hero__variant img,
    .product-hero__variant-icon {
      width: 24px;
      height: 24px;
    }

    .product-hero__variant-icon {
      width: 24px;
      height: 24px;
    }

    .product-hero__variant-icon svg {
      width: 24px !important;
      height: 24px !important;
    }

    .product-hero__variant-name,
    .product-hero__select {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.2em;
      white-space: nowrap;
    }

    .product-hero__price {
      width: 100%;
      height: 40px;
      padding: 8px 16px;
      border-radius: 9px;
    }

    .product-hero__price-value,
    .product-hero__price--sale {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.2em;
    }

    .product-hero__price--compare {
      font-size: 12px;
      line-height: 1.2em;
    }

    .product-hero__actions {
      order: 2;
      max-width: 100%;
      width: 100%;
      gap: 12px;
      margin-top: 0;
    }

    .product-hero__button {
      width: 100%;
      justify-content: center;
      position: relative;
    }
    
    .product-hero__button svg {
      position: absolute;
      left: 20px;
      top: 50%;
      transform: translateY(-50%);
    }

    .product-hero__button--primary {
      height: 47px;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2em;
    }

    .product-hero__button--primary svg {
      width: 20px;
      height: 18px;
    }

    .product-hero__button--secondary {
      height: 38px;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2em;
    }

    .product-hero__button--secondary svg {
      width: 18px;
      height: 18px;
    }

    .product-hero__button span {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      text-align: center;
      z-index: 0;
      padding: 0 50px;
    }

    /* Ajustes específicos para o combo com duas variantes */
    .product-hero__container--combo .product-hero__options {
      flex-direction: row;
      flex-wrap: wrap;
      gap: 10px;
    }

    .product-hero__container--combo .product-hero__variant {
      flex: 1 1 calc(50% - 5px);
      min-width: calc(50% - 5px);
      width: auto;
      justify-content: center;
    }

    .product-hero__container--combo .product-hero__variant-icon {
      flex-shrink: 0;
    }

    .product-hero__container--combo .product-hero__variant-name {
      text-align: center;
    }

    .product-hero__container--combo .product-hero__price {
      width: 100%;
      flex: 1 1 100%;
      justify-content: center;
      align-items: center;
      display: flex;
    }

    .product-hero__container--combo .product-hero__price-value {
      font-size: 16px;
      text-align: center;
    }
  }


  /* Mobile pequeno: até 480px */
  @media (max-width: 480px) {
    .product-home-section {
      padding: 60px 0;
    }

    .product-hero__products-wrapper {
      padding: 10px 15px 60px 15px;
      gap: 40px;
    }

    .product-hero__title {
      font-size: 26px;
    }

    .product-hero__description {
      font-size: 14px;
      line-height: 1.4em;
    }

    .product-hero__variant {
      height: 38px;
      padding: 6px 10px;
      font-size: 13px;
    }

    .product-hero__variant-icon {
      width: 20px;
      height: 20px;
    }

    .product-hero__variant-icon svg {
      width: 20px !important;
      height: 20px !important;
    }

    .product-hero__price {
      height: 38px;
      padding: 6px 12px;
    }

    .product-hero__price-value,
    .product-hero__price--sale {
      font-size: 14px;
    }

    .product-hero__button--primary {
      height: 44px;
      font-size: 13px;
    }

    .product-hero__button--secondary {
      height: 36px;
      font-size: 13px;
    }

    .product-hero__button svg {
      left: 15px;
      width: 18px;
      height: 16px;
    }

    .product-hero__button span {
      padding: 0 40px;
    }
  }
/* Journey Section - Altura total: 917px */
  .journey-section {
    padding: 100px 0;
    background: #FFFFFF;
    width: 100%;
    position: relative;
  }

  /* Separador decorativo */
  .product-hero__separator-wrapper {
    padding: 0 20px;
  }

  .product-hero__separator {
    position: relative;
    width: 100%;
    max-width: 1793px;
    height: 3px;
    background-color: #E2E2E2;
    border-radius: 10px;
    margin: 0 auto;
  }

  .product-hero__separator-decoration {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-80%);
    display: inline-flex;
    align-items: center;
  }

  .product-hero__separator-decoration svg {
    display: block;
    width: auto;
    height: 5px;
  }

  .product-hero__separator-decoration--right {
    left: auto;
    right: 0;
  }

  .journey__container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 100px 0;
  }

  .journey__heading {
    color: #000000;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 39px;
    font-weight: 500;
    line-height: 1.723;
    text-align: center;
    margin: 0 0 21px 0;
  }

  .journey__description {
    color: #242424;
    font-family: 'Inter 18pt', 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    max-width: 1060px;
    margin: 0 auto 100px;
    padding: 0 20px;
  }

  .journey__carousel-wrapper {
    position: relative;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 80px;
  }

  .journey__carousel {
    display: flex;
    gap: 13px;
    will-change: transform;
    padding-bottom: 20px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  
  .journey__carousel:active {
    cursor: grabbing;
  }

  .journey__slide {
    flex: 0 0 auto;
    width: 304.85px;
    height: 614.27px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
  }

  .journey__slide {
    /* Garantir que slides sejam sempre interativos */
    pointer-events: auto;
  }

  .journey__slide img,
  .journey__slide video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .journey__video {
    background: #000;
  }

  .journey__video--iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 10px;
  }

  .journey__video-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
    border-radius: 10px;
    gap: 16px;
  }

  .journey__video-placeholder-icon {
    display: block;
  }

  .journey__video-placeholder-text {
    color: #79BEFD;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
  }

  /* Ícone de play centralizado */
  .journey__slide .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
    height: 65px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    backdrop-filter: blur(0px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
  }

  .journey__slide .video-play-icon svg {
    width: 38px;
    height: 38px;
    opacity: 0.9;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin-left: 0px;
  }

  .journey__slide .video-play-icon svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-linejoin: round;
    stroke-linecap: round;
  }

  /* Esconder quando o vídeo está tocando */
  .journey__slide--playing .video-play-icon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }

  /* Hover no ícone */
  .journey__slide:hover .video-play-icon {
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .journey__slide:hover .video-play-icon svg {
    opacity: 1;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
  }

  /* Esconder controles por padrão */
  .journey__slide video::-webkit-media-controls {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .journey__slide video::-webkit-media-controls-enclosure {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  /* Mostrar controles ao passar o mouse ou tocar */
  .journey__slide:hover video::-webkit-media-controls,
  .journey__slide:hover video::-webkit-media-controls-enclosure,
  .journey__slide.show-controls video::-webkit-media-controls,
  .journey__slide.show-controls video::-webkit-media-controls-enclosure {
    opacity: 1;
  }

  /* Estilo dos controles do vídeo */
  .journey__slide video::-webkit-media-controls-panel {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
  }

  .journey__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.95);
    border: 2px solid #E2E2E2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 10;
    color: #151515;
  }

  .journey__nav:hover:not(:disabled) {
    background: #FFFFFF;
    border-color: #79BEFD;
    color: #79BEFD;
    transform: translateY(-50%) scale(1.1);
  }

  .journey__nav:active:not(:disabled) {
    transform: translateY(-50%) scale(0.95);
  }
  
  .journey__nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: rgba(200, 200, 200, 0.5);
    border-color: rgba(200, 200, 200, 0.5);
  }

  .journey__nav--prev {
    left: 30px;
  }

  .journey__nav--next {
    right: 30px;
  }

  /* Ocultar apenas o divisor laranja (superior) no mobile, manter o azul (inferior) */
  @media (max-width: 768px) {
    .journey-section > .product-hero__separator-wrapper:first-of-type {
      display: none !important;
    }
    
    /* Garantir que o divisor azul (inferior) permaneça visível com espaçamento */
    .journey-section .product-hero__separator-wrapper:has(.product-hero__separator--bottom) {
      display: block !important;
      padding-top: 60px;
      padding-bottom: 60px;
    }
    
    .journey-section .product-hero__separator--bottom {
      display: block !important;
    }
  }

  /* Responsive */
  @media (max-width: 1400px) {
    .journey__carousel-wrapper {
      padding: 0 70px;
    }

    .journey__nav--prev {
      left: 15px;
    }

    .journey__nav--next {
      right: 15px;
    }
  }

  @media (max-width: 990px) {
    .journey__heading {
      font-size: 32px;
    }

    .journey__description {
      font-size: 16px;
      margin-bottom: 60px;
    }

    .journey__carousel-wrapper {
      padding: 0 60px;
    }

    .journey__slide {
      width: 260px;
      height: 520px;
    }
  }

  /* Mobile - ícone um pouco menor */
  @media (max-width: 990px) {
    .journey__slide .video-play-icon {
      width: 58px;
      height: 58px;
    }

    .journey__slide .video-play-icon svg {
      width: 34px;
      height: 34px;
    }
  }

  @media (max-width: 768px) {
    .journey-section {
      padding: 60px 0 0 0;
    }

    .journey__container {
      padding: 0px;
    }

    .product-hero__separator {
      margin: 0 auto;
    }

    .product-hero__separator--bottom {
      margin: 0 auto;
    }

    .product-hero__separator-decoration {
      width: 122px;
      height: 5px;
    }

    .product-hero__separator-decoration svg {
      width: 122px;
      height: 5px;
    }

    .journey__heading {
      font-size: 28px;
      margin-bottom: 16px;
      padding: 0 20px;
      line-height: 1.1em;
    }

    .journey__description {
      font-size: 16px;
      margin-bottom: 60px;
    }

    .journey__carousel-wrapper {
      padding: 0;
      overflow: hidden;
    }

    .journey__carousel {
      gap: 10px;
      padding: 0 20px;
    }

    .journey__slide {
      width: calc(100vw - 40px);
      max-width: calc(100% - 40px);
      height: auto;
      aspect-ratio: 305 / 614;
      max-height: 70vh;
      min-height: 0;
      flex-shrink: 0;
    }

    .journey__nav {
      width: 40px;
      height: 40px;
    }

    .journey__nav svg {
      width: 20px;
      height: 20px;
    }

    .journey__nav--prev {
      left: 5px;
    }

    .journey__nav--next {
      right: 5px;
    }
  }
/* ============================================================================
     LOGIN PAGE STYLES
     ========================================================================= */
  
  .login-page {
    min-height: 100vh;
    display: flex;
    background: #f8f9fa;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  }

  .login-page__container {
    display: flex;
    width: 100%;
    min-height: 100vh;
  }

  /* Left Side - Visual */
  .login-page__visual {
    flex: 1;
    position: relative;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .login-page__image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .login-page__hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .login-page__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .login-page__brand {
    text-align: center;
    color: white;
  }

  .login-page__logo {
    width: 120px;
    height: auto;
    margin-bottom: 20px;
  }

  .login-page__tagline {
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    opacity: 0.9;
  }

  /* Right Side - Form */
  .login-page__form-section {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: white;
  }

  .login-page__form-container {
    width: 100%;
    max-width: 400px;
  }

  .login-page__header {
    text-align: center;
    margin-bottom: 40px;
  }

  .login-page__title {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
  }

  .login-page__subtitle {
    font-size: 16px;
    color: #666;
    margin: 0;
  }

  /* Form Styles */
  .login-page__form {
    margin-bottom: 30px;
  }

  .login-page__field {
    margin-bottom: 20px;
  }

  .login-page__label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
  }

  .login-page__input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
  }

  .login-page__input:focus {
    outline: none;
    border-color: #667eea;
  }

  .login-page__password-wrapper {
    position: relative;
  }

  .login-page__password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .login-page__password-toggle:hover {
    color: #333;
  }

  .login-page__password-icon {
    display: block;
  }

  .login-page__password-icon--hide {
    display: none;
  }

  .login-page__errors {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 20px;
    color: #dc2626;
    font-size: 14px;
  }

  .login-page__options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }

  .login-page__checkbox-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .login-page__checkbox {
    margin-right: 8px;
  }

  .login-page__checkbox-text {
    font-size: 14px;
    color: #666;
  }

  .login-page__forgot-link {
    font-size: 14px;
    color: #667eea;
    text-decoration: none;
  }

  .login-page__forgot-link:hover {
    text-decoration: underline;
  }

  .login-page__submit-btn {
    width: 100%;
    padding: 14px;
    background: #667eea;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .login-page__submit-btn:hover {
    background: #5a6fd8;
  }

  /* Divider */
  .login-page__divider {
    position: relative;
    text-align: center;
    margin: 30px 0;
  }

  .login-page__divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e1e5e9;
  }

  .login-page__divider-text {
    background: white;
    padding: 0 20px;
    color: #666;
    font-size: 14px;
  }

  /* Google Button */
  .login-page__google-btn {
    width: 100%;
    padding: 14px;
    background: white;
    color: #333;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .login-page__google-btn:hover {
    border-color: #d1d5db;
  }

  /* Register Link */
  .login-page__register {
    text-align: center;
    margin-top: 30px;
  }

  .login-page__register-text {
    font-size: 14px;
    color: #666;
    margin: 0;
  }

  .login-page__register-link {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
  }

  .login-page__register-link:hover {
    text-decoration: underline;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .login-page__container {
      flex-direction: column;
    }

    .login-page__visual {
      min-height: 200px;
    }

    .login-page__form-section {
      padding: 20px;
    }

    .login-page__title {
      font-size: 24px;
    }
  }
.newsletter-bottom-section {
    position: relative;
    width: 100%;
    min-height: 1028px;
    overflow: hidden;
    border-top: none;
    margin-top: -100px;
    z-index: 1;
    padding-bottom: 100px;
  }

  .newsletter-bottom__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
  }

  .newsletter-bottom__background-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }

  .newsletter-bottom__background-img--mobile {
    display: none;
  }

  .newsletter-bottom__background-img--desktop {
    display: block;
  }

  .newsletter-bottom__background-img--tablet {
    display: none;
  }

  .newsletter-bottom__content {
    position: absolute;
    top: 384px;
    right: 141px;
    width: 757px;
    z-index: 1;
  }

  .newsletter-bottom__heading {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 55px;
    font-weight: 400;
    line-height: 0.89em;
    text-align: right;
    margin: 30px 0 18px 0;
  }

  .newsletter-bottom__heading strong {
    font-weight: 600;
  }

  .newsletter-bottom__description {
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    text-align: right;
    margin: 0 0 26px 0;
    width: 587px;
    margin-left: auto;
  }

  .newsletter-bottom__form {
    display: flex;
    justify-content: flex-end;
  }

  .newsletter-bottom__form-group {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 531px;
  }

  .newsletter-bottom__input {
    width: 100%;
    height: 41px;
    padding: 0 36px;
    background: #FFFFFF;
    border: none;
    border-radius: 20px;
    color: rgba(21, 21, 21, 0.54);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.2em;
    outline: none;
  }

  .newsletter-bottom__input::placeholder {
    color: rgba(21, 21, 21, 0.54);
  }

  .newsletter-bottom__input:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
  }

  .newsletter-bottom__submit {
    position: relative;
    width: 100%;
    height: 47px;
    background: #FD862B;
    border: none;
    border-bottom: 3px solid #FFFFFF;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.91em;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
  }

  .newsletter-bottom__submit:hover:not(:disabled) {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
  }

  .newsletter-bottom__submit:active:not(:disabled) {
    transform: translateY(0);
  }

  .newsletter-bottom__submit:disabled {
    cursor: not-allowed;
    opacity: 0.8;
  }

  .newsletter-bottom__submit-text {
    display: inline-block;
    transition: opacity 0.3s ease;
  }

  .newsletter-bottom__submit-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    align-items: center;
    justify-content: center;
  }

  .newsletter-bottom__submit.loading .newsletter-bottom__submit-text {
    opacity: 0;
  }

  .newsletter-bottom__submit.loading .newsletter-bottom__submit-loader {
    display: flex;
  }

  .newsletter-bottom__spinner {
    animation: newsletter-spin 1s linear infinite;
  }

  @keyframes newsletter-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  .newsletter-bottom__message {
    margin-bottom: 16px;
    padding: 12px 20px;
    border-radius: 20px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
  }

  .newsletter-bottom__message--success {
    background: rgba(76, 175, 80, 0.1);
    color: #4CAF50;
    border: 1px solid rgba(76, 175, 80, 0.3);
    display: none; /* Esconder por padrão, vamos usar popup */
  }

  .newsletter-bottom__message--error {
    background: rgba(244, 67, 54, 0.1);
    color: #F44336;
    border: 1px solid rgba(244, 67, 54, 0.3);
  }

  .newsletter-bottom__message p {
    margin: 0;
  }

  /* Popup de confirmação */
  .newsletter-bottom__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .newsletter-bottom__popup[hidden] {
    display: none;
  }

  .newsletter-bottom__popup.show {
    opacity: 1;
    visibility: visible;
  }

  .newsletter-bottom__popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(4px);
  }

  .newsletter-bottom__popup-content {
    position: relative;
    background: #FFFFFF;
    border-radius: 20px;
    padding: 40px 32px;
    max-width: 480px;
    width: 90%;
    text-align: center;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    transform: scale(0.9);
    transition: transform 0.3s ease;
    z-index: 1;
  }

  .newsletter-bottom__popup.show .newsletter-bottom__popup-content {
    transform: scale(1);
  }

  .newsletter-bottom__popup-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #151515;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s ease;
  }

  .newsletter-bottom__popup-close:hover {
    background: rgba(21, 21, 21, 0.1);
  }

  .newsletter-bottom__popup-icon {
    margin: 0 auto 24px;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .newsletter-bottom__popup-icon svg {
    width: 100%;
    height: 100%;
    animation: newsletter-popup-icon 0.5s ease-out;
  }

  @keyframes newsletter-popup-icon {
    0% {
      transform: scale(0);
      opacity: 0;
    }
    50% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }

  .newsletter-bottom__popup-title {
    color: #151515;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 12px 0;
  }

  .newsletter-bottom__popup-message {
    color: #242424;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 32px 0;
  }

  .newsletter-bottom__popup-button {
    width: 100%;
    height: 47px;
    background: #FD862A;
    border: none;
    border-bottom: 3px solid #E67E22;
    border-radius: 20px;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.91em;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .newsletter-bottom__popup-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
  }

  .newsletter-bottom__popup-button:active {
    transform: translateY(0);
  }

  /* Responsive */
  @media (max-width: 1700px) {
    .newsletter-bottom__content {
      max-width: 630px;
    }
    }


  @media (max-width: 1200px) {
    .newsletter-bottom-section {
      min-height: 900px;
      padding-bottom: 80px;
      border-width: 20px;
      border-top: none;
    }

    .newsletter-bottom__content {
      top: 400px;
      right: 80px;
      width: auto;
      max-width: 700px;
      bottom: auto;
    }

    .newsletter-bottom__heading {
      font-size: 45px;
    }

    .newsletter-bottom__description {
      width: auto;
      max-width: 75%;
    }
  }

  /* Mobile: abaixo de 470px */
  @media (max-width: 469px) {
    .newsletter-bottom__background-img--mobile {
      display: block;
      object-fit: cover;
      object-position: top center;
      width: 100%;
      height: 100%;
    }

    .newsletter-bottom__background-img--desktop {
      display: none;
    }

    .newsletter-bottom__background-img--tablet {
      display: none;
    }
  }

  /* Tablet: 470px até 990px */
  @media (min-width: 470px) and (max-width: 990px) {
    .newsletter-bottom__background-img--tablet {
      display: block;
    }

    .newsletter-bottom-section {
      margin-top: 0;
    }

    .newsletter-bottom__background-img--desktop {
      display: none;
    }

    .newsletter-bottom__background-img--mobile {
      display: none;
    }

    .newsletter-bottom__background-img {
      object-fit: cover;
      object-position: top center;
    }
  }

  @media (max-width: 990px) {
    .newsletter-bottom-section {
      min-height: 800px;
      padding-bottom: 60px;
      border-width: 15px;
      border-top: none;
    }

    .newsletter-bottom__content {
      top: 450px;
      left: 40px;
      right: 40px;
      width: auto;
      max-width: 100%;
      bottom: auto;
    }

    .newsletter-bottom__heading {
      font-size: 38px;
      line-height: 1.2em;
      text-align: center;
    }

    .newsletter-bottom__description {
      text-align: center;
      margin-left: 0;
      max-width: 100%;
    }

    .newsletter-bottom__form {
      justify-content: center;
    }

    .newsletter-bottom__form-group {
      width: 100%;
      max-width: 531px;
    }
  }

  @media (max-width: 600px) {
    .newsletter-bottom-section {
      min-height: 650px;
      border-width: 0;
      border-top: none;
      overflow: hidden;
      margin-top: -35px;
      z-index: 1;
      padding: 0 20px;
      padding-bottom: 40px;
    }

    .newsletter-bottom__background {
      height: 100%;
    }

    .newsletter-bottom__content {
      top: auto;
      bottom: 70px;
      left: 25px;
      right: 25px;
      width: auto;
      max-width: 343px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      align-items: center;
      z-index: 1;
      position: absolute;
    }

    .newsletter-bottom__heading {
      font-size: 25px;
      font-weight: 500;
      line-height: 1.2em;
      text-align: center;
      margin: 0;
      width: 100%;
      max-width: 343px;
      height: auto;
    }

    .newsletter-bottom__description {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.3077em;
      text-align: center;
      margin: 10px 0 0 0;
      width: 100%;
      max-width: 342px;
      height: auto;
    }

    .newsletter-bottom__form {
      display: flex;
      justify-content: center;
      width: 100%;
      max-width: 343px;
      margin-top: 22px;
    }

    .newsletter-bottom__form-group {
      display: flex;
      flex-direction: column;
      width: 100%;
      max-width: 343px;
      gap: 10px;
      margin: 0;
      padding: 0;
    }

    .newsletter-bottom__input {
      width: 100%;
      height: 39px;
      padding: 0 2px;
      font-size: 14px;
      line-height: 3.1778em;
      text-align: center;
      flex-shrink: 0;
    }

    .newsletter-bottom__submit {
      width: 100%;
      height: 40px;
      min-height: 40px;
      background: #FD862B !important;
      border: none;
      border-bottom: 3px solid #FFFFFF !important;
      border-radius: 25px;
      color: #FFFFFF !important;
      font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
      font-size: 14px;
      font-weight: 600;
      line-height: 2.2em;
      text-align: center;
      cursor: pointer;
      display: flex !important;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 10;
      visibility: visible !important;
      opacity: 1 !important;
      flex-shrink: 0;
      margin: 0;
      padding: 0;
    }

    .newsletter-bottom__submit-text {
      display: inline-block !important;
      visibility: visible !important;
      opacity: 1 !important;
      color: #FFFFFF !important;
    }

    .newsletter-bottom__submit.loading .newsletter-bottom__submit-text {
      opacity: 1 !important;
    }

    .newsletter-bottom__submit-loader {
      display: none !important;
    }

    .newsletter-bottom__submit.loading .newsletter-bottom__submit-loader {
      display: none !important;
    }
  }

  @media (max-width: 990px) {
    .newsletter-bottom__popup-content {
      padding: 32px 24px;
      max-width: 90%;
    }

    .newsletter-bottom__popup-title {
      font-size: 24px;
    }

    .newsletter-bottom__popup-message {
      font-size: 14px;
    }
  }

  @media (max-width: 600px) {
    .newsletter-bottom__popup-content {
      padding: 28px 20px;
    }

    .newsletter-bottom__popup-icon {
      width: 56px;
      height: 56px;
      margin-bottom: 20px;
    }

    .newsletter-bottom__popup-title {
      font-size: 22px;
    }

    .newsletter-bottom__popup-message {
      font-size: 14px;
      margin-bottom: 24px;
    }
  }
/* Ocultar por padrão (desktop) */
  .parallax-mobile-video {
    display: none;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
  }

  .parallax-mobile-video__container {
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
    background: #000000;
  }

  .parallax-mobile-video__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Mostrar apenas no mobile (máx. 768px) */
  @media (max-width: 768px) {
    .parallax-mobile-video {
      display: block !important;
    }
  }

  /* Esconder no tablet e desktop */
  @media (min-width: 769px) {
    .parallax-mobile-video {
      display: none !important;
      height: 0 !important;
      overflow: hidden !important;
    }
  }

  /* Carrossel de Cards - Apenas Mobile */
  .parallax-mobile-carousel {
    display: none;
  }

  @media (max-width: 768px) {
    .parallax-mobile-carousel {
      display: block;
      width: 100%;
      padding: 40px 0 40px;
      margin: 0;
      position: relative;
    }

    .parallax-mobile-carousel__wrapper {
      width: 100%;
      overflow: hidden;
      position: relative;
    }

    .parallax-mobile-carousel__track {
      display: flex;
      gap: 0;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      scroll-behavior: smooth;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 0 16px;
    }

    .parallax-mobile-carousel__track::-webkit-scrollbar {
      display: none;
    }

    .parallax-mobile-carousel__slide {
      flex: 0 0 100%;
      min-width: 100%;
      scroll-snap-align: center;
      padding: 0;
    }

    .parallax-mobile-info-card__container {
      background: linear-gradient(135deg, #4A90E2 0%, #5BA3F5 100%);
      border-radius: 32px;
      padding: 40px 24px;
      margin: 0 8px;
      min-height: 480px;
      display: flex;
      flex-direction: column;
    }

    .parallax-mobile-info-card__title {
      font-family: 'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      font-size: 32px;
      font-weight: 700;
      color: #FFFFFF;
      text-align: center;
      margin: 0 0 32px 0;
      line-height: 1.2;
      letter-spacing: -0.02em;
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .parallax-mobile-info-card__items {
      display: flex;
      flex-direction: column;
      gap: 16px;
      flex: 1;
    }

    .parallax-mobile-info-card__item {
      background: #FFFFFF;
      border-radius: 20px;
      padding: 20px 24px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      min-height: 90px;
    }

    .parallax-mobile-info-card__item:active {
      transform: scale(0.98);
    }

    .parallax-mobile-info-card__item-title {
      font-family: 'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      font-size: 18px;
      font-weight: 600;
      color: #4A90E2;
      display: inline;
    }

    .parallax-mobile-info-card__item-separator {
      font-family: 'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      font-size: 18px;
      font-weight: 400;
      color: #4A90E2;
      display: inline;
    }

    .parallax-mobile-info-card__item-description {
      font-family: 'Switzer', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      font-size: 16px;
      font-weight: 400;
      color: #333333;
      line-height: 1.5;
      display: inline;
    }

    /* Dots de navegação */
    .parallax-mobile-carousel__dots {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin-top: 24px;
      padding: 0 16px;
    }

    .parallax-mobile-carousel__dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.4);
      border: none;
      padding: 0;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .parallax-mobile-carousel__dot--active {
      background: #FFFFFF;
      width: 8px;
      height: 8px;
    }

    .parallax-mobile-carousel__dot:focus {
      outline: none;
    }
  }

  @media (min-width: 769px) {
    .parallax-mobile-carousel {
      display: none !important;
      height: 0 !important;
      overflow: hidden !important;
    }
  }
.privacy-policy-section {
    width: 100%;
    background-color: #FFFFFF;
    padding-top: var(--section-padding-top, 100px);
    padding-bottom: var(--section-padding-bottom, 100px);
  }

  .privacy-policy__container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 42px;
    box-sizing: border-box;
  }

  .privacy-policy__content {
    max-width: 900px;
    margin: 0 auto;
  }

  .privacy-policy__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    color: #000000;
    text-align: center;
    margin: 0 0 32px 0;
  }

  .privacy-policy__intro {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
    text-align: center;
    margin: 0 0 64px 0;
  }

  .privacy-policy__body {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  .privacy-policy__section {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .privacy-policy__section-title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
    margin: 0;
  }

  .privacy-policy__text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #242424;
    margin: 0;
  }

  .privacy-policy__list {
    list-style: none;
    padding: 0;
    margin: 0 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .privacy-policy__list li {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #242424;
    position: relative;
    padding-left: 24px;
  }

  .privacy-policy__list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #242424;
    font-size: 20px;
    line-height: 1.7;
  }

  .privacy-policy__link {
    color: #000000;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .privacy-policy__link:hover {
    opacity: 0.7;
  }

  .privacy-policy__contact {
    margin-top: 32px;
    padding: 48px;
    background-color: #F9F9F9;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .privacy-policy__contact-title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    color: #000000;
    margin: 0;
  }

  .privacy-policy__contact-email {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
    margin: 0;
  }

  .privacy-policy__button {
    display: inline-block;
    padding: 16px 32px;
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .privacy-policy__button:hover {
    background-color: #333333;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }

  .privacy-policy__button:active {
    transform: translateY(0);
  }

  .privacy-policy__button:focus {
    outline: 2px solid #000000;
    outline-offset: 2px;
  }

  .privacy-policy__button:focus:not(:focus-visible) {
    outline: none;
  }

  /* Responsive */
  
  /* Tablets and small laptops */
  @media (max-width: 1024px) {
    .privacy-policy__container {
      padding: 0 32px;
    }

    .privacy-policy__title {
      font-size: 42px;
    }

    .privacy-policy__intro {
      font-size: 17px;
    }

    .privacy-policy__section-title {
      font-size: 28px;
    }
  }

  /* Small tablets and large phones */
  @media (max-width: 768px) {
    .privacy-policy__container {
      padding: 0 24px;
    }

    .privacy-policy-section {
      padding-top: 80px;
      padding-bottom: 80px;
    }

    .privacy-policy__title {
      font-size: 36px;
      margin-bottom: 24px;
    }

    .privacy-policy__intro {
      font-size: 16px;
      margin-bottom: 48px;
    }

    .privacy-policy__body {
      gap: 40px;
    }

    .privacy-policy__section {
      gap: 14px;
    }

    .privacy-policy__section-title {
      font-size: 26px;
    }

    .privacy-policy__text,
    .privacy-policy__list li {
      font-size: 15px;
    }

    .privacy-policy__list {
      gap: 10px;
    }

    .privacy-policy__contact {
      padding: 32px 24px;
      gap: 20px;
    }

    .privacy-policy__contact-title {
      font-size: 24px;
    }

    .privacy-policy__contact-email {
      font-size: 16px;
    }

    .privacy-policy__button {
      padding: 14px 28px;
      font-size: 14px;
      width: 100%;
      max-width: 300px;
    }
  }

  /* Mobile */
  @media (max-width: 600px) {
    .privacy-policy__container {
      padding: 0 20px;
    }

    .privacy-policy-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .privacy-policy__title {
      font-size: 32px;
      margin-bottom: 20px;
    }

    .privacy-policy__intro {
      font-size: 15px;
      margin-bottom: 40px;
    }

    .privacy-policy__body {
      gap: 36px;
    }

    .privacy-policy__section {
      gap: 12px;
    }

    .privacy-policy__section-title {
      font-size: 24px;
    }

    .privacy-policy__text,
    .privacy-policy__list li {
      font-size: 14px;
    }

    .privacy-policy__list {
      margin-left: 16px;
      gap: 8px;
    }

    .privacy-policy__list li {
      padding-left: 18px;
    }

    .privacy-policy__contact {
      padding: 28px 20px;
      gap: 16px;
      margin-top: 24px;
    }

    .privacy-policy__contact-title {
      font-size: 22px;
    }

    .privacy-policy__contact-email {
      font-size: 15px;
    }

    .privacy-policy__button {
      padding: 12px 24px;
      font-size: 13px;
    }
  }

  /* Small mobile */
  @media (max-width: 480px) {
    .privacy-policy__container {
      padding: 0 16px;
    }

    .privacy-policy-section {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .privacy-policy__title {
      font-size: 28px;
      margin-bottom: 16px;
    }

    .privacy-policy__intro {
      font-size: 14px;
      margin-bottom: 32px;
    }

    .privacy-policy__body {
      gap: 32px;
    }

    .privacy-policy__section-title {
      font-size: 22px;
    }

    .privacy-policy__text,
    .privacy-policy__list li {
      font-size: 13px;
    }

    .privacy-policy__list {
      margin-left: 12px;
    }

    .privacy-policy__list li {
      padding-left: 16px;
    }

    .privacy-policy__list li::before {
      font-size: 18px;
    }

    .privacy-policy__contact {
      padding: 24px 16px;
      gap: 14px;
      border-radius: 8px;
    }

    .privacy-policy__contact-title {
      font-size: 20px;
    }

    .privacy-policy__contact-email {
      font-size: 14px;
    }

    .privacy-policy__button {
      padding: 12px 20px;
      font-size: 12px;
    }
  }

  /* Extra small mobile */
  @media (max-width: 380px) {
    .privacy-policy__title {
      font-size: 24px;
    }

    .privacy-policy__intro {
      font-size: 13px;
    }

    .privacy-policy__section-title {
      font-size: 20px;
    }

    .privacy-policy__text,
    .privacy-policy__list li {
      font-size: 12px;
    }

    .privacy-policy__contact-title {
      font-size: 18px;
    }

    .privacy-policy__contact-email {
      font-size: 13px;
    }
  }
.product-hero-section {
    padding-top: 100px;
    padding-bottom: 180px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }

  .product-hero-section__container {
    max-width: 1293px;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 448px;
    gap: 50px;
    margin-bottom: 0;
  }

  /* ============================================================================
     GALERIA DE IMAGENS
     ========================================================================= */
  .product-hero-section__gallery {
    width: 100%;
    position: relative;
  }

  /* ============================================================================
     VERSÃO DESKTOP: Thumbnails + Imagem Principal
     ========================================================================= */
  .product-hero-section__gallery-desktop {
    display: flex;
    gap: 10px;
    align-items: flex-start;
  }

  .product-hero-section__gallery-mobile {
    display: none;
  }

  .product-hero-section__thumbnails-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    position: relative;
    padding: 2px 0; /* Espaço extra para bordas não serem cortadas */
  }

  .product-hero-section__thumbnails-container {
    width: 85px;
    height: calc((86px * 5) + (15px * 4)); /* Altura fixa para exatamente 5 thumbnails + 4 gaps de 15px = 490px */
    max-height: calc((86px * 5) + (15px * 4));
    overflow: hidden;
    position: relative;
    padding: 0;
    box-sizing: border-box;
  }

  .product-hero-section__thumbnails {
    display: flex;
    flex-direction: column;
    gap: 15px;
    flex-shrink: 0;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .product-hero-section__thumbnails-nav {
    width: 85px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #FD862A;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FD862A;
    flex-shrink: 0;
  }

  .product-hero-section__thumbnails-nav:hover:not(:disabled) {
    background: #FD862A;
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
  }

  .product-hero-section__thumbnails-nav:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    border-color: #CCCCCC;
    color: #CCCCCC;
  }

  .product-hero-section__thumbnails-nav svg {
    width: 24px;
    height: 24px;
  }

  .product-hero-section__thumbnail {
    width: 85px;
    height: 86px;
    border: 1px solid #FD862A;
    border-radius: 4px;
    background: #FFFFFF;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }

  .product-hero-section__thumbnail:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .product-hero-section__thumbnail.is-active {
    border: 2px solid #FF9900;
    box-shadow: 0px 0px 0px 1px rgba(255, 153, 0, 1);
  }

  .product-hero-section__thumbnail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  .product-hero-section__main-image {
    flex: 1;
    width: 100%;
    max-width: 754px;
    aspect-ratio: 754 / 637;
    border-radius: 0;
    overflow: hidden;
    padding: 0 20px;
  }

  .product-hero-section__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ============================================================================
     VERSÃO MOBILE: Carrossel
     ========================================================================= */
  .product-hero-section__carousel {
    width: 100%;
    position: relative;
  }

  .product-hero-section__carousel-track {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
    gap: 0;
  }

  /* Esconder scrollbar no Chrome, Safari e Opera */
  .product-hero-section__carousel-track::-webkit-scrollbar {
    display: none;
  }

  .product-hero-section__carousel-slide {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    scroll-snap-align: start;
    scroll-snap-stop: always;
    position: relative;
  }

  .product-hero-section__carousel-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    aspect-ratio: 1 / 1;
    max-width: 100%;
  }

  .product-hero-section__carousel-slide .product-hero-section__video-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
  }

  .product-hero-section__carousel-slide .product-hero-section__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* Indicadores do carrossel */
  .product-hero-section__carousel-indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    padding: 0 20px 10px 20px;
  }

  .product-hero-section__carousel-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: none;
    background: #CCCCCC;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    flex-shrink: 0;
  }

  .product-hero-section__carousel-indicator:hover {
    background: #FD862A;
    transform: scale(1.2);
  }

  .product-hero-section__carousel-indicator.is-active {
    background: #FD862A;
    width: 24px;
    border-radius: 4px;
  }

  /* Setas de navegação (apenas mobile) */
  .product-hero-section__carousel-arrows {
    display: none;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
    padding: 0 12px;
    z-index: 10;
  }

  .product-hero-section__carousel-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    color: #333333;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  .product-hero-section__carousel-arrow:hover {
    background: #FFFFFF;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }

  .product-hero-section__carousel-arrow:active {
    transform: scale(0.95);
  }

  .product-hero-section__carousel-arrow svg {
    width: 24px;
    height: 24px;
  }

  /* Mobile: esconder bolinhas e setas */
  @media screen and (max-width: 768px) {
    .product-hero-section__carousel-indicators {
      display: none;
    }

    .product-hero-section__carousel-arrows {
      display: none;
    }

    .product-hero-section__gallery {
      position: relative;
    }
  }

  .product-hero-section__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
  }

  .product-hero-section__video-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-hero-section__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
  }

  .product-hero-section__video-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(121, 190, 253, 0.1);
    gap: 16px;
  }

  .product-hero-section__video-placeholder-icon {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
  }

  .product-hero-section__video-placeholder-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #79BEFD;
    margin: 0;
  }

  /* ============================================================================
     ÁREA DE COMPRA
     ========================================================================= */
  .product-hero-section__purchase {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .product-hero-section__rating-summary {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
  }

  .product-hero-section__rating-number {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 2rem;
    font-weight: 600;
    color: #141414;
    line-height: 1;
    display: none;
  }

  .product-hero-section__stars {
    display: flex;
    gap: 4px;
    align-items: center;
  }

  .product-hero-section__star {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .product-hero-section__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.56em;
    color: #151515;
    margin: 0 0 20px 0;
  }

  /* ============================================================================
     SELEÇÃO DE UNIDADES
     ========================================================================= */
  .product-hero-section__units {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 36px;
  }

  .product-hero-section__unit {
    position: relative;
    width: 100%;
    border: 2px solid #FD862A;
    border-radius: 4px;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .product-hero-section__unit:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .product-hero-section__unit.is-selected {
    /* Apenas para identificar o card selecionado, sem mudar a borda */
  }

  .product-hero-section__unit-content {
    display: flex;
    align-items: center;
    gap: 21px;
    padding: 24px 23px;
    position: relative;
  }

  .product-hero-section__unit-badge {
    position: absolute;
    top: 0;
    right: 13px;
    background: #FD862A;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.09em;
    padding: 4px 3px;
    border-radius: 0px 0px 8px 8px;
    text-align: center;
    width: 89px;
    z-index: 1;
  }

  .product-hero-section__unit-image {
    width: 45px;
    height: 43px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
  }

  .product-hero-section__unit-image--double {
    width: 59px;
    height: 51px;
  }

  .product-hero-section__unit-image--triple {
    width: 58px;
    height: 51px;
  }

  .product-hero-section__unit-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-hero-section__unit-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0; /* Permite que o flex item encolha */
  }

  .product-hero-section__unit-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .product-hero-section__unit-label {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4em;
    color: #000000;
    margin-bottom: 2px;
  }

  .product-hero-section__unit-savings {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 13.89px;
    font-weight: 600;
    line-height: 1.5em;
    color: #777777;
    margin-bottom: 0;
  }

  .product-hero-section__unit-price {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4em;
    color: #000000;
    text-align: right;
  }

  .product-hero-section__unit-compare {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 13.23px;
    font-weight: 600;
    line-height: 1.5em;
    color: #FD862A;
    text-align: right;
    text-decoration: line-through;
  }

  .product-hero-section__unit-check {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .product-hero-section__unit-check input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .product-hero-section__unit-checkmark {
    width: 20px;
    height: 20px;
    border: 5px solid #CCCCCC;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 1px rgba(204, 204, 204, 1);
    transition: all 0.3s ease;
    display: block;
  }

  /* Quando o radio está checked, o ícone fica laranja */
  .product-hero-section__unit-check input[type="radio"]:checked + .product-hero-section__unit-checkmark {
    border-color: #FF9900 !important;
    box-shadow: 0px 0px 0px 1px rgba(255, 153, 0, 1) !important;
  }

  /* Fallback: quando o card tem is-selected, garantir que o ícone fique laranja */
  .product-hero-section__unit.is-selected .product-hero-section__unit-check input[type="radio"]:checked + .product-hero-section__unit-checkmark {
    border-color: #FF9900 !important;
    box-shadow: 0px 0px 0px 1px rgba(255, 153, 0, 1) !important;
  }

  /* ============================================================================
     BOTÕES DE AÇÃO
     ========================================================================= */
  .product-hero-section__form {
    width: 100%;
  }

  .product-hero-section__form-element {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .product-hero-section__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    padding-left: 0;
    height: 53px;
    border: none;
    border-radius: 4px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
  }

  .product-hero-section__button--primary {
    background: #FD862A;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 1.5889em;
  }

  .product-hero-section__button--primary:hover:not(:disabled) {
    background: #E6751F;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
  }

  .product-hero-section__button--secondary {
    background: #79BEFD;
    color: #FFFFFF;
    font-size: 13px;
    line-height: 2.2em;
    height: 45px;
  }

  .product-hero-section__button--secondary:hover:not(:disabled) {
    background: #5BA8F0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(121, 190, 253, 0.4);
  }

  .product-hero-section__button--disabled {
    background: #CCCCCC !important;
    color: #666666 !important;
    cursor: not-allowed !important;
    opacity: 0.6;
    font-size: 18px;
    font-weight: 700;
  }

  .product-hero-section__button--disabled:hover {
    background: #CCCCCC !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .product-hero-section__button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .product-hero-section__button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
  }

  .product-hero-section__button-icon svg {
    width: 21px;
    height: 21px;
    fill: #FFFFFF;
  }

  .product-hero-section__button--secondary .product-hero-section__button-icon svg {
    width: 20px;
    height: 20px;
  }

  .product-hero-section__button-text {
    display: inline-block;
  }

  /* ============================================================================
     CALCULADORA DE FRETE
     ========================================================================= */
  .product-hero-section__shipping {
    width: 100%;
  }

  .product-hero-section__shipping-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    width: 100%;
    height: 48px;
    padding: 0 13px;
    background: #FFFFFF;
    border: 1px solid #FD862A;
    border-radius: 4px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 2.2em;
    color: #151515;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .product-hero-section__shipping-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .product-hero-section__shipping-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .product-hero-section__shipping-icon svg {
    width: 20px;
    height: 20px;
    fill: #151515;
  }

  .product-hero-section__shipping-text {
    display: inline-block;
  }

  .product-hero-section__shipping-calculator {
    margin-top: 12px;
    width: 100%;
  }

  /* Garantir que o elemento seja exibido quando não estiver hidden */
  .product-hero-section__shipping-calculator:not([hidden]) {
    display: block !important;
  }

  /* Ajustes específicos para a calculadora dentro da seção */
  .product-hero-section__shipping-calculator .shipping-calculator {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* ============================================================================
     CARDS DE INFORMAÇÃO
     ========================================================================= */
  .product-hero-section__info-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 70px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  .product-hero-section__info-cards > * {
    min-width: 0;
    width: 100%;
  }

  .product-hero-section__info-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    width: 100%;
    min-width: 0;
    height: 101px;
    background: #79BEFD;
    border-radius: 10px;
    padding: 19px;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .product-hero-section__info-card:hover {
    background: #5BA8F0;
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(121, 190, 253, 0.3);
  }

  .product-hero-section__info-card.is-active {
    background: #5BA8F0;
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(121, 190, 253, 0.3);
  }

  .product-hero-section__info-card.is-active:hover {
    background: #5BA8F0;
    transform: translateY(-4px);
    box-shadow: 0 6px 20px rgba(121, 190, 253, 0.3);
  }


  .product-hero-section__info-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  /* Ícone menor no primeiro card (Tabela Nutricional) */
  .product-hero-section__info-cards > .product-hero-section__info-card:first-child .product-hero-section__info-icon {
    width: 35px;
    height: 35px;
  }

  .product-hero-section__info-icon svg {
    width: 100%;
    height: 100%;
    fill: #FFFFFF;
  }

  .product-hero-section__info-text {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2em;
    color: #FFFFFF;
    text-align: left;
    flex: 1;
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }

  /* ============================================================================
     RESPONSIVIDADE
     ========================================================================= */
  
  /* Layout 1024px - 1200px: 2 colunas com ajustes */
  @media (max-width: 1200px) and (min-width: 1024px) {
    .product-hero-section {
      padding-top: 60px;
      padding-bottom: 80px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .product-hero-section__container {
      grid-template-columns: minmax(0, 1fr) minmax(380px, 420px);
      gap: 40px;
      max-width: 100%;
      padding: 0;
    }

    .product-hero-section__main-image {
      max-width: 100%;
      padding: 0 10px;
    }

    .product-hero-section__purchase {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__title {
      font-size: 36px;
    }

    .product-hero-section__info-cards {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px;
      margin-top: 60px;
      margin-bottom: 60px;
    }
  }

  /* Layout 900px - 1024px: 2 colunas mais compactas */
  @media (max-width: 1023px) and (min-width: 900px) {
    .product-hero-section {
      padding-top: 50px;
      padding-bottom: 70px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .product-hero-section__container {
      grid-template-columns: minmax(0, 1fr) minmax(340px, 400px);
      gap: 35px;
      max-width: 100%;
      padding: 0;
    }

    .product-hero-section__gallery-desktop {
      flex-direction: column;
      align-items: center;
      gap: 20px;
      width: 100%;
    }

    .product-hero-section__main-image {
      width: 100%;
      max-width: 100%;
      padding: 0;
      aspect-ratio: 1 / 1;
      order: 1;
    }

    .product-hero-section__thumbnails-wrapper {
      position: relative;
      flex-direction: row;
      width: fit-content;
      max-width: calc((70px * 4) + (12px * 3) + (36px * 2) + (8px * 2));
      order: 2;
      gap: 8px;
      justify-content: center;
      align-items: center;
      padding: 3px 2px;
      height: 74px;
      min-height: 74px;
      max-height: 74px;
      display: flex;
      margin: 0 auto;
    }

    .product-hero-section__thumbnails-container {
      width: calc((70px * 4) + (12px * 3));
      height: 70px;
      max-height: 70px;
      min-height: 70px;
      max-width: calc((70px * 4) + (12px * 3));
      min-width: calc((70px * 4) + (12px * 3));
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      position: relative;
      flex-shrink: 0;
      order: 2;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      isolation: isolate;
      contain: layout style paint;
    }

    .product-hero-section__thumbnails {
      display: flex;
      flex-direction: row;
      gap: 12px;
      flex-shrink: 0;
      justify-content: flex-start;
      flex-wrap: nowrap;
      width: fit-content;
      height: 70px;
      align-items: center;
      box-sizing: border-box;
      position: relative;
      margin: 0;
      padding: 0;
    }

    .product-hero-section__thumbnails-nav {
      position: relative;
      width: 36px;
      height: 70px;
      background: #FFFFFF;
      border: 1px solid #FD862A;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FD862A;
      z-index: 10;
      margin: 0;
      padding: 0;
      flex-shrink: 0;
    }

    .product-hero-section__thumbnails-nav:hover:not(:disabled) {
      background: #FD862A;
      color: #FFFFFF;
      transform: scale(1.05);
      box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
    }

    .product-hero-section__thumbnails-nav:disabled {
      opacity: 0.3;
      cursor: not-allowed;
      border-color: #CCCCCC;
      color: #CCCCCC;
    }

    .product-hero-section__thumbnails-nav--prev {
      order: 1;
    }

    .product-hero-section__thumbnails-nav--next {
      order: 3;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 20px;
      height: 20px;
      transform: none;
    }

    .product-hero-section__thumbnails-nav--prev svg {
      transform: rotate(-90deg) !important;
    }

    .product-hero-section__thumbnails-nav--next svg {
      transform: rotate(-90deg) scaleX(-1) !important;
    }

    .product-hero-section__thumbnail {
      width: 70px;
      height: 70px;
      flex-shrink: 0;
    }

    .product-hero-section__purchase {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__title {
      font-size: 32px;
      margin-bottom: 16px;
    }

    .product-hero-section__unit-content {
      padding: 20px 18px;
      gap: 16px;
    }

    .product-hero-section__info-cards {
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
      margin-top: 50px;
      margin-bottom: 80px;
    }

    .product-hero-section__info-card {
      min-height: 90px;
      padding: 14px;
      gap: 10px;
    }
  }

  /* Layout abaixo de 900px: Layout em coluna única com largura 100% */
  @media (max-width: 899px) {
    .product-hero-section {
      padding-top: 40px;
      padding-bottom: 60px;
      padding-left: 20px;
      padding-right: 20px;
    }

    .product-hero-section__container {
      grid-template-columns: 1fr;
      gap: 40px;
      max-width: 100%;
      width: 100%;
      padding: 0;
    }

    .product-hero-section__gallery {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .product-hero-section__gallery-desktop {
      flex-direction: column;
      align-items: center;
      gap: 20px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__main-image {
      width: 100%;
      max-width: 100%;
      padding: 0;
      aspect-ratio: 1 / 1;
      order: 1;
    }

    .product-hero-section__thumbnails-wrapper {
      position: relative;
      flex-direction: row;
      width: 100%;
      max-width: 100%;
      order: 2;
      gap: 12px;
      justify-content: center;
      align-items: center;
      padding: 3px 2px;
      height: 89px;
      min-height: 89px;
      max-height: 89px;
      display: flex;
      margin: 0;
    }

    .product-hero-section__thumbnails-container {
      width: calc((80px * 5) + (12px * 4));
      height: 85px;
      max-height: 85px;
      min-height: 85px;
      max-width: calc((80px * 5) + (12px * 4));
      min-width: calc((80px * 5) + (12px * 4));
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      position: relative;
      flex-shrink: 0;
      order: 2;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      isolation: isolate;
      contain: layout style paint;
    }

    .product-hero-section__thumbnails {
      display: flex;
      flex-direction: row;
      gap: 12px;
      flex-shrink: 0;
      justify-content: flex-start;
      flex-wrap: nowrap;
      width: fit-content;
      height: 85px;
      align-items: center;
      box-sizing: border-box;
      position: relative;
      margin: 0;
      padding: 0;
    }

    .product-hero-section__thumbnails-nav {
      position: relative;
      width: 40px;
      height: 85px;
      background: #FFFFFF;
      border: 1px solid #FD862A;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FD862A;
      z-index: 10;
      margin: 0;
      padding: 0;
      flex-shrink: 0;
    }

    .product-hero-section__thumbnails-nav:hover:not(:disabled) {
      background: #FD862A;
      color: #FFFFFF;
      transform: scale(1.05);
      box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
    }

    .product-hero-section__thumbnails-nav:disabled {
      opacity: 0.3;
      cursor: not-allowed;
      border-color: #CCCCCC;
      color: #CCCCCC;
    }

    .product-hero-section__thumbnails-nav--prev {
      order: 1;
    }

    .product-hero-section__thumbnails-nav--next {
      order: 3;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 20px;
      height: 20px;
      transform: none;
    }

    .product-hero-section__thumbnails-nav--prev svg {
      transform: rotate(-90deg) !important;
    }

    .product-hero-section__thumbnails-nav--next svg {
      transform: rotate(-90deg) scaleX(-1) !important;
    }

    .product-hero-section__thumbnail {
      width: 80px;
      height: 80px;
      flex-shrink: 0;
    }

    .product-hero-section__purchase {
      width: 100%;
      max-width: 100%;
      margin: 0;
    }

    .product-hero-section__purchase > * {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__title {
      font-size: 30px;
      margin-bottom: 16px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__units {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__unit {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__unit-content {
      padding: 18px 16px;
      gap: 14px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__form {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__form-element {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__button {
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__unit-image {
      width: 40px;
      height: 38px;
    }

    .product-hero-section__unit-image--double,
    .product-hero-section__unit-image--triple {
      width: 50px;
      height: 45px;
    }

    .product-hero-section__unit-label {
      font-size: 14px;
    }

    .product-hero-section__unit-price {
      font-size: 14px;
    }

    .product-hero-section__unit-compare {
      font-size: 12px;
    }

    .product-hero-section__unit-savings {
      font-size: 12px;
    }

    .product-hero-section__button {
      height: 48px;
      font-size: 16px;
    }

    .product-hero-section__button--secondary {
      height: 42px;
      font-size: 12px;
    }

    .product-hero-section__unit-badge {
      font-size: 10px;
      width: 75px;
      padding: 3px 2px;
    }

    .product-hero-section__units {
      gap: 14px;
      margin-bottom: 30px;
    }

    .product-hero-section__info-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 50px;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 80px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__info-card {
      min-height: 95px;
      padding: 14px;
      gap: 12px;
    }

    .product-hero-section__info-icon {
      width: 32px;
      height: 32px;
    }

    .product-hero-section__info-cards > .product-hero-section__info-card:first-child .product-hero-section__info-icon {
      width: 28px;
      height: 28px;
    }

    .product-hero-section__info-text {
      font-size: 14px;
      line-height: 1.3em;
    }
  }

  @media (max-width: 770px) {
    .product-hero-section__container {
      grid-template-columns: 1fr;
      gap: 40px;
    }

    .product-hero-section__gallery {
      justify-content: center;
    }

    .product-hero-section__gallery-desktop {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
      width: 100%;
      max-width: 100%;
    }

    .product-hero-section__thumbnails-wrapper {
      flex-direction: row;
      gap: 12px;
      width: 100%;
      max-width: 100%;
      height: 89px;
      min-height: 89px;
      max-height: 89px;
      justify-content: center;
      align-items: center;
      padding: 3px 2px;
      margin: 0;
    }

    .product-hero-section__thumbnails-container {
      width: calc((80px * 5) + (12px * 4));
      height: 85px;
      max-height: 85px;
      min-height: 85px;
      max-width: calc((80px * 5) + (12px * 4));
      min-width: calc((80px * 5) + (12px * 4));
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      position: relative;
      flex-shrink: 0;
      box-sizing: border-box;
      padding: 0;
      margin: 0;
      isolation: isolate;
      contain: layout style paint;
    }

    .product-hero-section__thumbnails {
      flex-direction: row;
      gap: 12px;
      flex-shrink: 0;
      justify-content: flex-start;
      flex-wrap: nowrap;
      width: fit-content;
      height: 85px;
      align-items: center;
      box-sizing: border-box;
      position: relative;
      margin: 0;
      padding: 0;
    }

    .product-hero-section__thumbnails-nav {
      width: 40px;
      height: 85px;
      position: relative;
      background: #FFFFFF;
      border: 1px solid #FD862A;
      border-radius: 4px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FD862A;
      z-index: 10;
      margin: 0;
      padding: 0;
      flex-shrink: 0;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 20px;
      height: 20px;
      transform: none;
    }

    .product-hero-section__thumbnails-nav--prev svg {
      transform: rotate(-90deg) !important;
    }

    .product-hero-section__thumbnails-nav--next svg {
      transform: rotate(-90deg) scaleX(-1) !important;
    }

    .product-hero-section__thumbnail {
      width: 80px;
      height: 80px;
      flex-shrink: 0;
    }

    .product-hero-section__main-image {
      max-width: 600px;
      padding: 0;
    }

    /* Cards de informação: 2x2 no responsivo */
    .product-hero-section__info-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      max-width: calc(100% - 40px);
      margin-left: 20px;
      margin-right: 20px;
    }
  }

  @media (max-width: 768px) {
    /* Manter versão desktop visível para o carrossel de thumbnails */
    .product-hero-section__gallery-desktop {
      display: flex !important;
    }

    /* Esconder versão mobile para evitar duplicação */
    .product-hero-section__gallery-mobile {
      display: none !important;
    }

    /* Remover padding lateral da seção para o carrossel ocupar toda largura */
    .product-hero-section {
      padding-left: 0;
      padding-right: 0;
      padding-top: 20px;
      padding-bottom: 40px;
    }

    .product-hero-section__container {
      padding: 0;
      max-width: 100%;
    }

    /* Manter padding apenas na área de compra */
    .product-hero-section__purchase {
      padding: 0 20px;
    }

    /* Galeria ocupa toda largura, saindo do container */
    .product-hero-section__gallery {
      width: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }

    .product-hero-section__carousel {
      width: 100%;
      margin: 0;
      padding: 0;
      position: relative;
    }

    .product-hero-section__carousel-track {
      width: 100%;
      margin: 0;
      padding: 0;
    }

    .product-hero-section__carousel-slide {
      width: 100%;
      margin: 0;
      padding: 0;
    }

    .product-hero-section__carousel-image {
      width: 100%;
      margin: 0;
      padding: 0;
      display: block;
    }

    .product-hero-section__container {
      padding: 0;
    }

    .product-hero-section__info-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      max-width: calc(100% - 40px);
      margin-left: 20px;
      margin-right: 20px;
    }

    .product-hero-section__title {
      font-size: 32px;
    }
    
    .product-hero-section__gallery {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      gap: 20px !important;
    }

    .product-hero-section__carousel-image {
      aspect-ratio: 1 / 1;
    }

    .product-hero-section__carousel-slide .product-hero-section__video-wrapper {
      aspect-ratio: 1 / 1;
    }

    /* Ajustes dos cards de quantidade apenas para mobile */
    .product-hero-section__unit-content {
      padding: 20px 16px;
      gap: 12px;
    }

    .product-hero-section__unit-label {
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .product-hero-section__unit-price {
      font-size: 15px;
      white-space: nowrap;
    }

    .product-hero-section__unit-compare {
      font-size: 12px;
      white-space: nowrap;
    }

    .product-hero-section__unit-savings {
      font-size: 12px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .product-hero-section__unit-image {
      width: 40px;
      height: 38px;
    }

    .product-hero-section__unit-image--double,
    .product-hero-section__unit-image--triple {
      width: 50px;
      height: 45px;
    }

    .product-hero-section__units {
      gap: 12px;
    }
  }

  @media (max-width: 480px) {
    /* Ajuste de padding para remover barras brancas */
    .product-hero-section {
      padding-top: 16px;
      padding-bottom: 32px;
    }

    /* Manter 2x2 mesmo em telas menores */
    .product-hero-section__info-cards {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
      padding-left: 0;
      padding-right: 0;
      width: 100%;
      max-width: calc(100% - 32px);
      margin-left: 16px;
      margin-right: 16px;
    }

    /* Ajustar tamanho dos cards em telas muito pequenas */
    .product-hero-section__info-card {
      height: auto;
      min-height: 90px;
      padding: 10px;
      gap: 10px;
    }

    .product-hero-section__info-icon {
      width: 32px;
      height: 32px;
      flex-shrink: 0;
    }

    /* Ícone ainda menor no primeiro card em mobile */
    .product-hero-section__info-cards > .product-hero-section__info-card:first-child .product-hero-section__info-icon {
      width: 22px;
      height: 32px;
      flex-shrink: 0;
    }

    .product-hero-section__info-text {
      font-size: 13px;
      line-height: 1.3em;
    }

    .product-hero-section__title {
      font-size: 28px;
    }
    
    .product-hero-section__gallery {
      gap: 16px !important;
    }
    
    .product-hero-section__thumbnails-wrapper {
      gap: 8px !important;
      padding: 0 12px !important;
    }

    .product-hero-section__thumbnails-container {
      max-width: 280px !important;
      padding: 1px !important;
      box-sizing: border-box !important;
    }

    .product-hero-section__thumbnails {
      max-width: 320px !important;
      gap: 10px !important;
    }

    .product-hero-section__thumbnails-nav {
      width: 35px !important;
      height: 60px !important;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 20px !important;
      height: 20px !important;
    }
    
    .product-hero-section__main-image {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      width: 100% !important;
      max-width: 300px !important;
      padding: 0 !important;
      margin: 0 auto !important;
      aspect-ratio: 1 / 1 !important;
      order: 1 !important;
    }
    
    .product-hero-section__image {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      border-radius: 10px !important;
    }
    
    .product-hero-section__thumbnail {
      width: 60px !important;
      height: 60px !important;
    }
    
    /* Unit pricing mobile fixes for 480px */
    .product-hero-section__unit-content {
      padding: 20px 12px 16px 12px !important;
      gap: 12px !important;
    }
    
    .product-hero-section__unit-label {
      font-size: 13px !important;
    }
    
    .product-hero-section__unit-savings {
      font-size: 11px !important;
      flex-shrink: 0 !important;
      min-width: fit-content !important;
    }
    
    .product-hero-section__unit-price {
      font-size: 13px !important;
    }
    
    .product-hero-section__unit-compare {
      font-size: 10px !important;
    }
  }
  
  @media (max-width: 400px) {
    .product-hero-section__thumbnails-container {
      width: calc((60px * 3) + (8px * 2)) !important;
      max-width: calc((60px * 3) + (8px * 2)) !important;
      min-width: calc((60px * 3) + (8px * 2)) !important;
      height: 60px !important;
      max-height: 60px !important;
      min-height: 60px !important;
      overflow: hidden !important;
      overflow-x: hidden !important;
      overflow-y: hidden !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }

    .product-hero-section__thumbnail {
      width: 60px !important;
      height: 60px !important;
      flex-shrink: 0 !important;
    }

    .product-hero-section__thumbnails {
      gap: 8px !important;
      height: 60px !important;
      width: fit-content !important;
    }

    .product-hero-section__thumbnails-wrapper {
      height: 64px !important;
      min-height: 64px !important;
      max-height: 64px !important;
      gap: 8px !important;
      width: 100% !important;
      max-width: 100% !important;
      padding: 3px 2px !important;
    }

    .product-hero-section__thumbnails-nav {
      width: 32px !important;
      height: 60px !important;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 18px !important;
      height: 18px !important;
      transform: none !important;
    }

    .product-hero-section__thumbnails-nav--prev svg {
      transform: rotate(-90deg) !important;
    }

    .product-hero-section__thumbnails-nav--next svg {
      transform: rotate(-90deg) scaleX(-1) !important;
    }
  }

  @media (max-width: 320px) {
    .product-hero-section__gallery {
      gap: 12px !important;
    }

    .product-hero-section__thumbnails-wrapper {
      gap: 6px !important;
      padding: 3px 8px !important;
    }

    .product-hero-section__thumbnails-container {
      max-width: 240px !important;
      padding: 1px !important;
      box-sizing: border-box !important;
    }
    
    .product-hero-section__thumbnails {
      max-width: 280px !important;
      gap: 8px !important;
    }

    .product-hero-section__thumbnails-nav {
      width: 30px !important;
      height: 50px !important;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 18px !important;
      height: 18px !important;
      transform: none !important;
    }

    .product-hero-section__thumbnails-nav--prev svg {
      transform: rotate(-90deg) !important;
    }

    .product-hero-section__thumbnails-nav--next svg {
      transform: rotate(-90deg) scaleX(-1) !important;
    }
    
    .product-hero-section__main-image {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      position: relative !important;
      width: 100% !important;
      max-width: 250px !important;
      padding: 0 !important;
      margin: 0 auto !important;
      aspect-ratio: 1 / 1 !important;
      order: 1 !important;
    }
    
    .product-hero-section__image {
      display: block !important;
      visibility: visible !important;
      opacity: 1 !important;
      width: 100% !important;
      height: 100% !important;
      object-fit: cover !important;
      border-radius: 8px !important;
    }
    
    .product-hero-section__thumbnail {
      width: 50px !important;
      height: 50px !important;
    }
    
    /* Unit pricing mobile fixes for 320px */
    .product-hero-section__unit-content {
      padding: 18px 10px 14px 10px !important;
      gap: 10px !important;
    }
    
    .product-hero-section__unit-label {
      font-size: 12px !important;
    }
    
    .product-hero-section__unit-savings {
      font-size: 10px !important;
      flex-shrink: 0 !important;
      min-width: fit-content !important;
    }
    
    .product-hero-section__unit-price {
      font-size: 12px !important;
    }
    
    .product-hero-section__unit-compare {
      font-size: 9px !important;
    }
    
    .product-hero-section__unit-badge {
      font-size: 9px !important;
      width: 70px !important;
      padding: 2px 1px !important;
    }
  }

  /* Rating styles */
  .product-hero-section__rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
  }

  .product-hero-section__stars {
    display: flex;
    align-items: center;
    gap: 2px;
  }

  .product-hero-section__star {
    width: 20px;
    height: 20px;
    display: inline-flex;
    background-repeat: no-repeat;
    background-size: contain;
  }

  .product-hero-section__star--full {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400'/%3E%3C/svg%3E");
  }

  .product-hero-section__star--half {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='halfStarHero'%3E%3Crect x='0' y='0' width='12' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23E0E0E0'/%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400' clip-path='url(%23halfStarHero)'/%3E%3C/svg%3E");
  }

  .product-hero-section__star--empty {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23E0E0E0'/%3E%3C/svg%3E");
  }

  .product-hero-section__reviews-count {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
  }

  /* ============================================================================
     ESTILOS PARA O COMBO PINK & PIÑA
     ========================================================================= */
  
  /* Descrição do combo */
  .product-hero-section__combo-description {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    color: #242424;
    margin-bottom: 20px;
  }

  /* Card de seleção do combo */
  .product-hero-section__combo-selection {
    width: 100%;
    margin-bottom: 36px;
  }

  .product-hero-section__combo-card {
    position: relative;
    width: 100%;
    border: 2px solid #FD862A;
    border-radius: 4px;
    background: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .product-hero-section__combo-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .product-hero-section__combo-card > div:first-child {
    display: flex;
    align-items: center;
    gap: 21px;
    padding: 24px 23px;
    position: relative;
  }

  .product-hero-section__combo-check {
    position: relative;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .product-hero-section__combo-check input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .product-hero-section__combo-checkmark {
    width: 20px;
    height: 20px;
    border: 5px solid #FF9900;
    border-radius: 10px;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 1px rgba(255, 153, 0, 1);
    display: block;
  }

  .product-hero-section__combo-image {
    width: 59px;
    height: 51px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
  }

  .product-hero-section__combo-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .product-hero-section__combo-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
  }

  .product-hero-section__combo-badge {
    position: absolute;
    top: 0;
    right: 13px;
    background: #FD862A;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.09em;
    padding: 4px 3px;
    border-radius: 0px 0px 8px 8px;
    text-align: center;
    width: 89px;
    z-index: 1;
  }

  .product-hero-section__combo-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .product-hero-section__combo-label {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4em;
    color: #000000;
    margin-bottom: 2px;
  }

  .product-hero-section__combo-subtitle {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 13.89px;
    font-weight: 600;
    line-height: 1.5em;
    color: #777777;
    margin-bottom: 0;
  }

  .product-hero-section__combo-price {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4em;
    color: #000000;
    text-align: right;
  }

  .product-hero-section__combo-price-compare {
    font-family: 'Roboto', system-ui, -apple-system, sans-serif;
    font-size: 13.23px;
    font-weight: 600;
    line-height: 1.5em;
    color: #FD862A;
    text-align: right;
    text-decoration: line-through;
  }

  /* Responsividade para o combo */
  @media (max-width: 1200px) and (min-width: 771px) {
    .product-hero-section__combo-card > div:first-child {
      padding: 18px 16px;
      gap: 16px;
    }

    .product-hero-section__combo-image {
      width: 50px;
      height: 45px;
    }

    .product-hero-section__combo-label {
      font-size: 14px;
    }

    .product-hero-section__combo-subtitle {
      font-size: 12px;
    }

    .product-hero-section__combo-price {
      font-size: 14px;
    }

    .product-hero-section__combo-price-compare {
      font-size: 12px;
    }

    .product-hero-section__combo-badge {
      font-size: 10px;
      width: 75px;
      padding: 3px 2px;
    }
  }

  @media (max-width: 768px) {
    .product-hero-section__combo-description {
      font-size: 14px;
      margin-bottom: 16px;
    }

    .product-hero-section__combo-selection {
      margin-bottom: 30px;
    }

    .product-hero-section__combo-card > div:first-child {
      padding: 20px 12px 16px 12px;
      gap: 12px;
    }

    .product-hero-section__combo-image {
      width: 50px;
      height: 45px;
    }

    .product-hero-section__combo-label {
      font-size: 14px;
    }

    .product-hero-section__combo-subtitle {
      font-size: 12px;
    }

    .product-hero-section__combo-price {
      font-size: 15px;
    }

    .product-hero-section__combo-price-compare {
      font-size: 12px;
    }
  }

  @media (max-width: 600px) and (min-width: 401px) {
    .product-hero-section__thumbnails-container {
      width: calc((70px * 4) + (10px * 3)) !important;
      max-width: calc((70px * 4) + (10px * 3)) !important;
      min-width: calc((70px * 4) + (10px * 3)) !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }

    .product-hero-section__thumbnail {
      width: 70px !important;
      height: 70px !important;
    }

    .product-hero-section__thumbnails {
      gap: 10px !important;
    }

    .product-hero-section__thumbnails-wrapper {
      height: 74px !important;
      min-height: 74px !important;
      max-height: 74px !important;
      padding: 3px 2px !important;
    }

    .product-hero-section__thumbnails-nav {
      width: 35px !important;
      height: 70px !important;
    }

    .product-hero-section__thumbnails-nav svg {
      width: 20px !important;
      height: 20px !important;
      transform: none !important;
    }

    .product-hero-section__thumbnails-nav--prev svg {
      transform: rotate(-90deg) !important;
    }

    .product-hero-section__thumbnails-nav--next svg {
      transform: rotate(-90deg) scaleX(-1) !important;
    }
  }

  @media (max-width: 480px) {
    .product-hero-section__combo-description {
      font-size: 13px;
    }

    .product-hero-section__flavor-card {
      height: 38px;
      padding: 6px 10px;
      gap: 8px;
      font-size: 13px;
    }

    .product-hero-section__flavor-icon {
      width: 20px;
      height: 20px;
    }

    .product-hero-section__flavor-name {
      font-size: 13px;
    }

    .product-hero-section__combo-card > div:first-child {
      padding: 18px 10px 14px 10px;
      gap: 10px;
    }

    .product-hero-section__combo-image {
      width: 40px;
      height: 38px;
    }

    .product-hero-section__combo-label {
      font-size: 13px;
    }

    .product-hero-section__combo-subtitle {
      font-size: 11px;
    }

    .product-hero-section__combo-price {
      font-size: 13px;
    }

    .product-hero-section__combo-price-compare {
      font-size: 10px;
    }

    .product-hero-section__combo-badge {
      font-size: 9px;
      width: 70px;
      padding: 2px 1px;
    }
  }

  @media (max-width: 320px) {
    .product-hero-section__combo-card > div:first-child {
      padding: 18px 10px 14px 10px;
      gap: 10px;
    }

    .product-hero-section__combo-image {
      width: 40px;
      height: 38px;
    }

    .product-hero-section__combo-label {
      font-size: 12px;
    }

    .product-hero-section__combo-subtitle {
      font-size: 10px;
    }

    .product-hero-section__combo-price {
      font-size: 12px;
    }

    .product-hero-section__combo-price-compare {
      font-size: 9px;
    }
  }

  @media (max-width: 768px) {
    .product-hero-section__rating-summary {
      margin-bottom: 8px;
      flex-wrap: wrap;
      gap: 8px;
    }
    
    .product-hero-section__star {
      width: 18px;
      height: 18px;
    }
    
    .product-hero-section__rating-number {
      font-size: 1.6rem;
    }
    
    .product-hero-section__reviews-count {
      font-size: 0.8125rem;
    }
  }
  /* Estilos específicos para produto Pina Colada - Substituir #FD862A por #FFBB00 */
  body.product-pina-colada .product-hero-section__thumbnail {
    border-color: #FFBB00;
  }

  body.product-pina-colada .product-hero-section__carousel-indicator:hover,
  body.product-pina-colada .product-hero-section__carousel-indicator.is-active {
    background: #FFBB00;
  }

  body.product-pina-colada .product-hero-section__unit-card[data-unit]:checked + label,
  body.product-pina-colada .product-hero-section__unit-card[data-unit]:checked + label::before {
    border-color: #FFBB00;
  }

  /* Cards de seleção de unidades - Pina Colada */
  body.product-pina-colada .product-hero-section__unit {
    border-color: #FFBB00 !important;
  }

  body.product-pina-colada .product-hero-section__unit:hover {
    border-color: #FFBB00 !important;
    box-shadow: 0 4px 12px rgba(255, 187, 0, 0.2);
  }

  body.product-pina-colada .product-hero-section__unit.is-selected {
    border-color: #FFBB00 !important;
  }

  body.product-pina-colada .product-hero-section__unit-badge {
    background: #FFBB00 !important;
  }

  body.product-pina-colada .product-hero-section__unit-compare {
    color: #FFBB00 !important;
  }

  body.product-pina-colada .product-hero-section__unit-check input[type="radio"]:checked + .product-hero-section__unit-checkmark {
    border-color: #FFBB00 !important;
    box-shadow: 0px 0px 0px 1px rgba(255, 187, 0, 1) !important;
  }

  body.product-pina-colada .product-hero-section__unit.is-selected .product-hero-section__unit-check input[type="radio"]:checked + .product-hero-section__unit-checkmark {
    border-color: #FFBB00 !important;
    box-shadow: 0px 0px 0px 1px rgba(255, 187, 0, 1) !important;
  }

  body.product-pina-colada .product-hero-section__button--primary {
    background: #FFBB00;
  }

  body.product-pina-colada .product-hero-section__button--primary:hover {
    background: #E6A800;
  }

  body.product-pina-colada .product-hero-section__price-value {
    color: #FFBB00;
  }

  /* Botão de frete - Pina Colada */
  body.product-pina-colada .product-hero-section__shipping-button {
    border-color: #FFBB00 !important;
  }

  body.product-pina-colada .product-hero-section__shipping-button:hover {
    border-color: #FFBB00 !important;
    box-shadow: 0 4px 12px rgba(255, 187, 0, 0.2);
  }

  body.product-pina-colada .product-hero-section__shipping-icon svg path {
    fill: #FFBB00 !important;
  }

  body.product-pina-colada .product-hero-section__shipping-calculator-button {
    background: #FFBB00;
    border-color: #FFBB00;
  }

  body.product-pina-colada .product-hero-section__shipping-calculator-button:hover {
    background: #E6A800;
    border-color: #E6A800;
  }
.product-nutrition-section {
    width: 100%;
    background: #FFFFFF;
    position: relative;
  }

  .product-nutrition-section::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1366px;
    height: 140px;
    background: #FFFFFF;
    border-radius: 0 0 84px 84px;
    z-index: 1;
    pointer-events: none;
  }

  .product-nutrition-section__container {
    max-width: 1366px;
    margin: 0 auto;
    padding: 60px 0;
    position: relative;
    border-radius: 0 0 84px 84px;
    background: #ffffff;
    margin-top: -140px;
    margin-bottom: -160px;
    z-index: 20;
    overflow: visible !important;
  }

  .product-nutrition-section__tabs-wrapper {
    margin-bottom: 60px;
    width: 100%;
  }

  .product-nutrition-section__content {
    display: flex;
    gap: 0;
    align-items: start;
    margin-bottom: 0;
    position: relative;
    padding: 0 40px;
    justify-content: space-between;
  }

  .product-nutrition-section__divider-wrapper {
    width: 2px;
    height: 589px;
    flex-shrink: 0;
    position: relative;
    margin: 0 30px;
  }

  .product-nutrition-section__table-wrapper {
    flex: 0 0 531px;
    position: relative;
  }

  .product-nutrition-section__table-bg {
    width: 531px;
    height: 614px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }

  .product-nutrition-section__table-image {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block;
  }

  .product-nutrition-section__text-content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .product-nutrition-section__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 39px;
    font-weight: 500;
    line-height: 1.1em;
    color: #151515;
    text-align: center;
    margin: 0 0 30px 0;
    max-width: 450px;
  }

  .product-nutrition-section__title--second {
    margin-top: 40px;
    margin-bottom: 30px;
  }

  .product-nutrition-section__divider {
    width: 2px;
    height: 589px;
    background: rgba(0, 0, 0, 0.08);
    position: absolute;
    top: 10px;
    left: 0;
  }

  .product-nutrition-section__description {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    color: #242424;
    text-align: justify;
    max-width: 520px;
  }

  .product-nutrition-section__description p {
    margin: 0 0 16px 0;
  }

  .product-nutrition-section__description p:last-child {
    margin-bottom: 0;
  }

  .product-nutrition-section__description h3 {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #151515;
    margin: 0 0 16px 0;
    line-height: 1.2em;
  }

  .product-nutrition-section__description h3:not(:first-child) {
    margin-top: 24px;
  }

  /* ============================================================================
     IMAGEM DO MODO DE PREPARO
     ========================================================================= */
  .product-nutrition-section__preparation-image {
    width: 100%;
    max-width: 520px;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .product-nutrition-section__preparation-image-img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
  }

  /* ============================================================================
     SISTEMA DE TABS DINÂMICO
     ========================================================================= */
  .product-nutrition-section__tab-content {
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    visibility: hidden;
  }

  /* Garantir que o primeiro tab seja visível por padrão */
  .product-nutrition-section__tab-content:first-of-type {
    display: block;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }

  .product-nutrition-section__tab-content.is-visible {
    display: block !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
    visibility: visible !important;
    animation: fadeInUp 0.4s ease-in-out;
  }

  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ============================================================================
     VÍDEO
     ========================================================================= */
  .product-nutrition-section__table-bg--video {
    border-radius: 10px;
    background: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .product-nutrition-section__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
  }
  
  /* Garante que vídeos verticais (9:16) sejam exibidos corretamente */
  .product-nutrition-section__table-bg--video video {
    max-width: 100%;
    max-height: 100%;
  }

  /* Ícone de play centralizado */
  .product-nutrition-section__table-bg--video .video-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
    height: 65px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    backdrop-filter: blur(0px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
  }

  .product-nutrition-section__table-bg--video .video-play-icon svg {
    width: 38px;
    height: 38px;
    opacity: 0.9;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin-left: 0px;
  }

  .product-nutrition-section__table-bg--video .video-play-icon svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-linejoin: round;
    stroke-linecap: round;
  }

  /* Esconder quando o vídeo está tocando */
  .product-nutrition-section__table-bg--video.video-playing .video-play-icon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }

  /* Hover no ícone */
  .product-nutrition-section__table-bg--video:hover .video-play-icon {
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .product-nutrition-section__table-bg--video:hover .video-play-icon svg {
    opacity: 1;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
  }

  /* Esconder controles por padrão */
  .product-nutrition-section__table-bg--video video::-webkit-media-controls {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .product-nutrition-section__table-bg--video video::-webkit-media-controls-enclosure {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  /* Mostrar controles ao passar o mouse ou tocar */
  .product-nutrition-section__table-bg--video:hover video::-webkit-media-controls,
  .product-nutrition-section__table-bg--video:hover video::-webkit-media-controls-enclosure,
  .product-nutrition-section__table-bg--video.show-controls video::-webkit-media-controls,
  .product-nutrition-section__table-bg--video.show-controls video::-webkit-media-controls-enclosure {
    opacity: 1;
  }

  /* Estilo dos controles do vídeo */
  .product-nutrition-section__table-bg--video video::-webkit-media-controls-panel {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
  }

  .product-nutrition-section__video-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(121, 190, 253, 0.1);
    gap: 16px;
    border-radius: 10px;
  }

  .product-nutrition-section__video-placeholder-icon {
    width: 64px;
    height: 64px;
    flex-shrink: 0;
  }

  .product-nutrition-section__video-placeholder-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #79BEFD;
    margin: 0;
  }

  /* ============================================================================
     GRID DE ÍCONES (Modo de Preparo)
     ========================================================================= */
  .product-nutrition-section__icons-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
    gap: 20px;
    margin-top: 30px;
    max-width: 520px;
    width: 100%;
  }

  .product-nutrition-section__icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
  }

  .product-nutrition-section__icon-image {
    width: 68px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .product-nutrition-section__icon-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .product-nutrition-section__icon-label {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2em;
    color: #242424;
    text-align: center;
    max-width: 100%;
  }

  /* ============================================================================
     O QUE ACONTECE NO SEU CORPO - Grid de Cards
     ========================================================================= */
  .product-nutrition-section__what-happens-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 30px;
    margin-top: 50px;
    width: 100%;
    max-width: 520px;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }

  /* Primeiros 3 cards na primeira linha */
  .product-nutrition-section__what-happens-card {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
  }

  /* Wrapper para os 2 últimos cards centralizados */
  .product-nutrition-section__what-happens-bottom-row {
    display: flex;
    justify-content: center;
    gap: 30px;
    flex-basis: 100%;
    width: 100%;
    margin-top: 0;
  }

  .product-nutrition-section__what-happens-bottom-row .product-nutrition-section__what-happens-card {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
  }

  .product-nutrition-section__what-happens-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    text-align: center;
    width: 100%;
    max-width: 160px;
  }

  .product-nutrition-section__what-happens-icon {
    width: 132px;
    height: 137px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .product-nutrition-section__what-happens-icon img,
  .product-nutrition-section__what-happens-icon svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .product-nutrition-section__what-happens-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4em;
    color: #242424;
    text-align: center;
    width: 100%;
    max-width: 160px;
  }

  /* ============================================================================
     PLACEHOLDER
     ========================================================================= */
  .product-nutrition-section__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F5F5F5;
  }

  .product-nutrition-section__cta-wrapper {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 60px;
    margin-bottom: 80px;
    padding: 0 40px;
    position: relative;
    z-index: 100;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100%;
  }

  .product-nutrition-section__cta-button {
    width: 531px;
    max-width: 100%;
    height: 47px;
    background: #FD862B;
    border: none;
    border-bottom: 3px solid #79BEFD;
    border-radius: 20px;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.9em;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
    outline: none;
    position: relative;
    box-shadow: none;
    transform: translateY(0);
    display: block;
    visibility: visible;
    opacity: 1;
  }

  .product-nutrition-section__cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 43, 0.4);
    background: #E6751F;
    border-bottom: 3px solid #79BEFD;
  }

  .product-nutrition-section__cta-button:active {
    transform: translateY(0);
  }

  .product-nutrition-section__cta-button:focus {
    outline: 2px solid #FD862B;
    outline-offset: 2px;
  }

  /* Estilos específicos para Pina Colada */
  body.product-pina-colada .product-nutrition-section__cta-button {
    background: #FFBB00 !important;
  }

  body.product-pina-colada .product-nutrition-section__cta-button:hover {
    background: #E6A800 !important;
    box-shadow: 0 4px 12px rgba(255, 187, 0, 0.4);
  }

  body.product-pina-colada .product-nutrition-section__cta-button:focus {
    outline: 2px solid #FFBB00;
    outline-offset: 2px;
  }

  /* Responsive */
  @media (max-width: 1400px) and (min-width: 1025px) {
    .product-nutrition-section__cta-wrapper {
      padding: 0 40px;
      margin-top: 60px;
      margin-bottom: 80px;
    }

    .product-nutrition-section__cta-button {
      width: 531px;
      max-width: 531px;
    }
  }

  @media (max-width: 1024px) {
    .product-nutrition-section__content {
      flex-direction: column;
      gap: 30px;
      padding: 0 20px;
      align-items: center;
    }

    /* Reordenar elementos no mobile: título, descrição, imagem, vídeo */
    .product-nutrition-section__text-content {
      order: 1;
      padding-top: 0;
      padding-left: 0;
      width: 100%;
      align-items: center;
      display: flex;
      flex-direction: column;
    }

    .product-nutrition-section__title {
      text-align: center;
      margin-bottom: 20px;
      width: 100%;
    }

    .product-nutrition-section__title--second {
      margin-top: 40px;
      margin-bottom: 20px;
    }

    .product-nutrition-section__description {
      max-width: 100%;
      padding-top: 0;
      text-align: left;
      margin-bottom: 30px;
    }

    /* Imagem do modo de preparo vem depois da descrição */
    .product-nutrition-section__preparation-image {
      order: 3;
      width: 100%;
      max-width: 100%;
      margin-top: 20px;
      margin-bottom: 0;
    }

    /* Vídeo vem depois do text-content (que contém título, descrição e imagem) */
    .product-nutrition-section__table-wrapper {
      order: 2;
      flex: 1 1 auto;
      width: 100%;
      max-width: 100%;
    }

    .product-nutrition-section__divider-wrapper {
      display: none;
    }

    .product-nutrition-section__table-bg {
      width: 100%;
      height: auto;
      max-width: 100%;
    }

    .product-nutrition-section__table-image {
      width: 100%;
      height: auto;
      object-fit: contain;
    }

    .product-nutrition-section__table-bg--video {
      height: auto;
      min-height: 300px;
    }

    .product-nutrition-section__video {
      width: 100%;
      height: auto;
      max-height: 400px;
      object-fit: contain;
    }

    .product-nutrition-section__video-placeholder {
      min-height: 300px;
      height: auto;
    }

    /* Grid de ícones vem depois da imagem, dentro do text-content */
    .product-nutrition-section__icons-grid {
      order: 4;
      margin-top: 20px;
      max-width: 100%;
    }

    .product-nutrition-section__cta-wrapper {
      padding: 0 20px;
      margin-top: 60px;
      margin-bottom: 80px;
    }

    .product-nutrition-section__cta-button {
      width: 100%;
      max-width: 531px;
    }

    /* O que acontece no seu corpo - Responsivo Tablet */
    .product-nutrition-section__what-happens-grid {
      gap: 35px 25px;
      margin-top: 30px;
      max-width: 100%;
    }

    .product-nutrition-section__what-happens-card {
      flex: 0 0 calc(50% - 12.5px);
      max-width: calc(50% - 12.5px);
    }

    .product-nutrition-section__what-happens-bottom-row {
      gap: 25px;
    }

    .product-nutrition-section__what-happens-bottom-row .product-nutrition-section__what-happens-card {
      flex: 0 0 calc(50% - 12.5px);
      max-width: calc(50% - 12.5px);
    }

    .product-nutrition-section__what-happens-icon {
      width: 110px;
      height: 114px;
    }

    .product-nutrition-section__what-happens-text {
      font-size: 14px;
      max-width: 150px;
    }
  }

  @media (max-width: 768px) {
    .product-nutrition-section__content {
      gap: 35px;
    }

    .product-nutrition-section__title {
      font-size: 28px;
      margin-bottom: 15px;
    }

    .product-nutrition-section__description {
      font-size: 14px;
      max-width: 100%;
    }

    .product-nutrition-section__description p {
      margin: 0 0 14px 0;
    }

    .product-nutrition-section__description p:last-child {
      margin-bottom: 0;
    }

    .product-nutrition-section__description h3 {
      font-size: 22px;
      margin-bottom: 12px;
    }

    .product-nutrition-section__description h3:not(:first-child) {
      margin-top: 20px;
    }

    .product-nutrition-section__table-bg--video {
      min-height: 250px;
    }

    .product-nutrition-section__video {
      max-height: 350px;
    }

    .product-nutrition-section__video-placeholder {
      min-height: 250px;
    }

    /* Ícone de play no mobile */
    .product-nutrition-section__table-bg--video .video-play-icon {
      width: 55px;
      height: 55px;
    }

    .product-nutrition-section__table-bg--video .video-play-icon svg {
      width: 32px;
      height: 32px;
    }

    .product-nutrition-section__cta-button {
      font-size: 13px;
      height: 45px;
    }

    .product-nutrition-section__container {
      border-radius: 0 0 28px 28px;
      padding: 60px 0 20px 0;
      margin-top: -25px;
      margin-bottom: -100px;
    }

    .product-nutrition-section::after {
      height: 100px;
      border-radius: 0 0 28px 28px;
    }
    

    /* O que acontece no seu corpo - Responsivo Mobile */
    .product-nutrition-section__what-happens-grid {
      gap: 25px 20px;
      margin-top: 25px;
    }

    .product-nutrition-section__what-happens-card {
      flex: 0 0 calc(50% - 10px);
      max-width: calc(50% - 10px);
    }

    .product-nutrition-section__what-happens-bottom-row {
      gap: 20px;
      flex-wrap: wrap;
    }

    .product-nutrition-section__what-happens-bottom-row .product-nutrition-section__what-happens-card {
      flex: 0 0 calc(50% - 10px);
      max-width: calc(50% - 10px);
    }

    .product-nutrition-section__what-happens-icon {
      width: 100px;
      height: 104px;
    }

    .product-nutrition-section__what-happens-text {
      font-size: 14px;
      max-width: 200px;
    }
  }
.product-reviews-section {
  width: 100%;
  padding: 80px 0;
  background: #ffffff;
  overflow-x: hidden;
}

.product-reviews-section__container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.product-reviews-section__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  align-items: start;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Coluna Esquerda - Reviews */
.product-reviews-section__reviews-column {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 0;
  min-width: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.product-reviews-section__title {
  font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
  color: #1a1a1a;
  margin: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.product-reviews-section__title-light {
  font-weight: 400;
}

.product-reviews-section__title-bold {
  font-weight: 500;
}

.product-reviews-section__recommendation {
  font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  font-size: 1.375rem; /* 22px */
  color: #6f7684;
  margin: 0 0 16px;
}

.product-reviews-section__recommendation-percentage {
  font-weight: 700;
}
.product-reviews-section__description {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #4a5568;
  margin: 0 0 16px;
  max-width: 500px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
}

.product-reviews-section__rating-summary {
  display: flex;
  align-items: center;
  gap: 12px;
}

.product-reviews-section__rating-number {
  font-size: 2.25rem;
  font-weight: 700;
  color: #141414;
}

.product-reviews-section__stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.product-reviews-section__reviews-count {
  font-size: 12px;	
  color: #6f7684;
  margin: 0;
}

.product-reviews-section__rating-breakdown {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 400px;
  margin-top: 32px;
}

.product-reviews-section__rating-bar-item {
  display: flex;
  align-items: center;
  gap: 16px;
}

.product-reviews-section__rating-label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-width: 40px;
  font-size: 1rem;
  font-weight: 600;
  color: #1a1a1a;
}

.product-reviews-section__title-line-2 {
  font-weight: 500;
}

.product-reviews-section__rating-label-number {
  min-width: 12px;
  text-align: right;
}

.product-reviews-section__rating-label-star {
  width: 16px;
  height: 16px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400'/%3E%3C/svg%3E");
}

.product-reviews-section__rating-bar {
  flex: 1;
  height: 8px;
  background: #e5e7eb;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.product-reviews-section__rating-bar-fill {
  height: 100%;
  background: #6b7280;
  transition: width 0.6s ease-out;
  border-radius: 4px;
  min-width: 0;
}

.product-reviews-section__widget-container {
  width: 100%;
  min-height: 200px;
  margin-top: 40px;
}

.product-reviews-section__recommendation {
  font-size: 1rem;
  font-weight: 400;
  color: #1a1a1a;
  margin: 15px 0;
  line-height: 1.5;
}

.product-reviews-section__description {
  font-size: 1rem;
  font-weight: 400;
  color: #4a5568;
  line-height: 1.6;
  margin: 25px 0 24px 0;
  max-width: 100%;
}

.product-reviews-section__description p {
  margin: 0;
}

.product-reviews-section__stars {
  display: flex;
  align-items: center;
  gap: 4px;
}

.product-reviews-section__star {
  width: 24px;
  height: 24px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-reviews-section__star--full {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400'/%3E%3C/svg%3E");
}

.product-reviews-section__star--half {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='halfStar'%3E%3Crect x='0' y='0' width='12' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23E0E0E0'/%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400' clip-path='url(%23halfStar)'/%3E%3C/svg%3E");
}

.product-reviews-section__star--empty {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23E0E0E0'/%3E%3C/svg%3E");
}

.product-reviews-section__rating-count {
  font-size: 0.875rem;
  color: #374151;
  font-weight: 500;
  min-width: 32px;
  text-align: right;
}

.product-reviews-section__controls {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 12px;
  margin-bottom: 35px;
}

.product-reviews-section__controls-label {
  font-size: 0.875rem;
  color: #4a5568;
}

.product-reviews-section__controls-select {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.product-reviews-section__sort {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 8px 36px 8px 12px;
  font-size: 0.875rem;
  color: #4a5568;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.product-reviews-section__sort:hover {
  border-color: #cbd5e0;
}

.product-reviews-section__sort:focus {
  outline: none;
  border-color: #4a90e2;
}

.product-reviews-section__controls-arrow {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #4a5568;
  pointer-events: none;
}

.product-reviews-section__reviews-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 55px;
}

.product-reviews-section__review-card {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding: 0;
  background: #ffffff;
  border: none;
  border-radius: 18px;
  box-shadow: none;
}

.product-reviews-section__review-left {
  flex: 0 0 220px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-right: 28px;
  border-right: 1px solid #e4e6eb;
}

.product-reviews-section__review-stars {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.product-reviews-section__review-star {
  width: 20px;
  height: 20px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-size: contain;
}

.product-reviews-section__review-star--full {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400'/%3E%3C/svg%3E");
}

.product-reviews-section__review-star--half {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3CclipPath id='halfStarSmall'%3E%3Crect x='0' y='0' width='12' height='24'/%3E%3C/clipPath%3E%3C/defs%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23E0E0E0'/%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23FFB400' clip-path='url(%23halfStarSmall)'/%3E%3C/svg%3E");
}

.product-reviews-section__review-star--empty {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z' fill='%23E1E4EA'/%3E%3C/svg%3E");
}

.product-reviews-section__reviewer-block {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.product-reviews-section__reviewer-name {
  font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #141414;
  margin: 0;
}

.product-reviews-section__reviewer-verified {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #3c8ff0;
}

.product-reviews-section__reviewer-verified-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00008 1.50049L10.8855 3.34992L13.4377 3.2696L13.518 5.8218L15.3674 7.70719L13.518 9.59258L13.4377 12.1448L10.8855 12.2251L9.00008 14.0745L7.11469 12.2251L4.56248 12.1448L4.48216 9.59258L2.63272 7.70719L4.48216 5.8218L4.56248 3.2696L7.11469 3.34992L9.00008 1.50049Z' fill='%23E4F1FF'/%3E%3Cpath d='M7.45898 8.435L8.61714 9.59316L10.5416 7.42822' stroke='%233C8FF0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.product-reviews-section__review-product {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-reviews-section__review-product-image {
  width: 58px;
  height: 58px;
  border-radius: 10px;
  object-fit: cover;
  border: none;
}

.product-reviews-section__review-product-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.product-reviews-section__review-product-info--text {
  gap: 4px;
}

.product-reviews-section__review-product-label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #6f7684;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.product-reviews-section__review-product-name {
  font-size: 0.875rem;
  font-weight: 600;
  color: #141414;
}

.product-reviews-section__review-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-reviews-section__review-title {
  font-size: 1.3125rem;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0;
}

.product-reviews-section__review-text {
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.7;
  color: #4a4f5d;
  margin: 0;
}

.product-reviews-section__review-media {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 6px;
}

.product-reviews-section__review-media-item {
  display: inline-flex;
  width: 60px;
  height: 60px;
  border-radius: 10px;
  overflow: hidden;
  border: none;
  transition: transform 0.2s ease;
}

.product-reviews-section__review-media-item:hover {
  transform: scale(1.05);
}

.product-reviews-section__review-media-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-reviews-section__review-media-item--video {
  width: auto;
  min-width: 120px;
  height: 60px;
  padding: 0 14px;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
  color: #3c8ff0;
  font-weight: 600;
  text-decoration: none;
}

.product-reviews-section__review-media-trigger {
  cursor: zoom-in;
}

.product-reviews-section__review-media-trigger:focus {
  outline: 2px solid #4a90e2;
  outline-offset: 2px;
}

.product-reviews-section__empty-state,
.product-reviews-section__error {
  margin-top: 24px;
  text-align: center;
  font-size: 0.9375rem;
  color: #4a5568;
}

.product-reviews-section__pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.product-reviews-section__pagination-button {
  min-width: 36px;
  height: 36px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #ffffff;
  color: #4a5568;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1.25rem;
  line-height: 1;
}

.product-reviews-section__pagination-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.product-reviews-section__pagination-button:not(:disabled):hover {
  border-color: #cbd5e0;
  background: #f7fafc;
}

.product-reviews-section__pagination-pages {
  display: inline-flex;
  gap: 8px;
}

.product-reviews-section__pagination-page {
  min-width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  color: #4a5568;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.product-reviews-section__pagination-page:hover {
  border-color: #cbd5e0;
  background: #f7fafc;
}

.product-reviews-section__pagination-page.is-active {
  background: #4a90e2;
  border-color: #4a90e2;
  color: #ffffff;
  cursor: default;
}

.product-reviews-section__pagination-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 32px;
  height: 32px;
  padding: 0 8px;
  color: #6f7684;
  font-size: 0.875rem;
  user-select: none;
}

.product-reviews-section__spinner {
  display: none;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
}

.product-reviews-section__spinner.product-reviews-section__spinner--active {
  display: flex;
}

.product-reviews-section__spinner-circle {
  width: 40px;
  height: 40px;
  border: 3px solid #e2e8f0;
  border-top-color: #4a90e2;
  border-radius: 50%;
  animation: product-reviews-spin 0.8s linear infinite;
}

@keyframes product-reviews-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Coluna Direita - Video Carousel */
.product-reviews-section__videos-column {
  position: sticky;
  top: 80px;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}

.product-reviews-section__video-carousel {
  position: relative;
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  overflow: hidden;
  box-sizing: border-box;
}

.product-reviews-section__video-track {
  display: flex;
  gap: 15px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 20px 20px 40px 20px;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: grab;
}

/* Espaçadores para garantir acesso aos vídeos nas extremidades */
.product-reviews-section__video-spacer {
  flex-shrink: 0;
  width: calc(50% - 120px);
  min-width: calc(50% - 120px);
}

.product-reviews-section__video-track:active {
  cursor: grabbing;
}

/* Esconder scrollbar no Chrome, Safari e Opera */
.product-reviews-section__video-track::-webkit-scrollbar {
  display: none;
}

.product-reviews-section__video-item {
  position: relative;
  flex: 0 0 200px;
  width: 200px;
  height: 420px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: none;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              flex 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: grab;
  scroll-snap-align: center;
  opacity: 0.5;
  will-change: opacity, flex, width;
}

/* Permitir interação com controles do vídeo */
.product-reviews-section__video-item video {
  pointer-events: auto;
  position: relative;
  z-index: 1;
}

/* Esconder controles por padrão */
.product-reviews-section__video::-webkit-media-controls {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.product-reviews-section__video::-webkit-media-controls-enclosure {
  opacity: 0;
  transition: opacity 0.3s ease;
}

/* Mostrar controles ao passar o mouse ou tocar */
.product-reviews-section__video-item:hover video::-webkit-media-controls,
.product-reviews-section__video-item:hover video::-webkit-media-controls-enclosure,
.product-reviews-section__video-item.show-controls video::-webkit-media-controls,
.product-reviews-section__video-item.show-controls video::-webkit-media-controls-enclosure {
  opacity: 1;
}

/* Estilo dos controles do vídeo */
.product-reviews-section__video::-webkit-media-controls-panel {
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

/* Durante drag, desabilitar pointer-events para permitir arrasto suave */
.product-reviews-section__video-track.dragging .product-reviews-section__video-item video {
  pointer-events: none !important;
}

/* Vídeo em fullscreen - manter proporções originais */
.product-reviews-section__video:fullscreen {
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  background: #000;
}

.product-reviews-section__video:-webkit-full-screen {
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  background: #000;
}

.product-reviews-section__video:-moz-full-screen {
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  background: #000;
}

.product-reviews-section__video:-ms-fullscreen {
  width: auto !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain !important;
  background: #000;
}


/* Vídeo central (sempre destacado) */
.product-reviews-section__video-item--center {
  flex: 0 0 240px;
  width: 240px;
  height: 420px;
  opacity: 1;
  z-index: 2;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), 
              flex 0.3s cubic-bezier(0.4, 0, 0.2, 1),
              width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: opacity, flex, width;
}

.product-reviews-section__video,
.product-reviews-section__video-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}


.product-reviews-section__video-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #F5F5F5;
  border-radius: 16px;
  gap: 16px;
}

.product-reviews-section__video-placeholder-icon {
  display: block;
}

.product-reviews-section__video-placeholder-text {
  color: #79BEFD;
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.product-reviews-section__video-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 10;
}

.product-reviews-section__video-overlay-text {
  position: absolute;
  background: rgba(255, 255, 255, 0.95);
  padding: 12px 16px;
  border-radius: 12px;
  font-size: 0.875rem;
  font-weight: 600;
  color: #1a1a1a;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  max-width: 200px;
  line-height: 1.4;
}

/* Overlay no canto superior esquerdo */
.product-reviews-section__video-overlay-text--top-left {
  top: 16px;
  left: 16px;
}

/* Overlay no canto superior direito */
.product-reviews-section__video-overlay-text--top-right {
  top: 16px;
  right: 16px;
  text-align: right;
}

/* Seta indicativa (opcional) */
.product-reviews-section__video-overlay-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
}

.product-reviews-section__video-overlay-text--top-left .product-reviews-section__video-overlay-arrow {
  bottom: -8px;
  left: 20px;
  border-width: 8px 8px 0 8px;
  border-color: rgba(255, 255, 255, 0.95) transparent transparent transparent;
}

.product-reviews-section__lightbox {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  z-index: 999;
}

.product-reviews-section__lightbox--active {
  opacity: 1;
  pointer-events: auto;
}

.product-reviews-section__lightbox[hidden] {
  display: none;
}

.product-reviews-section__lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(20, 20, 20, 0.85);
  cursor: zoom-out;
}

.product-reviews-section__lightbox-dialog {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 90vw;
  max-height: 90vh;
  outline: none;
  align-items: center;
}

.product-reviews-section__lightbox-image {
  max-width: 90vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35);
  background: #ffffff;
}

.product-reviews-section__lightbox-close {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  border-radius: 18px;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(20, 20, 20, 0.7);
  color: #ffffff;
  font-size: 1.5rem;
  cursor: pointer;
  transition: background 0.2s ease;
}

.product-reviews-section__lightbox-close:hover {
  background: rgba(20, 20, 20, 0.85);
}

.product-reviews-section__lightbox-close:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

.product-reviews-section__lightbox-caption {
  color: #ffffff;
  font-size: 0.9375rem;
  text-align: center;
}

body.product-reviews-section--lightbox-open {
  overflow: hidden;
}

/* Responsive */
@media (max-width: 1024px) {
  .product-reviews-section__grid {
    gap: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .product-reviews-section__videos-column {
    position: static;
    width: 100%;
    justify-content: center;
  }
  
  .product-reviews-section__video-carousel {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    margin: 0;
  }
  
  .product-reviews-section__video-track {
    padding: 35px calc(50% - 90px);
  }
  
  .product-reviews-section__video-item {
    flex: 0 0 180px !important;
    width: 180px !important;
    height: 350px !important;
  }
  
  .product-reviews-section__video-item--center {
    flex: 0 0 200px !important;
    width: 200px !important;
    height: 350px !important;
  }
}

@media (max-width: 768px) {
  .product-reviews-section {
    padding: 40px 0;
  }
  
  .product-reviews-section__container {
    padding: 0 16px;
    max-width: 100%;
    box-sizing: border-box;
  }
  
  .product-reviews-section__grid {
    display: flex;
    flex-direction: column;
  }
  
  .product-reviews-section__reviews-column {
    display: contents;
  }
  
  .product-reviews-section__title {
    order: 1;
  }
  
  .product-reviews-section__recommendation {
    order: 2;
  }
  
  .product-reviews-section__description {
    order: 3;
  }
  
  .product-reviews-section__videos-column {
    width: 100%;
    justify-content: center;
    align-items: center;
    order: 4;
  }
  
  .product-reviews-section__rating-summary {
    order: 5;
  }
  
  .product-reviews-section__rating-breakdown {
    order: 6;
  }
  
  .product-reviews-section__video-carousel {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  
  .product-reviews-section__title {
    font-size: 1.5rem;
    line-height: 1.2;
    width: 100%;
    max-width: calc(100vw - 32px);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    text-align: center;
  }
  
  .product-reviews-section__recommendation {
    font-size: 1.125rem;
    text-align: center;
  }

  .product-reviews-section__rating-summary {	
    justify-content: center;
  }
  
  .product-reviews-section__description {
    font-size: 0.875rem;
    width: 100%;
    max-width: calc(100vw - 32px);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    text-align: center;
  }
  
  .product-reviews-section__rating-breakdown {
    max-width: 100%;
  }
  
  .product-reviews-section__rating-bar-item {
    gap: 12px;
  }
  
  .product-reviews-section__rating-bar {
    min-width: 0;
    flex: 1;
  }
  
  .product-reviews-section__controls {
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
  }

  .product-reviews-section__controls-label {
    width: auto;
    text-align: right;
    margin-bottom: 0;
    white-space: nowrap;
  }

  .product-reviews-section__reviews-grid {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  
  .product-reviews-section__review-card {
    flex-direction: row;
    gap: 16px;
    padding: 16px;
  }
  
  .product-reviews-section__review-left {
    flex: none;
    border-right: none;
    border-right: 1px solid #e4e6eb;
    padding-right: 16px;
    width: 220px;
  }
  
  .product-reviews-section__video-item {
    flex: 0 0 85%;
    width: 85%;
  }
  
  .product-reviews-section__video-track {
    justify-content: center;
  }
}

@media (max-width: 600px) {
  .product-reviews-section__container {
    padding: 0 20px;
  }
  
  .product-reviews-section__title {
    font-size: 1.25rem;
    width: 100%;
    max-width: calc(100vw - 24px);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  
  .product-reviews-section__description {
    font-size: 0.8125rem;
    width: 100%;
    max-width: calc(100vw - 24px);
    padding: 0;
    margin: 0 0 16px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  
  .product-reviews-section__rating-summary {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
  }
  
  .product-reviews-section__rating-number {
    font-size: 2rem;
  }
  
  .product-reviews-section__stars {
    gap: 2px;
  }
  
  .product-reviews-section__star {
    width: 20px;
    height: 20px;
  }
  
  .product-reviews-section__rating-breakdown {
    margin-top: 24px;
  }
  
  .product-reviews-section__rating-bar-item {
    gap: 8px;
  }
  
  .product-reviews-section__rating-label {
    min-width: 40px;
    font-size: 0.75rem;
  }
  
  .product-reviews-section__rating-count {
    min-width: 20px;
    font-size: 0.75rem;
  }
  
  .product-reviews-section__controls {
    justify-content: center;
    width: 100%;
  }

  .product-reviews-section__pagination-pages {
    gap: 4px;
  }

  .product-reviews-section__pagination-page,
  .product-reviews-section__pagination-button {
    min-width: 32px;
    height: 32px;
    font-size: 0.875rem;
  }
  
  .product-reviews-section__review-card {
    padding: 12px;
  }
  
  .product-reviews-section__review-content {
    font-size: 0.875rem;
    line-height: 1.5;
  }
  
  .product-reviews-section__video-item {
    flex: 0 0 80%;
    width: 80%;
    height: 300px;
  }
  
  .product-reviews-section__video-item--center {
    flex: 0 0 85%;
    width: 85%;
    height: 320px;
  }
  
  .product-reviews-section__video-track {
    justify-content: center;
  }
}

@media (max-width: 480px) {
  .product-reviews-section__container {
    padding: 0 20px;
  }
  
  .product-reviews-section__title {
    font-size: 1.125rem;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
  }

  .product-reviews-section__review-left {
    width: 160px;
  }

  .product-reviews-section__review-stars {
    gap: 0px;
  }

  .product-reviews-section__review-star {
    width: 16px;
    height: 16px;
  }

  .product-reviews-section__review-product-image {
    width: 38px;
    height: 38px;
  }

  .product-reviews-section__reviewer-name {
    font-size: 16px;
  }

  .product-reviews-section__review-title {
    font-size: 14px;
  }

  .product-reviews-section__review-text {
    font-size: 12px;
  }

  .product-reviews-section__review-product-name, .product-reviews-section__review-product-label {
    font-size: 10px;
  }
  
  .product-reviews-section__title-line-1 {
    font-size: 16px;
    display: block;
    line-height: 1.2;
  }
  
  .product-reviews-section__title-line-2 {
    font-size: 28px;
    display: block;
    line-height: 1.2;
    margin-top: 4px;
  }
  
  .product-reviews-section__title-line-1 .product-reviews-section__title-light {
    font-weight: 400;
    font-size: 16px;
  }
  
  .product-reviews-section__title-line-1 .product-reviews-section__title-bold {
    font-weight: 500;
    font-size: 16px;
  }
  
  .product-reviews-section__title-line-2 {
    font-weight: 500;
  }
  
  .product-reviews-section__recommendation {
    font-size: 15px;
  }
  
  .product-reviews-section__description {
    font-size: 0.8125rem;
    padding: 0;
    margin: 0 0 16px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    margin-top: 20px
  }
  .product-reviews-section__rating-number {
    font-size: 16px;
  }
  
  .product-reviews-section__video-item {
    flex: 0 0 75%;
    width: 75%;
    height: 280px;
    min-width: 0;
  }
  
  .product-reviews-section__video-item--center {
    flex: 0 0 80%;
    width: 80%;
    height: 300px;
    min-width: 0;
  }
  
  .product-reviews-section__video-track {
    min-width: 0;
    justify-content: center;
  }
  
  .product-reviews-section__tiktok-wrapper blockquote {
    min-width: 280px !important;
    max-width: 100% !important;
  }
  
  .product-reviews-section__video-iframe,
  .product-reviews-section__video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }
  
  .product-reviews-section__review-card {
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: flex;
    flex-direction: row;
    padding: 0;
  }
  
  .product-reviews-section__review-content {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

/* Additional mobile safety styles */
@media (max-width: 320px) {
  
  .product-reviews-section__title {
    font-size: 1rem;
    width: 100%;
    max-width: calc(100vw - 8px);
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  
  .product-reviews-section__description {
    font-size: 0.75rem;
    width: 100%;
    max-width: calc(100vw - 8px);
    padding: 0;
    margin: 20px 0 12px;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  
  .product-reviews-section__video-item {
    flex: 0 0 70%;
    width: 70%;
    height: 260px;
  }
  
  .product-reviews-section__video-item--center {
    flex: 0 0 75%;
    width: 75%;
    height: 280px;
  }
  
  .product-reviews-section__video-track {
    justify-content: center;
  }

}
.product-page {
  width: 100%;
}

.product-page__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

.product-page__gallery {
  width: 100%;
}

.product-page__info {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.product-info__title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 20px 0;
  color: #1a1a1a;
}

.product-info__price {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

.price {
  font-size: 1.5rem;
  font-weight: bold;
  color: #1a1a1a;
}

.price--compare {
  font-size: 1.25rem;
  color: #999;
  text-decoration: line-through;
}

.product-info__description {
  font-size: 1rem;
  line-height: 1.6;
  color: #4a5568;
}

.product-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product-form__variants,
.product-form__quantity {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.product-form__variants label,
.product-form__quantity label {
  font-weight: 600;
  color: #1a1a1a;
}

.product-form__select,
.product-form__quantity-input {
  padding: 12px;
  border: 2px solid #e2e8f0;
  border-radius: 8px;
  font-size: 1rem;
  transition: border-color 0.2s ease;
}

.product-form__select:focus,
.product-form__quantity-input:focus {
  outline: none;
  border-color: #4a90e2;
}

.product-form__quantity-input {
  width: 100px;
}

.product-form__buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-form__add-to-cart {
  padding: 16px 32px;
  background: #ff6b35;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.product-form__add-to-cart:hover:not(:disabled) {
  background: #e55a2b;
}

.product-form__add-to-cart:disabled,
.product-form__add-to-cart--disabled {
  background: #cccccc !important;
  color: #666666 !important;
  cursor: not-allowed !important;
  opacity: 0.6;
}

.product-form__payment-button {
  width: 100%;
}

.product-form__payment-button .shopify-payment-button {
  width: 100%;
}

.product-form__payment-button .shopify-payment-button__button {
  width: 100%;
  border-radius: 8px;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
  .product-page__container {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 0 16px;
  }
  
  .product-info__title {
    font-size: 1.5rem;
  }
  
  .price {
    font-size: 1.25rem;
  }
  
  .price--compare {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  .product-page {
    padding: 0;
  }
  
  .product-page__container {
    padding: 0 12px;
  }
  
  .product-info__title {
    font-size: 1.25rem;
  }
}
/* ============================================================================
     REGISTER PAGE STYLES
     ========================================================================= */
  
  .register-page {
    min-height: 100vh;
    display: flex;
    background: #f8f9fa;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
  }

  .register-page__container {
    display: flex;
    width: 100%;
    min-height: 100vh;
  }

  /* Left Side - Visual */
  .register-page__visual {
    flex: 1;
    position: relative;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .register-page__image-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .register-page__hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .register-page__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .register-page__brand {
    text-align: center;
    color: white;
  }

  .register-page__logo {
    width: 120px;
    height: auto;
    margin-bottom: 20px;
  }

  .register-page__tagline {
    font-size: 24px;
    font-weight: 300;
    margin: 0;
    opacity: 0.9;
  }

  /* Right Side - Form */
  .register-page__form-section {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    background: white;
  }

  .register-page__form-container {
    width: 100%;
    max-width: 400px;
  }

  .register-page__header {
    text-align: center;
    margin-bottom: 40px;
  }

  .register-page__title {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px 0;
  }

  .register-page__subtitle {
    font-size: 16px;
    color: #666;
    margin: 0;
  }

  /* Form Styles */
  .register-page__form {
    margin-bottom: 30px;
  }

  .register-page__field-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 20px;
  }

  .register-page__field {
    margin-bottom: 20px;
  }

  .register-page__label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin-bottom: 8px;
  }

  .register-page__input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    font-size: 16px;
    transition: border-color 0.3s ease;
    box-sizing: border-box;
  }

  .register-page__input:focus {
    outline: none;
    border-color: #667eea;
  }

  .register-page__password-wrapper {
    position: relative;
  }

  .register-page__password-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    color: #666;
    padding: 4px;
  }

  .register-page__password-toggle:hover {
    color: #333;
  }

  .register-page__checkbox-wrapper {
    display: flex;
    align-items: center;
    cursor: pointer;
  }

  .register-page__checkbox {
    margin-right: 8px;
  }

  .register-page__checkbox-text {
    font-size: 14px;
    color: #666;
  }

  .register-page__submit-btn {
    width: 100%;
    padding: 14px;
    background: #667eea;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .register-page__submit-btn:hover {
    background: #5a6fd8;
  }

  /* Divider */
  .register-page__divider {
    position: relative;
    text-align: center;
    margin: 30px 0;
  }

  .register-page__divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: #e1e5e9;
  }

  .register-page__divider-text {
    background: white;
    padding: 0 20px;
    color: #666;
    font-size: 14px;
  }

  /* Google Button */
  .register-page__google-btn {
    width: 100%;
    padding: 14px;
    background: white;
    color: #333;
    border: 2px solid #e1e5e9;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: border-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
  }

  .register-page__google-btn:hover {
    border-color: #d1d5db;
  }

  /* Login Link */
  .register-page__login {
    text-align: center;
    margin-top: 30px;
  }

  .register-page__login-text {
    font-size: 14px;
    color: #666;
    margin: 0;
  }

  .register-page__login-link {
    color: #667eea;
    text-decoration: none;
    font-weight: 600;
  }

  .register-page__login-link:hover {
    text-decoration: underline;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .register-page__container {
      flex-direction: column;
    }

    .register-page__visual {
      min-height: 200px;
    }

    .register-page__form-section {
      padding: 20px;
    }

    .register-page__field-group {
      grid-template-columns: 1fr;
    }

    .register-page__title {
      font-size: 24px;
    }
  }
/* Search Page Container */
  .search-page {
    padding: 60px 0;
    background: #FFFFFF;
    min-height: 70vh;
  }

  .search-page__container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 42px;
  }

  /* Header */
  .search-page__header {
    text-align: center;
    margin-bottom: 48px;
  }

  .search-page__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #79BEFD;
    margin: 0 0 32px 0;
    text-transform: uppercase;
  }

  /* Search Form */
  .search-page__form {
    max-width: 600px;
    margin: 0 auto;
  }

  .search-page__input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
  }

  .search-page__submit {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }

  .search-page__submit svg {
    width: 20px;
    height: 20px;
    display: block;
    color: #79BEFD;
  }

  .search-page__input {
    width: 100%;
    height: 56px;
    background: #F5F5F5;
    border: 2px solid transparent;
    border-radius: 28px;
    padding: 0 24px 0 56px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    color: #000000;
    transition: all 0.3s ease;
  }

  .search-page__input::placeholder {
    color: #A9A9A9;
  }

  .search-page__input:focus {
    outline: none;
    border-color: #79BEFD;
    background: #FFFFFF;
    box-shadow: 0 4px 12px rgba(121, 190, 253, 0.15);
  }

  /* Results Header */
  .search-page__results-header {
    margin-bottom: 32px;
  }

  .search-page__results-count {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    color: #333333;
    margin: 0;
    text-align: center;
  }

  .search-page__results-count strong {
    color: #79BEFD;
    font-weight: 700;
  }

  /* Results Grid */
  .search-results__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 32px;
    margin-bottom: 48px;
  }

  /* Search Result Card */
  .search-result__card {
    background: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 1px solid #E8E8E8;
  }

  .search-result__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
  }

  .search-result__link {
    display: block;
    text-decoration: none;
    color: inherit;
  }

  /* Image */
  .search-result__image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    background: #F5F5F5;
    overflow: hidden;
  }

  .search-result__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .search-result__card:hover .search-result__image {
    transform: scale(1.05);
  }

  .search-result__image-placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    color: #CCCCCC;
  }

  .search-result__image-placeholder svg {
    width: 100%;
    height: 100%;
  }

  /* Product Info */
  .search-result__info {
    padding: 20px;
  }

  .search-result__vendor {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 8px 0;
  }

  .search-result__title {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 12px 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .search-result__price-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .search-result__price {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #79BEFD;
  }

  .search-result__price--sale {
    color: #FD862B;
  }

  .search-result__price-compare {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    color: #999999;
    text-decoration: line-through;
  }

  .search-result__badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
  }

  .search-result__badge--sold-out {
    background: #FFE5E5;
    color: #E53935;
  }

  /* Pagination */
  .search-page__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-top: 48px;
  }

  .search-page__pagination a,
  .search-page__pagination span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 8px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
  }

  .search-page__pagination a {
    background: #F5F5F5;
    color: #333333;
  }

  .search-page__pagination a:hover {
    background: #79BEFD;
    color: #FFFFFF;
  }

  .search-page__pagination span {
    background: #79BEFD;
    color: #FFFFFF;
  }

  /* Responsive */
  @media (max-width: 768px) {
    .search-page {
      padding: 40px 0;
    }

    .search-page__container {
      padding: 0 20px;
    }

    .search-page__title {
      font-size: 32px;
      margin-bottom: 24px;
    }

    .search-page__header {
      margin-bottom: 32px;
    }

    .search-results__grid {
      grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
      gap: 20px;
    }

    .search-result__info {
      padding: 16px;
    }

    .search-result__title {
      font-size: 14px;
    }

    .search-result__price {
      font-size: 18px;
    }
  }

  @media (max-width: 480px) {
    .search-results__grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }
  }
.terms-of-use-section {
    width: 100%;
    background-color: #FFFFFF;
    padding-top: var(--section-padding-top, 100px);
    padding-bottom: var(--section-padding-bottom, 100px);
    scroll-behavior: smooth;
  }

  .terms-of-use__container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 42px;
    box-sizing: border-box;
  }

  .terms-of-use__content {
    max-width: 900px;
    margin: 0 auto;
    width: 100%;
  }

  .terms-of-use__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.3;
    color: #000000;
    text-align: center;
    margin: 0 0 32px 0;
  }

  .terms-of-use__intro {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
    text-align: center;
    margin: 0 0 64px 0;
  }

  .terms-of-use__body {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  .terms-of-use__section {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .terms-of-use__section-title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.4;
    color: #000000;
    margin: 0;
  }

  .terms-of-use__text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #242424;
    margin: 0;
  }

  .terms-of-use__list {
    list-style: none;
    padding: 0;
    margin: 0 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .terms-of-use__list li {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #242424;
    position: relative;
    padding-left: 24px;
  }

  .terms-of-use__list li::before {
    content: '•';
    position: absolute;
    left: 0;
    color: #242424;
    font-size: 20px;
    line-height: 1.7;
  }

  .terms-of-use__link {
    color: #000000;
    text-decoration: underline;
    transition: opacity 0.2s ease;
  }

  .terms-of-use__link:hover {
    opacity: 0.7;
  }

  .terms-of-use__link-button {
    display: inline-block;
    margin-top: 8px;
    padding: 12px 24px;
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    align-self: flex-start;
  }

  .terms-of-use__link-button:hover {
    background-color: #333333;
    transform: translateY(-2px);
  }

  .terms-of-use__contact {
    margin-top: 32px;
    padding: 48px;
    background-color: #F9F9F9;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
  }

  .terms-of-use__contact-title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.3;
    color: #000000;
    margin: 0;
  }

  .terms-of-use__contact-email {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    color: #242424;
    margin: 0;
  }

  .terms-of-use__button {
    display: inline-block;
    padding: 16px 32px;
    background-color: #000000;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  .terms-of-use__button:hover {
    background-color: #333333;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  }

  .terms-of-use__button:active {
    transform: translateY(0);
  }

  .terms-of-use__button:focus {
    outline: 2px solid #000000;
    outline-offset: 2px;
  }

  .terms-of-use__button:focus:not(:focus-visible) {
    outline: none;
  }

  .terms-of-use__link-button:hover {
    background-color: #1a1a1a;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }

  .terms-of-use__link-button:active {
    transform: translateY(0);
  }

  .terms-of-use__link-button:focus {
    outline: 2px solid #000000;
    outline-offset: 2px;
  }

  .terms-of-use__link-button:focus:not(:focus-visible) {
    outline: none;
  }

  /* Responsive */
  /* Responsive */
  
  /* Tablets and small laptops */
  @media (max-width: 1024px) {
    .terms-of-use__container {
      padding: 0 32px;
    }

    .terms-of-use__title {
      font-size: 42px;
    }

    .terms-of-use__intro {
      font-size: 17px;
    }

    .terms-of-use__section-title {
      font-size: 28px;
    }
  }

  /* Small tablets and large phones */
  @media (max-width: 768px) {
    .terms-of-use__container {
      padding: 0 24px;
    }

    .terms-of-use-section {
      padding-top: 80px;
      padding-bottom: 80px;
    }

    .terms-of-use__title {
      font-size: 36px;
      margin-bottom: 24px;
    }

    .terms-of-use__intro {
      font-size: 16px;
      margin-bottom: 48px;
    }

    .terms-of-use__body {
      gap: 40px;
    }

    .terms-of-use__section {
      gap: 14px;
    }

    .terms-of-use__section-title {
      font-size: 26px;
    }

    .terms-of-use__text,
    .terms-of-use__list li {
      font-size: 15px;
    }

    .terms-of-use__list {
      gap: 10px;
    }

    .terms-of-use__link-button {
      padding: 10px 20px;
      font-size: 13px;
      width: 100%;
      max-width: 300px;
      text-align: center;
      align-self: center;
    }

    .terms-of-use__contact {
      padding: 32px 24px;
      gap: 20px;
    }

    .terms-of-use__contact-title {
      font-size: 24px;
    }

    .terms-of-use__contact-email {
      font-size: 16px;
    }

    .terms-of-use__button {
      padding: 14px 28px;
      font-size: 14px;
      width: 100%;
      max-width: 300px;
    }
  }

  /* Mobile */
  @media (max-width: 600px) {
    .terms-of-use__container {
      padding: 0 20px;
    }

    .terms-of-use-section {
      padding-top: 60px;
      padding-bottom: 60px;
    }

    .terms-of-use__title {
      font-size: 32px;
      margin-bottom: 20px;
    }

    .terms-of-use__intro {
      font-size: 15px;
      margin-bottom: 40px;
    }

    .terms-of-use__body {
      gap: 36px;
    }

    .terms-of-use__section {
      gap: 12px;
    }

    .terms-of-use__section-title {
      font-size: 24px;
    }

    .terms-of-use__text,
    .terms-of-use__list li {
      font-size: 14px;
    }

    .terms-of-use__list {
      margin-left: 16px;
      gap: 8px;
    }

    .terms-of-use__list li {
      padding-left: 18px;
    }

    .terms-of-use__link-button {
      padding: 9px 18px;
      font-size: 12px;
    }

    .terms-of-use__contact {
      padding: 28px 20px;
      gap: 16px;
      margin-top: 24px;
    }

    .terms-of-use__contact-title {
      font-size: 22px;
    }

    .terms-of-use__contact-email {
      font-size: 15px;
    }

    .terms-of-use__button {
      padding: 12px 24px;
      font-size: 13px;
    }
  }

  /* Small mobile */
  @media (max-width: 480px) {
    .terms-of-use__container {
      padding: 0 16px;
    }

    .terms-of-use-section {
      padding-top: 50px;
      padding-bottom: 50px;
    }

    .terms-of-use__title {
      font-size: 28px;
      margin-bottom: 16px;
    }

    .terms-of-use__intro {
      font-size: 14px;
      margin-bottom: 32px;
    }

    .terms-of-use__body {
      gap: 32px;
    }

    .terms-of-use__section-title {
      font-size: 22px;
    }

    .terms-of-use__text,
    .terms-of-use__list li {
      font-size: 13px;
    }

    .terms-of-use__list {
      margin-left: 12px;
    }

    .terms-of-use__list li {
      padding-left: 16px;
    }

    .terms-of-use__list li::before {
      font-size: 18px;
    }

    .terms-of-use__link-button {
      padding: 8px 16px;
      font-size: 11px;
    }

    .terms-of-use__contact {
      padding: 24px 16px;
      gap: 14px;
      border-radius: 8px;
    }

    .terms-of-use__contact-title {
      font-size: 20px;
    }

    .terms-of-use__contact-email {
      font-size: 14px;
    }

    .terms-of-use__button {
      padding: 12px 20px;
      font-size: 12px;
    }
  }

  /* Extra small mobile */
  @media (max-width: 380px) {
    .terms-of-use__title {
      font-size: 24px;
    }

    .terms-of-use__intro {
      font-size: 13px;
    }

    .terms-of-use__section-title {
      font-size: 20px;
    }

    .terms-of-use__text,
    .terms-of-use__list li {
      font-size: 12px;
    }

    .terms-of-use__contact-title {
      font-size: 18px;
    }

    .terms-of-use__contact-email {
      font-size: 13px;
    }
  }
/* Testimonials Section - Altura total: 1128px */
  .testimonials-section {
    padding: 113px 0 80px;
    position: relative;
    overflow: hidden;
  }

  .testimonials__container {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 100px;
    position: relative;
    z-index: 1;
    overflow: visible;
    box-sizing: border-box;
  }

  /* Grid Wrapper com barras decorativas */
  .testimonials__grid-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* Decorative side bars - Altura dinâmica, fixas no container */
  .testimonials__grid-wrapper::before,
  .testimonials__grid-wrapper::after {
    content: '';
    position: absolute;
    top: 0;
    width: 80px;
    height: var(--grid-height, 100%);
    min-height: 810px;
    z-index: 0;
    transition: height 0.3s ease;
  }

  .testimonials__grid-wrapper::before {
    left: -104px;
    background: linear-gradient(90deg, rgba(253, 134, 43, 1) 0%, rgba(255, 98, 0, 1) 100%);
    border-radius: 0 10px 10px 0;
  }

  .testimonials__grid-wrapper::after {
    right: -104px;
    background: linear-gradient(270deg, rgba(253, 134, 43, 1) 0%, rgba(255, 98, 0, 1) 100%);
    border-radius: 10px 0 0 10px;
  }

  .testimonials__header {
    text-align: center;
    margin-bottom: 100px;
  }

  .testimonials__heading {
    color: #000000;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 39px;
    line-height: 1.723;
    text-align: center;
  }

  /* Esconder título mobile no desktop */
  .testimonials__heading--mobile {
    display: none;
  }

  /* Mostrar título desktop */
  .testimonials__heading--desktop {
    display: block;
  }

  .testimonials__heading-weight-300 {
    font-weight: 300;
  }

  .testimonials__heading-weight-500 {
    font-weight: 500;
  }

  .testimonials__subheading {
    color: #000;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    margin-top: -10px;
  }

  .testimonials__subheading-weight-500 {
    font-weight: 500;
  }

  .testimonials__subheading strong {
    font-weight: 500;
  }

  /* Esconder carrossel mobile no desktop */
  .testimonials__mobile-wrapper {
    display: none;
  }

  .testimonials__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    max-width: 1705px;
    height: auto;
    min-height: 810px;
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* Column Structure */
  .testimonials__column {
    display: flex;
    flex-direction: column;
    gap: 14px;
    height: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Testimonial Card */
  .testimonial-card {
    position: relative;
    background: #79BEFD;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 26px 22px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 268px;
    flex-shrink: 0;
  }

  .testimonial-card::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 10px;
    background: linear-gradient(180deg, rgba(87, 175, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
  }

  .testimonial-card--orange {
    background: #FD862B;
  }

  .testimonial-card--orange::before {
    background: linear-gradient(180deg, rgba(253, 109, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
  }

  .testimonial-card__header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
  }

  .testimonial-card__name {
    color: #FFFFFF;
    font-family: 'Helvetica', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
  }

  .testimonial-card__text {
    color: #FFFFFF;
    font-family: 'Helvetica', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0;
    flex: 1;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
  }

  .testimonial-card__text::-webkit-scrollbar {
    width: 4px;
  }

  .testimonial-card__text::-webkit-scrollbar-track {
    background: transparent;
  }

  .testimonial-card__text::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 2px;
  }

  .testimonial-card__text::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }

  /* Video Card */
  .video-card {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid transparent;
    flex: 1;
    min-height: 0;
    aspect-ratio: 9 / 16;
    width: 100%;
  }

  .video-card::before {
    content: '';
    position: absolute;
    inset: -2px;
    border-radius: 10px;
    padding: 2px;
    background: linear-gradient(180deg, rgba(87, 175, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: 1;
  }

  .video-card video,
  .video-card iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border: none;
    border-radius: 10px;
    background: #000000;
  }

  /* Esconder controles por padrão */
  .video-card video::-webkit-media-controls {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .video-card video::-webkit-media-controls-enclosure {
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  /* Mostrar controles ao passar o mouse */
  .video-card:hover video::-webkit-media-controls,
  .video-card:hover video::-webkit-media-controls-enclosure {
    opacity: 1;
  }

  /* Mostrar controles ao tocar (mobile) */
  .video-card.show-controls video::-webkit-media-controls,
  .video-card.show-controls video::-webkit-media-controls-enclosure {
    opacity: 1;
  }

  /* Estilo dos controles do vídeo */
  .video-card video::-webkit-media-controls-panel {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
  }

  /* Ícone de play centralizado */
  .video-card__play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 65px;
    height: 65px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    backdrop-filter: blur(0px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    pointer-events: none;
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease, background 0.3s ease;
  }

  .video-card__play-icon svg {
    width: 38px;
    height: 38px;
    opacity: 0.9;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    transition: opacity 0.3s ease, transform 0.3s ease;
    margin-left: 0px;
  }

  .video-card__play-icon svg path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-linejoin: round;
    stroke-linecap: round;
  }

  /* Esconder quando o vídeo está tocando */
  .video-card--playing .video-card__play-icon {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2);
  }

  /* Hover no ícone */
  .video-card:hover .video-card__play-icon {
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%) scale(1.05);
  }

  .video-card:hover .video-card__play-icon svg {
    opacity: 1;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));
  }

  /* Mobile - ícone um pouco menor */
  @media (max-width: 990px) {
    .video-card__play-icon {
      width: 58px;
      height: 58px;
    }

    .video-card__play-icon svg {
      width: 34px;
      height: 34px;
    }
  }


  .video-card__placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(121, 190, 253, 0.1) 0%, rgba(121, 190, 253, 0.05) 100%);
    gap: 12px;
  }

  .video-card__placeholder-icon {
    opacity: 0.6;
  }

  .video-card__placeholder-text {
    color: #79BEFD;
    font-family: 'Bricolage Grotesque', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    opacity: 0.7;
  }

  /* Responsive - Telas muito grandes (4K e acima) */
  @media (min-width: 2560px) {
    .testimonials__container {
      max-width: 1920px;
      padding: 0 100px;
      width: 100%;
      margin: 0 auto;
    }

    .testimonials__grid {
      max-width: 1705px;
    }

    .testimonials__grid-wrapper::before {
      left: -104px;
    }

    .testimonials__grid-wrapper::after {
      right: -104px;
    }
  }

  /* Responsive - Telas muito grandes */
  @media (min-width: 1921px) and (max-width: 2559px) {
    .testimonials__container {
      max-width: 1920px;
      padding: 0 100px;
      width: 100%;
      margin: 0 auto;
    }

    .testimonials__grid {
      max-width: 1705px;
    }

    .testimonials__grid-wrapper::before {
      left: -104px;
    }

    .testimonials__grid-wrapper::after {
      right: -104px;
    }
  }

  @media (min-width: 1600px) and (max-width: 1920px) {
    .testimonials__container {
      padding: 0 80px;
    }

    .testimonials__grid-wrapper::before {
      left: -84px;
    }

    .testimonials__grid-wrapper::after {
      right: -84px;
    }
  }

  @media (min-width: 1401px) and (max-width: 1599px) {
    .testimonials__container {
      padding: 0 80px;
    }

    .testimonials__grid-wrapper::before {
      left: -84px;
    }

    .testimonials__grid-wrapper::after {
      right: -84px;
    }
  }

  /* Responsive */
  @media (max-width: 1400px) {
    .testimonials__container {
      padding: 0 80px;
    }

    .testimonials__header {
      margin-bottom: 60px;
    }

    .testimonials__heading {
      font-size: 36px;
    }

    .testimonials__subheading {
      font-size: 28px;
    }

    .testimonials__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      height: auto;
    }

    .testimonials__column:nth-child(4),
    .testimonials__column:nth-child(5) {
      display: none;
    }

    .testimonials__grid-wrapper::before {
      left: -84px;
    }

    .testimonials__grid-wrapper::after {
      right: -84px;
    }
  }

  @media (max-width: 1200px) {
    .testimonials__grid-wrapper::before {
      left: -60px;
      width: 40px;
    }

    .testimonials__grid-wrapper::after {
      right: -60px;
      width: 40px;
    }

    .testimonials__container {
      padding: 0 60px;
    }
  }

  @media (max-width: 990px) {
    .testimonials-section {
      padding: 113px 0 150px;
    }

    .testimonials__container {
      padding: 0;
    }

    .testimonials__header {
      margin-bottom: 70px;
      padding: 0;
    }

    .testimonials__heading {
      font-size: 28px;
      line-height: 1.3em;
    }

    /* Esconder título desktop no mobile */
    .testimonials__heading--desktop {
      display: none !important;
    }

    /* Mostrar título mobile */
    .testimonials__heading--mobile {
      display: block !important;
    }

    .testimonials__subheading {
      display: none;
    }

    /* Esconder grid desktop */
    .testimonials__grid-wrapper {
      display: none !important;
    }

    /* Mobile Carousel Wrapper */
    .testimonials__mobile-wrapper {
      display: flex;
      position: relative;
      width: 100%;
      align-items: flex-start;
      margin-top: 24px;
      padding: 0;
      overflow: visible;
    }

    /* Barra laranja fixa - no container */
    .testimonials__mobile-sidebar {
      position: absolute;
      top: 0;
      width: 18px;
      height: var(--mobile-sidebar-height, 100%);
      flex-shrink: 0;
      z-index: 1;
      transition: height 0.3s ease;
    }

    .testimonials__mobile-sidebar--left {
      left: 0;
      background: linear-gradient(90deg, rgba(253, 134, 43, 1) 0%, rgba(255, 98, 0, 1) 100%);
      border-radius: 0 10px 10px 0;
    }

    .testimonials__mobile-sidebar--right {
      right: 0;
      background: linear-gradient(270deg, rgba(253, 134, 43, 1) 0%, rgba(255, 98, 0, 1) 100%);
      border-radius: 10px 0 0 10px;
    }

    /* Carrossel mobile */
    .testimonials__mobile-carousel {
      position: relative;
      width: 100%;
      margin-left: 0;
      margin-right: 0;
      overflow: hidden;
    }

    .testimonials__mobile-track {
      display: flex;
      gap: 0;
      width: 100%;
      overflow-x: auto;
      overflow-y: hidden;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding-bottom: 20px;
      scroll-padding: 0;
      touch-action: pan-x pan-y;
    }

    .testimonials__mobile-track::-webkit-scrollbar {
      display: none;
    }

    .testimonials__mobile-slide {
      flex: 0 0 100%;
      width: 100%;
      scroll-snap-align: start;
      scroll-snap-stop: always;
      display: flex;
      flex-direction: column;
      gap: 14px;
      box-sizing: border-box;
      padding: 0 28px;
    }

    /* Vídeo mobile */
    .testimonials__mobile-video {
      position: relative;
      width: 100%;
      aspect-ratio: 9 / 16;
      border-radius: 10px;
      overflow: hidden;
      border: 2px solid transparent;
      box-sizing: border-box;
      flex-shrink: 0;
      touch-action: pan-x pan-y;
    }
    
    .testimonials__mobile-video video,
    .testimonials__mobile-video iframe {
      touch-action: pan-x pan-y;
    }

    .testimonials__mobile-video::before {
      content: '';
      position: absolute;
      inset: -2px;
      border-radius: 10px;
      padding: 2px;
      background: linear-gradient(180deg, rgba(87, 175, 255, 1) 0%, rgba(255, 255, 255, 0) 50%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      z-index: 1;
    }

    .testimonials__mobile-video .video-card__placeholder {
      width: 100%;
      height: 100%;
    }

    /* Testimonial card mobile */
    .testimonials__mobile-slide .testimonial-card {
      width: 100%;
      height: 268px;
      padding: 26px 22px;
      box-sizing: border-box;
      flex-shrink: 0;
    }

    .testimonials__mobile-slide .testimonial-card__text {
      font-size: 14px;
      overflow: auto;
      scrollbar-width: thin;
      scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
    }

    .testimonials__mobile-slide .testimonial-card__text::-webkit-scrollbar {
      width: 4px;
    }

    .testimonials__mobile-slide .testimonial-card__text::-webkit-scrollbar-track {
      background: transparent;
    }

    .testimonials__mobile-slide .testimonial-card__text::-webkit-scrollbar-thumb {
      background: rgba(255, 255, 255, 0.3);
      border-radius: 2px;
    }

    .testimonials__mobile-slide .testimonial-card__text::-webkit-scrollbar-thumb:hover {
      background: rgba(255, 255, 255, 0.5);
    }
  }

  @media (max-width: 768px) {
    .testimonials__header {
      margin-bottom: 50px;
    }

    .testimonials__heading {
      font-size: 25px;
      line-height: 1.08em;
      letter-spacing: -0.02em;
    }

    .testimonials__heading--mobile .testimonials__heading-weight-500:not(.testimonials__heading-mobile-text),
    .testimonials__heading--mobile .testimonials__heading-weight-300:not(.testimonials__heading-mobile-text) {
      font-size: 25px;
    }

    .testimonials__heading-mobile-text {
      font-size: 19px;
    }
  }

  /* Ajustes para telas muito pequenas */
  @media (max-width: 600px) {
    .testimonials-section {
      padding: 0;
    } 

    .testimonials__container {
      padding: 0;
    }

    .testimonials__header {
      margin-bottom: 70px;
      margin-top: 70px;
      padding: 0 20px;
    }

    .testimonials__heading {
      font-size: 25px;
      line-height: 1.08em;
      letter-spacing: -0.02em;
    }

    .testimonials__heading--mobile .testimonials__heading-weight-500:not(.testimonials__heading-mobile-text),
    .testimonials__heading--mobile .testimonials__heading-weight-300:not(.testimonials__heading-mobile-text) {
      font-size: 25px;
    }

    .testimonials__heading-mobile-text {
      font-size: 19px;
    }
  }
.trustreviews-widget-section {
    width: 100%;
    padding: 40px 0;
  }
  
  @media (max-width: 768px) {
    .trustreviews-widget-section {
      padding: 20px 0;
    }
  }

/* CSS from block stylesheet tags */
.group {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
  }

  .group--horizontal {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 var(--padding);
  }

  .group--vertical {
    flex-direction: column;
    align-items: var(--alignment);
    padding: var(--padding) 0;
  }
.text {
    text-align: var(--text-align);
  }
  .text--title {
    font-size: 2rem;
    font-weight: 700;
  }
  .text--subtitle {
    font-size: 1.5rem;
  }

/* CSS from snippet stylesheet tags */
/* Cart Drawer - Overlay */
  .cart-drawer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .cart-drawer.is-open {
    opacity: 1;
    pointer-events: auto;
  }

  .cart-drawer__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .cart-drawer.is-open .cart-drawer__overlay {
    opacity: 1;
  }

  /* Cart Drawer - Container */
  .cart-drawer__container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    max-width: 480px;
    background: #FFFFFF;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .cart-drawer.is-open .cart-drawer__container {
    transform: translateX(0);
  }

  /* Header */
  .cart-drawer__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    border-bottom: 1px solid #E8E8E8;
    background: #F8F9FA;
  }

  .cart-drawer__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #79BEFD;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .cart-drawer__count {
    background: #FD862B;
    color: #FFFFFF;
    font-size: 14px;
    min-width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
  }

  .cart-drawer__close {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .cart-drawer__close:hover {
    background: #E8E8E8;
    color: #000000;
  }

  /* Free Shipping Card */
  .cart-drawer__shipping-card {
    padding: 16px 24px;
    border-bottom: 1px solid #E8E8E8;
    background: #FFFFFF;
  }

  .shipping-card {
    background: linear-gradient(135deg, rgba(121, 190, 253, 0.08) 0%, rgba(253, 134, 43, 0.05) 100%);
    border-radius: 12px;
    padding: 16px;
    border: 2px solid #FD862B;
    box-shadow: 0 2px 8px rgba(253, 134, 43, 0.1);
    transition: all 0.3s ease;
  }

  .shipping-card:hover {
    box-shadow: 0 4px 12px rgba(253, 134, 43, 0.15);
    transform: translateY(-1px);
  }

  .shipping-card__success {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .shipping-card__icon {
    flex-shrink: 0;
    color: #FD862B;
    width: 24px;
    height: 24px;
    filter: drop-shadow(0 2px 4px rgba(253, 134, 43, 0.3));
  }

  .shipping-card__message {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #FD862B;
    margin: 0;
    line-height: 1.5;
  }

  .shipping-card__message strong {
    color: #FD862B;
    font-weight: 700;
  }

  .shipping-card__progress {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .shipping-card__text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    color: #666666;
    margin: 0;
    line-height: 1.5;
  }

  .shipping-card__text strong {
    color: #79BEFD;
    font-weight: 700;
  }

  .shipping-card__bar {
    width: 100%;
    height: 10px;
    background: #F0F0F0;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
  }

  .shipping-card__bar-fill {
    height: 100%;
    background: #FD862B;
    border-radius: 5px;
    transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(253, 134, 43, 0.3);
  }

  .shipping-card__bar-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
      90deg,
      transparent 0%,
      rgba(255, 255, 255, 0.4) 50%,
      transparent 100%
    );
    animation: shimmer 2s infinite;
  }

  @keyframes shimmer {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(100%);
    }
  }

  /* Content */
  .cart-drawer__content {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
  }

  /* Empty Cart */
  .cart-drawer__empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
    text-align: center;
  }

  .cart-drawer__empty-icon {
    width: 80px;
    height: 80px;
    margin-bottom: 24px;
    color: #CCCCCC;
  }

  .cart-drawer__empty-icon svg {
    width: 100%;
    height: 100%;
  }

  .cart-drawer__empty-title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 12px 0;
  }

  .cart-drawer__empty-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: #666666;
    margin: 0 0 32px 0;
  }

  .cart-drawer__empty-button {
    display: inline-block;
    padding: 14px 32px;
    background: #79BEFD;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 28px;
    transition: background-color 0.2s ease, transform 0.2s ease;
  }

  .cart-drawer__empty-button:hover {
    background: #6AADEC;
    transform: translateY(-2px);
  }

  /* Cart Items */
  .cart-drawer__items {
    flex: 1;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .cart-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    background: #F8F9FA;
    border-radius: 12px;
    position: relative;
    transition: background-color 0.2s ease;
  }

  .cart-item:hover {
    background: #F0F2F5;
  }

  /* Cart Item - Image */
  .cart-item__image-wrapper {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
  }

  .cart-item__image {
    height: 100%;
    object-fit: cover;
  }

  .cart-item__image-placeholder {
    width: 100%;
    height: 100%;
    background: #E8E8E8;
  }

  /* Cart Item - Details */
  .cart-item__details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 80%;
  }

  .cart-item__info {
    flex: 1;
  }

  .cart-item__title {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    margin: 0 0 4px 0;
    line-height: 1.4;
  }

  .cart-item__title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  .cart-item__title a:hover {
    color: #79BEFD;
  }

  .cart-item__variant {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    color: #666666;
    margin: 0 0 8px 0;
  }

  .cart-item__properties {
    margin: 0 0 8px 0;
  }

  .cart-item__property {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    color: #666666;
    margin: 0;
  }

  .cart-item__price-wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .cart-item__price {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #79BEFD;
  }

  .cart-item__price--sale {
    color: #FD862B;
  }

  .cart-item__price-compare {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: #999999;
    text-decoration: line-through;
  }

  /* Cart Item - Actions */
  .cart-item__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .cart-item__quantity {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #E8E8E8;
    width: fit-content;
  }

  .cart-item__qty-btn {
    background: none;
    border: none;
    padding: 6px;
    cursor: pointer;
    color: #666666;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s ease, color 0.2s ease;
    width: 28px;
    height: 28px;
  }

  .cart-item__qty-btn:hover {
    background: #F0F2F5;
    color: #000000;
  }

  .cart-item__qty-btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
  }

  .cart-item__qty-input {
    width: 40px;
    min-width: 40px;
    text-align: center;
    border: none;
    background: none;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    padding: 4px;
    flex-shrink: 0;
  }

  .cart-item__qty-input:focus {
    outline: none;
  }

  /* Remove number input arrows */
  .cart-item__qty-input::-webkit-outer-spin-button,
  .cart-item__qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }

  .cart-item__qty-input[type=number] {
    -moz-appearance: textfield;
  }

  .cart-item__remove {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    color: #E53935;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
  }

  .cart-item__remove:hover {
    background: #FFEBEE;
  }

  /* Mobile Responsive Fixes */
  @media (max-width: 600px) {
    .cart-drawer__items {
      padding: 12px 16px;
      gap: 12px;
    }
    
    .cart-item {
      padding: 12px;
      gap: 10px;
    }
    
    .cart-item__image-wrapper {
      width: 60px;
      height: 60px;
    }
    
    .cart-item__details {
      gap: 6px;
    }
    
    .cart-item__title {
      font-size: 12px;
      line-height: 1.3;
    }
    
    .cart-item__variant {
      font-size: 11px;
    }
    
    .cart-item__price {
      font-size: 13px;
    }
    
    .cart-item__actions {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
    }
    
    .cart-item__quantity {
      flex-direction: column;
      align-items: start;
      padding: 10px;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      gap: 0;
    }
    
    .cart-item__qty-btn {
      width: 24px;
      height: 24px;
      padding: 4px;
    }
    
    .cart-item__qty-btn svg {
      width: 12px;
      height: 12px;
    }
    
    .cart-item__qty-input {
      width: 32px;
      min-width: 32px;
      font-size: 12px;
      padding: 2px;
    }
    
    .cart-item__remove {
      padding: 6px;
    }
    
    .cart-item__remove svg {
      width: 14px;
      height: 14px;
    }
  }
  
  @media (max-width: 360px) {
    .cart-item {
      padding: 10px;
    }
    
    .cart-item__image-wrapper {
      width: 50px;
      height: 50px;
    }
    
    .cart-item__title {
      font-size: 11px;
    }
    
    .cart-item__price {
      font-size: 12px;
    }
  }

  /* Footer */
  .cart-drawer__footer {
    padding: 24px;
    border-top: 1px solid #E8E8E8;
    background: #F8F9FA;
  }

  .cart-drawer__discounts {
    margin-bottom: 16px;
  }

  .cart-drawer__discount {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px;
    background: #E8F5E9;
    border-radius: 8px;
    margin-bottom: 8px;
  }

  .cart-drawer__discount:last-child {
    margin-bottom: 0;
  }

  .cart-drawer__discount-icon {
    font-size: 18px;
  }

  .cart-drawer__discount-text {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #2E7D32;
  }

  .cart-drawer__subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 16px;
    border-bottom: 1px solid #E8E8E8;
  }

  .cart-drawer__subtotal-label {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
  }

  .cart-drawer__subtotal-amount {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #79BEFD;
  }

  .cart-drawer__shipping-note {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin: 0 0 16px 0;
  }

  .cart-drawer__checkout-btn {
    display: block;
    width: 100%;
    padding: 16px;
    background: #FD862B;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border-radius: 28px;
    transition: background-color 0.2s ease, transform 0.2s ease;
    margin-bottom: 12px;
    border: none;
    cursor: pointer;
  }

  .cart-drawer__checkout-btn:hover {
    background: #6AADEC;
    transform: translateY(-2px);
  }

  .cart-drawer__continue-btn {
    display: block;
    width: 100%;
    padding: 14px;
    background: transparent;
    color: #79BEFD;
    border: 2px solid #79BEFD;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-radius: 28px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
  }

  .cart-drawer__continue-btn:hover {
    background: #79BEFD;
    color: #FFFFFF;
  }

  /* Loading Overlay */
  .cart-drawer__loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
  }

  .cart-drawer__spinner .spinner {
    animation: spin 1s linear infinite;
    color: #79BEFD;
  }

  @keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
  }

  /* Responsive */
  @media (max-width: 600px) {
    .cart-drawer__container {
      max-width: 100%;
    }

    .cart-drawer__header {
      padding: 20px;
    }

    .cart-drawer__title {
      font-size: 20px;
    }

    .cart-drawer__items {
      padding: 12px 16px;
    }

    .cart-item {
      padding: 12px;
    }

    .cart-item__image-wrapper {
      width: 80px;
      height: 80px;
    }

    .cart-drawer__footer {
      padding: 20px;
    }

    .cart-item__quantity {
      flex-direction: column;
      align-items: start;
      padding: 10px;
    }

    .cart-drawer__shipping-card {
      padding: 12px 16px;
    }

    .shipping-card {
      padding: 12px;
      border-width: 1.5px;
    }

    .shipping-card__success {
      padding: 10px;
    }

    .shipping-card__message,
    .shipping-card__text {
      font-size: 12px;
    }

    .shipping-card__icon {
      width: 20px;
      height: 20px;
    }

    .shipping-card__bar {
      height: 8px;
    }
  }
/* ============================================================================
     CART UPSELL SECTION
     ========================================================================= */
  
  .cart-upsell {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }

  .cart-upsell__title {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    color: #2C2C2C;
    margin: 0 0 24px 0;
  }

  .cart-upsell__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }

  /* Quando há apenas 1 produto, ocupar mais espaço */
  .cart-upsell__grid--single {
    grid-template-columns: repeat(2, 1fr) !important;
    max-width: 600px;
  }

  /* Responsive Grid */
  @media (max-width: 1200px) {
    .cart-upsell__grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }

    .cart-upsell__grid--single {
      grid-template-columns: repeat(2, 1fr) !important;
      max-width: 600px;
    }
  }

  @media (max-width: 768px) {
    .cart-upsell__grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 16px;
    }

    .cart-upsell__grid--single {
      grid-template-columns: 1fr !important;
      max-width: 400px;
    }

    .cart-upsell__title {
      font-size: 20px;
      margin-bottom: 20px;
    }
  }

  @media (max-width: 640px) {
    .cart-upsell {
      margin-top: 24px;
      padding-top: 24px;
    }

    .cart-upsell__grid {
      grid-template-columns: 1fr;
      gap: 16px;
    }

    .cart-upsell__grid--single {
      grid-template-columns: 1fr !important;
      max-width: 100%;
    }

    .cart-upsell__title {
      font-size: 18px;
      margin-bottom: 16px;
    }

    /* No mobile, os cards já estão em layout compacto (horizontal) */
    .cart-upsell__grid:not(.cart-upsell__grid--compact) {
      grid-template-columns: 1fr;
    }
  }

  /* Compact Version (for Cart Drawer) */
  .cart-upsell--compact {
    margin-top: 0;
    padding: 0 24px;
    padding-top: 24px;
    border-top: none;
    margin-bottom: 32px;
  }

  .cart-upsell--compact .cart-upsell__title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
  }

  .cart-upsell__grid--compact {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  .cart-upsell__grid--compact > * {
    width: 100%;
  }

  @media (max-width: 640px) {
    .cart-upsell--compact {
      margin-top: 0;
      padding: 0 20px;
      padding-top: 16px;
      margin-bottom: 20px;
    }

    .cart-upsell--compact .cart-upsell__title {
      font-size: 15px;
      font-weight: 500;
      margin-bottom: 10px;
    }

    .cart-upsell__grid--compact {
      gap: 10px;
    }
  }
.spinner {
    animation: spinner-rotate 1s linear infinite;
  }

  .spinner__path {
    stroke-dasharray: 50;
    stroke-dashoffset: 0;
    animation: spinner-dash 1.5s ease-in-out infinite;
    stroke-linecap: round;
  }

  @keyframes spinner-rotate {
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes spinner-dash {
    0% {
      stroke-dasharray: 1, 150;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -35;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -124;
    }
  }
.star-rating {
    display: inline-flex;
    align-items: center;
    gap: 2px;
  }

  .star-rating__star {
    width: 18px;
    height: 16px;
    flex-shrink: 0;
  }

  .star-rating__star--full path {
    fill: #FDAC2B;
  }

  .star-rating__star--empty path {
    fill: #D9D9D9;
  }

  .star-rating__star--half path {
    fill: url(#half-fill-{{ section.id }});
  }
.image {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
  }

  .image > img {
    width: 100%;
    height: auto;
  }
/* ============================================================================
     LAYOUT DO FORM
     ========================================================================= */
  .product-form {
    width: 100%;
  }

  .product-form__form {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* ============================================================================
     VARIANTES E PREÇO
     ========================================================================= */
  .product-form__options {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    flex-wrap: wrap;
  }

  .product-form__price {
    height: 44px;
    padding: 0 28px;
    background: #FD862A;
    border: none;
    border-bottom: 3px solid #79BEFD;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  .product-form__price-value {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
  }

  .product-form__price-compare {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: line-through;
  }

  /* ============================================================================
     BOTÕES DE AÇÃO
     ========================================================================= */
  .product-form__actions {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
  }

  .product-form__button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #79BEFD;
    border: none;
    border-radius: 10px;
    color: #FFFFFF;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
  }

  .product-form__button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .product-form__button:not(:disabled):hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(121, 190, 253, 0.4);
  }

  .product-form__button:not(:disabled):active {
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(121, 190, 253, 0.4);
  }

  .product-form__button--primary {
    height: 58px;
    font-size: 17px;
    letter-spacing: 0.5px;
  }

  .product-form__button--secondary {
    height: 52px;
    font-size: 15px;
    letter-spacing: 0.3px;
  }

  .product-form__button-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .product-form__button--primary .product-form__button-icon svg {
    width: 24px;
    height: 23px;
  }

  .product-form__button--secondary .product-form__button-icon svg {
    width: 20px;
    height: 20px;
  }

  .product-form__button-text {
    display: inline-block;
  }

  /* Loading spinner */
  .product-form__button-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .product-form__button.is-loading .product-form__button-text,
  .product-form__button.is-loading .product-form__button-icon {
    opacity: 0;
  }

  .product-form__button.is-loading [data-spinner] {
    display: block !important;
  }

  /* ============================================================================
     MENSAGENS
     ========================================================================= */
  .product-form__message {
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    animation: slideDown 0.3s ease;
  }

  .product-form__message--success {
    background: #D4EDDA;
    color: #155724;
    border: 1px solid #C3E6CB;
  }

  .product-form__message--error {
    background: #F8D7DA;
    color: #721C24;
    border: 1px solid #F5C6CB;
  }

  @keyframes slideDown {
    from {
      opacity: 0;
      transform: translateY(-10px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ============================================================================
     RESPONSIVIDADE
     ========================================================================= */
  @media (max-width: 600px) {
    .product-form__options {
      flex-direction: column;
      align-items: stretch;
      gap: 10px;
    }

    .product-form__price {
      width: 100%;
      justify-content: flex-start;
    }
  }
  /* ============================================================================
     ESTILOS ESPECÍFICOS PARA PRODUTO PINA COLADA
     ========================================================================= */
  body.product-pina-colada .product-form__price {
    background: #FFBB00;
  }
.product-gallery {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  /* ============================================================================
     IMAGEM PRINCIPAL
     ========================================================================= */
  .product-gallery__main {
    width: 100%;
  }

  .product-gallery__main-image {
    position: relative;
    width: 100%;
    aspect-ratio: 841 / 520;
    border-radius: 10px;
    overflow: hidden;
    background: #F5F5F5;
  }

  .product-gallery__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: opacity 0.3s ease;
  }

  .product-gallery__image.is-loading {
    opacity: 0.5;
  }

  /* Placeholder */
  .product-gallery__placeholder {
    width: 100%;
    aspect-ratio: 841 / 520;
    border-radius: 10px;
    overflow: hidden;
    background: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-gallery__placeholder svg {
    width: 100%;
    height: 100%;
    opacity: 0.3;
  }

  /* ============================================================================
     BOTÃO DE PLAY
     ========================================================================= */
  .product-gallery__play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 102px;
    height: 98px;
    background: #FFFFFF;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  }

  .product-gallery__play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  }

  .product-gallery__play-button:active {
    transform: translate(-50%, -50%) scale(1.05);
  }

  .product-gallery__play-button svg {
    width: 93px;
    height: 93px;
  }

  /* ============================================================================
     BARRA DE PROGRESSO
     ========================================================================= */
  .product-gallery__progress-bar {
    width: 100%;
    height: 9px;
    background: #C0E1FF;
    border-radius: 0 0 17px 21px;
    position: relative;
    overflow: hidden;
  }

  .product-gallery__progress {
    height: 100%;
    background: #79BEFD;
    border-radius: 0 0 0 21px;
    transition: width 0.3s ease;
  }

  /* ============================================================================
     THUMBNAILS
     ========================================================================= */
  .product-gallery__thumbnails {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding: 4px 0;
    scrollbar-width: thin;
    scrollbar-color: #79BEFD #E2E2E2;
  }

  .product-gallery__thumbnails::-webkit-scrollbar {
    height: 6px;
  }

  .product-gallery__thumbnails::-webkit-scrollbar-track {
    background: #E2E2E2;
    border-radius: 3px;
  }

  .product-gallery__thumbnails::-webkit-scrollbar-thumb {
    background: #79BEFD;
    border-radius: 3px;
  }

  .product-gallery__thumbnail {
    flex-shrink: 0;
    width: 100px;
    height: 100px;
    border: 2px solid transparent;
    border-radius: 8px;
    overflow: hidden;
    background: #F5F5F5;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
  }

  .product-gallery__thumbnail:hover {
    border-color: #79BEFD;
    transform: translateY(-2px);
  }

  .product-gallery__thumbnail.is-active {
    border-color: #FD862A;
    box-shadow: 0 2px 8px rgba(253, 134, 42, 0.3);
  }

  .product-gallery__thumbnail-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* ============================================================================
     RESPONSIVIDADE
     ========================================================================= */
  @media (max-width: 600px) {
    .product-gallery__thumbnails {
      gap: 8px;
    }

    .product-gallery__thumbnail {
      width: 80px;
      height: 80px;
    }

    .product-gallery__play-button {
      width: 80px;
      height: 76px;
    }

    .product-gallery__play-button svg {
      width: 70px;
      height: 70px;
    }
  }
  /* ============================================================================
     ESTILOS ESPECÍFICOS PARA PRODUTO PINA COLADA
     ========================================================================= */
  body.product-pina-colada .product-gallery__thumbnail.is-active {
    border-color: #FFBB00;
    box-shadow: 0 2px 8px rgba(255, 187, 0, 0.3);
  }
/* ============================================================================
     VARIANTE ÚNICA
     ========================================================================= */
  .variant-selector__single {
    display: flex;
    align-items: center;
    gap: 14px;
    height: 44px;
    padding: 0 20px;
    background: #FD862A;
    border: none;
    border-bottom: 3px solid #79BEFD;
    border-radius: 12px;
    width: fit-content;
  }

  .variant-selector__label {
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 17px;
    font-weight: 500;
    white-space: nowrap;
  }

  /* ============================================================================
     MÚLTIPLAS VARIANTES
     ========================================================================= */
  .variant-selector__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    height: 44px;
    padding: 0 20px;
    background: #FD862A;
    border: none;
    border-bottom: 3px solid #79BEFD;
    border-radius: 12px;
    width: fit-content;
    min-width: 200px;
  }

  .variant-selector__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .variant-selector__icon svg {
    width: 32px;
    height: 28px;
  }

  /* ============================================================================
     SELECT CUSTOMIZADO
     ========================================================================= */
  .variant-selector__option {
    position: relative;
    flex: 1;
  }

  .variant-selector__select {
    width: 100%;
    background: transparent;
    border: none;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 17px;
    font-weight: 500;
    cursor: pointer;
    appearance: none;
    padding-right: 24px;
    outline: none;
  }

  .variant-selector__select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
  }

  .variant-selector__select option {
    color: #000000;
    background: #FFFFFF;
    padding: 8px;
  }

  /* Seta dropdown */
  .variant-selector__arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    width: 12px;
    height: 8px;
  }

  /* Acessibilidade */
  .visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  /* ============================================================================
     RESPONSIVIDADE
     ========================================================================= */
  @media (max-width: 600px) {
    .variant-selector__wrapper,
    .variant-selector__single {
      width: 100%;
      justify-content: flex-start;
    }
  }

  /* ============================================================================
     ESTILOS ESPECÍFICOS PARA PRODUTO PINA COLADA
     ========================================================================= */
  body.product-pina-colada .variant-selector__single,
  body.product-pina-colada .variant-selector__wrapper {
    background: #FFBB00;
  }
/* ============================================================================
     FORMULÁRIO
     ========================================================================= */
  .shipping-calculator {
    width: 100%;
    margin-top: 12px;
  }

  .shipping-calculator__form {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
  }

  .shipping-calculator__input-wrapper {
    flex: 1;
    min-width: 0;
  }

  .shipping-calculator__input {
    width: 100%;
    height: 48px;
    padding: 0 13px;
    border: 1px solid #FD862A;
    border-radius: 4px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #151515;
    outline: none;
    transition: all 0.3s ease;
    box-sizing: border-box;
  }

  .shipping-calculator__input:focus {
    border-color: #FF9900;
    box-shadow: 0 0 0 1px rgba(255, 153, 0, 0.3);
  }

  .shipping-calculator__input::placeholder {
    color: #999999;
  }

  .shipping-calculator__input.has-error {
    border-color: #DC3545;
  }

  /* ============================================================================
     BOTÃO CALCULAR
     ========================================================================= */
  .shipping-calculator__button {
    height: 48px;
    padding: 0 20px;
    background: #FD862A;
    color: #FFFFFF;
    border: none;
    border-radius: 4px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
    flex-shrink: 0;
    min-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .shipping-calculator__button-text {
    display: inline-block;
  }

  .shipping-calculator__button:hover:not(:disabled) {
    background: #E6751F;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 42, 0.4);
  }

  .shipping-calculator__button:active:not(:disabled) {
    transform: translateY(0);
  }

  .shipping-calculator__button:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none;
  }

  .shipping-calculator__button.is-loading .shipping-calculator__button-text {
    opacity: 0;
  }

  .shipping-calculator__button.is-loading [data-spinner] {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /* ============================================================================
     RESULTADOS
     ========================================================================= */
  .shipping-calculator__results {
    margin-top: 16px;
    padding: 16px;
    background: #F8F9FA;
    border: 1px solid #E2E2E2;
    border-radius: 8px;
    animation: fadeIn 0.3s ease;
  }

  .shipping-option {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #E2E2E2;
  }

  .shipping-option:last-child {
    border-bottom: none;
  }

  .shipping-option__info {
    flex: 1;
  }

  .shipping-option__name {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #151515;
    margin-bottom: 4px;
  }

  .shipping-option__delivery {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-size: 12px;
    color: #575757;
  }

  .shipping-option__price {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #FD862A;
  }

  .shipping-option__price--free {
    color: #28A745;
  }

  /* ============================================================================
     ERRO
     ========================================================================= */
  .shipping-calculator__error {
    margin-top: 12px;
    padding: 12px 16px;
    background: #F8D7DA;
    color: #721C24;
    border: 1px solid #F5C6CB;
    border-radius: 8px;
    font-size: 14px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    animation: fadeIn 0.3s ease;
  }

  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(-5px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* ============================================================================
     RESPONSIVIDADE
     ========================================================================= */
  @media (max-width: 768px) {
    .shipping-calculator__form {
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
    }

    .shipping-calculator__input-wrapper {
      width: 100%;
      max-width: 100%;
    }

    .shipping-calculator__input {
      width: 100%;
    }

    .shipping-calculator__button {
      width: 100%;
      min-width: auto;
    }
  }
  /* ============================================================================
     ESTILOS ESPECÍFICOS PARA PRODUTO PINA COLADA
     ========================================================================= */
  body.product-pina-colada .shipping-calculator__input {
    border-color: #FFBB00;
  }

  body.product-pina-colada .shipping-calculator__input:focus {
    border-color: #FFBB00;
    box-shadow: 0 0 0 1px rgba(255, 187, 0, 0.3);
  }

  body.product-pina-colada .shipping-calculator__button {
    background: #FFBB00;
  }

  body.product-pina-colada .shipping-calculator__button:hover {
    background: #E6A800;
  }

  body.product-pina-colada .shipping-calculator__result-item-price {
    color: #FFBB00;
  }
/* ============================================================================
     UPSELL PRODUCT CARD
     ========================================================================= */
  
  .upsell-card {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid #F0F0F0;
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .upsell-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
  }

  /* Image Wrapper */
  .upsell-card__image-wrapper {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
  }

  .upsell-card__image-link {
    display: block;
    width: 100%;
    height: 100%;
  }

  .upsell-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
  }

  .upsell-card:hover .upsell-card__image {
    transform: scale(1.05);
  }

  .upsell-card__image-placeholder {
    width: 100%;
    height: 100%;
    background: #F8F8F8;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .upsell-card__placeholder {
    width: 60px;
    height: 60px;
    opacity: 0.3;
  }

  /* Badge */
  .upsell-card__badge {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 6px 12px;
    border-radius: 20px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    z-index: 1;
  }

  .upsell-card__badge--sold-out {
    background: #FF4444;
    color: #FFFFFF;
  }

  /* Content */
  .upsell-card__content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 12px;
  }

  /* Title */
  .upsell-card__title {
    margin: 0;
  }

  .upsell-card__title-link {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
    color: #2C2C2C;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
  }

  .upsell-card__title-link:hover {
    color: #79BEFD;
  }

  /* Price */
  .upsell-card__price {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
  }

  .upsell-card__price--sale {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #FD862B;
  }

  .upsell-card__price--compare {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    text-decoration: line-through;
  }

  .upsell-card__price--regular {
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #2C2C2C;
  }

  /* Actions */
  .upsell-card__actions {
    margin-top: auto;
    padding-top: 8px;
  }

  .upsell-card__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 12px 24px;
    background: #FD862B;
    color: #FFFFFF;
    font-family: 'Galiwar', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    border-radius: 8px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
    border: none;
    cursor: pointer;
    gap: 8px;
    min-height: 44px;
    position: relative;
  }

  .upsell-card__btn:hover:not(:disabled):not(.is-loading) {
    background: #E6751F;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(253, 134, 43, 0.4);
  }

  .upsell-card__btn:active:not(:disabled):not(.is-loading) {
    transform: translateY(0);
  }

  .upsell-card__btn:disabled {
    background: #E8E8E8;
    color: #999999;
    cursor: not-allowed;
    opacity: 0.6;
  }

  .upsell-card__btn--view {
    background: #79BEFD;
  }

  .upsell-card__btn--view:hover {
    background: #5BA8F0;
    box-shadow: 0 4px 12px rgba(121, 190, 253, 0.4);
  }

  .upsell-card__btn--sold-out {
    background: #E8E8E8;
    color: #999999;
  }

  .upsell-card__btn.is-loading {
    pointer-events: none;
    background: #FD862B !important;
    transform: none !important;
    box-shadow: none !important;
  }

  .upsell-card__btn.is-loading .upsell-card__btn-text {
    opacity: 0;
  }

  .upsell-card__btn.is-loading .upsell-card__btn-loader {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
  }
  
  .upsell-card__btn.is-loading .upsell-card__btn-loader svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }


  .upsell-card__spinner {
    animation: spin 0.8s linear infinite;
  }

  @keyframes spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  /* Compact Version (for Cart Drawer) */
  .upsell-card--compact {
    flex-direction: row;
    border-radius: 12px;
    width: 100%;
    max-width: 100%;
  }

  .upsell-card--compact .upsell-card__image-wrapper {
    width: 80px;
    min-width: 80px;
    height: 120px;
    flex-shrink: 0;
  }

  .upsell-card--compact .upsell-card__image {
    object-fit: contain;
    object-position: center;
  }

  .upsell-card--compact .upsell-card__content {
    padding: 16px;
    flex: 1;
    min-width: 0;
  }

  .upsell-card--compact .upsell-card__title-link {
    font-size: 16px;
  }

  .upsell-card--compact .upsell-card__price--sale,
  .upsell-card--compact .upsell-card__price--regular {
    font-size: 18px;
  }

  .upsell-card--compact .upsell-card__price--compare {
    font-size: 14px;
  }

  .upsell-card--compact .upsell-card__btn {
    padding: 10px 16px;
    font-size: 14px;
    min-height: 40px;
  }

  /* Responsive */
  @media (max-width: 640px) {
    /* Layout compacto no mobile (similar ao cart drawer) */
    .upsell-card {
      flex-direction: row;
      border-radius: 12px;
    }

    .upsell-card__image-wrapper {
      width: 80px;
      min-width: 80px;
      height: 120px;
      flex-shrink: 0;
    }

    .upsell-card__image {
      object-fit: contain;
      object-position: center;
    }

    .upsell-card__content {
      padding: 16px;
      flex: 1;
      min-width: 0;
    }

    .upsell-card__title-link {
      font-size: 16px;
    }

    .upsell-card__price--sale,
    .upsell-card__price--regular {
      font-size: 18px;
    }

    .upsell-card__price--compare {
      font-size: 14px;
    }

    .upsell-card__btn {
      padding: 10px 16px;
      font-size: 14px;
      min-height: 40px;
    }

    .upsell-card--compact {
      width: 100%;
      max-width: 100%;
    }

    .upsell-card--compact .upsell-card__image-wrapper {
      width: 60px;
      min-width: 60px;
      height: 85px;
    }

    .upsell-card--compact .upsell-card__content {
      padding: 10px;
      gap: 8px;
    }

    .upsell-card--compact .upsell-card__title-link {
      font-size: 14px;
      line-height: 1.3;
    }

    .upsell-card--compact .upsell-card__price--sale,
    .upsell-card--compact .upsell-card__price--regular {
      font-size: 16px;
    }

    .upsell-card--compact .upsell-card__price--compare {
      font-size: 12px;
    }

    .upsell-card--compact .upsell-card__btn {
      padding: 8px 14px;
      font-size: 13px;
      min-height: 36px;
    }
  }